scl/szurubooru
1
0
Fork 0
mirror of https://github.com/rr-/szurubooru.git synced 2025-07-17 08:26:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Split cycle fit mode button to 1 for each fit mode

Browse Source
This commit is contained in:
rr-
2015-07-19 12:26:11 +02:00
parent 5ad854e38a
commit 362087ee63
4 changed files with 42 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
public_html/js/Presenters/PostContentPresenter.js
View File

@ -36,19 +36,24 @@ App.Presenters.PostContentPresenter = function(
var ratio = originalWidth / originalHeight;
var height = jQuery(window).height() - $wrapper.offset().top;
var width = (height - 10) * ratio;
$wrapper.css({maxWidth: width + 'px'});
$wrapper.css({maxWidth: width + 'px', width: ''});
},
'fit-width': function($wrapper) {
var originalWidth = $wrapper.attr('data-width');
$wrapper.css({maxWidth: originalWidth + 'px', width: 'auto'});
$wrapper.css({maxWidth: originalWidth + 'px', width: ''});
},
'original': function($wrapper) {
var originalWidth = $wrapper.attr('data-width');
$wrapper.css({maxWidth: null, width: originalWidth + 'px'});
$wrapper.css({maxWidth: '', width: originalWidth + 'px'});
}
};
var fitterNames = Object.keys(fitters);
function getFitMode() {
var $wrapper = $target.find('.object-wrapper');
return $wrapper.data('current-fit');
}
function changeFitMode(mode) {
var $wrapper = $target.find('.object-wrapper');
@ -58,8 +63,8 @@ App.Presenters.PostContentPresenter = function(
function cycleFitMode() {
var $wrapper = $target.find('.object-wrapper');
var mode = $wrapper.data('current-fit');
var newMode = fitterNames[(fitterNames.indexOf(mode) + 1) % fitterNames.length];
var oldMode = getFitMode();
var newMode = fitterNames[(fitterNames.indexOf(oldMode) + 1) % fitterNames.length];
$wrapper.data('current-fit', newMode);
fitters[$wrapper.data('current-fit')]($wrapper);
updatePostNotesSize();
@ -105,6 +110,11 @@ App.Presenters.PostContentPresenter = function(
render: render,
addNewPostNote: addNewPostNote,
updatePostNotesSize: updatePostNotesSize,
fitWidth: function() { changeFitMode('fit-width'); },
fitHeight: function() { changeFitMode('fit-height'); },
fitOriginal: function() { changeFitMode('original'); },
getFitMode: getFitMode,
changeFitMode: changeFitMode,
cycleFitMode: cycleFitMode,
};
};