Restructure file base.

2025-05-24 03:57:08 -04:00 · 2015-05-12 16:08:20 +02:00 · 2015-05-12 16:08:20 +02:00 · ee241e7e3f
commit ee241e7e3f
parent 057a5f05a5
151 changed files with 88 additions and 86 deletions
--- a/src/_h5ai/public/js/inc/ext/info.js
+++ b/src/_h5ai/public/js/inc/ext/info.js
@ -0,0 +1,162 @@
+modulejs.define('ext/info', ['_', '$', 'modernizr', 'core/event', 'core/format', 'core/resource', 'core/settings', 'core/store'], function (_, $, modernizr, event, format, resource, allsettings, store) {
+
+    var settings = _.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;
+
+
+    function updateSettings() {
+
+        if (store.get(storekey)) {
+            $('#view-info').addClass('active');
+            $('#info').show();
+        } else {
+            $('#view-info').removeClass('active');
+            $('#info').hide();
+        }
+    }
+
+    function update(item) {
+
+        var src = item.thumbRational || item.icon;
+        var isThumb = Boolean(item.thumbRational);
+
+        if (item.isCurrentFolder() || !src) {
+            src = resource.icon('folder');
+        }
+
+        $img.attr('src', src);
+        if (isThumb) {
+            $img.addClass('thumb');
+        } else {
+            $img.removeClass('thumb');
+        }
+
+        $label.text(item.label);
+        if (_.isNumber(item.time)) {
+            $time.text(format.formatDate(item.time));
+        } else {
+            $time.text('.');
+        }
+
+        if (_.isNumber(item.size)) {
+            $size.text(format.formatSize(item.size));
+            $size.show();
+        } else {
+            $size.hide();
+        }
+
+        if (item.isContentFetched) {
+            var stats = item.getStats();
+            $folders.text(stats.folders);
+            $files.text(stats.files);
+            $content.show();
+        } else {
+            $content.hide();
+        }
+
+        if (settings.qrcode) {
+            $qrcode.empty().qrcode({
+                render: modernizr.canvas ? 'canvas' : 'div',
+                size: 200,
+                fill: settings.qrColor,
+                background: null,
+                text: window.location.protocol + '//' + window.location.host + item.absHref
+            });
+        }
+    }
+
+    function onMouseenter(item) {
+
+        update(item);
+    }
+
+    function onMouseleave() {
+
+        update(currentFolder);
+    }
+
+    function onLocationChanged(item) {
+
+        currentFolder = item;
+        update(currentFolder);
+    }
+
+    function init() {
+
+        if (!settings.enabled) {
+            return;
+        }
+
+        var $info = $(template).appendTo('#mainrow');
+        $img = $info.find('.icon img');
+        $label = $info.find('.label');
+        $time = $info.find('.time');
+        $size = $info.find('.size');
+        $content = $info.find('.content');
+        $folders = $info.find('.folders');
+        $files = $info.find('.files');
+        $qrcode = $info.find('.qrcode');
+
+        if (!settings.qrcode) {
+            $qrcode.remove();
+        }
+
+        $(settingsTemplate)
+            .appendTo('#sidebar')
+            .find('#view-info')
+            .on('click', function (ev) {
+
+                store.put(storekey, !store.get(storekey));
+                updateSettings();
+                ev.preventDefault();
+            });
+
+        // ensure stored value is boolean, otherwise set default
+        if (typeof (store.get(storekey)) !== 'boolean') {
+            store.put(storekey, settings.show);
+        }
+        updateSettings();
+
+        event.sub('location.changed', onLocationChanged);
+        event.sub('item.mouseenter', onMouseenter);
+        event.sub('item.mouseleave', onMouseleave);
+    }
+
+
+    init();
+});