mirror of
https://github.com/lrsjng/h5ai.git
synced 2024-09-19 20:28:47 -04:00
Clean code.
This commit is contained in:
parent
c7fdfc27a1
commit
2008d0755c
8 changed files with 70 additions and 68 deletions
|
@ -16,9 +16,9 @@
|
|||
"devDependencies": {
|
||||
"babel-loader": "6.2.4",
|
||||
"babel-preset-es2015": "6.9.0",
|
||||
"eslint": "3.0.0",
|
||||
"ghu": "0.6.0",
|
||||
"scar": "0.11.0"
|
||||
"eslint": "3.0.1",
|
||||
"ghu": "0.7.0",
|
||||
"scar": "0.13.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6.0.0"
|
||||
|
|
5
src/_h5ai/public/js/lib/ext/preview/index.js
Normal file
5
src/_h5ai/public/js/lib/ext/preview/index.js
Normal file
|
@ -0,0 +1,5 @@
|
|||
require('./preview');
|
||||
require('./preview-aud');
|
||||
require('./preview-img');
|
||||
require('./preview-txt');
|
||||
require('./preview-vid');
|
|
@ -1,8 +1,8 @@
|
|||
const {each, includes, compact, dom} = require('../util');
|
||||
const {win} = require('../globals');
|
||||
const event = require('../core/event');
|
||||
const format = require('../core/format');
|
||||
const allsettings = require('../core/settings');
|
||||
const {each, includes, compact, dom} = require('../../util');
|
||||
const {win} = require('../../globals');
|
||||
const event = require('../../core/event');
|
||||
const format = require('../../core/format');
|
||||
const allsettings = require('../../core/settings');
|
||||
const preview = require('./preview');
|
||||
|
||||
const settings = Object.assign({
|
||||
|
@ -18,62 +18,63 @@ const preloadAudio = (src, callback) => {
|
|||
.attr('src', src);
|
||||
};
|
||||
|
||||
const onAdjustSize = () => {
|
||||
const $audio = dom('#pv-aud-audio');
|
||||
if (!$audio.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
const elContent = dom('#pv-content')[0];
|
||||
const contentW = elContent.offsetWidth;
|
||||
const contentH = elContent.offsetHeight;
|
||||
const audioW = $audio[0].offsetWidth;
|
||||
const audioH = $audio[0].offsetHeight;
|
||||
|
||||
$audio.css({
|
||||
left: (contentW - audioW) * 0.5 + 'px',
|
||||
top: (contentH - audioH) * 0.5 + 'px'
|
||||
});
|
||||
};
|
||||
|
||||
const onEnter = (items, idx) => {
|
||||
const currentItems = items;
|
||||
let currentIdx = idx;
|
||||
let currentItem = items[idx];
|
||||
let spinnerTimeout;
|
||||
|
||||
const onAdjustSize = () => {
|
||||
const $content = dom('#pv-content');
|
||||
const $audio = dom('#pv-aud-audio');
|
||||
const updateMeta = () => {
|
||||
preview.setLabels([
|
||||
currentItem.label,
|
||||
format.formatDate(dom('#pv-aud-audio')[0].duration * 1000, 'm:ss')
|
||||
]);
|
||||
|
||||
if ($audio.length) {
|
||||
const contentW = $content[0].offsetWidth;
|
||||
const contentH = $content[0].offsetHeight;
|
||||
const audioW = $audio[0].offsetWidth;
|
||||
const audioH = $audio[0].offsetHeight;
|
||||
preview.setIndex(currentIdx + 1, currentItems.length);
|
||||
preview.setRawLink(currentItem.absHref);
|
||||
};
|
||||
|
||||
$audio.css({
|
||||
left: (contentW - audioW) * 0.5 + 'px',
|
||||
top: (contentH - audioH) * 0.5 + 'px'
|
||||
});
|
||||
const onReady = $preloadedContent => {
|
||||
win.clearTimeout(spinnerTimeout);
|
||||
preview.showSpinner(false);
|
||||
|
||||
preview.setLabels([
|
||||
currentItem.label,
|
||||
format.formatDate($audio[0].duration * 1000, 'm:ss')
|
||||
]);
|
||||
}
|
||||
dom('#pv-content')
|
||||
.hide()
|
||||
.clr()
|
||||
.app($preloadedContent.attr('id', 'pv-aud-audio'))
|
||||
.show();
|
||||
|
||||
updateMeta();
|
||||
onAdjustSize();
|
||||
};
|
||||
|
||||
const onIdxChange = rel => {
|
||||
currentIdx = (currentIdx + rel + currentItems.length) % currentItems.length;
|
||||
currentItem = currentItems[currentIdx];
|
||||
|
||||
const spinnerTimeout = win.setTimeout(() => preview.showSpinner(true), 200);
|
||||
spinnerTimeout = win.setTimeout(() => preview.showSpinner(true), 200);
|
||||
|
||||
if (dom('#pv-aud-audio').length) {
|
||||
dom('#pv-aud-audio')[0].pause();
|
||||
}
|
||||
|
||||
const updateMeta = () => {
|
||||
onAdjustSize();
|
||||
preview.setIndex(currentIdx + 1, currentItems.length);
|
||||
preview.setRawLink(currentItem.absHref);
|
||||
};
|
||||
|
||||
const swap = nuContent => {
|
||||
dom('#pv-content').clr().app(nuContent.attr('id', 'pv-aud-audio')).show();
|
||||
updateMeta();
|
||||
};
|
||||
|
||||
const onReady = $preloadedContent => {
|
||||
win.clearTimeout(spinnerTimeout);
|
||||
preview.showSpinner(false);
|
||||
|
||||
dom('#pv-content').hide();
|
||||
swap($preloadedContent);
|
||||
};
|
||||
|
||||
preloadAudio(currentItem.absHref, onReady);
|
||||
};
|
||||
|
|
@ -1,8 +1,8 @@
|
|||
const {each, includes, compact, dom} = require('../util');
|
||||
const {win} = require('../globals');
|
||||
const server = require('../server');
|
||||
const event = require('../core/event');
|
||||
const allsettings = require('../core/settings');
|
||||
const {each, includes, compact, dom} = require('../../util');
|
||||
const {win} = require('../../globals');
|
||||
const server = require('../../server');
|
||||
const event = require('../../core/event');
|
||||
const allsettings = require('../../core/settings');
|
||||
const preview = require('./preview');
|
||||
|
||||
const settings = Object.assign({
|
|
@ -1,7 +1,7 @@
|
|||
const {each, keys, includes, compact, dom} = require('../util');
|
||||
const {win, marked, prism} = require('../globals');
|
||||
const event = require('../core/event');
|
||||
const allsettings = require('../core/settings');
|
||||
const {each, keys, includes, compact, dom} = require('../../util');
|
||||
const {win, marked, prism} = require('../../globals');
|
||||
const event = require('../../core/event');
|
||||
const allsettings = require('../../core/settings');
|
||||
const preview = require('./preview');
|
||||
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
const {each, includes, compact, dom} = require('../util');
|
||||
const {win} = require('../globals');
|
||||
const event = require('../core/event');
|
||||
const allsettings = require('../core/settings');
|
||||
const {each, includes, compact, dom} = require('../../util');
|
||||
const {win} = require('../../globals');
|
||||
const event = require('../../core/event');
|
||||
const allsettings = require('../../core/settings');
|
||||
const preview = require('./preview');
|
||||
|
||||
const settings = Object.assign({
|
|
@ -1,8 +1,8 @@
|
|||
const {each, isFn, isNum, dom} = require('../util');
|
||||
const {win} = require('../globals');
|
||||
const resource = require('../core/resource');
|
||||
const allsettings = require('../core/settings');
|
||||
const store = require('../core/store');
|
||||
const {each, isFn, isNum, dom} = require('../../util');
|
||||
const {win} = require('../../globals');
|
||||
const resource = require('../../core/resource');
|
||||
const allsettings = require('../../core/settings');
|
||||
const store = require('../../core/store');
|
||||
|
||||
|
||||
const settings = Object.assign({
|
|
@ -13,10 +13,6 @@ require('../ext/info');
|
|||
require('../ext/l10n');
|
||||
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');
|
||||
|
|
Loading…
Reference in a new issue