New features: fluid layout and original images loading.

This commit is contained in:
skobkin 2014-03-19 10:43:04 -07:00
parent 47d8a479a0
commit 1f3064ae3e
4 changed files with 50 additions and 6 deletions

View file

@ -9,6 +9,10 @@ function save_options() {
var checkbox_fancybox_videos = document.getElementById('option-fancybox-videos'); var checkbox_fancybox_videos = document.getElementById('option-fancybox-videos');
// Posts // Posts
var checkbox_fancybox_posts = document.getElementById('option-fancybox-posts'); var checkbox_fancybox_posts = document.getElementById('option-fancybox-posts');
// Fluid layout
var checkbox_layout_fluid = document.getElementById('option-layout-fluid');
// Load original images
var checkbox_images_load_original = document.getElementById('option-images-load-original');
// Saving parameters // Saving parameters
chrome.storage.sync.set({ chrome.storage.sync.set({
@ -16,6 +20,8 @@ function save_options() {
'option_fancybox_images': checkbox_fancybox_images.checked, 'option_fancybox_images': checkbox_fancybox_images.checked,
'option_fancybox_videos': checkbox_fancybox_videos.checked, 'option_fancybox_videos': checkbox_fancybox_videos.checked,
'option_fancybox_posts': checkbox_fancybox_posts.checked, 'option_fancybox_posts': checkbox_fancybox_posts.checked,
'option_fluid_layout': checkbox_layout_fluid.checked,
'option_images_load_original': checkbox_images_load_original.checked
}, function() { }, function() {
// Update status to let user know options were saved. // Update status to let user know options were saved.
var status = document.getElementById('status'); var status = document.getElementById('status');
@ -29,7 +35,7 @@ function save_options() {
// Restores select box state to saved value from localStorage. // Restores select box state to saved value from localStorage.
function restore_options() { function restore_options() {
// Loading options // Loading options
chrome.storage.sync.get(['option_fancybox_images', 'option_fancybox_videos', 'option_fancybox_posts', 'option_ctrl_enter'], function(options) { chrome.storage.sync.get(['option_fancybox_images', 'option_fancybox_videos', 'option_fancybox_posts', 'option_ctrl_enter', 'option_images_load_original', 'option_fluid_layout'], function(options) {
// CTRL+Enter // CTRL+Enter
if (options.option_ctrl_enter == true) { if (options.option_ctrl_enter == true) {
document.getElementById('option-ctrl-enter').checked = true; document.getElementById('option-ctrl-enter').checked = true;
@ -47,6 +53,14 @@ function restore_options() {
if (options.option_fancybox_posts == true) { if (options.option_fancybox_posts == true) {
document.getElementById('option-fancybox-posts').checked = true; document.getElementById('option-fancybox-posts').checked = true;
} }
// Fluid layout
if (options.option_fluid_layout == true) {
document.getElementById('option-layout-fluid').checked = true;
}
// Load original images
if (options.option_images_load_original == true) {
document.getElementById('option-images-load-original').checked = true;
}
}); });
} }
document.addEventListener('DOMContentLoaded', restore_options); document.addEventListener('DOMContentLoaded', restore_options);

View file

@ -1,9 +1,10 @@
$(document).ready(function() { $(document).ready(function() {
// Loading options // Loading options
chrome.storage.sync.get(['option_fancybox_images', 'option_fancybox_videos', 'option_fancybox_posts', 'option_ctrl_enter'], function(options) { chrome.storage.sync.get(['option_fancybox_images', 'option_fancybox_videos', 'option_fancybox_posts', 'option_ctrl_enter', 'option_fluid_layout', 'option_images_load_original'], function(options) {
// Fancybox // Fancybox
// Images // Images
if (options.option_fancybox_images == true) { if (options.option_fancybox_images == true) {
// TODO: group images to the galeries
$('.postimg:not(.video)').fancybox(); $('.postimg:not(.video)').fancybox();
} }
// Videos // Videos
@ -26,7 +27,7 @@ $(document).ready(function() {
maxWidth: 780 maxWidth: 780
}); });
} }
// Hotkeys
// Send by CTRL+Enter // Send by CTRL+Enter
if (options.option_ctrl_enter == true) { if (options.option_ctrl_enter == true) {
$('.reply-form textarea').keydown(function(e) { $('.reply-form textarea').keydown(function(e) {
@ -37,7 +38,29 @@ $(document).ready(function() {
} }
}); });
} }
// Look and feel
// Fluid #main layout
if (options.option_fluid_layout == true) {
$('#main').css({
'width': '95%',
'max-width': '95%'
});
}
// Image resizing
if (options.option_images_load_original == true) {
// Setting new image source
$('.postimg:not(.video) img').each(function(){
console.log($(this).parent('.postimg').attr('href'));
$(this).attr('src', $(this).parent('.postimg').attr('href'));
});
// Resizing
$('.postimg:not(.video), .postimg:not(.video) img').css({
'width': 'auto',
'height': 'auto',
'max-width': '100%',
'max-height': '100%'
});
}
}); });
// Showing page action // Showing page action

View file

@ -1,7 +1,7 @@
{ {
"manifest_version": 2, "manifest_version": 2,
"name": "Point+", "name": "Point+",
"version": "1.1", "version": "1.2",
"author": "Alexey Skobkin", "author": "Alexey Skobkin",
"homepage_url": "https://bitbucket.org/skobkin/chrome_point_plus", "homepage_url": "https://bitbucket.org/skobkin/chrome_point_plus",
"description": "Some new features for point.im", "description": "Some new features for point.im",

View file

@ -18,6 +18,13 @@
<p> <p>
<label><input type="checkbox" id="option-ctrl-enter">Send post and comments by CTRL+Enter</label> <label><input type="checkbox" id="option-ctrl-enter">Send post and comments by CTRL+Enter</label>
</p> </p>
<h4>Look and feel</h4>
<p>
<label><input type="checkbox" id="option-layout-fluid">Fluid layout</label>
</p>
<p>
<label><input type="checkbox" id="option-images-load-original">Load original images instead of thumbnails
</p>
<br> <br>
<div id="status"></div> <div id="status"></div>
<button id="save">Save</button> <button id="save">Save</button>