6 |
7 |
8 |
9 |
`;
13 | const mainrowTpl =
14 | `powered
10 | by h5ai
11 |
12 |
15 |
16 |
`;
17 |
18 | const init = () => {
19 | const $root = dom(rootSelector)
20 | .attr('id', 'root')
21 | .clr()
22 | .app(topbarTpl)
23 | .app(mainrowTpl);
24 |
25 | return {
26 | $root,
27 | $topbar: $root.find('#topbar'),
28 | $toolbar: $root.find('#toolbar'),
29 | $flowbar: $root.find('#flowbar'),
30 | $mainrow: $root.find('#mainrow'),
31 | $content: $root.find('#content')
32 | };
33 | };
34 |
35 | module.exports = init();
36 |
--------------------------------------------------------------------------------
/src/_h5ai/public/js/lib/core/resource.js:
--------------------------------------------------------------------------------
1 | const {includes} = require('../util');
2 | const config = require('../config');
3 | const settings = require('./settings');
4 |
5 | const imagesHref = settings.publicHref + 'images/';
6 | const uiHref = imagesHref + 'ui/';
7 | const themesHref = imagesHref + 'themes/';
8 | const defaultThemeHref = themesHref + 'default/';
9 | const defaultIcons = ['file', 'folder', 'folder-page', 'folder-parent', 'ar', 'aud', 'bin', 'img', 'txt', 'vid', 'x'];
10 |
11 |
12 | const image = id => uiHref + id + '.svg';
13 |
14 | const icon = id => {
15 | const baseId = (id || '').split('-')[0];
16 | const href = config.theme[id] || config.theme[baseId];
17 |
18 | if (href) {
19 | return themesHref + href;
20 | }
21 |
22 | if (includes(defaultIcons, id)) {
23 | return defaultThemeHref + id + '.svg';
24 | }
25 |
26 | if (includes(defaultIcons, baseId)) {
27 | return defaultThemeHref + baseId + '.svg';
28 | }
29 |
30 | return defaultThemeHref + 'file.svg';
31 | };
32 |
33 |
34 | module.exports = {
35 | image,
36 | icon
37 | };
38 |
--------------------------------------------------------------------------------
/src/_h5ai/public/css/lib/ext/info.less:
--------------------------------------------------------------------------------
1 | #info {
2 | overflow: auto;
3 | flex: 0 0 auto;
4 | order: 99;
5 |
6 | padding: 32px 32px 32px 48px;
7 | white-space: nowrap;
8 | overflow-x: hidden;
9 | width: 240px;
10 |
11 | .icon {
12 | width: 240px;
13 | height: 180px;
14 |
15 | img {
16 | .rounded;
17 | display: block;
18 | overflow: hidden;
19 | margin: 0 auto;
20 | width: 180px;
21 | height: 180px;
22 | }
23 |
24 | .thumb {
25 | width: 240px;
26 | }
27 | }
28 |
29 | .block {
30 | border-top: 1px solid @col-border;
31 | border-bottom: 1px solid @col-border;
32 | margin: 0 0 24px 0;
33 | padding: 24px 0;
34 | }
35 |
36 | .label {
37 | font-size: 16px;
38 | margin-bottom: 16px;
39 | }
40 |
41 | .time, .size, .content {
42 | line-height: 20px;
43 | height: 20px;
44 | }
45 |
46 | .qrcode {
47 | margin: 0 auto;
48 | width: 200px;
49 |
50 | img {
51 | display: block;
52 | }
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/src/_h5ai/public/images/themes/comity/txt-php.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/_h5ai/public/images/themes/comity/txt-html.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/_h5ai/public/js/lib/core/types.js:
--------------------------------------------------------------------------------
1 | const {each, map} = require('../util');
2 | const config = require('../config');
3 |
4 | const reEndsWithSlash = /\/$/;
5 | const regexps = {};
6 |
7 |
8 | const escapeRegExp = sequence => {
9 | return sequence.replace(/[\-\[\]\/\{\}\(\)\+\?\.\\\^\$]/g, '\\$&');
10 | // return sequence.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
11 | };
12 |
13 | const parse = types => {
14 | each(types, (patterns, type) => {
15 | const pattern = '^(' + map(patterns, p => '(' + escapeRegExp(p).replace(/\*/g, '.*') + ')').join('|') + ')$';
16 | regexps[type] = new RegExp(pattern, 'i');
17 | });
18 | };
19 |
20 | const getType = sequence => {
21 | if (reEndsWithSlash.test(sequence)) {
22 | return 'folder';
23 | }
24 |
25 | const slashidx = sequence.lastIndexOf('/');
26 | const name = slashidx >= 0 ? sequence.substr(slashidx + 1) : sequence;
27 | let result;
28 |
29 | each(regexps, (regexp, type) => {
30 | if (regexps[type].test(name)) {
31 | result = type;
32 | }
33 | });
34 |
35 | return result ? result : 'file';
36 | };
37 |
38 |
39 | parse(Object.assign({}, config.types));
40 |
41 | module.exports = {
42 | getType
43 | };
44 |
--------------------------------------------------------------------------------
/src/_h5ai/public/js/lib/ext/google-analytics.js:
--------------------------------------------------------------------------------
1 | const {map} = require('../util');
2 | const event = require('../core/event');
3 | const allsettings = require('../core/settings');
4 |
5 | const win = global.window;
6 | const settings = Object.assign({
7 | enabled: false,
8 | id: 'UA-000000-0'
9 | }, allsettings['google-analytics-ua']);
10 |
11 | const snippet = () => {
12 | /* eslint-disable */
13 | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
14 | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
15 | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
16 | })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
17 | /* eslint-enable */
18 | };
19 |
20 | const init = () => {
21 | if (!settings.enabled) {
22 | return;
23 | }
24 |
25 | snippet();
26 |
27 | win.ga('create', settings.id, 'auto');
28 |
29 | event.sub('location.changed', item => {
30 | const loc = win.location;
31 | win.ga('send', 'pageview', {
32 | location: loc.protocol + '//' + loc.host + item.absHref,
33 | title: map(item.getCrumb(), i => i.label).join(' > ')
34 | });
35 | });
36 | };
37 |
38 | init();
39 |
--------------------------------------------------------------------------------
/src/_h5ai/public/images/themes/comity/txt-css.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/_h5ai/public/js/lib/server.js:
--------------------------------------------------------------------------------
1 | const {each, dom} = require('./util');
2 | const XHR = global.window.XMLHttpRequest;
3 |
4 | const request = data => {
5 | return new Promise(resolve => {
6 | const xhr = new XHR();
7 | const onReadyStateChange = () => {
8 | if (xhr.readyState === XHR.DONE) {
9 | try {
10 | resolve(JSON.parse(xhr.responseText));
11 | } catch (err) {
12 | resolve({err, txt: xhr.responseText});
13 | }
14 | }
15 | };
16 |
17 | xhr.open('POST', '?', true);
18 | xhr.onreadystatechange = onReadyStateChange;
19 | xhr.setRequestHeader('Content-Type', 'application/json;charset=utf-8');
20 | xhr.send(JSON.stringify(data));
21 | });
22 | };
23 |
24 | const formRequest = data => {
25 | const $form = dom('');
26 |
27 | each(data, (val, key) => {
28 | dom('')
29 | .attr('name', key)
30 | .attr('value', val)
31 | .appTo($form);
32 | });
33 |
34 | $form.appTo('body');
35 | $form[0].submit();
36 | $form.rm();
37 | };
38 |
39 | module.exports = {
40 | request,
41 | formRequest
42 | };
43 |
--------------------------------------------------------------------------------
/src/_h5ai/public/js/lib/ext/custom.js:
--------------------------------------------------------------------------------
1 | const marked = require('marked');
2 | const {each, dom} = require('../util');
3 | const server = require('../server');
4 | const event = require('../core/event');
5 | const allsettings = require('../core/settings');
6 |
7 |
8 | const settings = Object.assign({
9 | enabled: false
10 | }, allsettings.custom);
11 |
12 | const update = (data, key) => {
13 | const $el = dom(`#content-${key}`);
14 |
15 | if (data && data[key].content) {
16 | let content = data[key].content;
17 | if (data[key].type === 'md') {
18 | content = marked(content);
19 | }
20 | $el.html(content).show();
21 | } else {
22 | $el.hide();
23 | }
24 | };
25 |
26 | const onLocationChanged = item => {
27 | server.request({action: 'get', custom: item.absHref}).then(response => {
28 | const data = response && response.custom;
29 | each(['header', 'footer'], key => update(data, key));
30 | });
31 | };
32 |
33 | const init = () => {
34 | if (!settings.enabled) {
35 | return;
36 | }
37 |
38 | dom('').hide().preTo('#content');
39 | dom('').hide().appTo('#content');
40 |
41 | event.sub('location.changed', onLocationChanged);
42 | };
43 |
44 |
45 | init();
46 |
--------------------------------------------------------------------------------
/src/_h5ai/public/css/lib/ext/crumb.less:
--------------------------------------------------------------------------------
1 | #crumbbar {
2 | overflow: hidden;
3 | height: 48px;
4 | font-size: 16px;
5 | padding: 0 8px;
6 | // border-left: 1px solid rgba(0,0,0,0.05);
7 |
8 | a, a:active, a:visited {
9 | color: @col-text;
10 | cursor: pointer;
11 | text-decoration: none;
12 |
13 | &.active {
14 | font-weight: bold;
15 | }
16 | &:hover {
17 | color: @col-text-hover;
18 | }
19 | &:focus {
20 | outline: 0;
21 | }
22 | }
23 | .crumb {
24 | .eased-transition;
25 | display: inline-block;
26 | }
27 | .sep {
28 | width: 24px;
29 | height: 24px;
30 | padding: 12px 0;
31 | line-height: 48px;
32 | display: inline-block;
33 | vertical-align: top;
34 | }
35 | .crumb:first-of-type .sep {
36 | width: 0;
37 | }
38 | .label {
39 | line-height: 48px;
40 | display: inline-block;
41 | vertical-align: top;
42 | padding: 0 8px;
43 | }
44 | .hint {
45 | width: 20px;
46 | height: 20px;
47 | padding: 16px 0 0 0;
48 | line-height: 48px;
49 | display: inline-block;
50 | vertical-align: top;
51 | position: relative;
52 | top: -2px;
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/src/_h5ai/private/php/pages/page.tpl.pug:
--------------------------------------------------------------------------------
1 | block init
2 |
3 |
4 | doctype html
5 | html(class='no-js', lang='en')
6 |
7 | head
8 | meta(charset='utf-8')
9 | meta(http-equiv='x-ua-compatible', content='ie=edge')
10 | title #{title}
11 | meta(name='description', content=title)
12 | meta(name='viewport', content='width=device-width, initial-scale=1')
13 | link(rel='shortcut icon', href!='images/favicon/favicon-16-32.ico')
14 | link(rel='apple-touch-icon-precomposed', type='image/png', href!='images/favicon/favicon-152.png')
15 | link(rel='stylesheet', href!='css/styles.css')
16 |
17 | script(src!='js/scripts.js', data-module=module)
18 |
19 |
20 |
21 | body#root(class=module)
22 |
23 | div#fallback-hints
24 |
25 | span.noJsMsg Works best with JavaScript enabled!
26 | span.noBrowserMsg Works best in #[a(href='http://browsehappy.com') modern browsers]!
27 |
28 | span.backlink #[a(href=pkg.homepage, title=`h5ai v${pkg.version} - ${pkg.description}`) powered by h5ai]
29 |
30 | block body
31 |
--------------------------------------------------------------------------------
/src/_h5ai/public/js/lib/ext/preview/preview-aud.js:
--------------------------------------------------------------------------------
1 | const {dom} = require('../../util');
2 | const format = require('../../core/format');
3 | const allsettings = require('../../core/settings');
4 | const preview = require('./preview');
5 |
6 | const settings = Object.assign({
7 | enabled: false,
8 | autoplay: true,
9 | types: []
10 | }, allsettings['preview-aud']);
11 | const tpl = '';
12 |
13 | const updateGui = () => {
14 | const el = dom('#pv-content-aud')[0];
15 | if (!el) {
16 | return;
17 | }
18 |
19 | preview.setLabels([
20 | preview.item.label,
21 | format.formatDate(el.duration * 1000, 'm:ss')
22 | ]);
23 | };
24 |
25 | const addUnloadFn = el => {
26 | el.unload = () => {
27 | el.src = '';
28 | el.load();
29 | };
30 | };
31 |
32 | const load = item => {
33 | return new Promise(resolve => {
34 | const $el = dom(tpl)
35 | .on('loadedmetadata', () => resolve($el))
36 | .attr('controls', 'controls');
37 | if (settings.autoplay) {
38 | $el.attr('autoplay', 'autoplay');
39 | }
40 | addUnloadFn($el[0]);
41 | $el.attr('src', item.absHref);
42 | });
43 | };
44 |
45 | const init = () => {
46 | if (settings.enabled) {
47 | preview.register(settings.types, load, updateGui);
48 | }
49 | };
50 |
51 | init();
52 |
--------------------------------------------------------------------------------
/test/tests/unit/util/parsePatten.js:
--------------------------------------------------------------------------------
1 | const {test, assert, insp} = require('scar');
2 | const {parsePattern} = require('../../../../src/_h5ai/public/js/lib/util');
3 |
4 | test('util.parsePattern()', () => {
5 | assert.equal(typeof parsePattern, 'function', 'is function');
6 |
7 | [
8 | ['', false, ''],
9 | [' ', false, '\\ '],
10 | ['a', false, 'a'],
11 | ['ä', false, 'ä'],
12 | ['á', false, 'á'],
13 | ['*', false, '\\*'],
14 | ['ab', false, 'ab'],
15 | ['rea', false, 'rea'],
16 | ['re:', false, 're:'],
17 | ['re:a', false, 're:a'],
18 | ['a b', false, 'a\\ b'],
19 | ['ab c', false, 'ab\\ c'],
20 | [' a ', false, '\\ a\\ '],
21 |
22 | ['', true, ''],
23 | [' ', true, ''],
24 | ['a', true, 'a'],
25 | ['ä', true, 'ä'],
26 | ['á', true, 'á'],
27 | ['*', true, '\\*'],
28 | ['ab', true, 'a.*?b'],
29 | ['rea', true, 'r.*?e.*?a'],
30 | [' re:', true, 'r.*?e.*?:'],
31 | ['are:', true, 'a.*?r.*?e.*?:'],
32 | ['re:', true, ''],
33 | ['re:a', true, 'a'],
34 | ['a b', true, 'a|b'],
35 | ['ab c', true, 'a.*?b|c'],
36 | [' a ', true, 'a']
37 | ].forEach(([pattern, advanced, exp], idx) => {
38 | assert.equal(parsePattern(pattern, advanced), exp, `fix#${idx} - (${insp(pattern)}, ${insp(advanced)}) -> ${insp(exp)}`);
39 | });
40 | });
41 |
--------------------------------------------------------------------------------
/src/_h5ai/private/php/ext/class-search.php:
--------------------------------------------------------------------------------
1 | context = $context;
8 | }
9 |
10 | public function get_paths($root, $pattern = null, $ignorecase = false) {
11 | $paths = [];
12 | if ($pattern && $this->context->is_managed_path($root)) {
13 | $re = Util::wrap_pattern($pattern);
14 | if ($ignorecase) {
15 | $re .= 'i';
16 | }
17 | $names = $this->context->read_dir($root);
18 | foreach ($names as $name) {
19 | $path = $root . '/' . $name;
20 | if (preg_match($re, @basename($path))) {
21 | $paths[] = $path;
22 | }
23 | if (@is_dir($path)) {
24 | $paths = array_merge($paths, $this->get_paths($path, $pattern, $ignorecase));
25 | }
26 | }
27 | }
28 | return $paths;
29 | }
30 |
31 | public function get_items($href, $pattern = null, $ignorecase = false) {
32 | $cache = [];
33 | $root = $this->context->to_path($href);
34 | $paths = $this->get_paths($root, $pattern, $ignorecase);
35 | $items = array_map(function ($path) {
36 | return Item::get($this->context, $path, $cache)->to_json_object();
37 | }, $paths);
38 | return $items;
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/src/_h5ai/public/css/lib/colors.less:
--------------------------------------------------------------------------------
1 | @col-red-500: #f44336;
2 | @col-green-500: #4caf50;
3 | @col-blue-400: #42a5f5;
4 | @col-pink-a200: #ff4081;
5 |
6 | @col-white: #ffffff;
7 | @col-grey-50: #fafafa;
8 | @col-grey-100: #f5f5f5;
9 | @col-grey-300: #e0e0e0;
10 | @col-grey-700: #616161;
11 | @col-grey-900: #212121;
12 |
13 | @col-text-primary-black: rgba(0,0,0,0.87);
14 | @col-text-secondary-black: rgba(0,0,0,0.54);
15 | @col-text-disabled-black: rgba(0,0,0,0.26);
16 | @col-divider-black: rgba(0,0,0,0.12);
17 |
18 | @col-text-primary-white: rgba(255,255,255,1.0);
19 | @col-text-secondary-white: rgba(255,255,255,0.7);
20 | @col-text-disabled-white: rgba(255,255,255,0.3);
21 | @col-divider-white: rgba(255,255,255,0.12);
22 |
23 | @col-text-selected: @col-text-primary-white;
24 | @col-back-selected: @col-blue-400;
25 |
26 | @col-text-native-selection: @col-text-primary-white;
27 | @col-back-native-selection: @col-pink-a200;
28 |
29 | @col-text: @col-text-primary-black;
30 | @col-back: @col-white;
31 | @col-back-paper: @col-white;
32 | @col-back-panel: @col-grey-50;
33 | @col-text-hover: @col-blue-400;
34 | @col-back-hover: rgba(0,0,0,0.03);
35 | @col-border: rgba(0,0,0,0.05);
36 | @col-border-strong: rgba(0,0,0,0.15);
37 | @col-border-stronger: rgba(0,0,0,0.3);
38 |
39 | @col-okay: @col-green-500;
40 | @col-error: @col-red-500;
41 |
42 | @col-link: @col-blue-400;
43 | @col-link-hover: @col-grey-900;
44 |
45 | @col-range-back: @col-grey-300;
46 | @col-range-thumb: @col-grey-700;
47 |
--------------------------------------------------------------------------------
/src/_h5ai/public/js/lib/ext/piwik-analytics.js:
--------------------------------------------------------------------------------
1 | const {dom, awaitLoad} = require('../util');
2 | const event = require('../core/event');
3 | const allsettings = require('../core/settings');
4 |
5 | const win = global.window;
6 | const settings = Object.assign({
7 | enabled: false,
8 | baseURL: 'not-set',
9 | idSite: 0
10 | }, allsettings['piwik-analytics']);
11 |
12 | const init = () => {
13 | if (!settings.enabled) {
14 | return;
15 | }
16 |
17 | // reference: http://piwik.org/docs/javascript-tracking/
18 |
19 | const pkBaseURL = (win.location.protocol === 'https:' ? 'https://' : 'http://') + settings.baseURL + '/';
20 | const queue = [];
21 | let piwikTracker = null;
22 |
23 | dom('').attr('src', pkBaseURL + 'piwik.js').appTo('body');
24 | awaitLoad().then(() => {
25 | piwikTracker = win.Piwik && win.Piwik.getTracker(pkBaseURL + 'piwik.php', settings.idSite);
26 | if (piwikTracker) {
27 | piwikTracker.enableLinkTracking();
28 | while (queue.length) {
29 | piwikTracker.trackPageView(queue.shift());
30 | }
31 | }
32 | });
33 |
34 | event.sub('location.changed', item => {
35 | const title = item.getCrumb().map(i => i.label).join(' > ');
36 | if (piwikTracker) {
37 | piwikTracker.trackPageView(title);
38 | } else {
39 | queue.push(title);
40 | }
41 | });
42 | };
43 |
44 |
45 | init();
46 |
--------------------------------------------------------------------------------
/test/util/pin.js:
--------------------------------------------------------------------------------
1 | const win = global.window;
2 | const doc = win.document;
3 |
4 | const pinned = {};
5 |
6 | const attr = (el, name, value) => {
7 | if (typeof el === 'string') {
8 | el = doc.querySelector(el);
9 | }
10 | if (value === undefined) {
11 | return el.getAttribute(name);
12 | }
13 | if (value === null) {
14 | return el.removeAttribute(name);
15 | }
16 | return el.setAttribute(name, value);
17 | };
18 |
19 | const rootChildren = () => {
20 | return [
21 | ...doc.querySelector('head').childNodes,
22 | ...doc.querySelector('body').childNodes
23 | ];
24 | };
25 |
26 | const pinHtml = () => {
27 | pinned.title = doc.title;
28 | pinned.htmlId = attr('html', 'id');
29 | pinned.htmlClasses = attr('html', 'class');
30 | pinned.bodyId = attr('body', 'id');
31 | pinned.bodyClasses = attr('body', 'class');
32 | pinned.els = rootChildren();
33 | // console.log('pinned', pinned);
34 | };
35 |
36 | const restoreHtml = () => {
37 | doc.title = pinned.title;
38 | attr('html', 'id', pinned.htmlId);
39 | attr('html', 'class', pinned.htmlClasses);
40 | attr('body', 'id', pinned.bodyId);
41 | attr('body', 'class', pinned.bodyClasses);
42 | rootChildren().forEach(el => {
43 | if (pinned.els.indexOf(el) < 0) {
44 | el.remove();
45 | }
46 | });
47 | // win.localStorage.clear();
48 | };
49 |
50 | module.exports = {
51 | pinHtml,
52 | restoreHtml
53 | };
54 |
--------------------------------------------------------------------------------
/src/_h5ai/public/js/lib/ext/preview/preview-vid.js:
--------------------------------------------------------------------------------
1 | const {dom} = require('../../util');
2 | const allsettings = require('../../core/settings');
3 | const preview = require('./preview');
4 |
5 | const settings = Object.assign({
6 | enabled: false,
7 | autoplay: true,
8 | types: []
9 | }, allsettings['preview-vid']);
10 | const tpl = '';
11 |
12 | const updateGui = () => {
13 | const el = dom('#pv-content-vid')[0];
14 | if (!el) {
15 | return;
16 | }
17 |
18 | const elW = el.offsetWidth;
19 | const elVW = el.videoWidth;
20 | const elVH = el.videoHeight;
21 |
22 | preview.setLabels([
23 | preview.item.label,
24 | String(elVW) + 'x' + String(elVH),
25 | String((100 * elW / elVW).toFixed(0)) + '%'
26 | ]);
27 | };
28 |
29 | const addUnloadFn = el => {
30 | el.unload = () => {
31 | el.src = '';
32 | el.load();
33 | };
34 | };
35 |
36 | const load = item => {
37 | return new Promise(resolve => {
38 | const $el = dom(tpl)
39 | .on('loadedmetadata', () => resolve($el))
40 | .attr('controls', 'controls');
41 | if (settings.autoplay) {
42 | $el.attr('autoplay', 'autoplay');
43 | }
44 | addUnloadFn($el[0]);
45 | $el.attr('src', item.absHref);
46 | });
47 | };
48 |
49 | const init = () => {
50 | if (settings.enabled) {
51 | preview.register(settings.types, load, updateGui);
52 | }
53 | };
54 |
55 | init();
56 |
--------------------------------------------------------------------------------
/src/_h5ai/private/php/core/class-request.php:
--------------------------------------------------------------------------------
1 | params = $data !== null ? $data : $params;
9 | }
10 |
11 | public function query($keypath = '', $default = Util::NO_DEFAULT) {
12 | $value = Util::array_query($this->params, $keypath, Util::NO_DEFAULT);
13 |
14 | if ($value === Util::NO_DEFAULT) {
15 | Util::json_fail(Util::ERR_MISSING_PARAM, 'parameter \'' . $keypath . '\' is missing', $default === Util::NO_DEFAULT);
16 | return $default;
17 | }
18 |
19 | return $value;
20 | }
21 |
22 | public function query_boolean($keypath = '', $default = Util::NO_DEFAULT) {
23 | $value = $this->query($keypath, $default);
24 | return filter_var($value, FILTER_VALIDATE_BOOLEAN);
25 | }
26 |
27 | public function query_numeric($keypath = '', $default = Util::NO_DEFAULT) {
28 | $value = $this->query($keypath, $default);
29 | Util::json_fail(Util::ERR_ILLIGAL_PARAM, 'parameter \'' . $keypath . '\' is not numeric', !is_numeric($value));
30 | return intval($value, 10);
31 | }
32 |
33 | public function query_array($keypath = '', $default = Util::NO_DEFAULT) {
34 | $value = $this->query($keypath, $default);
35 | Util::json_fail(Util::ERR_ILLIGAL_PARAM, 'parameter \'' . $keypath . '\' is no array', !is_array($value));
36 | return $value;
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/src/_h5ai/public/css/lib/view/topbar.less:
--------------------------------------------------------------------------------
1 | #topbar {
2 | .flex-row;
3 | overflow: hidden;
4 | flex: 0 0 auto;
5 | order: 1;
6 |
7 | background: @col-back-panel;
8 | border-bottom: 1px solid @col-border;
9 | z-index: 1;
10 | }
11 |
12 | #toolbar {
13 | overflow: hidden;
14 | flex: 0 0 auto;
15 | order: 1;
16 | height: 48px;
17 |
18 | .tool {
19 | .eased-transition;
20 | display: inline-block;
21 | cursor: pointer;
22 |
23 | img {
24 | display: inline-block;
25 | width: 24px;
26 | height: 24px;
27 | padding: 12px;
28 | }
29 |
30 | &:hover {
31 | background: @col-back-hover;
32 | }
33 | }
34 | }
35 |
36 | #flowbar {
37 | overflow: hidden;
38 | flex: 1 1 auto;
39 | order: 2;
40 | height: 48px;
41 | }
42 |
43 | #backlink {
44 | .eased-transition;
45 | display: block;
46 | overflow: hidden;
47 | flex: 0 0 auto;
48 | order: 99;
49 | text-align: center;
50 | padding: 6px 12px;
51 | overflow: hidden;
52 | height: 36px;
53 |
54 | &, &:active, &:visited {
55 | color: @col-text-disabled-black;
56 | cursor: pointer;
57 | text-decoration: none;
58 | }
59 | &:hover {
60 | color: @col-text-hover;
61 | background: @col-back-hover;
62 | }
63 | &:focus {
64 | outline: 0;
65 | }
66 |
67 | div {
68 | line-height: 18px;
69 | white-space: nowrap;
70 | }
71 | }
72 |
--------------------------------------------------------------------------------
/src/_h5ai/public/css/lib/mixins.less:
--------------------------------------------------------------------------------
1 | .hidden {
2 | display: none !important;
3 | }
4 |
5 | .invisible {
6 | visibility: hidden;
7 | }
8 |
9 | .clearfix:before,
10 | .clearfix:after {
11 | content: " ";
12 | display: table;
13 | }
14 | .clearfix:after {
15 | clear: both;
16 | }
17 |
18 | .raised {
19 | box-shadow: 0 1px 10px 0 rgba(0,0,0,0.5);
20 | }
21 |
22 | .popup {
23 | box-shadow: 0 1px 20px 0 rgba(0,0,0,0.5);
24 | }
25 |
26 | .rounded {
27 | border-radius: 2px;
28 | }
29 |
30 | .clear-appearance {
31 | -moz-appearance: none;
32 | -ms-appearance: none;
33 | -webkit-appearance: none;
34 | }
35 |
36 | .eased-transition {
37 | transition: all 0.2s ease-in-out;
38 | }
39 |
40 | .flex-base {
41 | display: flex;
42 | flex-wrap: nowrap;
43 | justify-content: flex-start;
44 | align-content: flex-start;
45 | align-items: stretch;
46 | }
47 |
48 | .flex-column {
49 | .flex-base;
50 | flex-direction: column;
51 | }
52 |
53 | .flex-row {
54 | .flex-base;
55 | flex-direction: row;
56 | }
57 |
58 | .el-button {
59 | .rounded;
60 | .eased-transition;
61 | color: @col-text-primary-white;
62 | background: @col-blue-400;
63 | cursor: pointer;
64 | text-decoration: none;
65 |
66 | &:hover {
67 | .raised;
68 | }
69 | }
70 |
71 | .el-input {
72 | .rounded;
73 | .clear-appearance;
74 | background: @col-back-paper;
75 | border: none;
76 | outline: none;
77 | background: @col-back-panel;
78 | border: 1px solid @col-border;
79 | }
80 |
--------------------------------------------------------------------------------
/src/_h5ai/public/images/themes/comity/txt-py.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/_h5ai/public/css/lib/ext/contextmenu.less:
--------------------------------------------------------------------------------
1 | #cm-overlay {
2 | position: fixed;
3 | left: 0;
4 | top: 0;
5 | right: 0;
6 | bottom: 0;
7 | overflow: hidden;
8 | z-index: 200;
9 |
10 | .cm-panel {
11 | .popup;
12 | .rounded;
13 | display: block;
14 | position: absolute;
15 | left: 100px;
16 | top: 100px;
17 | color: @col-text;
18 | background: @col-back-paper;
19 | z-index: 10;
20 | overflow: auto;
21 | min-width: 200px;
22 |
23 | ul {
24 | margin: 0;
25 | padding: 0;
26 | list-style: none;
27 | text-align: left;
28 | }
29 | }
30 |
31 | .cm-label {
32 | padding: 8px 16px;
33 | white-space: nowrap;
34 | font-weight: bold;
35 | }
36 |
37 | .cm-entry {
38 | padding: 8px 16px;
39 | white-space: nowrap;
40 | cursor: pointer;
41 |
42 | &:hover {
43 | color: @col-text-hover;
44 | background: @col-back-hover;
45 | }
46 | }
47 |
48 | .cm-icon {
49 | position: relative;
50 | top: -2px;
51 |
52 | img {
53 | width: 20px;
54 | height: 20px;
55 | }
56 |
57 | &.no-icon {
58 | opacity: 0;
59 | }
60 | }
61 |
62 | .cm-text {
63 | margin: 0 0 0 12px;
64 | }
65 |
66 | .cm-sep {
67 | height: 1px;
68 | margin: 8px 0;
69 | padding: 0;
70 | border-top: 1px solid rgba(0,0,0,0.08);
71 | }
72 | }
73 |
--------------------------------------------------------------------------------
/src/_h5ai/public/js/lib/view/sidebar.js:
--------------------------------------------------------------------------------
1 | const {dom} = require('../util');
2 | const resource = require('../core/resource');
3 | const allsettings = require('../core/settings');
4 | const store = require('../core/store');
5 | const base = require('./base');
6 |
7 |
8 | const settings = Object.assign({
9 | disableSidebar: false
10 | }, allsettings.view);
11 | const storekey = 'sidebarIsVisible';
12 | const sidebarTpl = '';
13 | const toggleTpl =
14 | `
15 | ![sidebar]()
16 |
`;
17 |
18 |
19 | const init = () => {
20 | const $sidebar = dom(sidebarTpl).hide();
21 | const $toggle = dom(toggleTpl);
22 | const $img = $toggle.find('img');
23 |
24 | const update = toggle => {
25 | let isVisible = store.get(storekey);
26 |
27 | if (toggle) {
28 | isVisible = !isVisible;
29 | store.put(storekey, isVisible);
30 | }
31 |
32 | if (isVisible) {
33 | $toggle.addCls('active');
34 | $img.attr('src', resource.image('back'));
35 | $sidebar.show();
36 | } else {
37 | $toggle.rmCls('active');
38 | $img.attr('src', resource.image('sidebar'));
39 | $sidebar.hide();
40 | }
41 | };
42 |
43 | if (!settings.disableSidebar) {
44 | $sidebar.appTo(base.$mainrow);
45 | $toggle.appTo(base.$toolbar).on('click', () => update(true));
46 | update();
47 | }
48 |
49 | return {
50 | $el: $sidebar
51 | };
52 | };
53 |
54 | module.exports = init();
55 |
--------------------------------------------------------------------------------
/src/_h5ai/public/css/lib/view/view.less:
--------------------------------------------------------------------------------
1 | #view {
2 |
3 | a, a:active, a:visited {
4 | display: block;
5 | color: inherit;
6 | cursor: pointer;
7 | text-decoration: none;
8 | }
9 |
10 | ul {
11 | margin: 0;
12 | padding: 0;
13 | list-style: none;
14 | }
15 |
16 | .header {
17 | display: none;
18 | }
19 |
20 | .item {
21 | position: relative;
22 | white-space: nowrap;
23 | background: @col-back-paper;
24 |
25 | &:hover {
26 | color: @col-text-hover;
27 | background: @col-back-panel;
28 | }
29 | }
30 |
31 | .folder-parent {
32 |
33 | .date, .size {
34 | display: none;
35 | }
36 | }
37 |
38 | .icon {
39 | display: none;
40 | text-align: center;
41 |
42 | img {
43 | position: relative;
44 | top: 50%;
45 | transform: translateY(-50%);
46 | }
47 |
48 | .thumb {
49 | max-width: none;
50 | max-height: none;
51 | }
52 | }
53 |
54 | .label {
55 | display: block;
56 | overflow: hidden;
57 | text-align: left;
58 | text-overflow: ellipsis;
59 | }
60 |
61 | .date {
62 | text-align: right;
63 | width: 130px;
64 | }
65 |
66 | .size {
67 | text-align: right;
68 | width: 80px;
69 | }
70 |
71 | #view-hint {
72 | display: block;
73 | margin-top: 36px;
74 | text-align: center;
75 | color: @col-border;
76 | font-size: 5em;
77 | font-weight: bold;
78 | }
79 | }
80 |
--------------------------------------------------------------------------------
/src/_h5ai/private/php/class-bootstrap.php:
--------------------------------------------------------------------------------
1 | query_boolean('refresh', false));
16 | $context = new Context($session, $request, $setup);
17 |
18 | if ($context->is_api_request()) {
19 | (new Api($context))->apply();
20 | } elseif ($context->is_info_request()) {
21 | $public_href = $setup->get('PUBLIC_HREF');
22 | $x_head_tags = $context->get_x_head_html();
23 | $fallback_mode = false;
24 | require __DIR__ . '/pages/info.php';
25 | } else {
26 | $public_href = $setup->get('PUBLIC_HREF');
27 | $x_head_tags = $context->get_x_head_html();
28 | $fallback_mode = $context->is_fallback_mode();
29 | $fallback_html = (new Fallback($context))->get_html();
30 | require __DIR__ . '/pages/index.php';
31 | }
32 | }
33 |
34 | public static function autoload($class_name) {
35 | $filename = 'class-' . strtolower($class_name) . '.php';
36 |
37 | foreach (Bootstrap::$autopaths as $path) {
38 | $file = __DIR__ . '/' . $path . '/' . $filename;
39 | if (file_exists($file)) {
40 | require_once $file;
41 | return true;
42 | }
43 | }
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/src/_h5ai/public/css/lib/ext/select.less:
--------------------------------------------------------------------------------
1 | #selection-rect {
2 | position: absolute;
3 | left: 0;
4 | top: 0;
5 | z-index: 2;
6 | border: 1px dashed @col-border-strong;
7 | background: rgba(0,0,0,0.1);
8 | }
9 |
10 | html.drag-select, html.drag-select * {
11 | cursor: move !important;
12 |
13 | -webkit-touch-callout: none;
14 | -webkit-user-select: none;
15 | -khtml-user-select: none;
16 | -moz-user-select: none;
17 | -ms-user-select: none;
18 | user-select: none;
19 |
20 | #view .item:hover {
21 | box-shadow: none !important;
22 | }
23 | }
24 |
25 | #view {
26 |
27 | .selector {
28 | display: none;
29 | position: absolute;
30 | left: 0;
31 | top: 0;
32 | width: 22px;
33 | height: 22px;
34 | background: @col-back-selected;
35 | cursor: pointer;
36 | border-radius: 0 0 2px 0;
37 | opacity: 0.6;
38 |
39 | &:hover {
40 | opacity: 0.8;
41 | }
42 | img {
43 | width: 100%;
44 | height: 100%;
45 | }
46 | }
47 |
48 | .item:hover .selector {
49 | display: block;
50 | }
51 |
52 | .item.selected:not(.selecting),
53 | .item.selecting:not(.selected) {
54 | color: @col-text-selected;
55 | background: @col-back-selected;
56 |
57 | .selector {
58 | display: block;
59 | opacity: 1;
60 | }
61 | &:hover {
62 | color: @col-text-selected;
63 | background: @col-back-selected;
64 | }
65 | }
66 |
67 | .no-match {
68 | display: none;
69 | margin-top: 36px;
70 | text-align: center;
71 | color: @col-border;
72 | font-size: 5em;
73 | font-weight: bold;
74 | }
75 | }
76 |
--------------------------------------------------------------------------------
/src/_h5ai/public/js/lib/ext/preview/preview-img.js:
--------------------------------------------------------------------------------
1 | const {dom} = require('../../util');
2 | const server = require('../../server');
3 | const allsettings = require('../../core/settings');
4 | const preview = require('./preview');
5 |
6 | const settings = Object.assign({
7 | enabled: false,
8 | size: null,
9 | types: []
10 | }, allsettings['preview-img']);
11 | const tpl = '
16 | })
17 |
`;
18 | let selectedItems = [];
19 | let $download;
20 |
21 |
22 | const onSelection = items => {
23 | selectedItems = items.slice(0);
24 | if (selectedItems.length) {
25 | $download.show();
26 | } else if (!settings.alwaysVisible) {
27 | $download.hide();
28 | }
29 | };
30 |
31 | const onClick = () => {
32 | const type = settings.type;
33 | let name = settings.packageName;
34 | const extension = type === 'shell-zip' ? 'zip' : 'tar';
35 |
36 | if (!name) {
37 | if (selectedItems.length === 1) {
38 | name = selectedItems[0].label;
39 | } else {
40 | name = location.getItem().label;
41 | }
42 | }
43 |
44 | const query = {
45 | action: 'download',
46 | as: name + '.' + extension,
47 | type,
48 | baseHref: location.getAbsHref(),
49 | hrefs: ''
50 | };
51 |
52 | each(selectedItems, (item, idx) => {
53 | query[`hrefs[${idx}]`] = item.absHref;
54 | });
55 |
56 | server.formRequest(query);
57 | };
58 |
59 | const init = () => {
60 | if (!settings.enabled) {
61 | return;
62 | }
63 |
64 | $download = dom(tpl)
65 | .hide()
66 | .appTo('#toolbar')
67 | .on('click', onClick);
68 |
69 | if (settings.alwaysVisible) {
70 | $download.show();
71 | }
72 |
73 | event.sub('selection', onSelection);
74 | };
75 |
76 |
77 | init();
78 |
--------------------------------------------------------------------------------
/src/_h5ai/private/php/core/class-fallback.php:
--------------------------------------------------------------------------------
1 | context = $context;
8 | }
9 |
10 | public function get_html($path = null) {
11 | if (!$path) {
12 | $path = $this->context->get_current_path();
13 | }
14 | $fallback_images_href = $this->context->get_setup()->get('PUBLIC_HREF') . 'images/fallback/';
15 |
16 | $cache = [];
17 | $folder = Item::get($this->context, $path, $cache);
18 | $items = $folder->get_content($cache);
19 | uasort($items, ['Item', 'cmp']);
20 |
21 | $html = '| '; 25 | $html .= ' | Name | '; 26 | $html .= 'Last modified | '; 27 | $html .= 'Size | '; 28 | $html .= '
|---|---|---|---|
 | ';
33 | $html .= 'Parent Directory | '; 34 | $html .= ''; 35 | $html .= ' | '; 36 | $html .= ' |
 | ';
44 | $html .= '' . basename($item->path) . ' | '; 45 | $html .= '' . date('Y-m-d H:i', $item->date) . ' | '; 46 | $html .= '' . ($item->size !== null ? intval($item->size / 1000) . ' KB' : '' ) . ' | '; 47 | $html .= '
19 | })
20 |
21 |
`;
22 | let inputIsVisible = false;
23 | let prevPattern = '';
24 | let $search;
25 | let $input;
26 |
27 |
28 | const search = (pattern = '') => {
29 | if (pattern === prevPattern) {
30 | return;
31 | }
32 | prevPattern = pattern;
33 |
34 | if (!pattern) {
35 | view.setLocation();
36 | return;
37 | }
38 |
39 | $search.addCls('pending');
40 |
41 | server.request({
42 | action: 'get',
43 | search: {
44 | href: location.getAbsHref(),
45 | pattern,
46 | ignorecase: settings.ignorecase
47 | }
48 | }).then(response => {
49 | $search.rmCls('pending');
50 | view.setHint('noMatch');
51 | view.setItems(map(response.search, item => Item.get(item)));
52 | });
53 | };
54 |
55 | const update = () => {
56 | if (inputIsVisible) {
57 | $search.addCls('active');
58 | $input[0].focus();
59 | search(parsePattern($input.val(), settings.advanced));
60 | } else {
61 | search();
62 | $search.rmCls('active');
63 | }
64 | };
65 |
66 | const toggle = () => {
67 | inputIsVisible = !inputIsVisible;
68 | update();
69 | };
70 |
71 | const reset = () => {
72 | inputIsVisible = false;
73 | $input.val('');
74 | update();
75 | };
76 |
77 | const init = () => {
78 | if (!settings.enabled) {
79 | return;
80 | }
81 |
82 | $search = dom(tpl).appTo('#toolbar');
83 | $input = $search.find('input');
84 |
85 | $search.find('img').on('click', toggle);
86 | $input.on('keyup', debounce(update, settings.debounceTime));
87 | event.sub('location.changed', reset);
88 | };
89 |
90 |
91 | init();
92 |
--------------------------------------------------------------------------------
/src/_h5ai/public/js/lib/ext/preview/preview-txt.js:
--------------------------------------------------------------------------------
1 | const lolight = require('lolight');
2 | const marked = require('marked');
3 | const {keys, dom} = require('../../util');
4 | const allsettings = require('../../core/settings');
5 | const preview = require('./preview');
6 |
7 | const win = global.window;
8 | const XHR = win.XMLHttpRequest;
9 | const settings = Object.assign({
10 | enabled: false,
11 | styles: {}
12 | }, allsettings['preview-txt']);
13 | const preTpl = '';
14 | const divTpl = '';
15 |
16 | const updateGui = () => {
17 | const el = dom('#pv-content-txt')[0];
18 | if (!el) {
19 | return;
20 | }
21 |
22 | const container = dom('#pv-container')[0];
23 | el.style.height = container.offsetHeight + 'px';
24 |
25 | preview.setLabels([
26 | preview.item.label,
27 | preview.item.size + ' bytes'
28 | ]);
29 | };
30 |
31 | const requestTextContent = href => {
32 | return new Promise((resolve, reject) => {
33 | const xhr = new XHR();
34 | const callback = () => {
35 | if (xhr.readyState === XHR.DONE) {
36 | try {
37 | resolve(xhr.responseText || '');
38 | } catch (err) {
39 | reject(String(err));
40 | }
41 | }
42 | };
43 |
44 | xhr.open('GET', href, true);
45 | xhr.onreadystatechange = callback;
46 | xhr.send();
47 | });
48 | };
49 |
50 | const load = item => {
51 | return requestTextContent(item.absHref)
52 | .catch(err => '[request failed] ' + err)
53 | .then(content => {
54 | const style = settings.styles[item.type];
55 |
56 | if (style === 1) {
57 | return dom(preTpl).text(content);
58 | } else if (style === 2) {
59 | return dom(divTpl).html(marked(content));
60 | } else if (style === 3) {
61 | const $code = dom('View
17 | ![viewmode-[MODE]](${resource.image('view-[MODE]')})
18 |
`;
19 | const sizeTpl =
20 | '';
21 | const toggleTpl =
22 | `
23 | ![viewmode]()
24 |
`;
25 | let modes;
26 | let sizes;
27 |
28 |
29 | const onChanged = (mode, size) => {
30 | dom('#viewmode-settings .mode').rmCls('active');
31 | dom('#viewmode-' + mode).addCls('active');
32 | dom('#viewmode-size').val(sizes.indexOf(size));
33 |
34 | if (settings.modeToggle === 'next') {
35 | mode = modes[(modes.indexOf(mode) + 1) % modes.length];
36 | }
37 | dom('#viewmode-toggle img').attr('src', resource.image('view-' + mode));
38 | };
39 |
40 | const addSettings = () => {
41 | if (modes.length < 2 && sizes.length < 2) {
42 | return;
43 | }
44 |
45 | const $viewBlock = dom(settingsTpl);
46 |
47 | if (modes.length > 1) {
48 | each(modes, mode => {
49 | dom(modeTpl.replace(/\[MODE\]/g, mode))
50 | .on('click', () => {
51 | view.setMode(mode);
52 | })
53 | .appTo($viewBlock);
54 | });
55 | }
56 |
57 | if (sizes.length > 1) {
58 | const max = sizes.length - 1;
59 | dom(sizeTpl)
60 | .attr('max', max)
61 | .on('input', ev => view.setSize(sizes[ev.target.valueAsNumber]))
62 | .on('change', ev => view.setSize(sizes[ev.target.valueAsNumber]))
63 | .appTo($viewBlock);
64 | }
65 |
66 | $viewBlock.appTo(sidebar.$el);
67 | };
68 |
69 | const onToggle = () => {
70 | const mode = view.getMode();
71 | const nextIdx = (modes.indexOf(mode) + 1) % modes.length;
72 | const nextMode = modes[nextIdx];
73 |
74 | view.setMode(nextMode);
75 | };
76 |
77 | const addToggle = () => {
78 | if (settings.modeToggle && modes.length > 1) {
79 | dom(toggleTpl)
80 | .on('click', onToggle)
81 | .appTo(base.$toolbar);
82 | }
83 | };
84 |
85 | const init = () => {
86 | modes = view.getModes();
87 | sizes = view.getSizes();
88 |
89 | addSettings();
90 | addToggle();
91 | onChanged(view.getMode(), view.getSize());
92 |
93 | event.sub('view.mode.changed', onChanged);
94 | };
95 |
96 |
97 | init();
98 |
--------------------------------------------------------------------------------
/src/_h5ai/public/js/lib/ext/sort.js:
--------------------------------------------------------------------------------
1 | const {each, toArray, dom, cmp, naturalCmp} = require('../util');
2 | const event = require('../core/event');
3 | const resource = require('../core/resource');
4 | const allsettings = require('../core/settings');
5 | const store = require('../core/store');
6 |
7 | const settings = Object.assign({
8 | enabled: false,
9 | column: 0,
10 | reverse: false,
11 | ignorecase: true,
12 | natural: false,
13 | folders: 0
14 | }, allsettings.sort);
15 | const storekey = 'ext/sort';
16 | const tpl = `
40 |
`;
45 | const optionTpl = '';
46 | const storekey = 'ext/l10n';
47 | const loaded = {
48 | en: Object.assign({}, defaultTranslations)
49 | };
50 | let currentLang = loaded.en;
51 |
52 |
53 | const update = lang => {
54 | if (lang) {
55 | currentLang = lang;
56 | }
57 |
58 | const sel = 'selected';
59 | dom('#langs option').rmAttr(sel).rmProp(sel);
60 | dom('#langs .' + currentLang.isoCode).attr(sel, '').prop(sel, true);
61 |
62 | each(currentLang, (value, key) => {
63 | dom('.l10n-' + key).text(value);
64 | dom('.l10n_ph-' + key).attr('placeholder', value);
65 | });
66 | format.setDefaultDateFormat(currentLang.dateFormat);
67 |
68 | dom('#items .item').each(el => {
69 | dom(el).find('.date').text(format.formatDate(el._item.time));
70 | });
71 | };
72 |
73 | const loadLanguage = isoCode => {
74 | if (loaded[isoCode]) {
75 | return Promise.resolve(loaded[isoCode]);
76 | }
77 |
78 | return server.request({action: 'get', l10n: [isoCode]}).then(response => {
79 | loaded[isoCode] = Object.assign({},
80 | defaultTranslations,
81 | response.l10n && response.l10n[isoCode],
82 | {isoCode}
83 | );
84 | return loaded[isoCode];
85 | });
86 | };
87 |
88 | const localize = (languages, isoCode, useBrowserLang) => {
89 | const storedIsoCode = store.get(storekey);
90 |
91 | if (languages[storedIsoCode]) {
92 | isoCode = storedIsoCode;
93 | } else if (useBrowserLang) {
94 | const browserLang = win.navigator.language || win.navigator.browserLanguage;
95 | if (browserLang) {
96 | if (languages[browserLang]) {
97 | isoCode = browserLang;
98 | } else if (browserLang.length > 2 && languages[browserLang.substr(0, 2)]) {
99 | isoCode = browserLang.substr(0, 2);
100 | }
101 | }
102 | }
103 |
104 | if (!languages[isoCode]) {
105 | isoCode = 'en';
106 | }
107 |
108 | loadLanguage(isoCode).then(update);
109 | };
110 |
111 | const initLangSelector = languages => {
112 | const $block = dom(blockTpl);
113 | const $select = $block.find('select')
114 | .on('change', ev => {
115 | const isoCode = ev.target.value;
116 | store.put(storekey, isoCode);
117 | localize(languages, isoCode, false);
118 | });
119 |
120 | each(languages, (language, isoCode) => {
121 | dom(optionTpl)
122 | .attr('value', isoCode)
123 | .addCls(isoCode)
124 | .text(isoCode + ' - ' + (isStr(language) ? language : language.lang))
125 | .appTo($select);
126 | });
127 |
128 | $block.appTo('#sidebar');
129 | };
130 |
131 | const init = () => {
132 | if (settings.enabled) {
133 | initLangSelector(langs);
134 | }
135 |
136 | event.sub('view.changed', () => {
137 | localize(langs, settings.lang, settings.useBrowserLang);
138 | });
139 | };
140 |
141 |
142 | init();
143 |
--------------------------------------------------------------------------------
/src/_h5ai/private/php/core/class-api.php:
--------------------------------------------------------------------------------
1 | context = $context;
10 | $this->request = $context->get_request();
11 | $this->setup = $context->get_setup();
12 | }
13 |
14 | public function apply() {
15 | $action = $this->request->query('action');
16 | $supported = ['download', 'get', 'login', 'logout'];
17 | Util::json_fail(Util::ERR_UNSUPPORTED, 'unsupported action', !in_array($action, $supported));
18 |
19 | $methodname = 'on_' . $action;
20 | $this->$methodname();
21 | }
22 |
23 | private function on_download() {
24 | Util::json_fail(Util::ERR_DISABLED, 'download disabled', !$this->context->query_option('download.enabled', false));
25 |
26 | $as = $this->request->query('as');
27 | $type = $this->request->query('type');
28 | $base_href = $this->request->query('baseHref');
29 | $hrefs = $this->request->query('hrefs', '');
30 |
31 | $archive = new Archive($this->context);
32 |
33 | set_time_limit(0);
34 | header('Content-Type: application/octet-stream');
35 | header('Content-Disposition: attachment; filename="' . $as . '"');
36 | header('Connection: close');
37 | $ok = $archive->output($type, $base_href, $hrefs);
38 |
39 | Util::json_fail(Util::ERR_FAILED, 'packaging failed', !$ok);
40 | exit;
41 | }
42 |
43 | private function on_get() {
44 | $response = [];
45 |
46 | foreach (['langs', 'options', 'types'] as $name) {
47 | if ($this->request->query_boolean($name, false)) {
48 | $methodname = 'get_' . $name;
49 | $response[$name] = $this->context->$methodname();
50 | }
51 | }
52 |
53 | if ($this->request->query_boolean('setup', false)) {
54 | $response['setup'] = $this->setup->to_jsono($this->context->is_admin());
55 | }
56 |
57 | if ($this->request->query_boolean('theme', false)) {
58 | $theme = new Theme($this->context);
59 | $response['theme'] = $theme->get_icons();
60 | }
61 |
62 | if ($this->request->query('items', false)) {
63 | $href = $this->request->query('items.href');
64 | $what = $this->request->query_numeric('items.what');
65 | $response['items'] = $this->context->get_items($href, $what);
66 | }
67 |
68 | if ($this->request->query('custom', false)) {
69 | Util::json_fail(Util::ERR_DISABLED, 'custom disabled', !$this->context->query_option('custom.enabled', false));
70 | $href = $this->request->query('custom');
71 | $custom = new Custom($this->context);
72 | $response['custom'] = $custom->get_customizations($href);
73 | }
74 |
75 | if ($this->request->query('l10n', false)) {
76 | Util::json_fail(Util::ERR_DISABLED, 'l10n disabled', !$this->context->query_option('l10n.enabled', false));
77 | $iso_codes = $this->request->query_array('l10n');
78 | $iso_codes = array_filter($iso_codes);
79 | $response['l10n'] = $this->context->get_l10n($iso_codes);
80 | }
81 |
82 | if ($this->request->query('search', false)) {
83 | Util::json_fail(Util::ERR_DISABLED, 'search disabled', !$this->context->query_option('search.enabled', false));
84 | $href = $this->request->query('search.href');
85 | $pattern = $this->request->query('search.pattern');
86 | $ignorecase = $this->request->query_boolean('search.ignorecase', false);
87 | $search = new Search($this->context);
88 | $response['search'] = $search->get_items($href, $pattern, $ignorecase);
89 | }
90 |
91 | if ($this->request->query('thumbs', false)) {
92 | Util::json_fail(Util::ERR_DISABLED, 'thumbnails disabled', !$this->context->query_option('thumbnails.enabled', false));
93 | Util::json_fail(Util::ERR_UNSUPPORTED, 'thumbnails not supported', !$this->setup->get('HAS_PHP_JPEG'));
94 | $thumbs = $this->request->query_array('thumbs');
95 | $response['thumbs'] = $this->context->get_thumbs($thumbs);
96 | }
97 |
98 | Util::json_exit($response);
99 | }
100 |
101 | private function on_login() {
102 | $pass = $this->request->query('pass');
103 | Util::json_exit(['asAdmin' => $this->context->login_admin($pass)]);
104 | }
105 |
106 | private function on_logout() {
107 | Util::json_exit(['asAdmin' => $this->context->logout_admin()]);
108 | }
109 | }
110 |
--------------------------------------------------------------------------------
/src/_h5ai/public/js/lib/ext/info.js:
--------------------------------------------------------------------------------
1 | const kjua = require('kjua');
2 | const {isNum, dom} = require('../util');
3 | const event = require('../core/event');
4 | const format = require('../core/format');
5 | const resource = require('../core/resource');
6 | const allsettings = require('../core/settings');
7 | const store = require('../core/store');
8 |
9 |
10 | const settings = Object.assign({
11 | enabled: false,
12 | show: false,
13 | qrcode: true,
14 | qrColor: '#999'
15 | }, allsettings.info);
16 | const tpl =
17 | `Language
41 |
42 |
43 |
44 |
18 | ![]()
19 |
`;
30 | const settingsTpl =
31 | `
20 |
21 |
22 |
23 |
28 |
29 |
24 | ,
25 |
26 |
27 |
32 |
`;
37 | const storekey = 'ext/info';
38 | let $img;
39 | let $label;
40 | let $time;
41 | let $size;
42 | let $content;
43 | let $folders;
44 | let $files;
45 | let $qrcode;
46 | let currentFolder;
47 |
48 |
49 | const updateSettings = () => {
50 | if (store.get(storekey)) {
51 | dom('#view-info').addCls('active');
52 | dom('#info').show();
53 | } else {
54 | dom('#view-info').rmCls('active');
55 | dom('#info').hide();
56 | }
57 | };
58 |
59 | const update = item => {
60 | let src = item.thumbRational || item.icon;
61 | const isThumb = !!item.thumbRational;
62 |
63 | if (item.isCurrentFolder() || !src) {
64 | src = resource.icon('folder');
65 | }
66 |
67 | $img.attr('src', src);
68 | if (isThumb) {
69 | $img.addCls('thumb');
70 | } else {
71 | $img.rmCls('thumb');
72 | }
73 |
74 | $label.text(item.label);
75 | if (isNum(item.time)) {
76 | $time.text(format.formatDate(item.time));
77 | } else {
78 | $time.text('.');
79 | }
80 |
81 | if (isNum(item.size)) {
82 | $size.text(format.formatSize(item.size));
83 | $size.show();
84 | } else {
85 | $size.hide();
86 | }
87 |
88 | if (item.isContentFetched) {
89 | const stats = item.getStats();
90 | $folders.text(stats.folders);
91 | $files.text(stats.files);
92 | $content.show();
93 | } else {
94 | $content.hide();
95 | }
96 |
97 | if (settings.qrcode) {
98 | const loc = global.window.location;
99 | $qrcode.clr().app(kjua({
100 | render: 'image',
101 | size: 200,
102 | fill: settings.qrFill,
103 | back: settings.qrBack,
104 | text: loc.protocol + '//' + loc.host + item.absHref,
105 | crisp: true,
106 | quiet: 1
107 | }));
108 | }
109 | };
110 |
111 | const onMouseenter = item => {
112 | update(item);
113 | };
114 |
115 | const onMouseleave = () => {
116 | update(currentFolder);
117 | };
118 |
119 | const onLocationChanged = item => {
120 | currentFolder = item;
121 | update(currentFolder);
122 | };
123 |
124 | const init = () => {
125 | if (!settings.enabled) {
126 | return;
127 | }
128 |
129 | const $info = dom(tpl).hide().appTo('#mainrow');
130 | $img = $info.find('.icon img');
131 | $label = $info.find('.label');
132 | $time = $info.find('.time');
133 | $size = $info.find('.size');
134 | $content = $info.find('.content');
135 | $folders = $info.find('.folders');
136 | $files = $info.find('.files');
137 | $qrcode = $info.find('.qrcode');
138 |
139 | if (!settings.qrcode) {
140 | $qrcode.rm();
141 | }
142 |
143 | dom(settingsTpl)
144 | .appTo('#sidebar')
145 | .find('#view-info')
146 | .on('click', ev => {
147 | store.put(storekey, !store.get(storekey));
148 | updateSettings();
149 | event.pub('resize');
150 | ev.preventDefault();
151 | });
152 |
153 | // ensure stored value is boolean, otherwise set default
154 | if (typeof store.get(storekey) !== 'boolean') {
155 | store.put(storekey, settings.show);
156 | }
157 | updateSettings();
158 |
159 | event.sub('location.changed', onLocationChanged);
160 | event.sub('item.mouseenter', onMouseenter);
161 | event.sub('item.mouseleave', onMouseleave);
162 | };
163 |
164 |
165 | init();
166 |
--------------------------------------------------------------------------------
/src/_h5ai/public/images/themes/comity/ar-deb.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
Info
33 |
34 | })
35 |
36 |