mirrors/h5ai
1
0
Fork 0
mirror of https://github.com/lrsjng/h5ai.git synced 2025-06-06 01:31:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Begin to move all src javascript to es6. Add search/filter ignore case option.

Browse source
This commit is contained in:
Lars Jung 2016-06-02 23:16:23 +02:00
parent f37e8e7b89
commit 7ec2bdf16a
58 changed files with 3546 additions and 3420 deletions
Download patch file Download diff file Expand all files Collapse all files

153
src/_h5ai/public/js/lib/view/viewmode.js
View file

@ -1,91 +1,98 @@
modulejs.define('view/viewmode', ['_', '$', 'core/event', 'core/resource', 'core/settings', 'view/sidebar', 'view/topbar', 'view/view'], function (_, $, event, resource, allsettings, sidebar, topbar, view) {
var settings = _.extend({
modeToggle: false
}, allsettings.view);
var tplSettings =
'<div id="viewmode-settings" class="block"><h1 class="l10n-view">View</h1></div>';
var tplMode =
'<div id="viewmode-[MODE]" class="button mode">' +
'<img src="' + resource.image('view-[MODE]') + '" alt="viewmode-[MODE]"/>' +
'</div>';
var tplSize =
'<input id="viewmode-size" type="range" min="0" max="0" value="0">';
var tplToggle =
'<div id="viewmode-toggle" class="tool">' +
'<img alt="viewmode"/>' +
'</div>';
var modes;
var sizes;
const {jQuery: jq, _: lo} = require('../win');
const event = require('../core/event');
const resource = require('../core/resource');
const allsettings = require('../core/settings');
const sidebar = require('./sidebar');
const topbar = require('./topbar');
const view = require('./view');
function onChanged(mode, size) {
$('#viewmode-settings .mode').removeClass('active');
$('#viewmode-' + mode).addClass('active');
$('#viewmode-size').val(_.indexOf(sizes, size));
const settings = lo.extend({
modeToggle: false
}, allsettings.view);
const tplSettings =
'<div id="viewmode-settings" class="block"><h1 class="l10n-view">View</h1></div>';
const tplMode =
`<div id="viewmode-[MODE]" class="button mode">
<img src="${resource.image('view-[MODE]')}" alt="viewmode-[MODE]"/>
</div>`;
const tplSize =
'<input id="viewmode-size" type="range" min="0" max="0" value="0">';
const tplToggle =
`<div id="viewmode-toggle" class="tool">
<img alt="viewmode"/>
</div>`;
let modes;
let sizes;
if (settings.modeToggle === 'next') {
mode = modes[(modes.indexOf(mode) + 1) % modes.length];
}
$('#viewmode-toggle img').attr('src', resource.image('view-' + mode));
function onChanged(mode, size) {
jq('#viewmode-settings .mode').removeClass('active');
jq('#viewmode-' + mode).addClass('active');
jq('#viewmode-size').val(lo.indexOf(sizes, size));
if (settings.modeToggle === 'next') {
mode = modes[(modes.indexOf(mode) + 1) % modes.length];
}
jq('#viewmode-toggle img').attr('src', resource.image('view-' + mode));
}
function addSettings() {
if (modes.length < 2 && sizes.length < 2) {
return;
}
function addSettings() {
if (modes.length < 2 && sizes.length < 2) {
return;
}
const $viewBlock = jq(tplSettings);
var $viewBlock = $(tplSettings);
if (modes.length > 1) {
_.each(modes, function (mode) {
$(tplMode.replace(/\[MODE\]/g, mode))
.on('click', function () {
view.setMode(mode);
})
.appendTo($viewBlock);
});
}
if (sizes.length > 1) {
var max = sizes.length - 1;
$(tplSize)
.prop('max', max).attr('max', max)
.on('input change', function (ev) {
view.setSize(sizes[ev.target.valueAsNumber]);
if (modes.length > 1) {
lo.each(modes, mode => {
jq(tplMode.replace(/\[MODE\]/g, mode))
.on('click', () => {
view.setMode(mode);
})
.appendTo($viewBlock);
}
$viewBlock.appendTo(sidebar.$el);
});
}
function onToggle() {
var mode = view.getMode();
var nextIdx = (modes.indexOf(mode) + 1) % modes.length;
var nextMode = modes[nextIdx];
view.setMode(nextMode);
if (sizes.length > 1) {
const max = sizes.length - 1;
jq(tplSize)
.prop('max', max).attr('max', max)
.on('input change', ev => {
view.setSize(sizes[ev.target.valueAsNumber]);
})
.appendTo($viewBlock);
}
function addToggle() {
if (settings.modeToggle && modes.length > 1) {
$(tplToggle)
.on('click', onToggle)
.appendTo(topbar.$toolbar);
}
$viewBlock.appendTo(sidebar.$el);
}
function onToggle() {
const mode = view.getMode();
const nextIdx = (modes.indexOf(mode) + 1) % modes.length;
const nextMode = modes[nextIdx];
view.setMode(nextMode);
}
function addToggle() {
if (settings.modeToggle && modes.length > 1) {
jq(tplToggle)
.on('click', onToggle)
.appendTo(topbar.$toolbar);
}
}
function init() {
modes = view.getModes();
sizes = view.getSizes();
function init() {
modes = view.getModes();
sizes = view.getSizes();
addSettings();
addToggle();
onChanged(view.getMode(), view.getSize());
addSettings();
addToggle();
onChanged(view.getMode(), view.getSize());
event.sub('view.mode.changed', onChanged);
}
event.sub('view.mode.changed', onChanged);
}
init();
});
init();