Switch to ghu and eslint.

2025-05-25 20:44:53 -04:00 · 2015-11-18 17:27:16 +01:00 · 2015-11-18 17:27:16 +01:00 · 0c6143704a
commit 0c6143704a
parent 5d0770ca36
67 changed files with 192 additions and 307 deletions
--- a/src/_h5ai/public/js/lib/ext/preview-aud.js
+++ b/src/_h5ai/public/js/lib/ext/preview-aud.js
@ -0,0 +1,117 @@
+modulejs.define('ext/preview-audio', ['_', '$', 'core/event', 'core/format', 'core/settings', 'ext/preview'], function (_, $, event, format, allsettings, preview) {
+
+    var settings = _.extend({
+            enabled: false,
+            types: []
+        }, allsettings['preview-aud']);
+
+
+    function preloadAudio(src, callback) {
+
+        var $audio = $('<audio/>')
+                        .one('loadedmetadata', function () {
+
+                            callback($audio);
+                            // setTimeout(function () { callback($img); }, 1000); // for testing
+                        })
+                        .attr('autoplay', 'autoplay')
+                        .attr('controls', 'controls')
+                        .attr('src', src);
+    }
+
+    function onEnter(items, idx) {
+
+        var currentItems = items;
+        var currentIdx = idx;
+        var currentItem = items[idx];
+
+        function onAdjustSize() {
+
+            var $content = $('#pv-content');
+            var $audio = $('#pv-aud-audio');
+
+            if ($audio.length) {
+
+                $audio.css({
+                    left: String(($content.width() - $audio.width()) * 0.5) + 'px',
+                    top: String(($content.height() - $audio.height()) * 0.5) + 'px'
+                });
+
+                preview.setLabels([
+                    currentItem.label,
+                    format.formatDate($audio[0].duration * 1000, 'm:ss')
+                ]);
+            }
+        }
+
+        function onIdxChange(rel) {
+
+            currentIdx = (currentIdx + rel + currentItems.length) % currentItems.length;
+            currentItem = currentItems[currentIdx];
+
+            var spinnerTimeout = setTimeout(function () { preview.showSpinner(true); }, 200);
+
+            if ($('#pv-aud-audio').length) {
+                $('#pv-aud-audio')[0].pause();
+            }
+            preloadAudio(currentItem.absHref, function ($preloadedAudio) {
+
+                clearTimeout(spinnerTimeout);
+                preview.showSpinner(false);
+
+                $('#pv-content').fadeOut(100, function () {
+
+                    $('#pv-content').empty().append($preloadedAudio.attr('id', 'pv-aud-audio')).fadeIn(200);
+
+                    // small timeout, so $preloadedAudio is visible and therefore $preloadedAudio.width is available
+                    setTimeout(function () {
+                        onAdjustSize();
+
+                        preview.setIndex(currentIdx + 1, currentItems.length);
+                        preview.setRawLink(currentItem.absHref);
+                    }, 10);
+                });
+            });
+        }
+
+        onIdxChange(0);
+        preview.setOnIndexChange(onIdxChange);
+        preview.setOnAdjustSize(onAdjustSize);
+        preview.enter();
+    }
+
+    function initItem(item) {
+
+        if (item.$view && _.indexOf(settings.types, item.type) >= 0) {
+            item.$view.find('a').on('click', function (event) {
+
+                event.preventDefault();
+
+                var matchedEntries = _.compact(_.map($('#items .item'), function (item) {
+
+                    item = $(item).data('item');
+                    return _.indexOf(settings.types, item.type) >= 0 ? item : null;
+                }));
+
+                onEnter(matchedEntries, _.indexOf(matchedEntries, item));
+            });
+        }
+    }
+
+    function onViewChanged(added) {
+
+        _.each(added, initItem);
+    }
+
+    function init() {
+
+        if (!settings.enabled) {
+            return;
+        }
+
+        event.sub('view.changed', onViewChanged);
+    }
+
+
+    init();
+});