mirror of
https://github.com/lrsjng/h5ai.git
synced 2025-05-23 11:37:03 -04:00
Begin to move all src javascript to es6. Add search/filter ignore case option.
This commit is contained in:
Lars Jung
parent
f37e8e7b89
commit
7ec2bdf16a
58 changed files with 3546 additions and 3420 deletions
27
.eslintrc
27
.eslintrc
|
|
@ -5,29 +5,8 @@
|
|||
es6: true
|
||||
node: true
|
||||
|
||||
ecmaFeatures:
|
||||
arrowFunctions: true
|
||||
binaryLiterals: true
|
||||
blockBindings: true
|
||||
classes: false
|
||||
defaultParams: true
|
||||
destructuring: true
|
||||
forOf: true
|
||||
generators: true
|
||||
globalReturn: true
|
||||
jsx: false
|
||||
modules: true
|
||||
objectLiteralComputedProperties: true
|
||||
objectLiteralDuplicateProperties: true
|
||||
objectLiteralShorthandMethods: true
|
||||
objectLiteralShorthandProperties: true
|
||||
octalLiterals: true
|
||||
regexUFlag: true
|
||||
regexYFlag: true
|
||||
spread: true
|
||||
superInFunctions: false
|
||||
templateStrings: true
|
||||
unicodeCodePointEscapes: true
|
||||
parserOptions:
|
||||
ecmaVersion: 6
|
||||
|
||||
rules:
|
||||
array-bracket-spacing: [2, never]
|
||||
|
|
@ -179,7 +158,7 @@
|
|||
prefer-const: 1
|
||||
prefer-reflect: 1
|
||||
prefer-spread: 2
|
||||
prefer-template: 0 ###
|
||||
prefer-template: 0
|
||||
quote-props: [2, as-needed]
|
||||
quotes: [2, single, avoid-escape]
|
||||
radix: 2
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
# Changelog
|
||||
|
||||
* add options to filter/search ignore case
|
||||
* replace PHP `getenv` calls with `$_SERVER` lookups
|
||||
* adds `view.fallbackMode` option to generally serve only fallback mode
|
||||
* serves fallback mode for text browsers (`curl`, `links`, `lynx`, `w3m`)
|
||||
|
|
@ -15,7 +16,7 @@
|
|||
* updates `jQuery` to 2.2.4
|
||||
* updates `jquery-qrcode` to 0.14.0
|
||||
* updates `lodash` to 4.13.1 (removes `contains`)
|
||||
* updates `modulejs` to 1.14.0
|
||||
* removes `modulejs`
|
||||
|
||||
|
||||
## v0.28.0 - *2015-12-19*
|
||||
|
|
|
|||
23
ghu.js
23
ghu.js
|
|
@ -1,7 +1,7 @@
|
|||
const {resolve, join} = require('path');
|
||||
const {
|
||||
ghu, autoprefixer, cssmin, each, ife, includeit, jszip, less, mapfn,
|
||||
newerThan, pug, read, remove, run, uglify, watch, wrap, write
|
||||
newerThan, pug, read, remove, run, uglify, watch, webpack, wrap, write
|
||||
} = require('ghu');
|
||||
|
||||
const ROOT = resolve(__dirname);
|
||||
|
|
@ -49,8 +49,27 @@ ghu.task('lint', 'lint all JavaScript files with eslint', () => {
|
|||
});
|
||||
|
||||
ghu.task('build:scripts', runtime => {
|
||||
return read(`${SRC}/_h5ai/public/js/*.js`)
|
||||
const webpackConfig = {
|
||||
output: {},
|
||||
module: {
|
||||
loaders: [
|
||||
{
|
||||
include: [SRC],
|
||||
loader: 'babel',
|
||||
query: {
|
||||
presets: ['es2015'],
|
||||
cacheDirectory: true
|
||||
}
|
||||
}
|
||||
],
|
||||
presets: ['es2015']
|
||||
}
|
||||
};
|
||||
|
||||
return read(`${SRC}/_h5ai/public/js/scripts.js`)
|
||||
.then(newerThan(mapper, `${SRC}/_h5ai/public/js/**`))
|
||||
.then(webpack(webpackConfig, {showStats: true}))
|
||||
.then(wrap('\n\n// @include "vendor/*"\n\n'))
|
||||
.then(includeit())
|
||||
.then(ife(() => runtime.args.production, uglify()))
|
||||
.then(wrap(runtime.commentJs))
|
||||
|
|
|
|||
|
|
@ -15,6 +15,8 @@
|
|||
"build": "node ghu release"
|
||||
},
|
||||
"devDependencies": {
|
||||
"babel-loader": "6.2.4",
|
||||
"babel-preset-es2015": "6.9.0",
|
||||
"eslint": "2.11.0",
|
||||
"ghu": "0.6.0"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,43 +1,5 @@
|
|||
---
|
||||
env:
|
||||
es6: false
|
||||
node: false
|
||||
browser: true
|
||||
mocha: false
|
||||
|
||||
globals:
|
||||
modulejs: false
|
||||
|
||||
ecmaFeatures:
|
||||
arrowFunctions: false
|
||||
binaryLiterals: false
|
||||
blockBindings: false
|
||||
classes: false
|
||||
defaultParams: false
|
||||
destructuring: false
|
||||
forOf: false
|
||||
generators: false
|
||||
globalReturn: false
|
||||
jsx: false
|
||||
modules: false
|
||||
objectLiteralComputedProperties: false
|
||||
objectLiteralDuplicateProperties: false
|
||||
objectLiteralShorthandMethods: false
|
||||
objectLiteralShorthandProperties: false
|
||||
octalLiterals: false
|
||||
regexUFlag: false
|
||||
regexYFlag: false
|
||||
spread: false
|
||||
superInFunctions: false
|
||||
templateStrings: false
|
||||
unicodeCodePointEscapes: false
|
||||
|
||||
rules:
|
||||
consistent-this: 0
|
||||
func-names: 0
|
||||
max-params: [1, 10]
|
||||
no-invalid-this: 0
|
||||
no-var: 0
|
||||
object-shorthand: 0
|
||||
prefer-arrow-callback: 0
|
||||
no-console: 1
|
||||
prefer-reflect: 0
|
||||
|
|
|
|||
|
|
@ -144,11 +144,13 @@
|
|||
|
||||
- advanced: boolean, use advanced pattern parsing
|
||||
- debounceTime: number, debounce wait time in milliseconds
|
||||
- ignorecase: boolean, ignore case
|
||||
*/
|
||||
"filter": {
|
||||
"enabled": false,
|
||||
"enabled": true,
|
||||
"advanced": true,
|
||||
"debounceTime": 100
|
||||
"debounceTime": 100,
|
||||
"ignorecase": true
|
||||
},
|
||||
|
||||
/*
|
||||
|
|
@ -311,11 +313,13 @@
|
|||
|
||||
- advanced: boolean, use advanced pattern parsing
|
||||
- debounceTime: number, debounce wait time in milliseconds
|
||||
- ignorecase: boolean, ignore case
|
||||
*/
|
||||
"search": {
|
||||
"enabled": true,
|
||||
"advanced": true,
|
||||
"debounceTime": 300
|
||||
"debounceTime": 300,
|
||||
"ignorecase": true
|
||||
},
|
||||
|
||||
/*
|
||||
|
|
|
|||
|
|
@ -45,7 +45,6 @@ class Api {
|
|||
|
||||
foreach (['langs', 'options', 'types'] as $name) {
|
||||
if ($this->request->query_boolean($name, false)) {
|
||||
|
||||
$methodname = 'get_' . $name;
|
||||
$response[$name] = $this->context->$methodname();
|
||||
}
|
||||
|
|
@ -84,8 +83,9 @@ class Api {
|
|||
Util::json_fail(Util::ERR_DISABLED, 'search disabled', !$this->context->query_option('search.enabled', false));
|
||||
$href = $this->request->query('search.href');
|
||||
$pattern = $this->request->query('search.pattern');
|
||||
$ignorecase = $this->request->query_boolean('search.ignorecase', false);
|
||||
$search = new Search($this->context);
|
||||
$response['search'] = $search->get_items($href, $pattern);
|
||||
$response['search'] = $search->get_items($href, $pattern, $ignorecase);
|
||||
}
|
||||
|
||||
if ($this->request->query('thumbs', false)) {
|
||||
|
|
|
|||
|
|
@ -7,10 +7,13 @@ class Search {
|
|||
$this->context = $context;
|
||||
}
|
||||
|
||||
public function get_paths($root, $pattern = null) {
|
||||
public function get_paths($root, $pattern = null, $ignorecase = false) {
|
||||
$paths = [];
|
||||
if ($pattern && $this->context->is_managed_path($root)) {
|
||||
$re = Util::wrap_pattern($pattern);
|
||||
if ($ignorecase) {
|
||||
$re .= 'i';
|
||||
}
|
||||
$names = $this->context->read_dir($root);
|
||||
foreach ($names as $name) {
|
||||
$path = $root . '/' . $name;
|
||||
|
|
@ -18,17 +21,17 @@ class Search {
|
|||
$paths[] = $path;
|
||||
}
|
||||
if (@is_dir($path)) {
|
||||
$paths = array_merge($paths, $this->get_paths($path, $pattern));
|
||||
$paths = array_merge($paths, $this->get_paths($path, $pattern, $ignorecase));
|
||||
}
|
||||
}
|
||||
}
|
||||
return $paths;
|
||||
}
|
||||
|
||||
public function get_items($href, $pattern = null) {
|
||||
public function get_items($href, $pattern = null, $ignorecase = false) {
|
||||
$cache = [];
|
||||
$root = $this->context->to_path($href);
|
||||
$paths = $this->get_paths($root, $pattern);
|
||||
$paths = $this->get_paths($root, $pattern, $ignorecase);
|
||||
$items = array_map(function ($path) {
|
||||
return Item::get($this->context, $path, $cache)->to_json_object();
|
||||
}, $paths);
|
||||
|
|
|
|||
|
|
@ -1,25 +0,0 @@
|
|||
modulejs.define('boot', ['$', 'core/server'], function ($, server) {
|
||||
var module = $('script[data-module]').data('module');
|
||||
var data = {
|
||||
action: 'get',
|
||||
setup: true,
|
||||
options: true,
|
||||
types: true
|
||||
};
|
||||
|
||||
if (module === 'index') {
|
||||
data.theme = true;
|
||||
data.langs = true;
|
||||
} else if (module === 'info') {
|
||||
data.refresh = true;
|
||||
} else {
|
||||
return;
|
||||
}
|
||||
|
||||
server.request(data, function (config) {
|
||||
modulejs.define('config', config);
|
||||
$(function () {
|
||||
modulejs.require('main/' + module);
|
||||
});
|
||||
});
|
||||
});
|
||||
10
src/_h5ai/public/js/lib/config.js
Normal file
10
src/_h5ai/public/js/lib/config.js
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
const {request} = require('./core/server');
|
||||
|
||||
const config = module.exports = {
|
||||
_update: data => {
|
||||
return request(data).then(newConfig => {
|
||||
Object.assign(config, newConfig);
|
||||
return config;
|
||||
});
|
||||
}
|
||||
};
|
||||
|
|
@ -1,36 +1,33 @@
|
|||
modulejs.define('core/event', ['_'], function (_) {
|
||||
var slice = Array.prototype.slice;
|
||||
var subscriptions = {};
|
||||
const {_: lo} = require('../win');
|
||||
|
||||
function sub(topic, callback) {
|
||||
if (_.isString(topic) && _.isFunction(callback)) {
|
||||
const subscriptions = {};
|
||||
|
||||
function sub(topic, listener) {
|
||||
if (lo.isString(topic) && lo.isFunction(listener)) {
|
||||
if (!subscriptions[topic]) {
|
||||
subscriptions[topic] = [];
|
||||
}
|
||||
subscriptions[topic].push(callback);
|
||||
subscriptions[topic].push(listener);
|
||||
}
|
||||
}
|
||||
|
||||
function unsub(topic, callback) {
|
||||
if (_.isString(topic) && _.isFunction(callback) && subscriptions[topic]) {
|
||||
subscriptions[topic] = _.without(subscriptions[topic], callback);
|
||||
function unsub(topic, listener) {
|
||||
if (lo.isString(topic) && lo.isFunction(listener) && subscriptions[topic]) {
|
||||
subscriptions[topic] = lo.without(subscriptions[topic], listener);
|
||||
}
|
||||
}
|
||||
|
||||
function pub(topic) {
|
||||
var args = slice.call(arguments, 1);
|
||||
|
||||
if (_.isString(topic) && subscriptions[topic]) {
|
||||
_.each(subscriptions[topic], function (callback) {
|
||||
callback.apply(topic, args);
|
||||
function pub(topic, ...args) {
|
||||
// console.log(topic, args);
|
||||
if (lo.isString(topic) && subscriptions[topic]) {
|
||||
lo.each(subscriptions[topic], listener => {
|
||||
listener.apply(topic, args);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return {
|
||||
sub: sub,
|
||||
unsub: unsub,
|
||||
pub: pub
|
||||
module.exports = {
|
||||
sub,
|
||||
unsub,
|
||||
pub
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,16 +1,18 @@
|
|||
modulejs.define('core/format', ['_'], function (_) {
|
||||
var decimalMetric = {
|
||||
const {_: lo} = require('../win');
|
||||
|
||||
const decimalMetric = {
|
||||
t: 1000.0,
|
||||
k: 1000.0,
|
||||
u: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
|
||||
};
|
||||
var binaryMetric = {
|
||||
const binaryMetric = {
|
||||
t: 1024.0,
|
||||
k: 1024.0,
|
||||
u: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']
|
||||
};
|
||||
var defaultMetric = decimalMetric;
|
||||
var datePatterns = [
|
||||
let defaultMetric = decimalMetric;
|
||||
|
||||
const datePatterns = [
|
||||
[/YYYY/, 'Y', 4],
|
||||
[/YY/, 'Y', 2],
|
||||
[/Y/, 'Y', 0],
|
||||
|
|
@ -25,7 +27,7 @@ modulejs.define('core/format', ['_'], function (_) {
|
|||
[/ss/, 's', 2],
|
||||
[/s/, 's', 0]
|
||||
];
|
||||
var defaultDateFormat = 'YYYY-MM-DD HH:mm';
|
||||
let defaultDateFormat = 'YYYY-MM-DD HH:mm';
|
||||
|
||||
|
||||
function setDefaultMetric(useBinaryMetric) {
|
||||
|
|
@ -35,12 +37,12 @@ modulejs.define('core/format', ['_'], function (_) {
|
|||
function formatSize(size, metric) {
|
||||
metric = metric || defaultMetric;
|
||||
|
||||
if (!_.isNumber(size) || size < 0) {
|
||||
if (!lo.isNumber(size) || size < 0) {
|
||||
return '';
|
||||
}
|
||||
|
||||
var i = 0;
|
||||
var maxI = metric.u.length - 1;
|
||||
let i = 0;
|
||||
const maxI = metric.u.length - 1;
|
||||
|
||||
while (size >= metric.t && i < maxI) {
|
||||
size /= metric.k;
|
||||
|
|
@ -54,7 +56,7 @@ modulejs.define('core/format', ['_'], function (_) {
|
|||
}
|
||||
|
||||
function formatNumber(number, padding) {
|
||||
var str = String(number);
|
||||
let str = String(number);
|
||||
if (padding) {
|
||||
str = ('000' + str).substr(-padding);
|
||||
}
|
||||
|
|
@ -62,14 +64,14 @@ modulejs.define('core/format', ['_'], function (_) {
|
|||
}
|
||||
|
||||
function formatDate(millis, format) {
|
||||
if (!millis || !_.isNumber(millis)) {
|
||||
if (!millis || !lo.isNumber(millis)) {
|
||||
return '';
|
||||
}
|
||||
|
||||
format = format || defaultDateFormat;
|
||||
|
||||
var date = new Date(millis);
|
||||
var d = {
|
||||
const date = new Date(millis);
|
||||
const d = {
|
||||
Y: date.getFullYear(),
|
||||
M: date.getMonth() + 1,
|
||||
D: date.getDate(),
|
||||
|
|
@ -78,7 +80,7 @@ modulejs.define('core/format', ['_'], function (_) {
|
|||
s: date.getSeconds()
|
||||
};
|
||||
|
||||
datePatterns.forEach(function (pattern) {
|
||||
datePatterns.forEach(pattern => {
|
||||
format = format.replace(pattern[0], formatNumber(d[pattern[1]], pattern[2]));
|
||||
});
|
||||
|
||||
|
|
@ -86,10 +88,9 @@ modulejs.define('core/format', ['_'], function (_) {
|
|||
}
|
||||
|
||||
|
||||
return {
|
||||
setDefaultMetric: setDefaultMetric,
|
||||
formatSize: formatSize,
|
||||
setDefaultDateFormat: setDefaultDateFormat,
|
||||
formatDate: formatDate
|
||||
module.exports = {
|
||||
setDefaultMetric,
|
||||
formatSize,
|
||||
setDefaultDateFormat,
|
||||
formatDate
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,3 +1,2 @@
|
|||
modulejs.define('core/langs', ['_', 'config'], function (_, config) {
|
||||
return _.extend({}, config.langs);
|
||||
});
|
||||
const config = require('../config');
|
||||
module.exports = Object.assign({}, config.langs);
|
||||
|
|
|
|||
|
|
@ -1,13 +1,19 @@
|
|||
modulejs.define('core/location', ['_', 'core/event', 'core/modernizr', 'core/settings', 'view/notification'], function (_, event, modernizr, allsettings, notification) {
|
||||
var settings = _.extend({
|
||||
const {window: win, document: doc, _: lo} = require('../win');
|
||||
const {request} = require('./server');
|
||||
const allsettings = require('./settings');
|
||||
const modernizr = require('./modernizr');
|
||||
const event = require('./event');
|
||||
|
||||
const notification = require('../view/notification');
|
||||
|
||||
|
||||
const settings = lo.extend({
|
||||
fastBrowsing: true,
|
||||
unmanagedInNewWindow: true
|
||||
}, allsettings.view);
|
||||
var doc = document;
|
||||
var history = settings.fastBrowsing && modernizr.history ? window.history : null;
|
||||
var reUriToPathname = /^.*:\/\/[^\/]*|[^\/]*$/g;
|
||||
var absHref = null;
|
||||
var reForceEncoding = [
|
||||
const history = settings.fastBrowsing && modernizr.history ? win.history : null;
|
||||
const reUriToPathname = /^.*:\/\/[^\/]*|[^\/]*$/g;
|
||||
const reForceEncoding = [
|
||||
[/\/+/g, '/'],
|
||||
[/ /g, '%20'],
|
||||
[/!/g, '%21'],
|
||||
|
|
@ -29,8 +35,12 @@ modulejs.define('core/location', ['_', 'core/event', 'core/modernizr', 'core/set
|
|||
[/\]/g, '%5D']
|
||||
];
|
||||
|
||||
|
||||
let absHref = null;
|
||||
|
||||
|
||||
function forceEncoding(href) {
|
||||
return reForceEncoding.reduce(function (nuHref, data) {
|
||||
return reForceEncoding.reduce((nuHref, data) => {
|
||||
return nuHref.replace(data[0], data[1]);
|
||||
}, href);
|
||||
}
|
||||
|
|
@ -39,17 +49,17 @@ modulejs.define('core/location', ['_', 'core/event', 'core/modernizr', 'core/set
|
|||
return uri.replace(reUriToPathname, '');
|
||||
}
|
||||
|
||||
var hrefsAreDecoded = (function () {
|
||||
var testpathname = '/a b';
|
||||
var a = doc.createElement('a');
|
||||
const hrefsAreDecoded = (() => {
|
||||
const testpathname = '/a b';
|
||||
const a = doc.createElement('a');
|
||||
|
||||
a.href = testpathname;
|
||||
return uriToPathname(a.href) === testpathname;
|
||||
}());
|
||||
})();
|
||||
|
||||
function encodedHref(href) {
|
||||
var a = doc.createElement('a');
|
||||
var location;
|
||||
const a = doc.createElement('a');
|
||||
let location;
|
||||
|
||||
a.href = href;
|
||||
location = uriToPathname(a.href);
|
||||
|
|
@ -70,44 +80,45 @@ modulejs.define('core/location', ['_', 'core/event', 'core/modernizr', 'core/set
|
|||
}
|
||||
|
||||
function getItem() {
|
||||
return modulejs.require('model/item').get(absHref);
|
||||
const Item = require('../model/item');
|
||||
return Item.get(absHref);
|
||||
}
|
||||
|
||||
function load(callback) {
|
||||
modulejs.require('core/server').request({action: 'get', items: {href: absHref, what: 1}}, function (json) {
|
||||
var Item = modulejs.require('model/item');
|
||||
var item = Item.get(absHref);
|
||||
request({action: 'get', items: {href: absHref, what: 1}}).then(json => {
|
||||
const Item = require('../model/item');
|
||||
const item = Item.get(absHref);
|
||||
|
||||
if (json) {
|
||||
var found = {};
|
||||
const found = {};
|
||||
|
||||
_.each(json.items, function (jsonItem) {
|
||||
var e = Item.get(jsonItem);
|
||||
lo.each(json.items, jsonItem => {
|
||||
const e = Item.get(jsonItem);
|
||||
found[e.absHref] = true;
|
||||
});
|
||||
|
||||
_.each(item.content, function (e) {
|
||||
lo.each(item.content, e => {
|
||||
if (!found[e.absHref]) {
|
||||
Item.remove(e.absHref);
|
||||
}
|
||||
});
|
||||
}
|
||||
if (_.isFunction(callback)) {
|
||||
if (lo.isFunction(callback)) {
|
||||
callback(item);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function refresh() {
|
||||
var item = getItem();
|
||||
var oldItems = _.values(item.content);
|
||||
const item = getItem();
|
||||
const oldItems = lo.values(item.content);
|
||||
|
||||
event.pub('location.beforeRefresh');
|
||||
|
||||
load(function () {
|
||||
var newItems = _.values(item.content);
|
||||
var added = _.difference(newItems, oldItems);
|
||||
var removed = _.difference(oldItems, newItems);
|
||||
load(() => {
|
||||
const newItems = lo.values(item.content);
|
||||
const added = lo.difference(newItems, oldItems);
|
||||
const removed = lo.difference(oldItems, newItems);
|
||||
|
||||
event.pub('location.refreshed', item, added, removed);
|
||||
});
|
||||
|
|
@ -123,20 +134,20 @@ modulejs.define('core/location', ['_', 'core/event', 'core/modernizr', 'core/set
|
|||
|
||||
if (history) {
|
||||
if (keepBrowserUrl) {
|
||||
history.replaceState({absHref: absHref}, '', absHref);
|
||||
history.replaceState({absHref}, '', absHref);
|
||||
} else {
|
||||
history.pushState({absHref: absHref}, '', absHref);
|
||||
history.pushState({absHref}, '', absHref);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var item = getItem();
|
||||
const item = getItem();
|
||||
if (item.isLoaded) {
|
||||
event.pub('location.changed', item);
|
||||
refresh();
|
||||
} else {
|
||||
notification.set('loading...');
|
||||
load(function () {
|
||||
load(() => {
|
||||
item.isLoaded = true;
|
||||
notification.set();
|
||||
event.pub('location.changed', item);
|
||||
|
|
@ -148,7 +159,7 @@ modulejs.define('core/location', ['_', 'core/event', 'core/modernizr', 'core/set
|
|||
$el.attr('href', item.absHref);
|
||||
|
||||
if (history && item.isFolder() && item.isManaged) {
|
||||
$el.on('click', function () {
|
||||
$el.on('click', () => {
|
||||
setLocation(item.absHref);
|
||||
return false;
|
||||
});
|
||||
|
|
@ -166,16 +177,15 @@ modulejs.define('core/location', ['_', 'core/event', 'core/modernizr', 'core/set
|
|||
}
|
||||
|
||||
|
||||
window.onpopstate = history ? onPopState : null;
|
||||
win.onpopstate = history ? onPopState : null;
|
||||
|
||||
|
||||
return {
|
||||
forceEncoding: forceEncoding,
|
||||
getDomain: getDomain,
|
||||
getAbsHref: getAbsHref,
|
||||
getItem: getItem,
|
||||
setLocation: setLocation,
|
||||
refresh: refresh,
|
||||
setLink: setLink
|
||||
module.exports = {
|
||||
forceEncoding,
|
||||
getDomain,
|
||||
getAbsHref,
|
||||
getItem,
|
||||
setLocation,
|
||||
refresh,
|
||||
setLink
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,25 +1,25 @@
|
|||
modulejs.define('core/modernizr', function () {
|
||||
var hasCanvas = (function () {
|
||||
var elem = document.createElement('canvas');
|
||||
return Boolean(elem.getContext && elem.getContext('2d'));
|
||||
}());
|
||||
const win = require('../win');
|
||||
|
||||
var hasHistory = Boolean(window.history && history.pushState);
|
||||
const hasCanvas = (() => {
|
||||
const elem = win.document.createElement('canvas');
|
||||
return !!(elem.getContext && elem.getContext('2d'));
|
||||
})();
|
||||
|
||||
var hasLocalStorage = (function () {
|
||||
var key = '#test#';
|
||||
const hasHistory = !!(win.history && win.history.pushState);
|
||||
|
||||
const hasLocalStorage = (() => {
|
||||
const key = '#test#';
|
||||
try {
|
||||
localStorage.setItem(key, key);
|
||||
localStorage.removeItem(key);
|
||||
win.localStorage.setItem(key, key);
|
||||
win.localStorage.removeItem(key);
|
||||
return true;
|
||||
} catch (e) {
|
||||
return false;
|
||||
}
|
||||
}());
|
||||
})();
|
||||
|
||||
return {
|
||||
module.exports = {
|
||||
canvas: hasCanvas,
|
||||
history: hasHistory,
|
||||
localstorage: hasLocalStorage
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,9 +1,12 @@
|
|||
modulejs.define('core/resource', ['_', 'config', 'core/settings'], function (_, config, settings) {
|
||||
var imagesHref = settings.publicHref + 'images/';
|
||||
var uiHref = imagesHref + 'ui/';
|
||||
var themesHref = imagesHref + 'themes/';
|
||||
var defaultThemeHref = themesHref + 'default/';
|
||||
var defaultIcons = ['file', 'folder', 'folder-page', 'folder-parent', 'ar', 'aud', 'bin', 'img', 'txt', 'vid', 'x'];
|
||||
const {_: lo} = require('../win');
|
||||
const config = require('../config');
|
||||
const settings = require('./settings');
|
||||
|
||||
const imagesHref = settings.publicHref + 'images/';
|
||||
const uiHref = imagesHref + 'ui/';
|
||||
const themesHref = imagesHref + 'themes/';
|
||||
const defaultThemeHref = themesHref + 'default/';
|
||||
const defaultIcons = ['file', 'folder', 'folder-page', 'folder-parent', 'ar', 'aud', 'bin', 'img', 'txt', 'vid', 'x'];
|
||||
|
||||
|
||||
function image(id) {
|
||||
|
|
@ -11,18 +14,18 @@ modulejs.define('core/resource', ['_', 'config', 'core/settings'], function (_,
|
|||
}
|
||||
|
||||
function icon(id) {
|
||||
var baseId = (id || '').split('-')[0];
|
||||
var href = config.theme[id] || config.theme[baseId];
|
||||
const baseId = (id || '').split('-')[0];
|
||||
const href = config.theme[id] || config.theme[baseId];
|
||||
|
||||
if (href) {
|
||||
return themesHref + href;
|
||||
}
|
||||
|
||||
if (_.includes(defaultIcons, id)) {
|
||||
if (lo.includes(defaultIcons, id)) {
|
||||
return defaultThemeHref + id + '.svg';
|
||||
}
|
||||
|
||||
if (_.includes(defaultIcons, baseId)) {
|
||||
if (lo.includes(defaultIcons, baseId)) {
|
||||
return defaultThemeHref + baseId + '.svg';
|
||||
}
|
||||
|
||||
|
|
@ -30,8 +33,7 @@ modulejs.define('core/resource', ['_', 'config', 'core/settings'], function (_,
|
|||
}
|
||||
|
||||
|
||||
return {
|
||||
image: image,
|
||||
icon: icon
|
||||
module.exports = {
|
||||
image,
|
||||
icon
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,24 +1,23 @@
|
|||
modulejs.define('core/server', ['_', '$'], function (_, $) {
|
||||
function request(data, callback) {
|
||||
$.ajax({
|
||||
const {jQuery: jq, _: lo} = require('../win');
|
||||
|
||||
function request(data) {
|
||||
return new Promise(resolve => {
|
||||
jq.ajax({
|
||||
url: '?',
|
||||
data: data,
|
||||
data,
|
||||
type: 'post',
|
||||
dataType: 'json'
|
||||
})
|
||||
.done(function (json) {
|
||||
callback(json);
|
||||
})
|
||||
.fail(function () {
|
||||
callback();
|
||||
.done(json => resolve(json))
|
||||
.fail(() => resolve());
|
||||
});
|
||||
}
|
||||
|
||||
function formRequest(data) {
|
||||
var $form = $('<form method="post" action="?" style="display:none;"/>');
|
||||
const $form = jq('<form method="post" action="?" style="display:none;"/>');
|
||||
|
||||
_.each(data, function (val, key) {
|
||||
$('<input type="hidden"/>')
|
||||
lo.each(data, (val, key) => {
|
||||
jq('<input type="hidden"/>')
|
||||
.attr('name', key)
|
||||
.attr('value', val)
|
||||
.appendTo($form);
|
||||
|
|
@ -27,9 +26,7 @@ modulejs.define('core/server', ['_', '$'], function (_, $) {
|
|||
$form.appendTo('body').submit().remove();
|
||||
}
|
||||
|
||||
|
||||
return {
|
||||
request: request,
|
||||
formRequest: formRequest
|
||||
module.exports = {
|
||||
request,
|
||||
formRequest
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
modulejs.define('core/settings', ['_', 'config'], function (_, config) {
|
||||
return _.extend({}, config.options, {
|
||||
const config = require('../config');
|
||||
|
||||
module.exports = Object.assign({}, config.options, {
|
||||
publicHref: config.setup.PUBLIC_HREF,
|
||||
rootHref: config.setup.ROOT_HREF
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
modulejs.define('core/store', ['core/modernizr'], function (modernizr) {
|
||||
var store = modernizr.localstorage ? window.localStorage : {};
|
||||
var storekey = '_h5ai';
|
||||
const win = require('../win');
|
||||
const modernizr = require('./modernizr');
|
||||
|
||||
const store = modernizr.localstorage ? win.localStorage : {};
|
||||
const storekey = '_h5ai';
|
||||
|
||||
|
||||
function load() {
|
||||
|
|
@ -15,7 +17,7 @@ modulejs.define('core/store', ['core/modernizr'], function (modernizr) {
|
|||
}
|
||||
|
||||
function put(key, value) {
|
||||
var obj = load();
|
||||
const obj = load();
|
||||
obj[key] = value;
|
||||
save(obj);
|
||||
}
|
||||
|
|
@ -25,8 +27,7 @@ modulejs.define('core/store', ['core/modernizr'], function (modernizr) {
|
|||
}
|
||||
|
||||
|
||||
return {
|
||||
put: put,
|
||||
get: get
|
||||
module.exports = {
|
||||
put,
|
||||
get
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
modulejs.define('core/types', ['_', 'config'], function (_, config) {
|
||||
var reEndsWithSlash = /\/$/;
|
||||
var regexps = {};
|
||||
const {_: lo} = require('../win');
|
||||
const config = require('../config');
|
||||
|
||||
const reEndsWithSlash = /\/$/;
|
||||
const regexps = {};
|
||||
|
||||
|
||||
function escapeRegExp(sequence) {
|
||||
|
|
@ -9,8 +11,8 @@ modulejs.define('core/types', ['_', 'config'], function (_, config) {
|
|||
}
|
||||
|
||||
function parse(types) {
|
||||
_.each(types, function (patterns, type) {
|
||||
var pattern = '^(' + _.map(patterns, function (p) { return '(' + escapeRegExp(p).replace(/\*/g, '.*') + ')'; }).join('|') + ')$';
|
||||
lo.each(types, (patterns, type) => {
|
||||
const pattern = '^(' + lo.map(patterns, p => '(' + escapeRegExp(p).replace(/\*/g, '.*') + ')').join('|') + ')$';
|
||||
regexps[type] = new RegExp(pattern, 'i');
|
||||
});
|
||||
}
|
||||
|
|
@ -20,11 +22,11 @@ modulejs.define('core/types', ['_', 'config'], function (_, config) {
|
|||
return 'folder';
|
||||
}
|
||||
|
||||
var slashidx = sequence.lastIndexOf('/');
|
||||
var name = slashidx >= 0 ? sequence.substr(slashidx + 1) : sequence;
|
||||
var result;
|
||||
const slashidx = sequence.lastIndexOf('/');
|
||||
const name = slashidx >= 0 ? sequence.substr(slashidx + 1) : sequence;
|
||||
let result;
|
||||
|
||||
_.each(regexps, function (regexp, type) { // eslint-disable-line consistent-return
|
||||
lo.each(regexps, (regexp, type) => { // eslint-disable-line consistent-return
|
||||
if (regexps[type].test(name)) {
|
||||
result = type;
|
||||
return false;
|
||||
|
|
@ -35,9 +37,8 @@ modulejs.define('core/types', ['_', 'config'], function (_, config) {
|
|||
}
|
||||
|
||||
|
||||
parse(_.extend({}, config.types));
|
||||
parse(Object.assign({}, config.types));
|
||||
|
||||
return {
|
||||
getType: getType
|
||||
module.exports = {
|
||||
getType
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
modulejs.define('core/util', ['_'], function (_) {
|
||||
const {_: lo} = require('../win');
|
||||
|
||||
function regularCmpFn(val1, val2) {
|
||||
if (val1 < val2) {
|
||||
return -1;
|
||||
|
|
@ -14,22 +15,22 @@ modulejs.define('core/util', ['_'], function (_) {
|
|||
//
|
||||
// Modified to make it work with h5ai
|
||||
function naturalCmpFn(val1, val2) {
|
||||
var re = /(^-?[0-9]+(\.?[0-9]*)[df]?e?[0-9]?$|^0x[0-9a-f]+$|[0-9]+)/gi;
|
||||
var sre = /(^[ ]*|[ ]*$)/g;
|
||||
var dre = /(^([\w ]+,?[\w ]+)?[\w ]+,?[\w ]+\d+:\d+(:\d+)?[\w ]?|^\d{1,4}[\/\-]\d{1,4}[\/\-]\d{1,4}|^\w+, \w+ \d+, \d{4})/;
|
||||
var hre = /^0x[0-9a-f]+$/i;
|
||||
var ore = /^0/;
|
||||
const re = /(^-?[0-9]+(\.?[0-9]*)[df]?e?[0-9]?$|^0x[0-9a-f]+$|[0-9]+)/gi;
|
||||
const sre = /(^[ ]*|[ ]*$)/g;
|
||||
const dre = /(^([\w ]+,?[\w ]+)?[\w ]+,?[\w ]+\d+:\d+(:\d+)?[\w ]?|^\d{1,4}[\/\-]\d{1,4}[\/\-]\d{1,4}|^\w+, \w+ \d+, \d{4})/;
|
||||
const hre = /^0x[0-9a-f]+$/i;
|
||||
const ore = /^0/;
|
||||
// convert all to strings strip whitespace
|
||||
var x = String(val1).replace(sre, '');
|
||||
var y = String(val2).replace(sre, '');
|
||||
const x = String(val1).replace(sre, '');
|
||||
const y = String(val2).replace(sre, '');
|
||||
// chunk/tokenize
|
||||
var xN = x.replace(re, '\0$1\0').replace(/\0$/, '').replace(/^\0/, '').split('\0');
|
||||
var yN = y.replace(re, '\0$1\0').replace(/\0$/, '').replace(/^\0/, '').split('\0');
|
||||
const xN = x.replace(re, '\0$1\0').replace(/\0$/, '').replace(/^\0/, '').split('\0');
|
||||
const yN = y.replace(re, '\0$1\0').replace(/\0$/, '').replace(/^\0/, '').split('\0');
|
||||
// numeric, hex or date detection
|
||||
var xD = parseInt(x.match(hre), 10) || xN.length !== 1 && x.match(dre) && Date.parse(x);
|
||||
var yD = parseInt(y.match(hre), 10) || xD && y.match(dre) && Date.parse(y) || null;
|
||||
var oFxNcL;
|
||||
var oFyNcL;
|
||||
const xD = parseInt(x.match(hre), 10) || xN.length !== 1 && x.match(dre) && Date.parse(x);
|
||||
const yD = parseInt(y.match(hre), 10) || xD && y.match(dre) && Date.parse(y) || null;
|
||||
let oFxNcL;
|
||||
let oFyNcL;
|
||||
// first try and sort Hex codes or Dates
|
||||
if (yD) {
|
||||
if (xD < yD) {
|
||||
|
|
@ -39,7 +40,7 @@ modulejs.define('core/util', ['_'], function (_) {
|
|||
}
|
||||
}
|
||||
// natural sorting through split numeric strings and default strings
|
||||
for (var cLoc = 0, numS = Math.max(xN.length, yN.length); cLoc < numS; cLoc += 1) {
|
||||
for (let cLoc = 0, numS = Math.max(xN.length, yN.length); cLoc < numS; cLoc += 1) {
|
||||
// find floats not starting with '0', string or 0 if not defined (Clint Priest)
|
||||
oFxNcL = !(xN[cLoc] || '').match(ore) && parseFloat(xN[cLoc]) || xN[cLoc] || 0;
|
||||
oFyNcL = !(yN[cLoc] || '').match(ore) && parseFloat(yN[cLoc]) || yN[cLoc] || 0;
|
||||
|
|
@ -74,8 +75,8 @@ modulejs.define('core/util', ['_'], function (_) {
|
|||
return sequence.substr(3);
|
||||
}
|
||||
|
||||
sequence = _.map(_.trim(sequence).split(/\s+/), function (part) {
|
||||
return _.map(part.split(''), function (character) {
|
||||
sequence = lo.map(lo.trim(sequence).split(/\s+/), part => {
|
||||
return lo.map(part.split(''), character => {
|
||||
return escapePattern(character);
|
||||
}).join('.*?');
|
||||
}).join('|');
|
||||
|
|
@ -84,10 +85,9 @@ modulejs.define('core/util', ['_'], function (_) {
|
|||
}
|
||||
|
||||
|
||||
return {
|
||||
regularCmpFn: regularCmpFn,
|
||||
naturalCmpFn: naturalCmpFn,
|
||||
escapePattern: escapePattern,
|
||||
parsePattern: parsePattern
|
||||
module.exports = {
|
||||
regularCmpFn,
|
||||
naturalCmpFn,
|
||||
escapePattern,
|
||||
parsePattern
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,9 +1,14 @@
|
|||
modulejs.define('ext/autorefresh', ['_', '$', 'core/event', 'core/location', 'core/settings'], function (_, $, event, location, allsettings) {
|
||||
var settings = _.extend({
|
||||
const {setTimeout} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const location = require('../core/location');
|
||||
const allsettings = require('../core/settings');
|
||||
|
||||
|
||||
const settings = Object.assign({
|
||||
enabled: false,
|
||||
interval: 5000
|
||||
}, allsettings.autorefresh);
|
||||
var timeoutId = null;
|
||||
let timeoutId = null;
|
||||
|
||||
|
||||
function heartbeat() {
|
||||
|
|
@ -34,4 +39,3 @@ modulejs.define('ext/autorefresh', ['_', '$', 'core/event', 'core/location', 'co
|
|||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,23 +1,26 @@
|
|||
modulejs.define('ext/contextmenu', ['_', '$', 'core/resource', 'core/settings'], function (_, $, resource, allsettings) {
|
||||
var settings = _.extend({
|
||||
const {document: doc, jQuery: jq, _: lo} = require('../win');
|
||||
const resource = require('../core/resource');
|
||||
const allsettings = require('../core/settings');
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false
|
||||
}, allsettings.contextmenu);
|
||||
var templateOverlay = '<div id="cm-overlay"/>';
|
||||
var templatePanel = '<div class="cm-panel"><ul/></div>';
|
||||
var templateSep = '<li class="cm-sep"/>';
|
||||
var templateEntry = '<li class="cm-entry"><span class="cm-icon"><img/></span><span class="cm-text"/></li>';
|
||||
var templateLabel = '<li class="cm-label"><span class="cm-text"/></li>';
|
||||
const templateOverlay = '<div id="cm-overlay"/>';
|
||||
const templatePanel = '<div class="cm-panel"><ul/></div>';
|
||||
const templateSep = '<li class="cm-sep"/>';
|
||||
const templateEntry = '<li class="cm-entry"><span class="cm-icon"><img/></span><span class="cm-text"/></li>';
|
||||
const templateLabel = '<li class="cm-label"><span class="cm-text"/></li>';
|
||||
|
||||
|
||||
function createOverlay(callback) {
|
||||
var $overlay = $(templateOverlay);
|
||||
const $overlay = jq(templateOverlay);
|
||||
|
||||
$overlay
|
||||
.on('click contextmenu', function (ev) {
|
||||
.on('click contextmenu', ev => {
|
||||
ev.stopPropagation();
|
||||
ev.preventDefault();
|
||||
|
||||
var cmId = $(ev.target).closest('.cm-entry').data('cm-id');
|
||||
const cmId = jq(ev.target).closest('.cm-entry').data('cm-id');
|
||||
|
||||
if (ev.target === $overlay[0] || cmId !== undefined) {
|
||||
$overlay.remove();
|
||||
|
|
@ -29,18 +32,18 @@ modulejs.define('ext/contextmenu', ['_', '$', 'core/resource', 'core/settings'],
|
|||
}
|
||||
|
||||
function createPanel(menu) {
|
||||
var $panel = $(templatePanel);
|
||||
var $ul = $panel.find('ul');
|
||||
var $li;
|
||||
const $panel = jq(templatePanel);
|
||||
const $ul = $panel.find('ul');
|
||||
let $li;
|
||||
|
||||
_.each(menu, function (entry) {
|
||||
lo.each(menu, entry => {
|
||||
if (entry.type === '-') {
|
||||
$(templateSep).appendTo($ul);
|
||||
jq(templateSep).appendTo($ul);
|
||||
} else if (entry.type === 'l') {
|
||||
$(templateLabel).appendTo($ul)
|
||||
jq(templateLabel).appendTo($ul)
|
||||
.find('.cm-text').text(entry.text);
|
||||
} else if (entry.type === 'e') {
|
||||
$li = $(templateEntry).appendTo($ul);
|
||||
$li = jq(templateEntry).appendTo($ul);
|
||||
$li.data('cm-id', entry.id);
|
||||
$li.find('.cm-text').text(entry.text);
|
||||
if (entry.icon) {
|
||||
|
|
@ -55,7 +58,7 @@ modulejs.define('ext/contextmenu', ['_', '$', 'core/resource', 'core/settings'],
|
|||
}
|
||||
|
||||
function positionPanel($overlay, $panel, x, y) {
|
||||
var margin = 4;
|
||||
const margin = 4;
|
||||
|
||||
$panel.css({
|
||||
left: 0,
|
||||
|
|
@ -64,20 +67,20 @@ modulejs.define('ext/contextmenu', ['_', '$', 'core/resource', 'core/settings'],
|
|||
});
|
||||
$overlay.show();
|
||||
|
||||
var overlayOffset = $overlay.offset();
|
||||
var overlayLeft = overlayOffset.left;
|
||||
var overlayTop = overlayOffset.top;
|
||||
var overlayWidth = $overlay.outerWidth(true);
|
||||
var overlayHeight = $overlay.outerHeight(true);
|
||||
const overlayOffset = $overlay.offset();
|
||||
const overlayLeft = overlayOffset.left;
|
||||
const overlayTop = overlayOffset.top;
|
||||
const overlayWidth = $overlay.outerWidth(true);
|
||||
const overlayHeight = $overlay.outerHeight(true);
|
||||
|
||||
// var panelOffset = $panel.offset();
|
||||
// var panelLeft = panelOffset.left;
|
||||
// var panelTop = panelOffset.top;
|
||||
var panelWidth = $panel.outerWidth(true);
|
||||
var panelHeight = $panel.outerHeight(true);
|
||||
// const panelOffset = $panel.offset();
|
||||
// const panelLeft = panelOffset.left;
|
||||
// const panelTop = panelOffset.top;
|
||||
let panelWidth = $panel.outerWidth(true);
|
||||
let panelHeight = $panel.outerHeight(true);
|
||||
|
||||
var posLeft = x;
|
||||
var posTop = y;
|
||||
let posLeft = x;
|
||||
let posTop = y;
|
||||
|
||||
if (panelWidth > overlayWidth - 2 * margin) {
|
||||
posLeft = margin;
|
||||
|
|
@ -115,30 +118,29 @@ modulejs.define('ext/contextmenu', ['_', '$', 'core/resource', 'core/settings'],
|
|||
}
|
||||
|
||||
function showMenuAt(x, y, menu, callback) {
|
||||
var $overlay = createOverlay(callback);
|
||||
var $panel = createPanel(menu);
|
||||
const $overlay = createOverlay(callback);
|
||||
const $panel = createPanel(menu);
|
||||
$overlay.append($panel).appendTo('body');
|
||||
positionPanel($overlay, $panel, x, y);
|
||||
}
|
||||
|
||||
function init() {
|
||||
// settings.enabled = true;
|
||||
if (!settings.enabled) {
|
||||
return;
|
||||
}
|
||||
|
||||
$(document).on('contextmenu', function (ev) {
|
||||
jq(doc).on('contextmenu', ev => {
|
||||
ev.stopPropagation();
|
||||
ev.preventDefault();
|
||||
$(ev.target).trigger($.Event('h5ai-contextmenu', {
|
||||
jq(ev.target).trigger(jq.Event('h5ai-contextmenu', {
|
||||
originalEvent: ev,
|
||||
showMenu: function (menu, callback) {
|
||||
showMenu: (menu, callback) => {
|
||||
showMenuAt(ev.pageX, ev.pageY, menu, callback);
|
||||
}
|
||||
}));
|
||||
});
|
||||
|
||||
// var menu = [
|
||||
// const menu = [
|
||||
// {type: 'e', id: 'e1', text: 'testing context menus'},
|
||||
// {type: 'e', id: 'e2', text: 'another entry'},
|
||||
// {type: 'e', id: 'e3', text: 'one with icon', icon: 'folder'},
|
||||
|
|
@ -146,18 +148,15 @@ modulejs.define('ext/contextmenu', ['_', '$', 'core/resource', 'core/settings'],
|
|||
// {type: 'e', id: 'e4', text: 'one with icon', icon: 'x'},
|
||||
// {type: 'e', id: 'e5', text: 'one with icon', icon: 'img'}
|
||||
// ];
|
||||
// var callback = function (res) {
|
||||
|
||||
// window.console.log('>> CB-RESULT >> ' + res);
|
||||
// const callback = res => {
|
||||
// console.log('>> CB-RESULT >> ' + res);
|
||||
// };
|
||||
|
||||
// $(document).on('h5ai-contextmenu', '#items .item.folder', function (ev) {
|
||||
|
||||
// window.console.log('CM', ev);
|
||||
//
|
||||
// jq(doc).on('h5ai-contextmenu', '#items .item.folder', ev => {
|
||||
// console.log('CM', ev);
|
||||
// ev.showMenu(menu, callback);
|
||||
// });
|
||||
}
|
||||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,18 +1,26 @@
|
|||
modulejs.define('ext/crumb', ['_', '$', 'core/event', 'core/location', 'core/resource', 'core/settings', 'view/topbar'], function (_, $, event, location, resource, allsettings, topbar) {
|
||||
var settings = _.extend({
|
||||
const {jQuery: jq, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const location = require('../core/location');
|
||||
const resource = require('../core/resource');
|
||||
const allsettings = require('../core/settings');
|
||||
const topbar = require('../view/topbar');
|
||||
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false
|
||||
}, allsettings.crumb);
|
||||
var crumbTemplate =
|
||||
'<a class="crumb">' +
|
||||
'<img class="sep" src="' + resource.image('crumb') + '" alt=">"/>' +
|
||||
'<span class="label"/>' +
|
||||
'</a>';
|
||||
var pageHintTemplate = '<img class="hint" src="' + resource.icon('folder-page') + '" alt="has index page"/>';
|
||||
var $crumbbar;
|
||||
const crumbTemplate =
|
||||
`<a class="crumb">
|
||||
<img class="sep" src="${resource.image('crumb')}" alt=">"/>
|
||||
<span class="label"/>
|
||||
</a>`;
|
||||
const pageHintTemplate =
|
||||
`<img class="hint" src="${resource.icon('folder-page')}" alt="has index page"/>`;
|
||||
let $crumbbar;
|
||||
|
||||
|
||||
function createHtml(item) {
|
||||
var $html = $(crumbTemplate).data('item', item);
|
||||
const $html = jq(crumbTemplate).data('item', item);
|
||||
item.$crumb = $html;
|
||||
location.setLink($html, item);
|
||||
|
||||
|
|
@ -23,21 +31,21 @@ modulejs.define('ext/crumb', ['_', '$', 'core/event', 'core/location', 'core/res
|
|||
}
|
||||
|
||||
if (!item.isManaged) {
|
||||
$html.append($(pageHintTemplate));
|
||||
$html.append(jq(pageHintTemplate));
|
||||
}
|
||||
|
||||
return $html;
|
||||
}
|
||||
|
||||
function onLocationChanged(item) {
|
||||
var $crumb = item.$crumb;
|
||||
const $crumb = item.$crumb;
|
||||
|
||||
if ($crumb && $crumb.parent()[0] === $crumbbar[0]) {
|
||||
$crumbbar.children().removeClass('active');
|
||||
$crumb.addClass('active');
|
||||
} else {
|
||||
$crumbbar.empty();
|
||||
_.each(item.getCrumb(), function (crumbItem) {
|
||||
lo.each(item.getCrumb(), crumbItem => {
|
||||
$crumbbar.append(createHtml(crumbItem));
|
||||
});
|
||||
}
|
||||
|
|
@ -48,11 +56,10 @@ modulejs.define('ext/crumb', ['_', '$', 'core/event', 'core/location', 'core/res
|
|||
return;
|
||||
}
|
||||
|
||||
$crumbbar = $('<div id="crumbbar"/>').appendTo(topbar.$flowbar);
|
||||
$crumbbar = jq('<div id="crumbbar"/>').appendTo(topbar.$flowbar);
|
||||
|
||||
event.sub('location.changed', onLocationChanged);
|
||||
}
|
||||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,22 +1,27 @@
|
|||
modulejs.define('ext/custom', ['_', '$', 'marked', 'core/event', 'core/server', 'core/settings'], function (_, $, marked, event, server, allsettings) {
|
||||
var settings = _.extend({
|
||||
const {jQuery: jq, _: lo, marked} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const server = require('../core/server');
|
||||
const allsettings = require('../core/settings');
|
||||
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false
|
||||
}, allsettings.custom);
|
||||
var $header;
|
||||
var $footer;
|
||||
var duration = 200;
|
||||
let $header;
|
||||
let $footer;
|
||||
const duration = 200;
|
||||
|
||||
|
||||
function onLocationChanged(item) {
|
||||
server.request({action: 'get', custom: item.absHref}, function (response) {
|
||||
var custom = response && response.custom;
|
||||
var hasHeader;
|
||||
var hasFooter;
|
||||
server.request({action: 'get', custom: item.absHref}).then(response => {
|
||||
const custom = response && response.custom;
|
||||
let hasHeader;
|
||||
let hasFooter;
|
||||
|
||||
if (custom) {
|
||||
var header = custom.header;
|
||||
var footer = custom.footer;
|
||||
var content;
|
||||
const header = custom.header;
|
||||
const footer = custom.footer;
|
||||
let content;
|
||||
|
||||
if (header.content) {
|
||||
content = header.content;
|
||||
|
|
@ -51,12 +56,11 @@ modulejs.define('ext/custom', ['_', '$', 'marked', 'core/event', 'core/server',
|
|||
return;
|
||||
}
|
||||
|
||||
$header = $('<div id="content-header"/>').hide().prependTo('#content');
|
||||
$footer = $('<div id="content-footer"/>').hide().appendTo('#content');
|
||||
$header = jq('<div id="content-header"/>').hide().prependTo('#content');
|
||||
$footer = jq('<div id="content-footer"/>').hide().appendTo('#content');
|
||||
|
||||
event.sub('location.changed', onLocationChanged);
|
||||
}
|
||||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,16 +1,22 @@
|
|||
modulejs.define('ext/download', ['_', '$', 'core/event', 'core/location', 'core/resource', 'core/server', 'core/settings'], function (_, $, event, location, resource, server, allsettings) {
|
||||
var settings = _.extend({
|
||||
const {jQuery: jq, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const location = require('../core/location');
|
||||
const resource = require('../core/resource');
|
||||
const server = require('../core/server');
|
||||
const allsettings = require('../core/settings');
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
type: 'php-tar',
|
||||
packageName: 'package',
|
||||
alwaysVisible: false
|
||||
}, allsettings.download);
|
||||
var template =
|
||||
'<div id="download" class="tool">' +
|
||||
'<img src="' + resource.image('download') + '" alt="download"/>' +
|
||||
'</div>';
|
||||
var selectedItems = [];
|
||||
var $download;
|
||||
const template =
|
||||
`<div id="download" class="tool">
|
||||
<img src="${resource.image('download')}" alt="download"/>
|
||||
</div>`;
|
||||
let selectedItems = [];
|
||||
let $download;
|
||||
|
||||
|
||||
function onSelection(items) {
|
||||
|
|
@ -23,9 +29,9 @@ modulejs.define('ext/download', ['_', '$', 'core/event', 'core/location', 'core/
|
|||
}
|
||||
|
||||
function onClick() {
|
||||
var type = settings.type;
|
||||
var name = settings.packageName;
|
||||
var extension = type === 'shell-zip' ? 'zip' : 'tar';
|
||||
const type = settings.type;
|
||||
let name = settings.packageName;
|
||||
const extension = type === 'shell-zip' ? 'zip' : 'tar';
|
||||
|
||||
if (!name) {
|
||||
if (selectedItems.length === 1) {
|
||||
|
|
@ -35,14 +41,14 @@ modulejs.define('ext/download', ['_', '$', 'core/event', 'core/location', 'core/
|
|||
}
|
||||
}
|
||||
|
||||
var query = {
|
||||
const query = {
|
||||
action: 'download',
|
||||
as: name + '.' + extension,
|
||||
type: type,
|
||||
type,
|
||||
baseHref: location.getAbsHref()
|
||||
};
|
||||
|
||||
_.each(selectedItems, function (item, idx) {
|
||||
lo.each(selectedItems, (item, idx) => {
|
||||
query['hrefs[' + idx + ']'] = item.absHref;
|
||||
});
|
||||
|
||||
|
|
@ -54,7 +60,7 @@ modulejs.define('ext/download', ['_', '$', 'core/event', 'core/location', 'core/
|
|||
return;
|
||||
}
|
||||
|
||||
$download = $(template)
|
||||
$download = jq(template)
|
||||
.hide()
|
||||
.appendTo('#toolbar')
|
||||
.on('click', onClick);
|
||||
|
|
@ -68,4 +74,3 @@ modulejs.define('ext/download', ['_', '$', 'core/event', 'core/location', 'core/
|
|||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,18 +1,27 @@
|
|||
modulejs.define('ext/filter', ['_', '$', 'core/event', 'core/location', 'core/resource', 'core/settings', 'core/util', 'view/view'], function (_, $, event, location, resource, allsettings, util, view) {
|
||||
var settings = _.extend({
|
||||
const {jQuery: jq, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const location = require('../core/location');
|
||||
const resource = require('../core/resource');
|
||||
const allsettings = require('../core/settings');
|
||||
const util = require('../core/util');
|
||||
const view = require('../view/view');
|
||||
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
advanced: false,
|
||||
debounceTime: 100
|
||||
debounceTime: 100,
|
||||
ignorecase: true
|
||||
}, allsettings.filter);
|
||||
var template =
|
||||
'<div id="filter" class="tool">' +
|
||||
'<img src="' + resource.image('filter') + '" alt="filter"/>' +
|
||||
'<input class="l10n_ph-filter" type="text" value=""/>' +
|
||||
'</div>';
|
||||
var inputIsVisible = false;
|
||||
var prevPattern = '';
|
||||
var $filter;
|
||||
var $input;
|
||||
const template =
|
||||
`<div id="filter" class="tool">
|
||||
<img src="${resource.image('filter')}" alt="filter"/>
|
||||
<input class="l10n_ph-filter" type="text" value=""/>
|
||||
</div>`;
|
||||
let inputIsVisible = false;
|
||||
let prevPattern = '';
|
||||
let $filter;
|
||||
let $input;
|
||||
|
||||
|
||||
function filter(pattern) {
|
||||
|
|
@ -29,10 +38,10 @@ modulejs.define('ext/filter', ['_', '$', 'core/event', 'core/location', 'core/re
|
|||
|
||||
$filter.addClass('pending');
|
||||
|
||||
var re = new RegExp(pattern);
|
||||
var matchedItems = [];
|
||||
const re = new RegExp(pattern, settings.ignorecase ? 'i' : '');
|
||||
const matchedItems = [];
|
||||
|
||||
_.each(location.getItem().content, function (item) {
|
||||
lo.each(location.getItem().content, item => {
|
||||
if (re.test(item.label)) {
|
||||
matchedItems.push(item);
|
||||
}
|
||||
|
|
@ -70,14 +79,13 @@ modulejs.define('ext/filter', ['_', '$', 'core/event', 'core/location', 'core/re
|
|||
return;
|
||||
}
|
||||
|
||||
$filter = $(template).appendTo('#toolbar');
|
||||
$filter = jq(template).appendTo('#toolbar');
|
||||
$input = $filter.find('input');
|
||||
|
||||
$filter.on('click', 'img', toggle);
|
||||
$input.on('keyup', _.debounce(update, settings.debounceTime, {trailing: true}));
|
||||
$input.on('keyup', lo.debounce(update, settings.debounceTime, {trailing: true}));
|
||||
event.sub('location.changed', reset);
|
||||
}
|
||||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,5 +1,9 @@
|
|||
modulejs.define('ext/google-analytics-ua', ['_', 'core/event', 'core/settings'], function (_, event, allsettings) {
|
||||
var settings = _.extend({
|
||||
const {window: win, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const allsettings = require('../core/settings');
|
||||
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
id: 'UA-000000-0'
|
||||
}, allsettings['google-analytics-ua']);
|
||||
|
|
@ -20,18 +24,15 @@ modulejs.define('ext/google-analytics-ua', ['_', 'core/event', 'core/settings'],
|
|||
|
||||
snippet();
|
||||
|
||||
var WIN = window;
|
||||
var GA = 'ga';
|
||||
WIN[GA]('create', settings.id, 'auto');
|
||||
win.ga('create', settings.id, 'auto');
|
||||
|
||||
event.sub('location.changed', function (item) {
|
||||
var loc = WIN.location;
|
||||
WIN[GA]('send', 'pageview', {
|
||||
event.sub('location.changed', item => {
|
||||
const loc = win.location;
|
||||
win.ga('send', 'pageview', {
|
||||
location: loc.protocol + '//' + loc.host + item.absHref,
|
||||
title: _.map(item.getCrumb(), 'label').join(' > ')
|
||||
title: lo.map(item.getCrumb(), 'label').join(' > ')
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,56 +1,64 @@
|
|||
modulejs.define('ext/info', ['_', '$', 'core/event', 'core/format', 'core/modernizr', 'core/resource', 'core/settings', 'core/store'], function (_, $, event, format, modernizr, resource, allsettings, store) {
|
||||
var settings = _.extend({
|
||||
const {window: win, jQuery: jq, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const format = require('../core/format');
|
||||
const modernizr = require('../core/modernizr');
|
||||
const resource = require('../core/resource');
|
||||
const allsettings = require('../core/settings');
|
||||
const store = require('../core/store');
|
||||
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
show: false,
|
||||
qrcode: true,
|
||||
qrColor: '#999'
|
||||
}, allsettings.info);
|
||||
var template =
|
||||
'<div id="info">' +
|
||||
'<div class="icon"><img/></div>' +
|
||||
'<div class="block">' +
|
||||
'<div class="label"/>' +
|
||||
'<div class="time"/>' +
|
||||
'<div class="size"/>' +
|
||||
'<div class="content">' +
|
||||
'<span class="folders"/> <span class="l10n-folders"/>, ' +
|
||||
'<span class="files"/> <span class="l10n-files"/>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'<div class="qrcode"/>' +
|
||||
'</div>';
|
||||
var settingsTemplate =
|
||||
'<div class="block">' +
|
||||
'<h1 class="l10n-info">Info</h1>' +
|
||||
'<div id="view-info" class="button view">' +
|
||||
'<img src="' + resource.image('info-toggle') + '" alt="view-info"/>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
var storekey = 'ext/info';
|
||||
var $img;
|
||||
var $label;
|
||||
var $time;
|
||||
var $size;
|
||||
var $content;
|
||||
var $folders;
|
||||
var $files;
|
||||
var $qrcode;
|
||||
var currentFolder;
|
||||
const template =
|
||||
`<div id="info">
|
||||
<div class="icon"><img/></div>
|
||||
<div class="block">
|
||||
<div class="label"/>
|
||||
<div class="time"/>
|
||||
<div class="size"/>
|
||||
<div class="content">
|
||||
<span class="folders"/> <span class="l10n-folders"/>,
|
||||
<span class="files"/> <span class="l10n-files"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="qrcode"/>
|
||||
</div>`;
|
||||
const settingsTemplate =
|
||||
`<div class="block">
|
||||
<h1 class="l10n-info">Info</h1>
|
||||
<div id="view-info" class="button view">
|
||||
<img src="${resource.image('info-toggle')}" alt="view-info"/>
|
||||
</div>
|
||||
</div>`;
|
||||
const storekey = 'ext/info';
|
||||
let $img;
|
||||
let $label;
|
||||
let $time;
|
||||
let $size;
|
||||
let $content;
|
||||
let $folders;
|
||||
let $files;
|
||||
let $qrcode;
|
||||
let currentFolder;
|
||||
|
||||
|
||||
function updateSettings() {
|
||||
if (store.get(storekey)) {
|
||||
$('#view-info').addClass('active');
|
||||
$('#info').show();
|
||||
jq('#view-info').addClass('active');
|
||||
jq('#info').show();
|
||||
} else {
|
||||
$('#view-info').removeClass('active');
|
||||
$('#info').hide();
|
||||
jq('#view-info').removeClass('active');
|
||||
jq('#info').hide();
|
||||
}
|
||||
}
|
||||
|
||||
function update(item) {
|
||||
var src = item.thumbRational || item.icon;
|
||||
var isThumb = Boolean(item.thumbRational);
|
||||
let src = item.thumbRational || item.icon;
|
||||
const isThumb = Boolean(item.thumbRational);
|
||||
|
||||
if (item.isCurrentFolder() || !src) {
|
||||
src = resource.icon('folder');
|
||||
|
|
@ -64,13 +72,13 @@ modulejs.define('ext/info', ['_', '$', 'core/event', 'core/format', 'core/modern
|
|||
}
|
||||
|
||||
$label.text(item.label);
|
||||
if (_.isNumber(item.time)) {
|
||||
if (lo.isNumber(item.time)) {
|
||||
$time.text(format.formatDate(item.time));
|
||||
} else {
|
||||
$time.text('.');
|
||||
}
|
||||
|
||||
if (_.isNumber(item.size)) {
|
||||
if (lo.isNumber(item.size)) {
|
||||
$size.text(format.formatSize(item.size));
|
||||
$size.show();
|
||||
} else {
|
||||
|
|
@ -78,7 +86,7 @@ modulejs.define('ext/info', ['_', '$', 'core/event', 'core/format', 'core/modern
|
|||
}
|
||||
|
||||
if (item.isContentFetched) {
|
||||
var stats = item.getStats();
|
||||
const stats = item.getStats();
|
||||
$folders.text(stats.folders);
|
||||
$files.text(stats.files);
|
||||
$content.show();
|
||||
|
|
@ -92,7 +100,7 @@ modulejs.define('ext/info', ['_', '$', 'core/event', 'core/format', 'core/modern
|
|||
size: 200,
|
||||
fill: settings.qrColor,
|
||||
background: null,
|
||||
text: window.location.protocol + '//' + window.location.host + item.absHref
|
||||
text: win.location.protocol + '//' + win.location.host + item.absHref
|
||||
});
|
||||
}
|
||||
}
|
||||
|
|
@ -115,7 +123,7 @@ modulejs.define('ext/info', ['_', '$', 'core/event', 'core/format', 'core/modern
|
|||
return;
|
||||
}
|
||||
|
||||
var $info = $(template).appendTo('#mainrow');
|
||||
const $info = jq(template).appendTo('#mainrow');
|
||||
$img = $info.find('.icon img');
|
||||
$label = $info.find('.label');
|
||||
$time = $info.find('.time');
|
||||
|
|
@ -129,10 +137,10 @@ modulejs.define('ext/info', ['_', '$', 'core/event', 'core/format', 'core/modern
|
|||
$qrcode.remove();
|
||||
}
|
||||
|
||||
$(settingsTemplate)
|
||||
jq(settingsTemplate)
|
||||
.appendTo('#sidebar')
|
||||
.find('#view-info')
|
||||
.on('click', function (ev) {
|
||||
.on('click', ev => {
|
||||
store.put(storekey, !store.get(storekey));
|
||||
updateSettings();
|
||||
ev.preventDefault();
|
||||
|
|
@ -151,4 +159,3 @@ modulejs.define('ext/info', ['_', '$', 'core/event', 'core/format', 'core/modern
|
|||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,11 +1,17 @@
|
|||
modulejs.define('ext/l10n', ['_', '$', 'core/event', 'core/format', 'core/langs', 'core/server', 'core/settings', 'core/store'],
|
||||
function (_, $, event, format, langs, server, allsettings, store) {
|
||||
var settings = _.extend({
|
||||
const {navigator, jQuery: jq, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const format = require('../core/format');
|
||||
const langs = require('../core/langs');
|
||||
const server = require('../core/server');
|
||||
const allsettings = require('../core/settings');
|
||||
const store = require('../core/store');
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
lang: 'en',
|
||||
useBrowserLang: true
|
||||
}, allsettings.l10n);
|
||||
var defaultTranslations = {
|
||||
const defaultTranslations = {
|
||||
isoCode: 'en',
|
||||
lang: 'english',
|
||||
|
||||
|
|
@ -28,13 +34,19 @@ function (_, $, event, format, langs, server, allsettings, store) {
|
|||
tree: 'Tree',
|
||||
view: 'View'
|
||||
};
|
||||
var blockTemplate = '<div class="block"><h1 class="l10n-language">Language</h1><div class="select"><select id="langs"/></div></div>';
|
||||
var optionTemplate = '<option/>';
|
||||
var storekey = 'ext/l10n';
|
||||
var loaded = {
|
||||
en: _.extend({}, defaultTranslations)
|
||||
const blockTemplate =
|
||||
`<div class="block">
|
||||
<h1 class="l10n-language">Language</h1>
|
||||
<div class="select">
|
||||
<select id="langs"/>
|
||||
</div>
|
||||
</div>`;
|
||||
const optionTemplate = '<option/>';
|
||||
const storekey = 'ext/l10n';
|
||||
const loaded = {
|
||||
en: lo.extend({}, defaultTranslations)
|
||||
};
|
||||
var currentLang = loaded.en;
|
||||
let currentLang = loaded.en;
|
||||
|
||||
|
||||
function update(lang) {
|
||||
|
|
@ -42,21 +54,20 @@ function (_, $, event, format, langs, server, allsettings, store) {
|
|||
currentLang = lang;
|
||||
}
|
||||
|
||||
$('#langs option')
|
||||
jq('#langs option')
|
||||
.removeAttr('selected').removeProp('selected')
|
||||
.filter('.' + currentLang.isoCode)
|
||||
.attr('selected', 'selected').prop('selected', 'selected');
|
||||
|
||||
$.each(currentLang, function (key, value) {
|
||||
$('.l10n-' + key).text(value);
|
||||
$('.l10n_ph-' + key).attr('placeholder', value);
|
||||
jq.each(currentLang, (key, value) => {
|
||||
jq('.l10n-' + key).text(value);
|
||||
jq('.l10n_ph-' + key).attr('placeholder', value);
|
||||
});
|
||||
format.setDefaultDateFormat(currentLang.dateFormat);
|
||||
|
||||
$('#items .item .date').each(function () {
|
||||
var $this = $(this);
|
||||
|
||||
$this.text(format.formatDate($this.data('time')));
|
||||
jq('#items .item .date').each((idx, el) => {
|
||||
const $el = jq(el);
|
||||
$el.text(format.formatDate($el.data('time')));
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -64,21 +75,21 @@ function (_, $, event, format, langs, server, allsettings, store) {
|
|||
if (loaded[isoCode]) {
|
||||
callback(loaded[isoCode]);
|
||||
} else {
|
||||
server.request({action: 'get', l10n: [isoCode]}, function (response) {
|
||||
var json = response.l10n && response.l10n[isoCode] ? response.l10n[isoCode] : {};
|
||||
loaded[isoCode] = _.extend({}, defaultTranslations, json, {isoCode: isoCode});
|
||||
server.request({action: 'get', l10n: [isoCode]}).then(response => {
|
||||
const json = response.l10n && response.l10n[isoCode] ? response.l10n[isoCode] : {};
|
||||
loaded[isoCode] = lo.extend({}, defaultTranslations, json, {isoCode});
|
||||
callback(loaded[isoCode]);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function localize(languages, isoCode, useBrowserLang) {
|
||||
var storedIsoCode = store.get(storekey);
|
||||
const storedIsoCode = store.get(storekey);
|
||||
|
||||
if (languages[storedIsoCode]) {
|
||||
isoCode = storedIsoCode;
|
||||
} else if (useBrowserLang) {
|
||||
var browserLang = navigator.language || navigator.browserLanguage;
|
||||
const browserLang = navigator.language || navigator.browserLanguage;
|
||||
if (browserLang) {
|
||||
if (languages[browserLang]) {
|
||||
isoCode = browserLang;
|
||||
|
|
@ -96,20 +107,20 @@ function (_, $, event, format, langs, server, allsettings, store) {
|
|||
}
|
||||
|
||||
function initLangSelector(languages) {
|
||||
var isoCodes = _.keys(languages).sort();
|
||||
var $block = $(blockTemplate);
|
||||
var $select = $block.find('select')
|
||||
.on('change', function (ev) {
|
||||
var isoCode = ev.target.value;
|
||||
const isoCodes = lo.keys(languages).sort();
|
||||
const $block = jq(blockTemplate);
|
||||
const $select = $block.find('select')
|
||||
.on('change', ev => {
|
||||
const isoCode = ev.target.value;
|
||||
store.put(storekey, isoCode);
|
||||
localize(languages, isoCode, false);
|
||||
});
|
||||
|
||||
$.each(isoCodes, function (idx, isoCode) {
|
||||
$(optionTemplate)
|
||||
jq.each(isoCodes, (idx, isoCode) => {
|
||||
jq(optionTemplate)
|
||||
.attr('value', isoCode)
|
||||
.addClass(isoCode)
|
||||
.text(isoCode + ' - ' + (_.isString(languages[isoCode]) ? languages[isoCode] : languages[isoCode].lang))
|
||||
.text(isoCode + ' - ' + (lo.isString(languages[isoCode]) ? languages[isoCode] : languages[isoCode].lang))
|
||||
.appendTo($select);
|
||||
});
|
||||
|
||||
|
|
@ -121,11 +132,10 @@ function (_, $, event, format, langs, server, allsettings, store) {
|
|||
initLangSelector(langs);
|
||||
}
|
||||
|
||||
event.sub('view.changed', function () {
|
||||
event.sub('view.changed', () => {
|
||||
localize(langs, settings.lang, settings.useBrowserLang);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
modulejs.define('ext/peer5', ['_', '$', 'core/settings'], function (_, $, allsettings) {
|
||||
var settings = _.extend({
|
||||
const {window: win, jQuery: jq, _: lo} = require('../win');
|
||||
const allsettings = require('../core/settings');
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
id: 'z142i5n5qypq4cxr'
|
||||
}, allsettings.peer5);
|
||||
|
|
@ -10,22 +12,21 @@ modulejs.define('ext/peer5', ['_', '$', 'core/settings'], function (_, $, allset
|
|||
return;
|
||||
}
|
||||
|
||||
var peer5js = '//api.peer5.com/peer5.js?id=' + settings.id;
|
||||
const peer5js = '//api.peer5.com/peer5.js?id=' + settings.id;
|
||||
|
||||
// load peer5 with caching
|
||||
$.ajax({
|
||||
jq.ajax({
|
||||
url: peer5js,
|
||||
dataType: 'script',
|
||||
cache: true
|
||||
});
|
||||
|
||||
// attach to file items, once the DOM is ready
|
||||
$(function () {
|
||||
$('body').on('click', '.item.file > a', function (ev) { // eslint-disable-line consistent-return
|
||||
if (window.peer5) {
|
||||
jq(() => {
|
||||
jq('body').on('click', '.item.file > a', ev => { // eslint-disable-line consistent-return
|
||||
if (win.peer5) {
|
||||
ev.preventDefault();
|
||||
var url = ev.currentTarget.href;
|
||||
window.peer5.download(url);
|
||||
const url = ev.currentTarget.href;
|
||||
win.peer5.download(url);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
|
@ -34,4 +35,3 @@ modulejs.define('ext/peer5', ['_', '$', 'core/settings'], function (_, $, allset
|
|||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
27
src/_h5ai/public/js/lib/ext/piwik-analytics.js
Executable file → Normal file
27
src/_h5ai/public/js/lib/ext/piwik-analytics.js
Executable file → Normal file
|
|
@ -1,11 +1,14 @@
|
|||
modulejs.define('ext/piwik-analytics', ['_', '$', 'core/settings'], function (_, $, allsettings) {
|
||||
var settings = _.extend({
|
||||
const {window: win, jQuery: jq, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const allsettings = require('../core/settings');
|
||||
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
baseURL: 'not-set',
|
||||
idSite: 0
|
||||
}, allsettings['piwik-analytics']);
|
||||
|
||||
|
||||
function init() {
|
||||
if (!settings.enabled) {
|
||||
return;
|
||||
|
|
@ -13,18 +16,20 @@ modulejs.define('ext/piwik-analytics', ['_', '$', 'core/settings'], function (_,
|
|||
|
||||
// reference: http://piwik.org/docs/javascript-tracking/
|
||||
|
||||
var pkBaseURL = (document.location.protocol === 'https:' ? 'https://' : 'http://') + settings.baseURL + '/';
|
||||
const pkBaseURL = (win.location.protocol === 'https:' ? 'https://' : 'http://') + settings.baseURL + '/';
|
||||
let piwikTracker = null;
|
||||
|
||||
$('<script/>').attr('src', pkBaseURL + 'piwik.js').appendTo('body');
|
||||
$(window).load(function () {
|
||||
/* global Piwik */
|
||||
|
||||
var piwikTracker = Piwik.getTracker(pkBaseURL + 'piwik.php', settings.idSite);
|
||||
piwikTracker.trackPageView();
|
||||
jq('<script/>').attr('src', pkBaseURL + 'piwik.js').appendTo('body');
|
||||
jq(win).load(() => {
|
||||
piwikTracker = win.Piwik.getTracker(pkBaseURL + 'piwik.php', settings.idSite);
|
||||
piwikTracker.enableLinkTracking();
|
||||
});
|
||||
|
||||
event.sub('location.changed', item => {
|
||||
const title = lo.map(item.getCrumb(), 'label').join(' > ');
|
||||
piwikTracker.trackPageView(title);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,12 +1,17 @@
|
|||
modulejs.define('ext/preview-audio', ['_', '$', 'core/event', 'core/format', 'core/settings', 'ext/preview'], function (_, $, event, format, allsettings, preview) {
|
||||
var settings = _.extend({
|
||||
const {setTimeout, jQuery: jq, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const format = require('../core/format');
|
||||
const allsettings = require('../core/settings');
|
||||
const preview = require('./preview');
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
types: []
|
||||
}, allsettings['preview-aud']);
|
||||
|
||||
function preloadAudio(src, callback) {
|
||||
var $audio = $('<audio/>')
|
||||
.one('loadedmetadata', function () {
|
||||
const $audio = jq('<audio/>')
|
||||
.one('loadedmetadata', () => {
|
||||
callback($audio);
|
||||
// setTimeout(function () { callback($img); }, 1000); // for testing
|
||||
})
|
||||
|
|
@ -16,13 +21,13 @@ modulejs.define('ext/preview-audio', ['_', '$', 'core/event', 'core/format', 'co
|
|||
}
|
||||
|
||||
function onEnter(items, idx) {
|
||||
var currentItems = items;
|
||||
var currentIdx = idx;
|
||||
var currentItem = items[idx];
|
||||
const currentItems = items;
|
||||
let currentIdx = idx;
|
||||
let currentItem = items[idx];
|
||||
|
||||
function onAdjustSize() {
|
||||
var $content = $('#pv-content');
|
||||
var $audio = $('#pv-aud-audio');
|
||||
const $content = jq('#pv-content');
|
||||
const $audio = jq('#pv-aud-audio');
|
||||
|
||||
if ($audio.length) {
|
||||
$audio.css({
|
||||
|
|
@ -41,10 +46,10 @@ modulejs.define('ext/preview-audio', ['_', '$', 'core/event', 'core/format', 'co
|
|||
currentIdx = (currentIdx + rel + currentItems.length) % currentItems.length;
|
||||
currentItem = currentItems[currentIdx];
|
||||
|
||||
var spinnerTimeout = setTimeout(function () { preview.showSpinner(true); }, 200);
|
||||
const spinnerTimeout = setTimeout(() => preview.showSpinner(true), 200);
|
||||
|
||||
if ($('#pv-aud-audio').length) {
|
||||
$('#pv-aud-audio')[0].pause();
|
||||
if (jq('#pv-aud-audio').length) {
|
||||
jq('#pv-aud-audio')[0].pause();
|
||||
}
|
||||
|
||||
function updateMeta() {
|
||||
|
|
@ -54,7 +59,7 @@ modulejs.define('ext/preview-audio', ['_', '$', 'core/event', 'core/format', 'co
|
|||
}
|
||||
|
||||
function swap(nuContent) {
|
||||
$('#pv-content').empty().append(nuContent.attr('id', 'pv-vid-audio')).fadeIn(200);
|
||||
jq('#pv-content').empty().append(nuContent.attr('id', 'pv-vid-audio')).fadeIn(200);
|
||||
// small timeout, so nuContent is visible and therefore its width is available
|
||||
setTimeout(updateMeta, 10);
|
||||
}
|
||||
|
|
@ -63,9 +68,7 @@ modulejs.define('ext/preview-audio', ['_', '$', 'core/event', 'core/format', 'co
|
|||
clearTimeout(spinnerTimeout);
|
||||
preview.showSpinner(false);
|
||||
|
||||
$('#pv-content').fadeOut(100, function () {
|
||||
swap($preloadedContent);
|
||||
});
|
||||
jq('#pv-content').fadeOut(100, () => swap($preloadedContent));
|
||||
}
|
||||
|
||||
preloadAudio(currentItem.absHref, onReady);
|
||||
|
|
@ -78,22 +81,22 @@ modulejs.define('ext/preview-audio', ['_', '$', 'core/event', 'core/format', 'co
|
|||
}
|
||||
|
||||
function initItem(item) {
|
||||
if (item.$view && _.includes(settings.types, item.type)) {
|
||||
item.$view.find('a').on('click', function (ev) {
|
||||
if (item.$view && lo.includes(settings.types, item.type)) {
|
||||
item.$view.find('a').on('click', ev => {
|
||||
ev.preventDefault();
|
||||
|
||||
var matchedItems = _.compact(_.map($('#items .item'), function (matchedItem) {
|
||||
matchedItem = $(matchedItem).data('item');
|
||||
return _.includes(settings.types, matchedItem.type) ? matchedItem : null;
|
||||
const matchedItems = lo.compact(lo.map(jq('#items .item'), matchedItem => {
|
||||
matchedItem = jq(matchedItem).data('item');
|
||||
return lo.includes(settings.types, matchedItem.type) ? matchedItem : null;
|
||||
}));
|
||||
|
||||
onEnter(matchedItems, _.indexOf(matchedItems, item));
|
||||
onEnter(matchedItems, lo.indexOf(matchedItems, item));
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function onViewChanged(added) {
|
||||
_.each(added, initItem);
|
||||
lo.each(added, initItem);
|
||||
}
|
||||
|
||||
function init() {
|
||||
|
|
@ -105,4 +108,3 @@ modulejs.define('ext/preview-audio', ['_', '$', 'core/event', 'core/format', 'co
|
|||
}
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,14 +1,19 @@
|
|||
modulejs.define('ext/preview-img', ['_', '$', 'core/event', 'core/server', 'core/settings', 'ext/preview'], function (_, $, event, server, allsettings, preview) {
|
||||
var settings = _.extend({
|
||||
const {setTimeout, jQuery: jq, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const server = require('../core/server');
|
||||
const allsettings = require('../core/settings');
|
||||
const preview = require('./preview');
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
size: null,
|
||||
types: []
|
||||
}, allsettings['preview-img']);
|
||||
var spinnerThreshold = 200;
|
||||
var spinnerTimeoutId;
|
||||
var currentItems;
|
||||
var currentIdx;
|
||||
var currentItem;
|
||||
const spinnerThreshold = 200;
|
||||
let spinnerTimeoutId;
|
||||
let currentItems;
|
||||
let currentIdx;
|
||||
let currentItem;
|
||||
|
||||
|
||||
function requestSample(href, callback) {
|
||||
|
|
@ -21,19 +26,19 @@ modulejs.define('ext/preview-img', ['_', '$', 'core/event', 'core/server', 'core
|
|||
action: 'get',
|
||||
thumbs: [{
|
||||
type: 'img',
|
||||
href: href,
|
||||
href,
|
||||
width: settings.size,
|
||||
height: 0
|
||||
}]
|
||||
}, function (json) {
|
||||
}).then(json => {
|
||||
callback(json && json.thumbs && json.thumbs[0] ? json.thumbs[0] : null);
|
||||
});
|
||||
}
|
||||
|
||||
function preloadImage(item, callback) {
|
||||
requestSample(item.absHref, function (src) {
|
||||
$('<img/>')
|
||||
.one('load', function (ev) {
|
||||
requestSample(item.absHref, src => {
|
||||
jq('<img/>')
|
||||
.one('load', ev => {
|
||||
callback(item, ev.target);
|
||||
|
||||
// for testing
|
||||
|
|
@ -44,8 +49,8 @@ modulejs.define('ext/preview-img', ['_', '$', 'core/event', 'core/server', 'core
|
|||
}
|
||||
|
||||
function onAdjustSize() {
|
||||
var $content = $('#pv-content');
|
||||
var $img = $('#pv-img-image');
|
||||
const $content = jq('#pv-content');
|
||||
const $img = jq('#pv-img-image');
|
||||
|
||||
if ($img.length === 0) {
|
||||
return;
|
||||
|
|
@ -56,7 +61,7 @@ modulejs.define('ext/preview-img', ['_', '$', 'core/event', 'core/server', 'core
|
|||
top: ($content.height() - $img.height()) * 0.5
|
||||
});
|
||||
|
||||
var labels = [currentItem.label];
|
||||
const labels = [currentItem.label];
|
||||
if (!settings.size) {
|
||||
labels.push(String($img[0].naturalWidth) + 'x' + String($img[0].naturalHeight));
|
||||
labels.push(String((100 * $img.width() / $img[0].naturalWidth).toFixed(0)) + '%');
|
||||
|
|
@ -72,26 +77,26 @@ modulejs.define('ext/preview-img', ['_', '$', 'core/event', 'core/server', 'core
|
|||
preview.setIndex(currentIdx + 1, currentItems.length);
|
||||
preview.setRawLink(currentItem.absHref);
|
||||
|
||||
$('#pv-content').hide();
|
||||
jq('#pv-content').hide();
|
||||
if (preview.isSpinnerVisible()) {
|
||||
preview.showSpinner(true, currentItem.thumbSquare);
|
||||
} else {
|
||||
clearTimeout(spinnerTimeoutId);
|
||||
spinnerTimeoutId = setTimeout(function () {
|
||||
spinnerTimeoutId = setTimeout(() => {
|
||||
preview.showSpinner(true, currentItem.thumbSquare);
|
||||
}, spinnerThreshold);
|
||||
}
|
||||
|
||||
preloadImage(currentItem, function (item, preloadedImage) {
|
||||
preloadImage(currentItem, (item, preloadedImage) => {
|
||||
if (item !== currentItem) {
|
||||
return;
|
||||
}
|
||||
|
||||
clearTimeout(spinnerTimeoutId);
|
||||
preview.showSpinner(false);
|
||||
$('#pv-content')
|
||||
jq('#pv-content')
|
||||
.empty()
|
||||
.append($(preloadedImage).attr('id', 'pv-img-image'))
|
||||
.append(jq(preloadedImage).attr('id', 'pv-img-image'))
|
||||
.show();
|
||||
onAdjustSize();
|
||||
});
|
||||
|
|
@ -107,22 +112,22 @@ modulejs.define('ext/preview-img', ['_', '$', 'core/event', 'core/server', 'core
|
|||
}
|
||||
|
||||
function initItem(item) {
|
||||
if (item.$view && _.includes(settings.types, item.type)) {
|
||||
item.$view.find('a').on('click', function (ev) {
|
||||
if (item.$view && lo.includes(settings.types, item.type)) {
|
||||
item.$view.find('a').on('click', ev => {
|
||||
ev.preventDefault();
|
||||
|
||||
var matchedItems = _.compact(_.map($('#items .item'), function (matchedItem) {
|
||||
matchedItem = $(matchedItem).data('item');
|
||||
return _.includes(settings.types, matchedItem.type) ? matchedItem : null;
|
||||
const matchedItems = lo.compact(lo.map(jq('#items .item'), matchedItem => {
|
||||
matchedItem = jq(matchedItem).data('item');
|
||||
return lo.includes(settings.types, matchedItem.type) ? matchedItem : null;
|
||||
}));
|
||||
|
||||
onEnter(matchedItems, _.indexOf(matchedItems, item));
|
||||
onEnter(matchedItems, lo.indexOf(matchedItems, item));
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function onViewChanged(added) {
|
||||
_.each(added, initItem);
|
||||
lo.each(added, initItem);
|
||||
}
|
||||
|
||||
function init() {
|
||||
|
|
@ -135,4 +140,3 @@ modulejs.define('ext/preview-img', ['_', '$', 'core/event', 'core/server', 'core
|
|||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,36 +1,41 @@
|
|||
modulejs.define('ext/preview-txt', ['_', '$', 'marked', 'prism', 'core/event', 'core/settings', 'ext/preview'], function (_, $, marked, prism, event, allsettings, preview) {
|
||||
var settings = _.extend({
|
||||
const {setTimeout, jQuery: jq, _: lo, marked, Prism: prism} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const allsettings = require('../core/settings');
|
||||
const preview = require('./preview');
|
||||
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
types: {}
|
||||
}, allsettings['preview-txt']);
|
||||
var tplText = '<pre id="pv-txt-text" class="highlighted"/>';
|
||||
var tplMarkdown = '<div id="pv-txt-text" class="markdown"/>';
|
||||
var spinnerThreshold = 200;
|
||||
var spinnerTimeoutId;
|
||||
var currentItems;
|
||||
var currentIdx;
|
||||
var currentItem;
|
||||
const tplText = '<pre id="pv-txt-text" class="highlighted"/>';
|
||||
const tplMarkdown = '<div id="pv-txt-text" class="markdown"/>';
|
||||
const spinnerThreshold = 200;
|
||||
let spinnerTimeoutId;
|
||||
let currentItems;
|
||||
let currentIdx;
|
||||
let currentItem;
|
||||
|
||||
|
||||
function preloadText(item, callback) {
|
||||
$.ajax({
|
||||
jq.ajax({
|
||||
url: item.absHref,
|
||||
dataType: 'text'
|
||||
})
|
||||
.done(function (content) {
|
||||
.done(content => {
|
||||
callback(item, content);
|
||||
|
||||
// for testing
|
||||
// setTimeout(function () { callback(item, content); }, 1000);
|
||||
})
|
||||
.fail(function (jqXHR, textStatus) {
|
||||
.fail((jqXHR, textStatus) => {
|
||||
callback(item, '[ajax error] ' + textStatus);
|
||||
});
|
||||
}
|
||||
|
||||
function onAdjustSize() {
|
||||
var $content = $('#pv-content');
|
||||
var $text = $('#pv-txt-text');
|
||||
const $content = jq('#pv-content');
|
||||
const $text = jq('#pv-txt-text');
|
||||
|
||||
if ($text.length) {
|
||||
$text.height($content.height() - 16);
|
||||
|
|
@ -48,46 +53,48 @@ modulejs.define('ext/preview-txt', ['_', '$', 'marked', 'prism', 'core/event', '
|
|||
preview.setIndex(currentIdx + 1, currentItems.length);
|
||||
preview.setRawLink(currentItem.absHref);
|
||||
|
||||
$('#pv-content').hide();
|
||||
jq('#pv-content').hide();
|
||||
if (preview.isSpinnerVisible()) {
|
||||
preview.showSpinner(true, currentItem.icon);
|
||||
} else {
|
||||
clearTimeout(spinnerTimeoutId);
|
||||
spinnerTimeoutId = setTimeout(function () {
|
||||
spinnerTimeoutId = setTimeout(() => {
|
||||
preview.showSpinner(true, currentItem.icon);
|
||||
}, spinnerThreshold);
|
||||
}
|
||||
|
||||
preloadText(currentItem, function (item, textContent) {
|
||||
preloadText(currentItem, (item, textContent) => {
|
||||
if (item !== currentItem) {
|
||||
return;
|
||||
}
|
||||
|
||||
var type = settings.types[currentItem.type];
|
||||
var $text;
|
||||
var $code;
|
||||
const type = settings.types[currentItem.type];
|
||||
let $text;
|
||||
let $code;
|
||||
|
||||
if (type === 'none') {
|
||||
$text = $(tplMarkdown).text(textContent);
|
||||
$text = jq(tplMarkdown).text(textContent);
|
||||
} else if (type === 'fixed') {
|
||||
$text = $(tplText).text(textContent);
|
||||
$text = jq(tplText).text(textContent);
|
||||
} else if (type === 'markdown') {
|
||||
$text = $(tplMarkdown).html(marked(textContent));
|
||||
$text = jq(tplMarkdown).html(marked(textContent));
|
||||
} else {
|
||||
$text = $(tplText);
|
||||
$code = $('<code/>').appendTo($text);
|
||||
$text = jq(tplText);
|
||||
$code = jq('<code/>').appendTo($text);
|
||||
|
||||
if (textContent.length < 20000) {
|
||||
$code.empty().html(prism.highlight(textContent, prism.languages[type]));
|
||||
} else {
|
||||
$code.empty().text(textContent);
|
||||
setTimeout(function () { $code.empty().html(prism.highlight(textContent, prism.languages[type])); }, 300);
|
||||
setTimeout(() => {
|
||||
$code.empty().html(prism.highlight(textContent, prism.languages[type]));
|
||||
}, 300);
|
||||
}
|
||||
}
|
||||
|
||||
clearTimeout(spinnerTimeoutId);
|
||||
preview.showSpinner(false);
|
||||
$('#pv-content')
|
||||
jq('#pv-content')
|
||||
.empty()
|
||||
.append($text)
|
||||
.show();
|
||||
|
|
@ -106,22 +113,22 @@ modulejs.define('ext/preview-txt', ['_', '$', 'marked', 'prism', 'core/event', '
|
|||
}
|
||||
|
||||
function initItem(item) {
|
||||
if (item.$view && _.includes(_.keys(settings.types), item.type)) {
|
||||
item.$view.find('a').on('click', function (ev) {
|
||||
if (item.$view && lo.includes(lo.keys(settings.types), item.type)) {
|
||||
item.$view.find('a').on('click', ev => {
|
||||
ev.preventDefault();
|
||||
|
||||
var matchedItems = _.compact(_.map($('#items .item'), function (matchedItem) {
|
||||
matchedItem = $(matchedItem).data('item');
|
||||
return _.includes(_.keys(settings.types), matchedItem.type) ? matchedItem : null;
|
||||
const matchedItems = lo.compact(lo.map(jq('#items .item'), matchedItem => {
|
||||
matchedItem = jq(matchedItem).data('item');
|
||||
return lo.includes(lo.keys(settings.types), matchedItem.type) ? matchedItem : null;
|
||||
}));
|
||||
|
||||
onEnter(matchedItems, _.indexOf(matchedItems, item));
|
||||
onEnter(matchedItems, lo.indexOf(matchedItems, item));
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function onViewChanged(added) {
|
||||
_.each(added, initItem);
|
||||
lo.each(added, initItem);
|
||||
}
|
||||
|
||||
function init() {
|
||||
|
|
@ -134,4 +141,3 @@ modulejs.define('ext/preview-txt', ['_', '$', 'marked', 'prism', 'core/event', '
|
|||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,12 +1,16 @@
|
|||
modulejs.define('ext/preview-vid', ['_', '$', 'core/event', 'core/settings', 'ext/preview'], function (_, $, event, allsettings, preview) {
|
||||
var settings = _.extend({
|
||||
const {setTimeout, jQuery: jq, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const allsettings = require('../core/settings');
|
||||
const preview = require('./preview');
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
types: []
|
||||
}, allsettings['preview-vid']);
|
||||
|
||||
function preloadVideo(src, callback) {
|
||||
var $video = $('<video/>')
|
||||
.one('loadedmetadata', function () {
|
||||
const $video = jq('<video/>')
|
||||
.one('loadedmetadata', () => {
|
||||
callback($video);
|
||||
// setTimeout(function () { callback($video); }, 1000); // for testing
|
||||
})
|
||||
|
|
@ -16,13 +20,13 @@ modulejs.define('ext/preview-vid', ['_', '$', 'core/event', 'core/settings', 'ex
|
|||
}
|
||||
|
||||
function onEnter(items, idx) {
|
||||
var currentItems = items;
|
||||
var currentIdx = idx;
|
||||
var currentItem = items[idx];
|
||||
const currentItems = items;
|
||||
let currentIdx = idx;
|
||||
let currentItem = items[idx];
|
||||
|
||||
function onAdjustSize() {
|
||||
var $content = $('#pv-content');
|
||||
var $vid = $('#pv-vid-video');
|
||||
const $content = jq('#pv-content');
|
||||
const $vid = jq('#pv-vid-video');
|
||||
|
||||
if ($vid.length) {
|
||||
$vid.css({
|
||||
|
|
@ -42,10 +46,10 @@ modulejs.define('ext/preview-vid', ['_', '$', 'core/event', 'core/settings', 'ex
|
|||
currentIdx = (currentIdx + rel + currentItems.length) % currentItems.length;
|
||||
currentItem = currentItems[currentIdx];
|
||||
|
||||
var spinnerTimeout = setTimeout(function () { preview.showSpinner(true); }, 200);
|
||||
const spinnerTimeout = setTimeout(() => preview.showSpinner(true), 200);
|
||||
|
||||
if ($('#pv-vid-video').length) {
|
||||
$('#pv-vid-video')[0].pause();
|
||||
if (jq('#pv-vid-video').length) {
|
||||
jq('#pv-vid-video')[0].pause();
|
||||
}
|
||||
|
||||
function updateMeta() {
|
||||
|
|
@ -55,7 +59,7 @@ modulejs.define('ext/preview-vid', ['_', '$', 'core/event', 'core/settings', 'ex
|
|||
}
|
||||
|
||||
function swap(nuContent) {
|
||||
$('#pv-content').empty().append(nuContent.attr('id', 'pv-vid-video')).fadeIn(200);
|
||||
jq('#pv-content').empty().append(nuContent.attr('id', 'pv-vid-video')).fadeIn(200);
|
||||
// small timeout, so nuContent is visible and therefore its width is available
|
||||
setTimeout(updateMeta, 10);
|
||||
}
|
||||
|
|
@ -64,9 +68,7 @@ modulejs.define('ext/preview-vid', ['_', '$', 'core/event', 'core/settings', 'ex
|
|||
clearTimeout(spinnerTimeout);
|
||||
preview.showSpinner(false);
|
||||
|
||||
$('#pv-content').fadeOut(100, function () {
|
||||
swap($preloadedContent);
|
||||
});
|
||||
jq('#pv-content').fadeOut(100, () => swap($preloadedContent));
|
||||
}
|
||||
|
||||
preloadVideo(currentItem.absHref, onReady);
|
||||
|
|
@ -79,22 +81,22 @@ modulejs.define('ext/preview-vid', ['_', '$', 'core/event', 'core/settings', 'ex
|
|||
}
|
||||
|
||||
function initItem(item) {
|
||||
if (item.$view && _.includes(settings.types, item.type)) {
|
||||
item.$view.find('a').on('click', function (ev) {
|
||||
if (item.$view && lo.includes(settings.types, item.type)) {
|
||||
item.$view.find('a').on('click', ev => {
|
||||
ev.preventDefault();
|
||||
|
||||
var matchedItems = _.compact(_.map($('#items .item'), function (matchedItem) {
|
||||
matchedItem = $(matchedItem).data('item');
|
||||
return _.includes(settings.types, matchedItem.type) ? matchedItem : null;
|
||||
const matchedItems = lo.compact(lo.map(jq('#items .item'), matchedItem => {
|
||||
matchedItem = jq(matchedItem).data('item');
|
||||
return lo.includes(settings.types, matchedItem.type) ? matchedItem : null;
|
||||
}));
|
||||
|
||||
onEnter(matchedItems, _.indexOf(matchedItems, item));
|
||||
onEnter(matchedItems, lo.indexOf(matchedItems, item));
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function onViewChanged(added) {
|
||||
_.each(added, initItem);
|
||||
lo.each(added, initItem);
|
||||
}
|
||||
|
||||
function init() {
|
||||
|
|
@ -106,4 +108,3 @@ modulejs.define('ext/preview-vid', ['_', '$', 'core/event', 'core/settings', 'ex
|
|||
}
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,40 +1,45 @@
|
|||
modulejs.define('ext/preview', ['_', '$', 'core/resource', 'core/settings', 'core/store'], function (_, $, resource, allsettings, store) {
|
||||
var settings = _.extend({
|
||||
const {window: win, setTimeout, jQuery: jq, _: lo} = require('../win');
|
||||
const resource = require('../core/resource');
|
||||
const allsettings = require('../core/settings');
|
||||
const store = require('../core/store');
|
||||
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: true
|
||||
}, allsettings.preview);
|
||||
var $window = $(window);
|
||||
var tplOverlay =
|
||||
'<div id="pv-overlay">' +
|
||||
'<div id="pv-content"/>' +
|
||||
'<div id="pv-spinner"><img class="back"/><img class="spinner" src="' + resource.image('spinner') + '"/></div>' +
|
||||
'<div id="pv-prev-area" class="hof"><img src="' + resource.image('preview-prev') + '"/></div>' +
|
||||
'<div id="pv-next-area" class="hof"><img src="' + resource.image('preview-next') + '"/></div>' +
|
||||
'<div id="pv-bottombar" class="clearfix hof">' +
|
||||
'<ul id="pv-buttons">' +
|
||||
'<li id="pv-bar-close" class="bar-right bar-button"><img src="' + resource.image('preview-close') + '"/></li>' +
|
||||
'<li id="pv-bar-raw" class="bar-right"><a class="bar-button" target="_blank"><img src="' + resource.image('preview-raw') + '"/></a></li>' +
|
||||
'<li id="pv-bar-fullscreen" class="bar-right bar-button"><img src="' + resource.image('preview-fullscreen') + '"/></li>' +
|
||||
'<li id="pv-bar-next" class="bar-right bar-button"><img src="' + resource.image('preview-next') + '"/></li>' +
|
||||
'<li id="pv-bar-idx" class="bar-right bar-label"/>' +
|
||||
'<li id="pv-bar-prev" class="bar-right bar-button"><img src="' + resource.image('preview-prev') + '"/></li>' +
|
||||
'</ul>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
var storekey = 'ext/preview';
|
||||
var isFullscreen = store.get(storekey) || false;
|
||||
var userAliveTimeoutId = null;
|
||||
var onIndexChange = null;
|
||||
var onAdjustSize = null;
|
||||
var spinnerVisible = false;
|
||||
const $window = jq(win);
|
||||
const tplOverlay =
|
||||
`<div id="pv-overlay">
|
||||
<div id="pv-content"/>
|
||||
<div id="pv-spinner"><img class="back"/><img class="spinner" src="${resource.image('spinner')}"/></div>
|
||||
<div id="pv-prev-area" class="hof"><img src="${resource.image('preview-prev')}"/></div>
|
||||
<div id="pv-next-area" class="hof"><img src="${resource.image('preview-next')}"/></div>
|
||||
<div id="pv-bottombar" class="clearfix hof">
|
||||
<ul id="pv-buttons">
|
||||
<li id="pv-bar-close" class="bar-right bar-button"><img src="${resource.image('preview-close')}"/></li>
|
||||
<li id="pv-bar-raw" class="bar-right"><a class="bar-button" target="_blank"><img src="${resource.image('preview-raw')}"/></a></li>
|
||||
<li id="pv-bar-fullscreen" class="bar-right bar-button"><img src="${resource.image('preview-fullscreen')}"/></li>
|
||||
<li id="pv-bar-next" class="bar-right bar-button"><img src="${resource.image('preview-next')}"/></li>
|
||||
<li id="pv-bar-idx" class="bar-right bar-label"/>
|
||||
<li id="pv-bar-prev" class="bar-right bar-button"><img src="${resource.image('preview-prev')}"/></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>`;
|
||||
const storekey = 'ext/preview';
|
||||
let isFullscreen = store.get(storekey) || false;
|
||||
let userAliveTimeoutId = null;
|
||||
let onIndexChange = null;
|
||||
let onAdjustSize = null;
|
||||
let spinnerVisible = false;
|
||||
|
||||
|
||||
function adjustSize() {
|
||||
var winWidth = $window.width();
|
||||
var winHeight = $window.height();
|
||||
var $container = $('#pv-content');
|
||||
var $spinner = $('#pv-spinner');
|
||||
var margin = isFullscreen ? 0 : 20;
|
||||
var barHeight = isFullscreen ? 0 : 48;
|
||||
const winWidth = $window.width();
|
||||
const winHeight = $window.height();
|
||||
const $container = jq('#pv-content');
|
||||
const $spinner = jq('#pv-spinner');
|
||||
const margin = isFullscreen ? 0 : 20;
|
||||
const barHeight = isFullscreen ? 0 : 48;
|
||||
|
||||
$container.css({
|
||||
width: winWidth - 2 * margin,
|
||||
|
|
@ -49,22 +54,22 @@ modulejs.define('ext/preview', ['_', '$', 'core/resource', 'core/settings', 'cor
|
|||
});
|
||||
|
||||
if (isFullscreen) {
|
||||
$('#pv-overlay').addClass('fullscreen');
|
||||
$('#pv-bar-fullscreen').find('img').attr('src', resource.image('preview-no-fullscreen'));
|
||||
jq('#pv-overlay').addClass('fullscreen');
|
||||
jq('#pv-bar-fullscreen').find('img').attr('src', resource.image('preview-no-fullscreen'));
|
||||
} else {
|
||||
$('#pv-overlay').removeClass('fullscreen');
|
||||
$('#pv-bar-fullscreen').find('img').attr('src', resource.image('preview-fullscreen'));
|
||||
jq('#pv-overlay').removeClass('fullscreen');
|
||||
jq('#pv-bar-fullscreen').find('img').attr('src', resource.image('preview-fullscreen'));
|
||||
}
|
||||
|
||||
if (_.isFunction(onAdjustSize)) {
|
||||
if (lo.isFunction(onAdjustSize)) {
|
||||
onAdjustSize(1);
|
||||
}
|
||||
}
|
||||
|
||||
function setLabels(labels) {
|
||||
$('#pv-buttons .bar-left').remove();
|
||||
_.each(labels, function (label) {
|
||||
$('<li/>')
|
||||
jq('#pv-buttons .bar-left').remove();
|
||||
lo.each(labels, label => {
|
||||
jq('<li/>')
|
||||
.addClass('bar-left bar-label')
|
||||
.text(label)
|
||||
.appendTo('#pv-buttons');
|
||||
|
|
@ -72,24 +77,24 @@ modulejs.define('ext/preview', ['_', '$', 'core/resource', 'core/settings', 'cor
|
|||
}
|
||||
|
||||
function onNext() {
|
||||
if (_.isFunction(onIndexChange)) {
|
||||
if (lo.isFunction(onIndexChange)) {
|
||||
onIndexChange(1);
|
||||
}
|
||||
}
|
||||
|
||||
function onPrevious() {
|
||||
if (_.isFunction(onIndexChange)) {
|
||||
if (lo.isFunction(onIndexChange)) {
|
||||
onIndexChange(-1);
|
||||
}
|
||||
}
|
||||
|
||||
function userAlive() {
|
||||
clearTimeout(userAliveTimeoutId);
|
||||
$('#pv-overlay .hof').stop(true, true).fadeIn(200);
|
||||
jq('#pv-overlay .hof').stop(true, true).fadeIn(200);
|
||||
|
||||
if (isFullscreen) {
|
||||
userAliveTimeoutId = setTimeout(function () {
|
||||
$('#pv-overlay .hof').stop(true, true).fadeOut(2000);
|
||||
userAliveTimeoutId = setTimeout(() => {
|
||||
jq('#pv-overlay .hof').stop(true, true).fadeOut(2000);
|
||||
}, 2000);
|
||||
}
|
||||
}
|
||||
|
|
@ -103,7 +108,7 @@ modulejs.define('ext/preview', ['_', '$', 'core/resource', 'core/settings', 'cor
|
|||
}
|
||||
|
||||
function onKeydown(ev) {
|
||||
var key = ev.which;
|
||||
const key = ev.which;
|
||||
|
||||
if (key === 27) { // esc
|
||||
ev.preventDefault();
|
||||
|
|
@ -126,33 +131,33 @@ modulejs.define('ext/preview', ['_', '$', 'core/resource', 'core/settings', 'cor
|
|||
|
||||
function onEnter() {
|
||||
setLabels([]);
|
||||
$('#pv-content').empty();
|
||||
$('#pv-overlay').stop(true, true).fadeIn(200);
|
||||
jq('#pv-content').empty();
|
||||
jq('#pv-overlay').stop(true, true).fadeIn(200);
|
||||
$window.on('keydown', onKeydown);
|
||||
adjustSize();
|
||||
}
|
||||
|
||||
function onExit() {
|
||||
$window.off('keydown', onKeydown);
|
||||
$('#pv-overlay').stop(true, true).fadeOut(200, function () {
|
||||
$('#pv-content').empty();
|
||||
jq('#pv-overlay').stop(true, true).fadeOut(200, () => {
|
||||
jq('#pv-content').empty();
|
||||
setLabels([]);
|
||||
});
|
||||
}
|
||||
|
||||
function setIndex(idx, total) {
|
||||
if (_.isNumber(idx)) {
|
||||
$('#pv-bar-idx').text(String(idx) + (_.isNumber(total) ? '/' + String(total) : '')).show();
|
||||
if (lo.isNumber(idx)) {
|
||||
jq('#pv-bar-idx').text(String(idx) + (lo.isNumber(total) ? '/' + String(total) : '')).show();
|
||||
} else {
|
||||
$('#pv-bar-idx').text('').hide();
|
||||
jq('#pv-bar-idx').text('').hide();
|
||||
}
|
||||
}
|
||||
|
||||
function setRawLink(href) {
|
||||
if (href) {
|
||||
$('#pv-bar-raw').show().find('a').attr('href', href);
|
||||
jq('#pv-bar-raw').show().find('a').attr('href', href);
|
||||
} else {
|
||||
$('#pv-bar-raw').hide().find('a').attr('href', '#');
|
||||
jq('#pv-bar-raw').hide().find('a').attr('href', '#');
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -165,12 +170,12 @@ modulejs.define('ext/preview', ['_', '$', 'core/resource', 'core/settings', 'cor
|
|||
}
|
||||
|
||||
function showSpinner(show, src, millis) {
|
||||
if (!_.isNumber(millis)) {
|
||||
if (!lo.isNumber(millis)) {
|
||||
millis = 300;
|
||||
}
|
||||
|
||||
var $spinner = $('#pv-spinner').stop(true, true);
|
||||
var $back = $spinner.find('.back');
|
||||
const $spinner = jq('#pv-spinner').stop(true, true);
|
||||
const $back = $spinner.find('.back');
|
||||
|
||||
if (show) {
|
||||
if (src) {
|
||||
|
|
@ -195,18 +200,18 @@ modulejs.define('ext/preview', ['_', '$', 'core/resource', 'core/settings', 'cor
|
|||
return;
|
||||
}
|
||||
|
||||
$(tplOverlay).appendTo('body');
|
||||
jq(tplOverlay).appendTo('body');
|
||||
|
||||
$('#pv-spinner').hide();
|
||||
$('#pv-bar-prev, #pv-prev-area').on('click', onPrevious);
|
||||
$('#pv-bar-next, #pv-next-area').on('click', onNext);
|
||||
$('#pv-bar-close').on('click', onExit);
|
||||
$('#pv-bar-fullscreen').on('click', onFullscreen);
|
||||
jq('#pv-spinner').hide();
|
||||
jq('#pv-bar-prev, #pv-prev-area').on('click', onPrevious);
|
||||
jq('#pv-bar-next, #pv-next-area').on('click', onNext);
|
||||
jq('#pv-bar-close').on('click', onExit);
|
||||
jq('#pv-bar-fullscreen').on('click', onFullscreen);
|
||||
|
||||
$('#pv-overlay')
|
||||
jq('#pv-overlay')
|
||||
.on('keydown', onKeydown)
|
||||
.on('mousemove mousedown', userAlive)
|
||||
.on('click mousedown mousemove keydown keypress', function (ev) {
|
||||
.on('click mousedown mousemove keydown keypress', ev => {
|
||||
if (ev.type === 'click' && (ev.target.id === 'pv-overlay' || ev.target.id === 'pv-content')) {
|
||||
onExit();
|
||||
}
|
||||
|
|
@ -219,15 +224,14 @@ modulejs.define('ext/preview', ['_', '$', 'core/resource', 'core/settings', 'cor
|
|||
|
||||
init();
|
||||
|
||||
return {
|
||||
module.exports = {
|
||||
enter: onEnter,
|
||||
exit: onExit,
|
||||
setIndex: setIndex,
|
||||
setRawLink: setRawLink,
|
||||
setLabels: setLabels,
|
||||
setOnIndexChange: setOnIndexChange,
|
||||
setOnAdjustSize: setOnAdjustSize,
|
||||
showSpinner: showSpinner,
|
||||
isSpinnerVisible: isSpinnerVisible
|
||||
setIndex,
|
||||
setRawLink,
|
||||
setLabels,
|
||||
setOnIndexChange,
|
||||
setOnAdjustSize,
|
||||
showSpinner,
|
||||
isSpinnerVisible
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,18 +1,29 @@
|
|||
modulejs.define('ext/search', ['_', '$', 'core/event', 'core/location', 'core/resource', 'core/server', 'core/settings', 'core/util', 'model/item', 'view/view'], function (_, $, event, location, resource, server, allsettings, util, Item, view) {
|
||||
var settings = _.extend({
|
||||
const {jQuery: jq, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const location = require('../core/location');
|
||||
const resource = require('../core/resource');
|
||||
const server = require('../core/server');
|
||||
const allsettings = require('../core/settings');
|
||||
const util = require('../core/util');
|
||||
const Item = require('../model/item');
|
||||
const view = require('../view/view');
|
||||
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
advanced: false,
|
||||
debounceTime: 300
|
||||
debounceTime: 300,
|
||||
ignorecase: true
|
||||
}, allsettings.search);
|
||||
var template =
|
||||
'<div id="search" class="tool">' +
|
||||
'<img src="' + resource.image('search') + '" alt="search"/>' +
|
||||
'<input class="l10n_ph-search" type="text" value=""/>' +
|
||||
'</div>';
|
||||
var inputIsVisible = false;
|
||||
var prevPattern = '';
|
||||
var $search;
|
||||
var $input;
|
||||
const template =
|
||||
`<div id="search" class="tool">
|
||||
<img src="${resource.image('search')}" alt="search"/>
|
||||
<input class="l10n_ph-search" type="text" value=""/>
|
||||
</div>`;
|
||||
let inputIsVisible = false;
|
||||
let prevPattern = '';
|
||||
let $search;
|
||||
let $input;
|
||||
|
||||
|
||||
function search(pattern) {
|
||||
|
|
@ -33,12 +44,13 @@ modulejs.define('ext/search', ['_', '$', 'core/event', 'core/location', 'core/re
|
|||
action: 'get',
|
||||
search: {
|
||||
href: location.getAbsHref(),
|
||||
pattern: pattern
|
||||
pattern,
|
||||
ignorecase: settings.ignorecase
|
||||
}
|
||||
}, function (response) {
|
||||
}).then(response => {
|
||||
$search.removeClass('pending');
|
||||
view.setHint('noMatch');
|
||||
view.setItems(_.map(response.search, function (item) {
|
||||
view.setItems(lo.map(response.search, item => {
|
||||
return Item.get(item);
|
||||
}));
|
||||
});
|
||||
|
|
@ -71,14 +83,13 @@ modulejs.define('ext/search', ['_', '$', 'core/event', 'core/location', 'core/re
|
|||
return;
|
||||
}
|
||||
|
||||
$search = $(template).appendTo('#toolbar');
|
||||
$search = jq(template).appendTo('#toolbar');
|
||||
$input = $search.find('input');
|
||||
|
||||
$search.on('click', 'img', toggle);
|
||||
$input.on('keyup', _.debounce(update, settings.debounceTime, {trailing: true}));
|
||||
$input.on('keyup', lo.debounce(update, settings.debounceTime, {trailing: true}));
|
||||
event.sub('location.changed', reset);
|
||||
}
|
||||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,27 +1,32 @@
|
|||
modulejs.define('ext/select', ['_', '$', 'core/event', 'core/resource', 'core/settings'], function (_, $, event, resource, allsettings) {
|
||||
var settings = _.extend({
|
||||
const {document: doc, jQuery: jq, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const resource = require('../core/resource');
|
||||
const allsettings = require('../core/settings');
|
||||
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
clickndrag: false,
|
||||
checkboxes: false
|
||||
}, allsettings.select);
|
||||
var template = '<span class="selector"><img src="' + resource.image('selected') + '" alt="selected"/></span>';
|
||||
var x = 0;
|
||||
var y = 0;
|
||||
var l = 0;
|
||||
var t = 0;
|
||||
var w = 0;
|
||||
var h = 0;
|
||||
var isDragSelect;
|
||||
var isCtrlPressed;
|
||||
var shrink = 1 / 3;
|
||||
var $document = $(document);
|
||||
var $html = $('html');
|
||||
var $selectionRect = $('<div id="selection-rect"/>');
|
||||
const template = '<span class="selector"><img src="' + resource.image('selected') + '" alt="selected"/></span>';
|
||||
let x = 0;
|
||||
let y = 0;
|
||||
let l = 0;
|
||||
let t = 0;
|
||||
let w = 0;
|
||||
let h = 0;
|
||||
let isDragSelect;
|
||||
let isCtrlPressed;
|
||||
const shrink = 1 / 3;
|
||||
const $document = jq(doc);
|
||||
const $html = jq('html');
|
||||
const $selectionRect = jq('<div id="selection-rect"/>');
|
||||
|
||||
|
||||
function publish() {
|
||||
var items = _.map($('#items .item.selected'), function (itemElement) {
|
||||
return $(itemElement).data('item');
|
||||
const items = lo.map(jq('#items .item.selected'), itemElement => {
|
||||
return jq(itemElement).data('item');
|
||||
});
|
||||
event.pub('selection', items);
|
||||
}
|
||||
|
|
@ -31,11 +36,11 @@ modulejs.define('ext/select', ['_', '$', 'core/event', 'core/resource', 'core/se
|
|||
return null;
|
||||
}
|
||||
|
||||
var offset = $element.offset();
|
||||
var elL = offset.left;
|
||||
var elT = offset.top;
|
||||
var elW = $element.outerWidth();
|
||||
var elH = $element.outerHeight();
|
||||
const offset = $element.offset();
|
||||
const elL = offset.left;
|
||||
const elT = offset.top;
|
||||
const elW = $element.outerWidth();
|
||||
const elH = $element.outerHeight();
|
||||
return {l: elL, t: elT, w: elW, h: elH, r: elL + elW, b: elT + elH};
|
||||
}
|
||||
|
||||
|
|
@ -44,12 +49,12 @@ modulejs.define('ext/select', ['_', '$', 'core/event', 'core/resource', 'core/se
|
|||
return false;
|
||||
}
|
||||
|
||||
var left = Math.max(rect1.l, rect2.l);
|
||||
var right = Math.min(rect1.r, rect2.r);
|
||||
var top = Math.max(rect1.t, rect2.t);
|
||||
var bottom = Math.min(rect1.b, rect2.b);
|
||||
var width = right - left;
|
||||
var height = bottom - top;
|
||||
const left = Math.max(rect1.l, rect2.l);
|
||||
const right = Math.min(rect1.r, rect2.r);
|
||||
const top = Math.max(rect1.t, rect2.t);
|
||||
const bottom = Math.min(rect1.b, rect2.b);
|
||||
const width = right - left;
|
||||
const height = bottom - top;
|
||||
|
||||
return width >= 0 && height >= 0;
|
||||
}
|
||||
|
|
@ -65,7 +70,7 @@ modulejs.define('ext/select', ['_', '$', 'core/event', 'core/resource', 'core/se
|
|||
}
|
||||
|
||||
if (!isDragSelect && !isCtrlPressed) {
|
||||
$('#items .item').removeClass('selected');
|
||||
jq('#items .item').removeClass('selected');
|
||||
publish();
|
||||
}
|
||||
|
||||
|
|
@ -78,10 +83,10 @@ modulejs.define('ext/select', ['_', '$', 'core/event', 'core/resource', 'core/se
|
|||
.css({left: l, top: t, width: w, height: h, opacity: 1})
|
||||
.show();
|
||||
|
||||
var selRect = elementRect($selectionRect);
|
||||
$('#items .item').removeClass('selecting').each(function () {
|
||||
var $item = $(this);
|
||||
var inter = doOverlap(selRect, elementRect($item.find('a')));
|
||||
const selRect = elementRect($selectionRect);
|
||||
jq('#items .item').removeClass('selecting').each((idx, el) => {
|
||||
const $item = jq(el);
|
||||
const inter = doOverlap(selRect, elementRect($item.find('a')));
|
||||
|
||||
if (inter && !$item.hasClass('folder-parent')) {
|
||||
$item.addClass('selecting');
|
||||
|
|
@ -97,8 +102,8 @@ modulejs.define('ext/select', ['_', '$', 'core/event', 'core/resource', 'core/se
|
|||
}
|
||||
|
||||
ev.preventDefault();
|
||||
$('#items .item.selecting.selected').removeClass('selecting').removeClass('selected');
|
||||
$('#items .item.selecting').removeClass('selecting').addClass('selected');
|
||||
jq('#items .item.selecting.selected').removeClass('selecting').removeClass('selected');
|
||||
jq('#items .item.selecting').removeClass('selecting').addClass('selected');
|
||||
publish();
|
||||
|
||||
$html.removeClass('drag-select');
|
||||
|
|
@ -112,14 +117,14 @@ modulejs.define('ext/select', ['_', '$', 'core/event', 'core/resource', 'core/se
|
|||
opacity: 0
|
||||
},
|
||||
300,
|
||||
function () {
|
||||
() => {
|
||||
$selectionRect.hide();
|
||||
});
|
||||
}
|
||||
|
||||
function selectionStart(ev) {
|
||||
// only on left button and don't block scrollbar
|
||||
if (ev.button !== 0 || ev.offsetX >= $('#content').width() - 14) {
|
||||
if (ev.button !== 0 || ev.offsetX >= jq('#content').width() - 14) {
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -137,13 +142,13 @@ modulejs.define('ext/select', ['_', '$', 'core/event', 'core/resource', 'core/se
|
|||
ev.stopImmediatePropagation();
|
||||
ev.preventDefault();
|
||||
|
||||
$(ev.target).closest('.item').toggleClass('selected');
|
||||
jq(ev.target).closest('.item').toggleClass('selected');
|
||||
publish();
|
||||
}
|
||||
|
||||
function addCheckbox(item) {
|
||||
if (item.$view && !item.isCurrentParentFolder()) {
|
||||
$(template)
|
||||
jq(template)
|
||||
.on('click', onSelectorClick)
|
||||
.appendTo(item.$view.find('a'));
|
||||
}
|
||||
|
|
@ -151,10 +156,10 @@ modulejs.define('ext/select', ['_', '$', 'core/event', 'core/resource', 'core/se
|
|||
|
||||
function onViewChanged(added, removed) {
|
||||
if (settings.checkboxes) {
|
||||
_.each(added, addCheckbox);
|
||||
lo.each(added, addCheckbox);
|
||||
}
|
||||
|
||||
_.each(removed, function (item) {
|
||||
lo.each(removed, item => {
|
||||
if (item.$view) {
|
||||
item.$view.removeClass('selected');
|
||||
}
|
||||
|
|
@ -173,14 +178,14 @@ modulejs.define('ext/select', ['_', '$', 'core/event', 'core/resource', 'core/se
|
|||
if (settings.clickndrag) {
|
||||
$selectionRect.hide().appendTo('body');
|
||||
|
||||
$('#content')
|
||||
jq('#content')
|
||||
.on('mousedown', selectionStart)
|
||||
.on('drag dragstart', function (ev) {
|
||||
.on('drag dragstart', ev => {
|
||||
ev.stopImmediatePropagation();
|
||||
ev.preventDefault();
|
||||
})
|
||||
.on('click', function () {
|
||||
$('#items .item').removeClass('selected');
|
||||
.on('click', () => {
|
||||
jq('#items .item').removeClass('selected');
|
||||
publish();
|
||||
});
|
||||
}
|
||||
|
|
@ -188,4 +193,3 @@ modulejs.define('ext/select', ['_', '$', 'core/event', 'core/resource', 'core/se
|
|||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,5 +1,11 @@
|
|||
modulejs.define('ext/sort', ['_', '$', 'core/event', 'core/resource', 'core/settings', 'core/store', 'core/util'], function (_, $, event, resource, allsettings, store, util) {
|
||||
var settings = _.extend({
|
||||
const {jQuery: jq, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const resource = require('../core/resource');
|
||||
const allsettings = require('../core/settings');
|
||||
const store = require('../core/store');
|
||||
const util = require('../core/util');
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
column: 0,
|
||||
reverse: false,
|
||||
|
|
@ -7,12 +13,12 @@ modulejs.define('ext/sort', ['_', '$', 'core/event', 'core/resource', 'core/sett
|
|||
natural: false,
|
||||
folders: 0
|
||||
}, allsettings.sort);
|
||||
var storekey = 'ext/sort';
|
||||
var template = '<img src="' + resource.image('sort') + '" class="sort" alt="sort order" />';
|
||||
const storekey = 'ext/sort';
|
||||
const template = '<img src="' + resource.image('sort') + '" class="sort" alt="sort order" />';
|
||||
|
||||
|
||||
function getType(item) {
|
||||
var $item = $(item);
|
||||
const $item = jq(item);
|
||||
|
||||
if ($item.hasClass('folder-parent')) {
|
||||
return 0;
|
||||
|
|
@ -29,24 +35,24 @@ modulejs.define('ext/sort', ['_', '$', 'core/event', 'core/resource', 'core/sett
|
|||
}
|
||||
|
||||
function getName(item) {
|
||||
return $(item).find('.label').text();
|
||||
return jq(item).find('.label').text();
|
||||
}
|
||||
|
||||
function getTime(item) {
|
||||
return $(item).find('.date').data('time');
|
||||
return jq(item).find('.date').data('time');
|
||||
}
|
||||
|
||||
function getSize(item) {
|
||||
return $(item).find('.size').data('bytes');
|
||||
return jq(item).find('.size').data('bytes');
|
||||
}
|
||||
|
||||
|
||||
var columnGetters = {
|
||||
const columnGetters = {
|
||||
0: getName,
|
||||
1: getTime,
|
||||
2: getSize
|
||||
};
|
||||
var columnClasses = {
|
||||
const columnClasses = {
|
||||
0: 'label',
|
||||
1: 'date',
|
||||
2: 'size'
|
||||
|
|
@ -54,10 +60,10 @@ modulejs.define('ext/sort', ['_', '$', 'core/event', 'core/resource', 'core/sett
|
|||
|
||||
|
||||
function cmpFn(getValue, reverse, ignorecase, natural) {
|
||||
return function (item1, item2) {
|
||||
var res;
|
||||
var val1;
|
||||
var val2;
|
||||
return (item1, item2) => {
|
||||
let res;
|
||||
let val1;
|
||||
let val2;
|
||||
|
||||
res = getType(item1) - getType(item2);
|
||||
if (res !== 0) {
|
||||
|
|
@ -83,18 +89,18 @@ modulejs.define('ext/sort', ['_', '$', 'core/event', 'core/resource', 'core/sett
|
|||
}
|
||||
|
||||
function sortItems(column, reverse) {
|
||||
var $headers = $('#items li.header a');
|
||||
var $header = $('#items li.header a.' + columnClasses[column]);
|
||||
var fn = cmpFn(columnGetters[column], reverse, settings.ignorecase, column === 0 && settings.natural);
|
||||
var $current = $('#items .item');
|
||||
var $sorted = $('#items .item').sort(fn);
|
||||
const $headers = jq('#items li.header a');
|
||||
const $header = jq('#items li.header a.' + columnClasses[column]);
|
||||
const fn = cmpFn(columnGetters[column], reverse, settings.ignorecase, column === 0 && settings.natural);
|
||||
const $current = jq('#items .item');
|
||||
const $sorted = jq('#items .item').sort(fn);
|
||||
|
||||
store.put(storekey, {column: column, reverse: reverse});
|
||||
store.put(storekey, {column, reverse});
|
||||
|
||||
$headers.removeClass('ascending descending');
|
||||
$header.addClass(reverse ? 'descending' : 'ascending');
|
||||
|
||||
for (var i = 0, l = $current.length; i < l; i += 1) {
|
||||
for (let i = 0, l = $current.length; i < l; i += 1) {
|
||||
if ($current[i] !== $sorted[i]) {
|
||||
$sorted.detach().sort(fn).appendTo('#items');
|
||||
break;
|
||||
|
|
@ -103,9 +109,9 @@ modulejs.define('ext/sort', ['_', '$', 'core/event', 'core/resource', 'core/sett
|
|||
}
|
||||
|
||||
function onContentChanged() {
|
||||
var order = store.get(storekey);
|
||||
var column = order && order.column || settings.column;
|
||||
var reverse = order && order.reverse || settings.reverse;
|
||||
const order = store.get(storekey);
|
||||
const column = order && order.column || settings.column;
|
||||
const reverse = order && order.reverse || settings.reverse;
|
||||
|
||||
sortItems(column, reverse);
|
||||
}
|
||||
|
|
@ -115,26 +121,26 @@ modulejs.define('ext/sort', ['_', '$', 'core/event', 'core/resource', 'core/sett
|
|||
return;
|
||||
}
|
||||
|
||||
var $header = $('#items li.header');
|
||||
const $header = jq('#items li.header');
|
||||
|
||||
$header.find('a.label')
|
||||
.append(template)
|
||||
.click(function (ev) {
|
||||
sortItems(0, $(this).hasClass('ascending'));
|
||||
.click(ev => {
|
||||
sortItems(0, jq(ev.currentTarget).hasClass('ascending'));
|
||||
ev.preventDefault();
|
||||
});
|
||||
|
||||
$header.find('a.date')
|
||||
.prepend(template)
|
||||
.click(function (ev) {
|
||||
sortItems(1, $(this).hasClass('ascending'));
|
||||
.click(ev => {
|
||||
sortItems(1, jq(ev.currentTarget).hasClass('ascending'));
|
||||
ev.preventDefault();
|
||||
});
|
||||
|
||||
$header.find('a.size')
|
||||
.prepend(template)
|
||||
.click(function (ev) {
|
||||
sortItems(2, $(this).hasClass('ascending'));
|
||||
.click(ev => {
|
||||
sortItems(2, jq(ev.currentTarget).hasClass('ascending'));
|
||||
ev.preventDefault();
|
||||
});
|
||||
|
||||
|
|
@ -143,4 +149,3 @@ modulejs.define('ext/sort', ['_', '$', 'core/event', 'core/resource', 'core/sett
|
|||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,5 +1,9 @@
|
|||
modulejs.define('ext/thumbnails', ['_', 'core/event', 'core/server', 'core/settings'], function (_, event, server, allsettings) {
|
||||
var settings = _.extend({
|
||||
const {_: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const server = require('../core/server');
|
||||
const allsettings = require('../core/settings');
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
img: ['img-bmp', 'img-gif', 'img-ico', 'img-jpg', 'img-png'],
|
||||
mov: ['vid-avi', 'vid-flv', 'vid-mkv', 'vid-mov', 'vid-mp4', 'vid-mpg', 'vid-webm'],
|
||||
|
|
@ -8,17 +12,17 @@ modulejs.define('ext/thumbnails', ['_', 'core/event', 'core/server', 'core/setti
|
|||
size: 100,
|
||||
exif: false
|
||||
}, allsettings.thumbnails);
|
||||
var landscapeRatio = 4 / 3;
|
||||
const landscapeRatio = 4 / 3;
|
||||
|
||||
|
||||
function queueItem(queue, item) {
|
||||
var type = null;
|
||||
let type = null;
|
||||
|
||||
if (_.includes(settings.img, item.type)) {
|
||||
if (lo.includes(settings.img, item.type)) {
|
||||
type = 'img';
|
||||
} else if (_.includes(settings.mov, item.type)) {
|
||||
} else if (lo.includes(settings.mov, item.type)) {
|
||||
type = 'mov';
|
||||
} else if (_.includes(settings.doc, item.type)) {
|
||||
} else if (lo.includes(settings.doc, item.type)) {
|
||||
type = 'doc';
|
||||
} else {
|
||||
return;
|
||||
|
|
@ -28,10 +32,10 @@ modulejs.define('ext/thumbnails', ['_', 'core/event', 'core/server', 'core/setti
|
|||
item.$view.find('.icon.square img').addClass('thumb').attr('src', item.thumbSquare);
|
||||
} else {
|
||||
queue.push({
|
||||
type: type,
|
||||
type,
|
||||
href: item.absHref,
|
||||
ratio: 1,
|
||||
callback: function (src) {
|
||||
callback: src => {
|
||||
if (src && item.$view) {
|
||||
item.thumbSquare = src;
|
||||
item.$view.find('.icon.square img').addClass('thumb').attr('src', src);
|
||||
|
|
@ -44,10 +48,10 @@ modulejs.define('ext/thumbnails', ['_', 'core/event', 'core/server', 'core/setti
|
|||
item.$view.find('.icon.landscape img').addClass('thumb').attr('src', item.thumbRational);
|
||||
} else {
|
||||
queue.push({
|
||||
type: type,
|
||||
type,
|
||||
href: item.absHref,
|
||||
ratio: landscapeRatio,
|
||||
callback: function (src) {
|
||||
callback: src => {
|
||||
if (src && item.$view) {
|
||||
item.thumbRational = src;
|
||||
item.$view.find('.icon.landscape img').addClass('thumb').attr('src', src);
|
||||
|
|
@ -58,7 +62,7 @@ modulejs.define('ext/thumbnails', ['_', 'core/event', 'core/server', 'core/setti
|
|||
}
|
||||
|
||||
function requestQueue(queue) {
|
||||
var thumbs = _.map(queue, function (req) {
|
||||
const thumbs = lo.map(queue, req => {
|
||||
return {
|
||||
type: req.type,
|
||||
href: req.href,
|
||||
|
|
@ -69,18 +73,18 @@ modulejs.define('ext/thumbnails', ['_', 'core/event', 'core/server', 'core/setti
|
|||
|
||||
server.request({
|
||||
action: 'get',
|
||||
thumbs: thumbs
|
||||
}, function (json) {
|
||||
_.each(queue, function (req, idx) {
|
||||
thumbs
|
||||
}).then(json => {
|
||||
lo.each(queue, (req, idx) => {
|
||||
req.callback(json && json.thumbs ? json.thumbs[idx] : null);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function handleItems(items) {
|
||||
var queue = [];
|
||||
const queue = [];
|
||||
|
||||
_.each(items, function (item) {
|
||||
lo.each(items, item => {
|
||||
queueItem(queue, item);
|
||||
});
|
||||
|
||||
|
|
@ -90,7 +94,7 @@ modulejs.define('ext/thumbnails', ['_', 'core/event', 'core/server', 'core/setti
|
|||
}
|
||||
|
||||
function onViewChanged(added) {
|
||||
setTimeout(function () {
|
||||
setTimeout(() => {
|
||||
handleItems(added);
|
||||
}, settings.delay);
|
||||
}
|
||||
|
|
@ -105,4 +109,3 @@ modulejs.define('ext/thumbnails', ['_', 'core/event', 'core/server', 'core/setti
|
|||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,17 +1,21 @@
|
|||
modulejs.define('ext/title', ['_', 'core/event', 'core/settings'], function (_, event, allsettings) {
|
||||
var settings = _.extend({
|
||||
const {document: doc, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const allsettings = require('../core/settings');
|
||||
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false
|
||||
}, allsettings.title);
|
||||
|
||||
function onLocationChanged(item) {
|
||||
var labels = _.map(item.getCrumb(), 'label');
|
||||
var title = labels.join(' > ');
|
||||
const labels = lo.map(item.getCrumb(), 'label');
|
||||
let title = labels.join(' > ');
|
||||
|
||||
if (labels.length > 1) {
|
||||
title = labels[labels.length - 1] + ' - ' + title;
|
||||
}
|
||||
|
||||
document.title = title;
|
||||
doc.title = title;
|
||||
}
|
||||
|
||||
function init() {
|
||||
|
|
@ -23,4 +27,3 @@ modulejs.define('ext/title', ['_', 'core/event', 'core/settings'], function (_,
|
|||
}
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,34 +1,42 @@
|
|||
modulejs.define('ext/tree', ['_', '$', 'core/event', 'core/location', 'core/resource', 'core/settings', 'core/store', 'core/util'], function (_, $, event, location, resource, allsettings, store, util) {
|
||||
var settings = _.extend({
|
||||
const {jQuery: jq, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const location = require('../core/location');
|
||||
const resource = require('../core/resource');
|
||||
const allsettings = require('../core/settings');
|
||||
const store = require('../core/store');
|
||||
const util = require('../core/util');
|
||||
|
||||
|
||||
const settings = lo.extend({
|
||||
enabled: false,
|
||||
show: true,
|
||||
maxSubfolders: 50,
|
||||
naturalSort: false,
|
||||
ignorecase: true
|
||||
}, allsettings.tree);
|
||||
var template =
|
||||
'<div class="item">' +
|
||||
'<span class="indicator none">' +
|
||||
'<img src="' + resource.image('tree-indicator') + '"/>' +
|
||||
'</span>' +
|
||||
'<a>' +
|
||||
'<span class="icon"><img/></span>' +
|
||||
'<span class="label"/>' +
|
||||
'</a>' +
|
||||
'</span>';
|
||||
var settingsTemplate =
|
||||
'<div class="block">' +
|
||||
'<h1 class="l10n-tree">Tree</h1>' +
|
||||
'<div id="view-tree" class="button view">' +
|
||||
'<img src="' + resource.image('tree-toggle') + '" alt="view-tree"/>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
var storekey = 'ext/tree';
|
||||
const template =
|
||||
`<div class="item">
|
||||
<span class="indicator none">
|
||||
<img src="${resource.image('tree-indicator')}"/>
|
||||
</span>
|
||||
<a>
|
||||
<span class="icon"><img/></span>
|
||||
<span class="label"/>
|
||||
</a>
|
||||
</span>`;
|
||||
const settingsTemplate =
|
||||
`<div class="block">
|
||||
<h1 class="l10n-tree">Tree</h1>
|
||||
<div id="view-tree" class="button view">
|
||||
<img src="${resource.image('tree-toggle')}" alt="view-tree"/>
|
||||
</div>
|
||||
</div>`;
|
||||
const storekey = 'ext/tree';
|
||||
|
||||
|
||||
function cmpFn(item1, item2) {
|
||||
var val1 = item1.label;
|
||||
var val2 = item2.label;
|
||||
let val1 = item1.label;
|
||||
let val2 = item2.label;
|
||||
|
||||
if (settings.ignorecase) {
|
||||
val1 = val1.toLowerCase();
|
||||
|
|
@ -39,11 +47,11 @@ modulejs.define('ext/tree', ['_', '$', 'core/event', 'core/location', 'core/reso
|
|||
}
|
||||
|
||||
function update(item) {
|
||||
var $html = $(template);
|
||||
var $indicator = $html.find('.indicator');
|
||||
var $a = $html.find('a');
|
||||
var $img = $html.find('.icon img');
|
||||
var $label = $html.find('.label');
|
||||
const $html = jq(template);
|
||||
const $indicator = $html.find('.indicator');
|
||||
const $a = $html.find('a');
|
||||
const $img = $html.find('.icon img');
|
||||
const $label = $html.find('.label');
|
||||
|
||||
$html
|
||||
.addClass(item.isFolder() ? 'folder' : 'file')
|
||||
|
|
@ -54,7 +62,7 @@ modulejs.define('ext/tree', ['_', '$', 'core/event', 'core/location', 'core/reso
|
|||
$label.text(item.label);
|
||||
|
||||
if (item.isFolder()) {
|
||||
var subfolders = item.getSubfolders();
|
||||
const subfolders = item.getSubfolders();
|
||||
|
||||
// indicator
|
||||
if (item.isManaged && !item.isContentFetched || subfolders.length) {
|
||||
|
|
@ -78,16 +86,16 @@ modulejs.define('ext/tree', ['_', '$', 'core/event', 'core/location', 'core/reso
|
|||
if (subfolders.length) {
|
||||
subfolders.sort(cmpFn);
|
||||
|
||||
var $ul = $('<ul class="content"/>').appendTo($html);
|
||||
var counter = 0;
|
||||
_.each(subfolders, function (e) {
|
||||
const $ul = jq('<ul class="content"/>').appendTo($html);
|
||||
let counter = 0;
|
||||
lo.each(subfolders, e => {
|
||||
counter += 1;
|
||||
if (counter <= settings.maxSubfolders) {
|
||||
$('<li/>').append(update(e)).appendTo($ul);
|
||||
jq('<li/>').append(update(e)).appendTo($ul);
|
||||
}
|
||||
});
|
||||
if (subfolders.length > settings.maxSubfolders) {
|
||||
$('<li class="summary">… ' + (subfolders.length - settings.maxSubfolders) + ' more subfolders</li>').appendTo($ul);
|
||||
jq('<li class="summary">… ' + (subfolders.length - settings.maxSubfolders) + ' more subfolders</li>').appendTo($ul);
|
||||
}
|
||||
if (!item.isContentVisible) {
|
||||
$ul.hide();
|
||||
|
|
@ -115,14 +123,14 @@ modulejs.define('ext/tree', ['_', '$', 'core/event', 'core/location', 'core/reso
|
|||
$content[down ? 'slideDown' : 'slideUp']();
|
||||
}
|
||||
|
||||
return function () {
|
||||
var $indicator = $(this);
|
||||
var $item = $indicator.closest('.item');
|
||||
var item = $item.data('item');
|
||||
var $content = $item.find('> ul.content');
|
||||
return ev => {
|
||||
let $indicator = jq(ev.currentTarget);
|
||||
let $item = $indicator.closest('.item');
|
||||
const item = $item.data('item');
|
||||
let $content = $item.find('> ul.content');
|
||||
|
||||
if ($indicator.hasClass('unknown')) {
|
||||
item.fetchContent(function () {
|
||||
item.fetchContent(() => {
|
||||
item.isContentVisible = false;
|
||||
|
||||
$item = update(item);
|
||||
|
|
@ -143,7 +151,7 @@ modulejs.define('ext/tree', ['_', '$', 'core/event', 'core/location', 'core/reso
|
|||
|
||||
function fetchTree(item, callback) {
|
||||
item.isContentVisible = true;
|
||||
item.fetchContent(function () {
|
||||
item.fetchContent(() => {
|
||||
if (item.parent) {
|
||||
fetchTree(item.parent, callback);
|
||||
} else {
|
||||
|
|
@ -154,17 +162,17 @@ modulejs.define('ext/tree', ['_', '$', 'core/event', 'core/location', 'core/reso
|
|||
|
||||
function updateSettings() {
|
||||
if (store.get(storekey)) {
|
||||
$('#view-tree').addClass('active');
|
||||
$('#tree').show();
|
||||
jq('#view-tree').addClass('active');
|
||||
jq('#tree').show();
|
||||
} else {
|
||||
$('#view-tree').removeClass('active');
|
||||
$('#tree').hide();
|
||||
jq('#view-tree').removeClass('active');
|
||||
jq('#tree').hide();
|
||||
}
|
||||
}
|
||||
|
||||
function onLocationChanged(item) {
|
||||
fetchTree(item, function (root) {
|
||||
$('#tree').append(update(root));
|
||||
fetchTree(item, root => {
|
||||
jq('#tree').append(update(root));
|
||||
updateSettings();
|
||||
});
|
||||
}
|
||||
|
|
@ -174,14 +182,14 @@ modulejs.define('ext/tree', ['_', '$', 'core/event', 'core/location', 'core/reso
|
|||
return;
|
||||
}
|
||||
|
||||
$('<div id="tree"/>')
|
||||
jq('<div id="tree"/>')
|
||||
.appendTo('#mainrow')
|
||||
.on('click', '.indicator', createOnIndicatorClick());
|
||||
|
||||
$(settingsTemplate)
|
||||
jq(settingsTemplate)
|
||||
.appendTo('#sidebar')
|
||||
.find('#view-tree')
|
||||
.on('click', function (ev) {
|
||||
.on('click', ev => {
|
||||
store.put(storekey, !store.get(storekey));
|
||||
updateSettings();
|
||||
ev.preventDefault();
|
||||
|
|
@ -198,4 +206,3 @@ modulejs.define('ext/tree', ['_', '$', 'core/event', 'core/location', 'core/reso
|
|||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
23
src/_h5ai/public/js/lib/init.js
Normal file
23
src/_h5ai/public/js/lib/init.js
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
const {jQuery: jq} = require('./win');
|
||||
const config = require('./config');
|
||||
|
||||
const name = jq('script[data-module]').data('module');
|
||||
const request = {
|
||||
action: 'get',
|
||||
setup: true,
|
||||
options: true,
|
||||
types: true
|
||||
};
|
||||
|
||||
if (name === 'index') {
|
||||
request.theme = true;
|
||||
request.langs = true;
|
||||
} else if (name === 'info') {
|
||||
request.refresh = true;
|
||||
} else {
|
||||
throw new Error(`no-main-module: '${name}'`);
|
||||
}
|
||||
|
||||
config._update(request).then(() => {
|
||||
jq(() => require(`./main/${name}`));
|
||||
});
|
||||
|
|
@ -1,11 +1,28 @@
|
|||
modulejs.define('main/index', ['_', 'core/location'], function (_, location) {
|
||||
modulejs.require('view/viewmode');
|
||||
const {document: doc} = require('../win');
|
||||
const location = require('../core/location');
|
||||
|
||||
_.each(modulejs.state(), function (state, id) {
|
||||
if (id.indexOf('ext/') === 0) {
|
||||
modulejs.require(id);
|
||||
}
|
||||
});
|
||||
require('../view/viewmode');
|
||||
require('../ext/autorefresh');
|
||||
require('../ext/contextmenu');
|
||||
require('../ext/crumb');
|
||||
require('../ext/custom');
|
||||
require('../ext/download');
|
||||
require('../ext/filter');
|
||||
require('../ext/google-analytics');
|
||||
require('../ext/info');
|
||||
require('../ext/l10n');
|
||||
require('../ext/peer5');
|
||||
require('../ext/piwik-analytics');
|
||||
require('../ext/preview');
|
||||
require('../ext/preview-aud');
|
||||
require('../ext/preview-img');
|
||||
require('../ext/preview-txt');
|
||||
require('../ext/preview-vid');
|
||||
require('../ext/search');
|
||||
require('../ext/select');
|
||||
require('../ext/sort');
|
||||
require('../ext/thumbnails');
|
||||
require('../ext/title');
|
||||
require('../ext/tree');
|
||||
|
||||
location.setLocation(document.location.href, true);
|
||||
});
|
||||
location.setLocation(doc.location.href, true);
|
||||
|
|
|
|||
|
|
@ -1,38 +1,43 @@
|
|||
modulejs.define('main/info', ['$', 'config', 'core/resource', 'core/server'], function ($, config, resource, server) {
|
||||
var tplTests =
|
||||
const {window: win, jQuery: jq} = require('../win');
|
||||
const config = require('../config');
|
||||
const resource = require('../core/resource');
|
||||
const server = require('../core/server');
|
||||
|
||||
|
||||
const tplTests =
|
||||
'<ul id="tests">';
|
||||
var tplTest =
|
||||
'<li class="test">' +
|
||||
'<span class="label"></span>' +
|
||||
'<span class="result"></span>' +
|
||||
'<div class="info"></div>' +
|
||||
'</li>';
|
||||
var tplLogin =
|
||||
'<div id="login-wrapper">' +
|
||||
'<input id="pass" type="password" placeholder="password"/>' +
|
||||
'<span id="login">login</span>' +
|
||||
'<span id="logout">logout</span>' +
|
||||
'<div id="hint">' +
|
||||
'The preset password is the empty string, just click login. ' +
|
||||
'Change it in \'_h5ai/private/conf/options.json\'.' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
var tplSupport =
|
||||
'<div id="support">' +
|
||||
'Show your support with a donation!' +
|
||||
'<div class="paypal">' +
|
||||
'<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">' +
|
||||
'<input type="hidden" name="cmd" value="_s-xclick" />' +
|
||||
'<input type="hidden" name="hosted_button_id" value="8WSPKWT7YBTSQ" />' +
|
||||
'<input type="image" src="' + resource.image('paypal') + '" name="submit" alt="PayPal" />' +
|
||||
'</form>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
var setup = config.setup;
|
||||
const tplTest =
|
||||
`<li class="test">
|
||||
<span class="label"></span>
|
||||
<span class="result"></span>
|
||||
<div class="info"></div>
|
||||
</li>`;
|
||||
const tplLogin =
|
||||
`<div id="login-wrapper">
|
||||
<input id="pass" type="password" placeholder="password"/>
|
||||
<span id="login">login</span>
|
||||
<span id="logout">logout</span>
|
||||
<div id="hint">
|
||||
The preset password is the empty string, just click login.
|
||||
Change it in '_h5ai/private/conf/options.json'.
|
||||
</div>
|
||||
</div>`;
|
||||
const tplSupport =
|
||||
`<div id="support">
|
||||
Show your support with a donation!
|
||||
<div class="paypal">
|
||||
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
|
||||
<input type="hidden" name="cmd" value="_s-xclick" />
|
||||
<input type="hidden" name="hosted_button_id" value="8WSPKWT7YBTSQ" />
|
||||
<input type="image" src="${resource.image('paypal')}" name="submit" alt="PayPal" />
|
||||
</form>
|
||||
</div>
|
||||
</div>`;
|
||||
const setup = config.setup;
|
||||
|
||||
|
||||
function addTest(label, info, passed, result) {
|
||||
var $test = $(tplTest).appendTo('#tests');
|
||||
const $test = jq(tplTest).appendTo('#tests');
|
||||
$test.find('.label').text(label);
|
||||
$test.find('.result')
|
||||
.addClass(passed ? 'passed' : 'failed')
|
||||
|
|
@ -45,7 +50,7 @@ modulejs.define('main/info', ['$', 'config', 'core/resource', 'core/server'], fu
|
|||
return;
|
||||
}
|
||||
|
||||
$(tplTests).appendTo('#content');
|
||||
jq(tplTests).appendTo('#content');
|
||||
|
||||
addTest(
|
||||
'h5ai version', 'Only green if this is an official h5ai release',
|
||||
|
|
@ -124,20 +129,20 @@ modulejs.define('main/info', ['$', 'config', 'core/resource', 'core/server'], fu
|
|||
}
|
||||
|
||||
function reload() {
|
||||
window.location.reload();
|
||||
win.location.reload();
|
||||
}
|
||||
|
||||
function onLogin() {
|
||||
server.request({
|
||||
action: 'login',
|
||||
pass: $('#pass').val()
|
||||
}, reload);
|
||||
pass: jq('#pass').val()
|
||||
}).then(reload);
|
||||
}
|
||||
|
||||
function onLogout() {
|
||||
server.request({
|
||||
action: 'logout'
|
||||
}, reload);
|
||||
}).then(reload);
|
||||
}
|
||||
|
||||
function onKeydown(event) {
|
||||
|
|
@ -147,23 +152,23 @@ modulejs.define('main/info', ['$', 'config', 'core/resource', 'core/server'], fu
|
|||
}
|
||||
|
||||
function addSupport() {
|
||||
$(tplSupport).appendTo('#content');
|
||||
jq(tplSupport).appendTo('#content');
|
||||
}
|
||||
|
||||
function addLogin() {
|
||||
$(tplLogin).appendTo('#content');
|
||||
jq(tplLogin).appendTo('#content');
|
||||
|
||||
if (setup.AS_ADMIN) {
|
||||
$('#pass').remove();
|
||||
$('#login').remove();
|
||||
$('#logout').on('click', onLogout);
|
||||
jq('#pass').remove();
|
||||
jq('#login').remove();
|
||||
jq('#logout').on('click', onLogout);
|
||||
} else {
|
||||
$('#pass').on('keydown', onKeydown).focus();
|
||||
$('#login').on('click', onLogin);
|
||||
$('#logout').remove();
|
||||
jq('#pass').on('keydown', onKeydown).focus();
|
||||
jq('#login').on('click', onLogin);
|
||||
jq('#logout').remove();
|
||||
}
|
||||
if (config.options.hasCustomPasshash) {
|
||||
$('#hint').remove();
|
||||
jq('#hint').remove();
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -175,4 +180,3 @@ modulejs.define('main/info', ['$', 'config', 'core/resource', 'core/server'], fu
|
|||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,7 +1,13 @@
|
|||
modulejs.define('model/item', ['_', 'core/event', 'core/location', 'core/server', 'core/settings', 'core/types'], function (_, event, location, server, settings, types) {
|
||||
var reEndsWithSlash = /\/$/;
|
||||
var reSplitPath = /^(.*\/)([^\/]+\/?)$/;
|
||||
var cache = {};
|
||||
const {_: lo} = require('../win');
|
||||
const location = require('../core/location');
|
||||
const server = require('../core/server');
|
||||
const settings = require('../core/settings');
|
||||
const types = require('../core/types');
|
||||
|
||||
|
||||
const reEndsWithSlash = /\/$/;
|
||||
const reSplitPath = /^(.*\/)([^\/]+\/?)$/;
|
||||
const cache = {};
|
||||
|
||||
|
||||
function startsWith(sequence, part) {
|
||||
|
|
@ -28,9 +34,9 @@ modulejs.define('model/item', ['_', 'core/event', 'core/location', 'core/server'
|
|||
};
|
||||
}
|
||||
|
||||
var match = reSplitPath.exec(sequence);
|
||||
const match = reSplitPath.exec(sequence);
|
||||
if (match) {
|
||||
var split = {
|
||||
const split = {
|
||||
parent: match[1],
|
||||
name: match[2]
|
||||
};
|
||||
|
|
@ -43,24 +49,24 @@ modulejs.define('model/item', ['_', 'core/event', 'core/location', 'core/server'
|
|||
}
|
||||
|
||||
function getItem(options) {
|
||||
if (_.isString(options)) {
|
||||
if (lo.isString(options)) {
|
||||
options = {href: options};
|
||||
} else if (!options || !_.isString(options.href)) {
|
||||
} else if (!options || !lo.isString(options.href)) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var href = location.forceEncoding(options.href);
|
||||
const href = location.forceEncoding(options.href);
|
||||
|
||||
if (!startsWith(href, settings.rootHref)) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var item = cache[href] || new Item(href); // eslint-disable-line no-use-before-define
|
||||
const item = cache[href] || new Item(href); // eslint-disable-line no-use-before-define
|
||||
|
||||
if (_.isNumber(options.time)) {
|
||||
if (lo.isNumber(options.time)) {
|
||||
item.time = options.time;
|
||||
}
|
||||
if (_.isNumber(options.size)) {
|
||||
if (lo.isNumber(options.size)) {
|
||||
item.size = options.size;
|
||||
}
|
||||
if (options.managed) {
|
||||
|
|
@ -76,32 +82,32 @@ modulejs.define('model/item', ['_', 'core/event', 'core/location', 'core/server'
|
|||
function removeItem(absHref) {
|
||||
absHref = location.forceEncoding(absHref);
|
||||
|
||||
var item = cache[absHref];
|
||||
const item = cache[absHref];
|
||||
|
||||
if (item) {
|
||||
delete cache[absHref];
|
||||
if (item.parent) {
|
||||
delete item.parent.content[item.absHref];
|
||||
}
|
||||
_.each(item.content, function (child) {
|
||||
lo.each(item.content, child => {
|
||||
removeItem(child.absHref);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function fetchContent(absHref, callback) {
|
||||
var item = getItem(absHref);
|
||||
const item = getItem(absHref);
|
||||
|
||||
if (!_.isFunction(callback)) {
|
||||
callback = function () {};
|
||||
if (!lo.isFunction(callback)) {
|
||||
callback = () => undefined;
|
||||
}
|
||||
|
||||
if (item.isContentFetched) {
|
||||
callback(item);
|
||||
} else {
|
||||
server.request({action: 'get', items: {href: item.absHref, what: 1}}, function (response) {
|
||||
server.request({action: 'get', items: {href: item.absHref, what: 1}}).then(response => {
|
||||
if (response.items) {
|
||||
_.each(response.items, function (jsonItem) {
|
||||
lo.each(response.items, jsonItem => {
|
||||
getItem(jsonItem);
|
||||
});
|
||||
}
|
||||
|
|
@ -113,7 +119,7 @@ modulejs.define('model/item', ['_', 'core/event', 'core/location', 'core/server'
|
|||
|
||||
|
||||
function Item(absHref) {
|
||||
var split = splitPath(absHref);
|
||||
const split = splitPath(absHref);
|
||||
|
||||
cache[absHref] = this;
|
||||
|
||||
|
|
@ -129,50 +135,49 @@ modulejs.define('model/item', ['_', 'core/event', 'core/location', 'core/server'
|
|||
if (split.parent) {
|
||||
this.parent = getItem(split.parent);
|
||||
this.parent.content[this.absHref] = this;
|
||||
if (_.keys(this.parent.content).length > 1) {
|
||||
if (lo.keys(this.parent.content).length > 1) {
|
||||
this.parent.isContentFetched = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_.extend(Item.prototype, {
|
||||
|
||||
isFolder: function () {
|
||||
lo.extend(Item.prototype, {
|
||||
isFolder() {
|
||||
return reEndsWithSlash.test(this.absHref);
|
||||
},
|
||||
|
||||
isCurrentFolder: function () {
|
||||
isCurrentFolder() {
|
||||
return this.absHref === location.getAbsHref();
|
||||
},
|
||||
|
||||
isInCurrentFolder: function () {
|
||||
isInCurrentFolder() {
|
||||
return Boolean(this.parent) && this.parent.isCurrentFolder();
|
||||
},
|
||||
|
||||
isCurrentParentFolder: function () {
|
||||
var item = getItem(location.getAbsHref());
|
||||
isCurrentParentFolder() {
|
||||
const item = getItem(location.getAbsHref());
|
||||
return Boolean(item) && this === item.parent;
|
||||
},
|
||||
|
||||
isDomain: function () {
|
||||
isDomain() {
|
||||
return this.absHref === '/';
|
||||
},
|
||||
|
||||
isRoot: function () {
|
||||
isRoot() {
|
||||
return this.absHref === settings.rootHref;
|
||||
},
|
||||
|
||||
isEmpty: function () {
|
||||
return _.keys(this.content).length === 0;
|
||||
isEmpty() {
|
||||
return lo.keys(this.content).length === 0;
|
||||
},
|
||||
|
||||
fetchContent: function (callback) {
|
||||
fetchContent(callback) {
|
||||
return fetchContent(this.absHref, callback);
|
||||
},
|
||||
|
||||
getCrumb: function () {
|
||||
var item = this; // eslint-disable-line consistent-this
|
||||
var crumb = [item];
|
||||
getCrumb() {
|
||||
let item = this; // eslint-disable-line consistent-this
|
||||
const crumb = [item];
|
||||
|
||||
while (item.parent) {
|
||||
item = item.parent;
|
||||
|
|
@ -182,19 +187,19 @@ modulejs.define('model/item', ['_', 'core/event', 'core/location', 'core/server'
|
|||
return crumb;
|
||||
},
|
||||
|
||||
getSubfolders: function () {
|
||||
return _.sortBy(_.filter(this.content, function (item) {
|
||||
getSubfolders() {
|
||||
return lo.sortBy(lo.filter(this.content, item => {
|
||||
return item.isFolder();
|
||||
}), function (item) {
|
||||
}), item => {
|
||||
return item.label.toLowerCase();
|
||||
});
|
||||
},
|
||||
|
||||
getStats: function () {
|
||||
var folders = 0;
|
||||
var files = 0;
|
||||
getStats() {
|
||||
let folders = 0;
|
||||
let files = 0;
|
||||
|
||||
_.each(this.content, function (item) {
|
||||
lo.each(this.content, item => {
|
||||
if (item.isFolder()) {
|
||||
folders += 1;
|
||||
} else {
|
||||
|
|
@ -202,8 +207,8 @@ modulejs.define('model/item', ['_', 'core/event', 'core/location', 'core/server'
|
|||
}
|
||||
});
|
||||
|
||||
var depth = 0;
|
||||
var item = this; // eslint-disable-line consistent-this
|
||||
let depth = 0;
|
||||
let item = this; // eslint-disable-line consistent-this
|
||||
|
||||
while (item.parent) {
|
||||
depth += 1;
|
||||
|
|
@ -211,16 +216,15 @@ modulejs.define('model/item', ['_', 'core/event', 'core/location', 'core/server'
|
|||
}
|
||||
|
||||
return {
|
||||
folders: folders,
|
||||
files: files,
|
||||
depth: depth
|
||||
folders,
|
||||
files,
|
||||
depth
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
return {
|
||||
module.exports = {
|
||||
get: getItem,
|
||||
remove: removeItem
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,7 +1,8 @@
|
|||
modulejs.define('view/content', ['$', 'view/mainrow'], function ($, mainrow) {
|
||||
var $el = $('<div id="content"/>').appendTo(mainrow.$el);
|
||||
const {jQuery: jq} = require('../win');
|
||||
const mainrow = require('./mainrow');
|
||||
|
||||
return {
|
||||
$el: $el
|
||||
const $el = jq('<div id="content"/>').appendTo(mainrow.$el);
|
||||
|
||||
module.exports = {
|
||||
$el
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,7 +1,8 @@
|
|||
modulejs.define('view/mainrow', ['$', 'view/root'], function ($, root) {
|
||||
var $el = $('<div id="mainrow"/>').appendTo(root.$el);
|
||||
const {jQuery: jq} = require('../win');
|
||||
const root = require('./root');
|
||||
|
||||
return {
|
||||
$el: $el
|
||||
const $el = jq('<div id="mainrow"/>').appendTo(root.$el);
|
||||
|
||||
module.exports = {
|
||||
$el
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
modulejs.define('view/notification', ['$', 'view/root'], function ($, root) {
|
||||
var $el = $('<div id="notification"/>').hide().appendTo(root.$el);
|
||||
const {jQuery: jq} = require('../win');
|
||||
const root = require('./root');
|
||||
|
||||
const $el = jq('<div id="notification"/>').hide().appendTo(root.$el);
|
||||
|
||||
function set(content) {
|
||||
if (content) {
|
||||
|
|
@ -9,8 +11,7 @@ modulejs.define('view/notification', ['$', 'view/root'], function ($, root) {
|
|||
}
|
||||
}
|
||||
|
||||
return {
|
||||
$el: $el,
|
||||
set: set
|
||||
module.exports = {
|
||||
$el,
|
||||
set
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
modulejs.define('view/root', ['$'], function ($) {
|
||||
var $el = $('body').attr('id', 'root');
|
||||
const {jQuery: jq} = require('../win');
|
||||
|
||||
$('#fallback, #fallback-hints').remove();
|
||||
const $el = jq('body').attr('id', 'root');
|
||||
|
||||
return {
|
||||
$el: $el
|
||||
jq('#fallback, #fallback-hints').remove();
|
||||
|
||||
module.exports = {
|
||||
$el
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,17 +1,23 @@
|
|||
modulejs.define('view/sidebar', ['$', 'core/resource', 'core/store', 'view/mainrow', 'view/topbar'], function ($, resource, store, mainrow, topbar) {
|
||||
var storekey = 'sidebarIsVisible';
|
||||
var tplSidebar = '<div id="sidebar"/>';
|
||||
var tplToggle =
|
||||
'<div id="sidebar-toggle" class="tool">' +
|
||||
'<img alt="sidebar"/>' +
|
||||
'</div>';
|
||||
var $sidebar = $(tplSidebar);
|
||||
var $toggle = $(tplToggle);
|
||||
var $img = $toggle.find('img');
|
||||
const {jQuery: jq} = require('../win');
|
||||
const resource = require('../core/resource');
|
||||
const store = require('../core/store');
|
||||
const mainrow = require('./mainrow');
|
||||
const topbar = require('./topbar');
|
||||
|
||||
|
||||
const storekey = 'sidebarIsVisible';
|
||||
const tplSidebar = '<div id="sidebar"/>';
|
||||
const tplToggle =
|
||||
`<div id="sidebar-toggle" class="tool">
|
||||
<img alt="sidebar"/>
|
||||
</div>`;
|
||||
const $sidebar = jq(tplSidebar);
|
||||
const $toggle = jq(tplToggle);
|
||||
const $img = $toggle.find('img');
|
||||
|
||||
|
||||
function update(toggle) {
|
||||
var isVisible = store.get(storekey);
|
||||
let isVisible = store.get(storekey);
|
||||
|
||||
if (toggle) {
|
||||
isVisible = !isVisible;
|
||||
|
|
@ -31,10 +37,9 @@ modulejs.define('view/sidebar', ['$', 'core/resource', 'core/store', 'view/mainr
|
|||
|
||||
|
||||
$sidebar.appendTo(mainrow.$el);
|
||||
$toggle.appendTo(topbar.$toolbar).on('click', function () { update(true); });
|
||||
update(false);
|
||||
$toggle.appendTo(topbar.$toolbar).on('click', () => update(true));
|
||||
update();
|
||||
|
||||
return {
|
||||
module.exports = {
|
||||
$el: $sidebar
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,18 +1,19 @@
|
|||
modulejs.define('view/topbar', ['$', 'view/root'], function ($, root) {
|
||||
var tplTopbar =
|
||||
'<div id="topbar">' +
|
||||
'<div id="toolbar"/>' +
|
||||
'<div id="flowbar"/>' +
|
||||
'<a id="backlink" href="https://larsjung.de/h5ai/" title="powered by h5ai - https://larsjung.de/h5ai/">' +
|
||||
'<div>powered</div>' +
|
||||
'<div>by h5ai</div>' +
|
||||
'</a>' +
|
||||
'</div>';
|
||||
var $el = $(tplTopbar).appendTo(root.$el);
|
||||
const {jQuery: jq} = require('../win');
|
||||
const root = require('./root');
|
||||
|
||||
return {
|
||||
$el: $el,
|
||||
const tplTopbar =
|
||||
`<div id="topbar">
|
||||
<div id="toolbar"/>
|
||||
<div id="flowbar"/>
|
||||
<a id="backlink" href="https://larsjung.de/h5ai/" title="powered by h5ai - https://larsjung.de/h5ai/">
|
||||
<div>powered</div>
|
||||
<div>by h5ai</div>
|
||||
</a>
|
||||
</div>`;
|
||||
const $el = jq(tplTopbar).appendTo(root.$el);
|
||||
|
||||
module.exports = {
|
||||
$el,
|
||||
$toolbar: $el.find('#toolbar'),
|
||||
$flowbar: $el.find('#flowbar')
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,42 +1,50 @@
|
|||
modulejs.define('view/view', ['_', '$', 'core/event', 'core/format', 'core/location', 'core/resource', 'core/settings', 'core/store', 'view/content'], function (_, $, event, format, location, resource, allsettings, store, content) {
|
||||
var modes = ['details', 'grid', 'icons'];
|
||||
var sizes = [20, 40, 60, 80, 100, 150, 200, 250, 300, 350, 400];
|
||||
var settings = _.extend({
|
||||
const {jQuery: jq, _: lo} = require('../win');
|
||||
const event = require('../core/event');
|
||||
const format = require('../core/format');
|
||||
const location = require('../core/location');
|
||||
const resource = require('../core/resource');
|
||||
const store = require('../core/store');
|
||||
const allsettings = require('../core/settings');
|
||||
const content = require('./content');
|
||||
|
||||
const modes = ['details', 'grid', 'icons'];
|
||||
const sizes = [20, 40, 60, 80, 100, 150, 200, 250, 300, 350, 400];
|
||||
const settings = lo.extend({
|
||||
binaryPrefix: false,
|
||||
hideFolders: false,
|
||||
hideParentFolder: false,
|
||||
modes: modes,
|
||||
modes,
|
||||
setParentFolderLabels: false,
|
||||
sizes: sizes
|
||||
sizes
|
||||
}, allsettings.view);
|
||||
var sortedSizes = settings.sizes.sort(function (a, b) { return a - b; });
|
||||
var checkedModes = _.intersection(settings.modes, modes);
|
||||
var storekey = 'view';
|
||||
var tplView =
|
||||
'<div id="view">' +
|
||||
'<ul id="items" class="clearfix">' +
|
||||
'<li class="header">' +
|
||||
'<a class="icon"/>' +
|
||||
'<a class="label" href="#"><span class="l10n-name"/></a>' +
|
||||
'<a class="date" href="#"><span class="l10n-lastModified"/></a>' +
|
||||
'<a class="size" href="#"><span class="l10n-size"/></a>' +
|
||||
'</li>' +
|
||||
'</ul>' +
|
||||
'<div id="view-hint"/>' +
|
||||
'</div>';
|
||||
var tplItem =
|
||||
'<li class="item">' +
|
||||
'<a>' +
|
||||
'<span class="icon square"><img/></span>' +
|
||||
'<span class="icon landscape"><img/></span>' +
|
||||
'<span class="label"/>' +
|
||||
'<span class="date"/>' +
|
||||
'<span class="size"/>' +
|
||||
'</a>' +
|
||||
'</li>';
|
||||
var $view = $(tplView);
|
||||
var $items = $view.find('#items');
|
||||
var $hint = $view.find('#view-hint');
|
||||
const sortedSizes = settings.sizes.sort((a, b) => a - b);
|
||||
const checkedModes = lo.intersection(settings.modes, modes);
|
||||
const storekey = 'view';
|
||||
const tplView =
|
||||
`<div id="view">
|
||||
<ul id="items" class="clearfix">
|
||||
<li class="header">
|
||||
<a class="icon"/>
|
||||
<a class="label" href="#"><span class="l10n-name"/></a>
|
||||
<a class="date" href="#"><span class="l10n-lastModified"/></a>
|
||||
<a class="size" href="#"><span class="l10n-size"/></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="view-hint"/>
|
||||
</div>`;
|
||||
const tplItem =
|
||||
`<li class="item">
|
||||
<a>
|
||||
<span class="icon square"><img/></span>
|
||||
<span class="icon landscape"><img/></span>
|
||||
<span class="label"/>
|
||||
<span class="date"/>
|
||||
<span class="size"/>
|
||||
</a>
|
||||
</li>`;
|
||||
const $view = jq(tplView);
|
||||
const $items = $view.find('#items');
|
||||
const $hint = $view.find('#view-hint');
|
||||
|
||||
|
||||
function cropSize(size, min, max) {
|
||||
|
|
@ -44,47 +52,47 @@ modulejs.define('view/view', ['_', '$', 'core/event', 'core/format', 'core/locat
|
|||
}
|
||||
|
||||
function createStyles(size) {
|
||||
var dsize = cropSize(size, 20, 80);
|
||||
var gsize = cropSize(size, 40, 160);
|
||||
var isize = cropSize(size, 80, 1000);
|
||||
var ilsize = Math.round(isize * 4 / 3);
|
||||
var rules = [
|
||||
'#view.view-details.view-size-' + size + ' .item .label { line-height: ' + (dsize + 14) + 'px !important; }',
|
||||
'#view.view-details.view-size-' + size + ' .item .date { line-height: ' + (dsize + 14) + 'px !important; }',
|
||||
'#view.view-details.view-size-' + size + ' .item .size { line-height: ' + (dsize + 14) + 'px !important; }',
|
||||
'#view.view-details.view-size-' + size + ' .square { width: ' + dsize + 'px !important; height: ' + dsize + 'px !important; }',
|
||||
'#view.view-details.view-size-' + size + ' .square img { width: ' + dsize + 'px !important; height: ' + dsize + 'px !important; }',
|
||||
'#view.view-details.view-size-' + size + ' .label { margin-left: ' + (dsize + 32) + 'px !important; }',
|
||||
const dsize = cropSize(size, 20, 80);
|
||||
const gsize = cropSize(size, 40, 160);
|
||||
const isize = cropSize(size, 80, 1000);
|
||||
const ilsize = Math.round(isize * 4 / 3);
|
||||
const rules = [
|
||||
`#view.view-details.view-size-${size} .item .label {line-height: ${dsize + 14}px !important;}`,
|
||||
`#view.view-details.view-size-${size} .item .date {line-height: ${dsize + 14}px !important;}`,
|
||||
`#view.view-details.view-size-${size} .item .size {line-height: ${dsize + 14}px !important;}`,
|
||||
`#view.view-details.view-size-${size} .square {width: ${dsize}px !important; height: ${dsize}px !important;}`,
|
||||
`#view.view-details.view-size-${size} .square img {width: ${dsize}px !important; height: ${dsize}px !important;}`,
|
||||
`#view.view-details.view-size-${size} .label {margin-left: ${dsize + 32}px !important;}`,
|
||||
|
||||
'#view.view-grid.view-size-' + size + ' .item .label { line-height: ' + gsize + 'px !important; }',
|
||||
'#view.view-grid.view-size-' + size + ' .square { width: ' + gsize + 'px !important; height: ' + gsize + 'px !important; }',
|
||||
'#view.view-grid.view-size-' + size + ' .square img { width: ' + gsize + 'px !important; height: ' + gsize + 'px !important; }',
|
||||
`#view.view-grid.view-size-${size} .item .label {line-height: ${gsize}px !important;}`,
|
||||
`#view.view-grid.view-size-${size} .square {width: ${gsize}px !important; height: ${gsize}px !important;}`,
|
||||
`#view.view-grid.view-size-${size} .square img {width: ${gsize}px !important; height: ${gsize}px !important;}`,
|
||||
|
||||
'#view.view-icons.view-size-' + size + ' .item { width: ' + ilsize + 'px !important; }',
|
||||
'#view.view-icons.view-size-' + size + ' .landscape { width: ' + ilsize + 'px !important; height: ' + isize + 'px !important; }',
|
||||
'#view.view-icons.view-size-' + size + ' .landscape img { width: ' + isize + 'px !important; height: ' + isize + 'px !important; }',
|
||||
'#view.view-icons.view-size-' + size + ' .landscape .thumb { width: ' + ilsize + 'px !important; }'
|
||||
`#view.view-icons.view-size-${size} .item {width: ${ilsize}px !important;}`,
|
||||
`#view.view-icons.view-size-${size} .landscape {width: ${ilsize}px !important; height: ${isize}px !important;}`,
|
||||
`#view.view-icons.view-size-${size} .landscape img {width: ${isize}px !important; height: ${isize}px !important;}`,
|
||||
`#view.view-icons.view-size-${size} .landscape .thumb {width: ${ilsize}px !important;}`
|
||||
];
|
||||
|
||||
return rules.join('\n');
|
||||
}
|
||||
|
||||
function addCssStyles() {
|
||||
var styles = _.map(sortedSizes, function (size) { return createStyles(size); });
|
||||
styles.push('#view .icon img { max-width: ' + settings.maxIconSize + 'px; max-height: ' + settings.maxIconSize + 'px; }');
|
||||
$('<style/>').text(styles.join('\n')).appendTo('head');
|
||||
const styles = lo.map(sortedSizes, size => createStyles(size));
|
||||
styles.push(`#view .icon img {max-width: ${settings.maxIconSize}px; max-height: ${settings.maxIconSize}px;}`);
|
||||
jq('<style/>').text(styles.join('\n')).appendTo('head');
|
||||
}
|
||||
|
||||
function set(mode, size) {
|
||||
var stored = store.get(storekey);
|
||||
const stored = store.get(storekey);
|
||||
|
||||
mode = mode || stored && stored.mode;
|
||||
size = size || stored && stored.size;
|
||||
mode = _.includes(settings.modes, mode) ? mode : settings.modes[0];
|
||||
size = _.includes(settings.sizes, size) ? size : settings.sizes[0];
|
||||
store.put(storekey, {mode: mode, size: size});
|
||||
mode = lo.includes(settings.modes, mode) ? mode : settings.modes[0];
|
||||
size = lo.includes(settings.sizes, size) ? size : settings.sizes[0];
|
||||
store.put(storekey, {mode, size});
|
||||
|
||||
_.each(checkedModes, function (m) {
|
||||
lo.each(checkedModes, m => {
|
||||
if (m === mode) {
|
||||
$view.addClass('view-' + m);
|
||||
} else {
|
||||
|
|
@ -92,7 +100,7 @@ modulejs.define('view/view', ['_', '$', 'core/event', 'core/format', 'core/locat
|
|||
}
|
||||
});
|
||||
|
||||
_.each(sortedSizes, function (s) {
|
||||
lo.each(sortedSizes, s => {
|
||||
if (s === size) {
|
||||
$view.addClass('view-size-' + s);
|
||||
} else {
|
||||
|
|
@ -128,12 +136,12 @@ modulejs.define('view/view', ['_', '$', 'core/event', 'core/format', 'core/locat
|
|||
}
|
||||
|
||||
function createHtml(item) {
|
||||
var $html = $(tplItem);
|
||||
var $a = $html.find('a');
|
||||
var $iconImg = $html.find('.icon img');
|
||||
var $label = $html.find('.label');
|
||||
var $date = $html.find('.date');
|
||||
var $size = $html.find('.size');
|
||||
const $html = jq(tplItem);
|
||||
const $a = $html.find('a');
|
||||
const $iconImg = $html.find('.icon img');
|
||||
const $label = $html.find('.label');
|
||||
const $date = $html.find('.date');
|
||||
const $size = $html.find('.size');
|
||||
|
||||
$html
|
||||
.addClass(item.isFolder() ? 'folder' : 'file')
|
||||
|
|
@ -165,18 +173,18 @@ modulejs.define('view/view', ['_', '$', 'core/event', 'core/format', 'core/locat
|
|||
return $html;
|
||||
}
|
||||
|
||||
function onMouseenter() {
|
||||
var item = $(this).closest('.item').data('item');
|
||||
function onMouseenter(ev) {
|
||||
const item = jq(ev.currentTarget).closest('.item').data('item');
|
||||
event.pub('item.mouseenter', item);
|
||||
}
|
||||
|
||||
function onMouseleave() {
|
||||
var item = $(this).closest('.item').data('item');
|
||||
function onMouseleave(ev) {
|
||||
const item = jq(ev.currentTarget).closest('.item').data('item');
|
||||
event.pub('item.mouseleave', item);
|
||||
}
|
||||
|
||||
function checkHint() {
|
||||
var hasNoItems = $items.find('.item').not('.folder-parent').length === 0;
|
||||
const hasNoItems = $items.find('.item').not('.folder-parent').length === 0;
|
||||
|
||||
if (hasNoItems) {
|
||||
$hint.show();
|
||||
|
|
@ -186,13 +194,13 @@ modulejs.define('view/view', ['_', '$', 'core/event', 'core/format', 'core/locat
|
|||
}
|
||||
|
||||
function setItems(items) {
|
||||
var removed = _.map($items.find('.item'), function (item) {
|
||||
return $(item).data('item');
|
||||
const removed = lo.map($items.find('.item'), item => {
|
||||
return jq(item).data('item');
|
||||
});
|
||||
|
||||
$items.find('.item').remove();
|
||||
|
||||
_.each(items, function (e) {
|
||||
lo.each(items, e => {
|
||||
$items.append(createHtml(e));
|
||||
});
|
||||
|
||||
|
|
@ -202,12 +210,12 @@ modulejs.define('view/view', ['_', '$', 'core/event', 'core/format', 'core/locat
|
|||
}
|
||||
|
||||
function changeItems(add, remove) {
|
||||
_.each(add, function (item) {
|
||||
lo.each(add, item => {
|
||||
createHtml(item).hide().appendTo($items).fadeIn(400);
|
||||
});
|
||||
|
||||
_.each(remove, function (item) {
|
||||
item.$view.fadeOut(400, function () {
|
||||
lo.each(remove, item => {
|
||||
item.$view.fadeOut(400, () => {
|
||||
item.$view.remove();
|
||||
});
|
||||
});
|
||||
|
|
@ -226,13 +234,13 @@ modulejs.define('view/view', ['_', '$', 'core/event', 'core/format', 'core/locat
|
|||
item = location.getItem();
|
||||
}
|
||||
|
||||
var items = [];
|
||||
const items = [];
|
||||
|
||||
if (item.parent && !settings.hideParentFolder) {
|
||||
items.push(item.parent);
|
||||
}
|
||||
|
||||
_.each(item.content, function (child) {
|
||||
lo.each(item.content, child => {
|
||||
if (!(child.isFolder() && settings.hideFolders)) {
|
||||
items.push(child);
|
||||
}
|
||||
|
|
@ -243,9 +251,9 @@ modulejs.define('view/view', ['_', '$', 'core/event', 'core/format', 'core/locat
|
|||
}
|
||||
|
||||
function onLocationRefreshed(item, added, removed) {
|
||||
var add = [];
|
||||
const add = [];
|
||||
|
||||
_.each(added, function (child) {
|
||||
lo.each(added, child => {
|
||||
if (!(child.isFolder() && settings.hideFolders)) {
|
||||
add.push(child);
|
||||
}
|
||||
|
|
@ -275,18 +283,17 @@ modulejs.define('view/view', ['_', '$', 'core/event', 'core/format', 'core/locat
|
|||
|
||||
init();
|
||||
|
||||
return {
|
||||
module.exports = {
|
||||
$el: $view,
|
||||
$items: $items,
|
||||
setItems: setItems,
|
||||
changeItems: changeItems,
|
||||
$items,
|
||||
setItems,
|
||||
changeItems,
|
||||
setLocation: onLocationChanged,
|
||||
setHint: setHint,
|
||||
getModes: getModes,
|
||||
getMode: getMode,
|
||||
setMode: setMode,
|
||||
getSizes: getSizes,
|
||||
getSize: getSize,
|
||||
setSize: setSize
|
||||
setHint,
|
||||
getModes,
|
||||
getMode,
|
||||
setMode,
|
||||
getSizes,
|
||||
getSize,
|
||||
setSize
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,32 +1,40 @@
|
|||
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({
|
||||
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');
|
||||
|
||||
|
||||
const settings = lo.extend({
|
||||
modeToggle: false
|
||||
}, allsettings.view);
|
||||
var tplSettings =
|
||||
const 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 =
|
||||
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">';
|
||||
var tplToggle =
|
||||
'<div id="viewmode-toggle" class="tool">' +
|
||||
'<img alt="viewmode"/>' +
|
||||
'</div>';
|
||||
var modes;
|
||||
var sizes;
|
||||
const tplToggle =
|
||||
`<div id="viewmode-toggle" class="tool">
|
||||
<img alt="viewmode"/>
|
||||
</div>`;
|
||||
let modes;
|
||||
let sizes;
|
||||
|
||||
|
||||
function onChanged(mode, size) {
|
||||
$('#viewmode-settings .mode').removeClass('active');
|
||||
$('#viewmode-' + mode).addClass('active');
|
||||
$('#viewmode-size').val(_.indexOf(sizes, 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];
|
||||
}
|
||||
$('#viewmode-toggle img').attr('src', resource.image('view-' + mode));
|
||||
jq('#viewmode-toggle img').attr('src', resource.image('view-' + mode));
|
||||
}
|
||||
|
||||
function addSettings() {
|
||||
|
|
@ -34,12 +42,12 @@ modulejs.define('view/viewmode', ['_', '$', 'core/event', 'core/resource', 'core
|
|||
return;
|
||||
}
|
||||
|
||||
var $viewBlock = $(tplSettings);
|
||||
const $viewBlock = jq(tplSettings);
|
||||
|
||||
if (modes.length > 1) {
|
||||
_.each(modes, function (mode) {
|
||||
$(tplMode.replace(/\[MODE\]/g, mode))
|
||||
.on('click', function () {
|
||||
lo.each(modes, mode => {
|
||||
jq(tplMode.replace(/\[MODE\]/g, mode))
|
||||
.on('click', () => {
|
||||
view.setMode(mode);
|
||||
})
|
||||
.appendTo($viewBlock);
|
||||
|
|
@ -47,10 +55,10 @@ modulejs.define('view/viewmode', ['_', '$', 'core/event', 'core/resource', 'core
|
|||
}
|
||||
|
||||
if (sizes.length > 1) {
|
||||
var max = sizes.length - 1;
|
||||
$(tplSize)
|
||||
const max = sizes.length - 1;
|
||||
jq(tplSize)
|
||||
.prop('max', max).attr('max', max)
|
||||
.on('input change', function (ev) {
|
||||
.on('input change', ev => {
|
||||
view.setSize(sizes[ev.target.valueAsNumber]);
|
||||
})
|
||||
.appendTo($viewBlock);
|
||||
|
|
@ -60,16 +68,16 @@ modulejs.define('view/viewmode', ['_', '$', 'core/event', 'core/resource', 'core
|
|||
}
|
||||
|
||||
function onToggle() {
|
||||
var mode = view.getMode();
|
||||
var nextIdx = (modes.indexOf(mode) + 1) % modes.length;
|
||||
var nextMode = modes[nextIdx];
|
||||
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) {
|
||||
$(tplToggle)
|
||||
jq(tplToggle)
|
||||
.on('click', onToggle)
|
||||
.appendTo(topbar.$toolbar);
|
||||
}
|
||||
|
|
@ -88,4 +96,3 @@ modulejs.define('view/viewmode', ['_', '$', 'core/event', 'core/resource', 'core
|
|||
|
||||
|
||||
init();
|
||||
});
|
||||
|
|
|
|||
23
src/_h5ai/public/js/lib/win.js
Normal file
23
src/_h5ai/public/js/lib/win.js
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
const win = window; // eslint-disable-line no-undef
|
||||
|
||||
if (typeof win !== 'object' || win.window !== win || !win.document) {
|
||||
throw new Error('no-window');
|
||||
}
|
||||
|
||||
const noBrowser = 'no-browser';
|
||||
const doc = win.document;
|
||||
const docEl = doc.documentElement;
|
||||
docEl.className = '';
|
||||
|
||||
function assert(expr, hint) {
|
||||
if (!expr) {
|
||||
docEl.className = noBrowser;
|
||||
throw new Error(`${noBrowser}: ${hint}`);
|
||||
}
|
||||
}
|
||||
|
||||
assert(!doc.getElementById(noBrowser), 'ie<10');
|
||||
assert(typeof Object.assign === 'function', 'assign');
|
||||
assert(typeof Promise === 'function', 'promise');
|
||||
|
||||
module.exports = win;
|
||||
|
|
@ -1,30 +1 @@
|
|||
(function () {
|
||||
var doc = document;
|
||||
var el = doc.documentElement;
|
||||
var id = 'no-browser';
|
||||
el.className = '';
|
||||
if (doc.getElementById(id)) {
|
||||
el.className = id;
|
||||
throw id;
|
||||
}
|
||||
}());
|
||||
|
||||
// @include 'vendor/jquery-*.js'
|
||||
// @include 'vendor/lodash-*.js'
|
||||
// @include 'vendor/marked-*.js'
|
||||
// @include 'vendor/modulejs-*.js'
|
||||
// @include 'vendor/prism-*.js'
|
||||
|
||||
(function () {
|
||||
'use strict'; // eslint-disable-line strict
|
||||
|
||||
var win = window;
|
||||
modulejs.define('_', function () { return win._; });
|
||||
modulejs.define('$', function () { return win.jQuery; });
|
||||
modulejs.define('marked', function () { return win.marked; });
|
||||
modulejs.define('prism', function () { return win.Prism; });
|
||||
|
||||
// @include 'lib/**/*.js'
|
||||
|
||||
modulejs.require('boot');
|
||||
}());
|
||||
require('./lib/init');
|
||||
|
|
|
|||
|
|
@ -1,2 +0,0 @@
|
|||
/*! modulejs v1.14.0 - https://larsjung.de/modulejs/ */
|
||||
!function(n,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports.modulejs=r():n.modulejs=r()}(this,function(){return function(n){function r(t){if(e[t])return e[t].exports;var i=e[t]={exports:{},id:t,loaded:!1};return n[t].call(i.exports,i,i.exports,r),i.loaded=!0,i.exports}var e={};return r.m=n,r.c=e,r.p="",r(0)}([function(n,r){"use strict";var e=Object.prototype,t=function(n){return function(r){return e.toString.call(r)==="[object "+n+"]"}},i=t("Array"),o=t("Function"),u=t("String"),s=function(n,r){return void 0!==n&&null!==n&&e.hasOwnProperty.call(n,r)},f=function(n,r){if(n&&n.length)for(var e=0,t=n.length;t>e;e+=1)r(n[e],e,n);else for(var i in n)s(n,i)&&r(n[i],i,n)},c=function(n,r){if(n&&n.length)for(var e=0,t=n.length;t>e;e+=1)if(n[e]===r)return!0;return!1},a=function(n){var r=[];return f(n,function(n){c(r,n)||r.push(n)}),r},d=function(n,r){if(!n)throw new Error("[modulejs] "+r)},p=function l(){var n={},r={},e=function y(e,t,i){d(u(e),"id must be string: "+e);var o=t===!0,p=(o?void 0:t)||r;if(!o&&s(p,e))return p[e];var l=n[e];d(l,"id not defined: "+e),i=(i||[]).slice(),i.push(e);var v=[];if(f(l.deps,function(n){d(!c(i,n),"circular dependencies: "+n+" in "+i),o?(v=v.concat(y(n,t,i)),v.push(n)):v.push(y(n,t,i))}),o)return a(v);var h=l.fn.apply(void 0,v);return p[e]=h,h},t=function(r,e,t){if(void 0===t){var f=[[],e];e=f[0],t=f[1]}d(u(r),"id must be string: "+r),d(!s(n,r),"id already defined: "+r),d(i(e),"deps must be array: "+r),n[r]={id:r,deps:e,fn:o(t)?t:function(){return t}}},p=function(n,r){return e(n,r)},v=function(){var t={};return f(n,function(n,i){t[i]={deps:n.deps.slice(),reqs:e(i,!0),init:s(r,i)}}),f(n,function(r,e){var i=[];f(n,function(n,r){c(t[r].reqs,e)&&i.push(r)}),t[e].reqd=i}),t},h=function(n){var r="\n";return f(v(),function(e,t){var i=n?e.reqd:e.reqs;r+=(e.init?"* ":" ")+t+" -> [ "+i.join(", ")+" ]\n"}),r};return{create:l,define:t,log:h,require:p,state:v,_private:{assert:d,contains:c,definitions:n,each:f,has:s,instances:r,isArray:i,isFunction:o,isString:u,resolve:e,uniq:a}}};n.exports=p()}])});
|
||||
Loading…
Add table
Add a link
Reference in a new issue