Merge pull request #1 from EuskadiTech/v2-dev

updated

static/doublescroll.js

@@ -0,0 +1,83 @@
+/*
+ * @name DoubleScroll
+ * @desc displays scroll bar on top and on the bottom of the div
+ * @requires jQuery, jQueryUI
+ *
+ * @author Pawel Suwala - http://suwala.eu/
+ * @version 0.3 (12-03-2014)
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ */
+ 
+(function($){
+    $.widget("suwala.doubleScroll", {
+		options: {
+            contentElement: undefined, // Widest element, if not specified first child element will be used
+			topScrollBarMarkup: '<div class="suwala-doubleScroll-scroll-wrapper" style="height: 20px;"><div class="suwala-doubleScroll-scroll" style="height: 20px;"></div></div>',
+			topScrollBarInnerSelector: '.suwala-doubleScroll-scroll',			
+			scrollCss: {                
+				'overflow-x': 'scroll',
+				'overflow-y':'hidden'
+            },
+			contentCss: {
+				'overflow-x': 'scroll',
+				'overflow-y':'hidden'
+			}
+        },		
+        _create : function() {
+            var self = this;
+			var contentElement;
+
+            // add div that will act as an upper scroll
+			var topScrollBar = $($(self.options.topScrollBarMarkup));
+            self.element.before(topScrollBar);
+
+            // find the content element (should be the widest one)			
+            if (self.options.contentElement !== undefined && self.element.find(self.options.contentElement).length !== 0) {
+                contentElement = self.element.find(self.options.contentElement);
+            }
+            else {
+                contentElement = self.element.find('>:first-child');
+            }
+
+            // bind upper scroll to bottom scroll
+            topScrollBar.scroll(function(){
+                self.element.scrollLeft(topScrollBar.scrollLeft());
+            });
+			
+            // bind bottom scroll to upper scroll
+            self.element.scroll(function(){
+                topScrollBar.scrollLeft(self.element.scrollLeft());
+            });
+
+            // apply css
+            topScrollBar.css(self.options.scrollCss);
+            self.element.css(self.options.contentCss);
+
+            // set the width of the wrappers
+            $(self.options.topScrollBarInnerSelector, topScrollBar).width(contentElement[0].scrollWidth);
+            topScrollBar.width(self.element[0].clientWidth);
+        },
+        refresh: function(){
+            // this should be called if the content of the inner element changed.
+            // i.e. After AJAX data load
+            var self = this;
+			var contentElement;
+            var topScrollBar = self.element.parent().find('.suwala-doubleScroll-scroll-wrapper');
+
+            // find the content element (should be the widest one)
+            if (self.options.contentElement !== undefined && self.element.find(self.options.contentElement).length !== 0) {
+                contentElement = self.element.find(self.options.contentElement);
+            }
+            else {
+                contentElement = self.element.find('>:first-child');
+            }
+
+            // set the width of the wrappers
+            $(self.options.topScrollBarInnerSelector, topScrollBar).width(contentElement[0].scrollWidth);
+            topScrollBar.width(self.element[0].clientWidth);
+        }
+    });
+})(jQuery);

sw.js

@@ -1,4 +1,4 @@
-var cacheName = 'telesec_2025-05-28_2';
+var cacheName = 'telesec_2025-05-29_1';
 
 self.addEventListener('install', event => {
   event.waitUntil(
@@ -9,6 +9,7 @@ self.addEventListener('install', event => {
         "index.html",
         "manifest.json",
         "static/axe.js",
+        "static/doublescroll.js",
         "static/gun.js",
         "static/jquery.js",
         "static/load.js",