inital theme copy

2023-06-18 14:32:03 +00:00
parent f68822f9a6
commit ad070ce2e6
40 changed files with 5764 additions and 0 deletions
@@ -0,0 +1,134 @@
+/**
+ * Pico's Default Theme - JavaScript helper
+ *
+ * Pico is a stupidly simple, blazing fast, flat file CMS.
+ *
+ * @author  Daniel Rudolf
+ * @link    http://picocms.org
+ * @license http://opensource.org/licenses/MIT The MIT License
+ * @version 2.1
+ */
+
+utils = {};
+
+/**
+ * Checks whether the client's browser is able to slide elements or not
+ *
+ * @return {bool} TRUE when the browser supports sliding, FALSE otherwise
+ */
+utils.canSlide = function ()
+{
+    return (Modernizr.classlist && Modernizr.requestanimationframe && Modernizr.csstransitions);
+};
+
+/**
+ * Slides a element up (i.e. hide a element by changing its height to 0px)
+ *
+ * @param {HTMLElement} element        the element to slide up
+ * @param {function}    finishCallback function to call when the animation has
+ *     been finished (i.e. the element is hidden)
+ * @param {function}    startCallback  function to call when the animation starts
+ */
+utils.slideUp = function (element, finishCallback, startCallback)
+{
+    if (!utils.canSlide()) {
+        if (startCallback) startCallback();
+        element.className += (element.className !== '') ? ' hidden' : 'hidden';
+        if (finishCallback) window.setTimeout(finishCallback, 16);
+        return;
+    }
+
+    element.style.height = element.clientHeight + 'px';
+
+    var slideId = parseInt(element.getAttribute('data-slide-id')) || 0;
+    element.setAttribute('data-slide-id', ++slideId);
+
+    window.requestAnimationFrame(function () {
+        element.classList.add('slide');
+
+        window.requestAnimationFrame(function () {
+            element.style.height = '0px';
+
+            if (startCallback) {
+                startCallback();
+            }
+
+            window.setTimeout(function () {
+                if (parseInt(element.getAttribute('data-slide-id')) !== slideId) return;
+
+                element.classList.add('hidden');
+                element.classList.remove('slide');
+                element.style.height = null;
+
+                if (finishCallback) {
+                    window.requestAnimationFrame(finishCallback);
+                }
+            }, 500);
+        });
+    });
+};
+
+/**
+ * Slides a element down (i.e. show a hidden element)
+ *
+ * @param {HTMLElement} element        the element to slide down
+ * @param {function}    finishCallback function to call when the animation has
+ *     been finished (i.e. the element is visible)
+ * @param {function}    startCallback  function to call when the animation starts
+ */
+utils.slideDown = function (element, finishCallback, startCallback)
+{
+    if (!utils.canSlide()) {
+        if (startCallback) startCallback();
+        element.className = element.className.replace(/\bhidden\b */g, '');
+        if (finishCallback) window.setTimeout(finishCallback, 16);
+        return;
+    }
+
+    var cssRuleOriginalValue = element.clientHeight + 'px',
+        slideId = parseInt(element.getAttribute('data-slide-id')) || 0;
+
+    element.setAttribute('data-slide-id', ++slideId);
+
+    element.style.height = null;
+    element.classList.remove('hidden');
+    element.classList.remove('slide');
+    var cssRuleValue = element.clientHeight + 'px';
+
+    element.style.height = cssRuleOriginalValue;
+
+    window.requestAnimationFrame(function () {
+        element.classList.add('slide');
+
+        window.requestAnimationFrame(function () {
+            element.style.height = cssRuleValue;
+
+            if (startCallback) {
+                startCallback();
+            }
+
+            window.setTimeout(function () {
+                if (parseInt(element.getAttribute('data-slide-id')) !== slideId) return;
+
+                element.classList.remove('slide');
+                element.style.height = null;
+
+                if (finishCallback) {
+                    window.requestAnimationFrame(finishCallback);
+                }
+            }, 500);
+        });
+    });
+};
+
+/**
+ * Checks whether a element is visible or not
+ *
+ * @param {HTMLElement} element the element to check
+ *
+ * @return {bool} TRUE when the element is visible, FALSE otherwise
+ */
+utils.isElementVisible = function (element)
+{
+    return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);
+};