first website push

assets/vendors/language-switcher/jquery.polyglot.language.switcher.js

@@ -0,0 +1,393 @@
+// JavaScript Document
+
+
+/* ---------------------------------------------------------------------- */
+/* "Polyglot" Language Switcher
+ /* ----------------------------------------------------------------------
+ Version: 2.2
+ Author: Ixtendo
+ Author URI: http://www.ixtendo.com
+ License: MIT License
+ License URI: http://www.opensource.org/licenses/mit-license.php
+ ------------------------------------------------------------------------- */
+
+/**
+ * jquery.timer.js
+ *
+ * Copyright (c) 2011 Jason Chavannes <jason.chavannes@gmail.com>
+ *
+ * http://jchavannes.com/jquery-timer
+ *
+ * Permission is hereby granted, free of charge, to any person
+ * obtaining a copy of this software and associated documentation
+ * files (the "Software"), to deal in the Software without
+ * restriction, including without limitation the rights to use, copy,
+ * modify, merge, publish, distribute, sublicense, and/or sell copies
+ * of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
+ * BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
+ * ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+(function ($) {
+
+    //jquery.timer.js
+    $.timer = function(func, time, autostart) {
+        this.set = function(func, time, autostart) {
+            this.init = true;
+            if(typeof func == 'object') {
+                var paramList = ['autostart', 'time'];
+                for(var arg in paramList) {if(func[paramList[arg]] != undefined) {eval(paramList[arg] + " = func[paramList[arg]]");}};
+                func = func.action;
+            }
+            if(typeof func == 'function') {this.action = func;}
+            if(!isNaN(time)) {this.intervalTime = time;}
+            if(autostart && !this.active) {
+                this.active = true;
+                this.setTimer();
+            }
+            return this;
+        };
+        this.once = function(time) {
+            var timer = this;
+            if(isNaN(time)) {time = 0;}
+            window.setTimeout(function() {timer.action();}, time);
+            return this;
+        };
+        this.play = function(reset) {
+            if(!this.active) {
+                if(reset) {this.setTimer();}
+                else {this.setTimer(this.remaining);}
+                this.active = true;
+            }
+            return this;
+        };
+        this.pause = function() {
+            if(this.active) {
+                this.active = false;
+                this.remaining -= new Date() - this.last;
+                this.clearTimer();
+            }
+            return this;
+        };
+        this.stop = function() {
+            this.active = false;
+            this.remaining = this.intervalTime;
+            this.clearTimer();
+            return this;
+        };
+        this.toggle = function(reset) {
+            if(this.active) {this.pause();}
+            else if(reset) {this.play(true);}
+            else {this.play();}
+            return this;
+        };
+        this.reset = function() {
+            this.active = false;
+            this.play(true);
+            return this;
+        };
+        this.clearTimer = function() {
+            window.clearTimeout(this.timeoutObject);
+        };
+        this.setTimer = function(time) {
+            var timer = this;
+            if(typeof this.action != 'function') {return;}
+            if(isNaN(time)) {time = this.intervalTime;}
+            this.remaining = time;
+            this.last = new Date();
+            this.clearTimer();
+            this.timeoutObject = window.setTimeout(function() {timer.go();}, time);
+        };
+        this.go = function() {
+            if(this.active) {
+                this.action();
+                this.setTimer();
+            }
+        };
+
+        if(this.init) {
+            return new $.timer(func, time, autostart);
+        } else {
+            this.set(func, time, autostart);
+            return this;
+        }
+    };
+
+    $.fn.polyglotLanguageSwitcher = function (op) {
+
+        var ls = $.fn.polyglotLanguageSwitcher;
+
+        var rootElement = $(this);
+        var rootElementId = $(this).attr('id');
+        var aElement;
+        var ulElement = $("<ul class=\"dropdown\">");
+        var length = 0;
+        var isOpen = false;
+        var liElements = [];
+        var settings = $.extend({}, ls.defaults, op);
+        var closePopupTimer;
+        var isStaticWebSite = settings.websiteType == 'static';
+
+        init();
+        installListeners();
+
+        function triggerEvent(evt) {
+            if(settings[evt.name]){
+                settings[evt.name].call($(this), evt);
+            }
+        }
+
+        function open() {
+            if(!isOpen){
+                triggerEvent({name:'beforeOpen', element:rootElement, instance:ls});
+                aElement.addClass("active");
+                doAnimation(true);
+                setTimeout(function () {
+                    isOpen = true;
+                    triggerEvent({name:'afterOpen', element:rootElement, instance:ls});
+                }, 100);
+            }
+        }
+
+        function close() {
+            if(isOpen){
+                triggerEvent({name:'beforeClose', element:rootElement, instance:ls});
+                doAnimation(false);
+                aElement.removeClass("active");
+                isOpen = false;
+                if (closePopupTimer && closePopupTimer.active) {
+                    closePopupTimer.clearTimer();
+                }
+                triggerEvent({name:'afterClose', element:rootElement, instance:ls});
+            }
+        }
+
+        function suspendCloseAction() {
+            if (closePopupTimer && closePopupTimer.active) {
+                closePopupTimer.pause();
+            }
+        }
+
+        function resumeCloseAction() {
+            if (closePopupTimer) {
+                closePopupTimer.play(false);
+            }
+        }
+
+        function doAnimation(open) {
+            if (settings.effect == 'fade') {
+                if (open) {
+                    ulElement.fadeIn(settings.animSpeed);
+                } else {
+                    ulElement.fadeOut(settings.animSpeed);
+                }
+            } else {
+                if (open) {
+                    ulElement.slideDown(settings.animSpeed);
+                } else {
+                    ulElement.slideUp(settings.animSpeed);
+                }
+            }
+        }
+
+        function doAction(item) {
+            close();
+            var selectedAElement = $(item).children(":first-child");
+
+            var selectedId = $(selectedAElement).attr("id");
+            var selectedText = $(selectedAElement).text();
+
+            $(ulElement).children().each(function () {
+                $(this).detach();
+            });
+            for (var i = 0; i < liElements.length; i++) {
+                if ($(liElements[i]).children(":first-child").attr("id") != selectedId) {
+                    ulElement.append(liElements[i]);
+                }
+            }
+            var innerSpanElement = aElement.children(":first-child");
+            aElement.attr("id", selectedId);
+            aElement.text(selectedText);
+            aElement.append(innerSpanElement);
+        }
+
+        function installListeners() {
+            $(document).click(function () {
+                close();
+            });
+            $(document).keyup(function (e) {
+                if (e.which == 27) {
+                    close();
+                }
+            });
+            if (settings.openMode == 'hover') {
+                closePopupTimer = $.timer(function () {
+                    close();
+                });
+                closePopupTimer.set({ time:settings.hoverTimeout, autostart:true });
+            }
+        }
+
+        function init() {
+            var selectedItem;
+            var options = $("#" + rootElementId + " > form > select > option");
+            if (isStaticWebSite) {
+                var selectedId;
+                var url = window.location.href;
+                options.each(function(){
+                    var id = $(this).attr("id");
+                    if(url.indexOf('/'+id+'/')>=0){
+                        selectedId = id;
+                    }
+                });
+            }
+            options.each(function () {
+                var id = $(this).attr("id");
+                var selected;
+                if (isStaticWebSite) {
+                    selected = selectedId === id;
+                }else{
+                    selected = $(this).attr("selected")
+                }
+                var liElement = toLiElement($(this));
+                if (selected) {
+                    selectedItem = liElement;
+                }
+                liElements.push(liElement);
+                if (length > 0) {
+                    ulElement.append(liElement);
+                } else {
+                    aElement = $("<a id=\"" + $(this).attr("id") + "\" class=\"current\" href=\"#\">" + $(this).text() + " <span class=\"trigger\"></span></a>");
+                    if (settings.openMode == 'hover') {
+                        aElement.hover(function () {
+                            open();
+                            suspendCloseAction();
+                        }, function () {
+                            resumeCloseAction();
+                        });
+                    } else {
+                        aElement.click(
+                            function () {
+                                open();
+                            }
+                        );
+                    }
+                }
+                length++;
+            });
+            $("#" + rootElementId + " form:first-child").remove();
+            rootElement.append(aElement);
+            rootElement.append(ulElement);
+            if (selectedItem) {
+                doAction(selectedItem);
+            }
+        }
+
+        function toLiElement(option) {
+            var id = $(option).attr("id");
+            var value = $(option).attr("value");
+            var text = $(option).text();
+            var liElement;
+            if (isStaticWebSite) {
+                var url = window.location.href;
+                var page = url.substring(url.lastIndexOf("/")+1);
+                var urlPage = 'http://' + document.domain + '/' + settings.pagePrefix + id + '/' + page;
+                liElement = $("<li><a id=\"" + id + "\" href=\"" + urlPage + "\">" + text + "</a></li>");
+            } else {
+                var href = document.URL.replace('#', '');
+                var params = parseQueryString();
+                params[settings.paramName] = value;
+                if (href.indexOf('?') > 0) {
+                    href = href.substring(0, href.indexOf('?'));
+                }
+                href += toQueryString(params);
+                liElement = $("<li><a id=\"" + id + "\" href=\"" + href + "\">" + text + "</a></li>");
+            }
+            liElement.bind('click', function () {
+                triggerEvent({name:'onChange', selectedItem: $(this).children(":first").attr('id'), element:rootElement, instance:ls});
+                doAction($(this));
+            });
+            if (settings.openMode == 'hover') {
+                liElement.hover(function () {
+                    suspendCloseAction();
+                }, function () {
+                    resumeCloseAction();
+                });
+            }
+            return liElement;
+        }
+
+        function parseQueryString() {
+            var params = {};
+            var query = window.location.search.substr(1).split('&');
+            if (query.length > 0) {
+                for (var i = 0; i < query.length; ++i) {
+                    var p = query[i].split('=');
+                    if (p.length != 2) {
+                        continue;
+                    }
+                    params[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
+                }
+            }
+            return params;
+        }
+
+        function toQueryString(params) {
+            if (settings.testMode) {
+                return '#';
+            } else {
+                var queryString = '?';
+                var i = 0;
+                for (var param in params) {
+                    var x = '';
+                    if (i > 0) {
+                        x = '&';
+                    }
+                    queryString += x + param + "=" + params[param];
+                    i++;
+                }
+                return queryString;
+            }
+        }
+
+        ls.open = function () {
+            open();
+        };
+        ls.close = function () {
+            close();
+        };
+        triggerEvent({name:'afterLoad', element:rootElement, instance:ls});
+        return ls;
+    };
+
+    var ls = $.fn.polyglotLanguageSwitcher;
+    ls.defaults = {
+        openMode:'click',
+        hoverTimeout:1500,
+        animSpeed:200,
+        effect:'slide',
+        paramName:'lang',
+        pagePrefix:'',
+        websiteType:'dynamic',
+        testMode:false,
+        onChange:NaN,
+        afterLoad:NaN,
+        beforeOpen:NaN,
+        afterOpen:NaN,
+        beforeClose:NaN,
+        afterClose:NaN
+    };
+
+
+})(jQuery);

assets/vendors/language-switcher/polyglot-language-switcher.css

@@ -0,0 +1,149 @@
+@charset "utf-8";
+
+
+#polyglotLanguageSwitcher {}
+
+
+
+#polyglotLanguageSwitcher,
+#polyglotLanguageSwitcher * {
+	margin: 0;
+	padding: 0;
+	outline: none;
+}
+
+#polyglotLanguageSwitcher ul {
+	list-style: none;
+}
+
+#polyglotLanguageSwitcher {
+	color: #fff !importent;
+	line-height: normal;
+	position: relative;
+	/* sets the initial position for the drop-down menu */
+}
+
+#polyglotLanguageSwitcher form {
+	display: none;
+}
+
+/* ---------------------------------------------------------------------- */
+/* JS-created Code
+/* ---------------------------------------------------------------------- */
+#polyglotLanguageSwitcher a {
+	text-decoration: none;
+	display: block;
+	background-repeat: no-repeat;
+	background-position: 1px center;
+	font-size: 14px;
+	color: #888888;
+	padding: 5px 36px 5px;
+	transition: all 500ms ease;
+}
+
+
+#polyglotLanguageSwitcher a.current:link,
+#polyglotLanguageSwitcher a.current:visited,
+#polyglotLanguageSwitcher a.current:active {
+	position: relative;
+	/* sets the initial position for the trigger arrow */
+}
+
+
+
+#polyglotLanguageSwitcher a.active {
+	/* This style is applied as long as the drop-down menu is visible. */
+	border-bottom: none !important;
+	border-radius: 3px 3px 0 0 !important;
+}
+
+#polyglotLanguageSwitcher span.trigger {
+	display: block;
+	position: absolute;
+	top: 5px;
+	right: 45px;
+}
+
+#polyglotLanguageSwitcher span.trigger:before {
+	content: '\f107';
+	font-family: "Font Awesome 5 Free";
+	position: absolute;
+	color: #848484;
+	top: 3px;
+	right: -28px;
+	font-weight: 900;
+	font-size: 14px;
+}
+
+
+
+#polyglotLanguageSwitcher a.current:hover span.trigger,
+#polyglotLanguageSwitcher a.current:active span.trigger,
+#polyglotLanguageSwitcher a.active span.trigger {
+	background-position: left bottom !important;
+}
+
+/* Drop-Down Menu */
+
+#polyglotLanguageSwitcher ul.dropdown {
+	display: none;
+	position: absolute;
+	top: 40px;
+	left: 0;
+	border-top: none !important;
+	border-radius: 0 0 0px 0px;
+	z-index: 99999;
+	background: #151515;
+	border-top: 1px solid rgba(var(--govity-white-rgb), .10);
+}
+
+#polyglotLanguageSwitcher ul.dropdown li {
+	width: 120px;
+	padding: 6px 10px;
+	display: block;
+	border-top: 1px solid rgba(var(--govity-white-rgb), .10);
+	transition: all 0.2s ease-in-out;
+}
+
+#polyglotLanguageSwitcher ul.dropdown li a {
+	width: 100%;
+}
+
+.top_header #polyglotLanguageSwitcher ul.dropdown li:after {
+	display: none !important;
+
+}
+
+#polyglotLanguageSwitcher ul.dropdown li:first-child {
+	border: none;
+}
+
+#polyglotLanguageSwitcher ul.dropdown li:last-child {
+	border-radius: 0 0 3px 3px;
+}
+
+#polyglotLanguageSwitcher ul.dropdown li:hover a {
+	color: #ddd;
+}
+
+/* Flags */
+
+#en {
+	background-image: url("en.png");
+}
+
+#fr {
+	background-image: url("fr.png");
+}
+
+#de {
+	background-image: url("gr.png");
+}
+
+#it {
+	background-image: url("it.png");
+}
+
+#es {
+	background-image: url("es.png");
+}