3e82a001 · 3e82a001 · 3e82a001 · 3e82a001 · 3e82a001 · 3e82a001
--- a/js/img/sldr3v_bg.gif
+++ b/js/img/sldr3v_bg.gif
--- a/js/img/sldr3v_sl.gif
+++ b/js/img/sldr3v_sl.gif
--- a/js/img/sldr4h_bg.gif
+++ b/js/img/sldr4h_bg.gif
--- a/js/img/sldr4h_sl.gif
+++ b/js/img/sldr4h_sl.gif
--- a/js/img/sldr4v_bg.gif
+++ b/js/img/sldr4v_bg.gif
--- a/js/img/sldr4v_sl.gif
+++ b/js/img/sldr4v_sl.gif
--- a/js/img/sldr5h_bg.gif
+++ b/js/img/sldr5h_bg.gif
--- a/js/img/sldr5h_sl.gif
+++ b/js/img/sldr5h_sl.gif
--- a/js/img/sldr5v_bg.gif
+++ b/js/img/sldr5v_bg.gif
--- a/js/img/sldr5v_sl.gif
+++ b/js/img/sldr5v_sl.gif
--- a/js/img/tigra_slider.gif
+++ b/js/img/tigra_slider.gif
--- a/js/index.html
+++ b/js/index.html
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
-	<title>Simple Tigra Calendar</title>
-
-	<!-- link calendar resources -->
-	<link rel="stylesheet" type="text/css" href="tcal.css" />
-	<script type="text/javascript" src="tcal.js"></script> 
-</head>
-<body>
-	<form action="#">
-		<!-- add class="tcal" to your input field -->
-		<div><input type="text" name="date" class="tcal" value="" /></div>
-	</form>
-</body>
-</html>
--- a/js/index.js
+++ b/js/index.js
+import $ from 'jquery'
+import bootstrap from 'bootstrap'
+
+
+import sleek from './sleek';
+import chart from './chart';
+import dateRange from './date-range';
+import map from './map';
+import custom from './custom';
--- a/js/jquery.progressBarTimer.js
+++ b/js/jquery.progressBarTimer.js
+/*
+ * JQuery ProgressBarTimer - v 1.0
+ * A simple countdown timer using bootstrap 4 progress bar component.
+ *
+ *
+ * Requires: bootstrap >= 4, jquery >=3
+ * Made by Jacob malliaros
+ * Under MIT License
+ */
+
+; (function ($, window, document, undefined) {
+
+    var pluginName = 'progressBarTimer',
+        dataPlugin = "plugin_" + pluginName,
+        defaults = {
+            timeLimit: 60, //total number of seconds
+            warningThreshold: 5, //seconds remaining triggering switch to warning color
+            autoStart: false, // start the countdown automatically
+            onFinish: function() {}, //invoked once the timer expires
+            baseStyle: '', //bootstrap progress bar style at the beginning of the timer
+            warningStyle: 'bg-danger', //bootstrap progress bar style in the warning phase
+            smooth: false, // should the timer be smooth or stepping
+            completeStyle: 'bg-success', //bootstrap progress bar style at completion of timer
+            striped: false, //allow bootstrap striped progress bar
+            animated: false, //allow bootstrap animated progress bar (striped should also be on)
+            height: 20, //height of progress bar in pixels (0 is the default height)
+            label : {
+                show: false, //show label inside progress bar
+                type: 'percent' //type of label. Allowable types: 'percent' => 30% , 'seconds' => 23/60
+            }
+        };
+
+    function Plugin(element, options) {
+		this.element = element;
+		this._name = pluginName;
+		this.settings = $.extend({}, defaults, options);
+		this._defaults = defaults;
+		this._name = pluginName;
+		this.init();
+	}
+
+	$.extend(Plugin.prototype, {
+	    init: function () {
+	        $(this).empty();
+	        var barContainer = $("<div>").addClass("progress active progress-striped");
+	        var bar = $("<div>").addClass("progress-bar").addClass(this.settings.baseStyle)
+                .attr("role", "progressbar")
+                .attr("aria-valuenow", "0")
+                .attr("aria-valuemin", "0")
+                .attr("aria-valuemax", this.settings.timeLimit);
+            if(this.settings.animated) {
+                bar.addClass('progress-bar-striped');
+                bar.addClass('progress-bar-animated');
+            } else if(this.settings.striped) bar.addClass('progress-bar-striped');
+            if(this.settings.height) barContainer.height(this.settings.height);
+	        bar.appendTo(barContainer);
+            barContainer.appendTo(this.element);
+
+
+            if (this.settings.smooth) {
+                this.timerInterval = 20;
+                this.ticks = this.settings.timeLimit * 50;
+            } else {
+                this.timerInterval = 1000;
+                this.ticks = this.settings.timeLimit;
+            }
+	        this.remainingTicks = this.ticks;
+
+	        if (this.settings.autoStart===true) this.start();
+
+			this.bindEvents();
+		},
+		destroy: function () {
+		    this.unbindEvents();
+			this.element.removeData();
+		},
+		bindEvents: function () {
+			var plugin = this;
+		},
+		unbindEvents: function () {
+			this.element.off('.' + this._name);
+		},
+		start: function () {
+            this.interval = setInterval(jQuery.proxy(this._draw, this), this.timerInterval);
+        },
+        stop: function (callBack) {
+            clearInterval(this.interval);
+		    if (callBack) { callBack(); }
+		},
+        getElapsedTime: function () {
+            return (this.ticks - this.remainingTicks) * this.timerInterval;
+        },
+        getTimeRemaining: function() {
+            return this.remainingTicks * this.timerInterval;
+        },
+        addSeconds: function (seconds) {
+            var added = this.setings.smooth ? seconds * 20 : seconds;
+            this.ticks += added;
+            this.remainingTicks += added;
+        },
+        _draw: function () {
+            var bar = $(this.element).find('.progress-bar');
+            var elapsedTicks = this.ticks - this.remainingTicks;
+            var percent = ((elapsedTicks / this.ticks) * 100);
+            bar.width(percent + "%");
+            if(this.settings.label && this.settings.label.show===true) {
+                if(this.settings.label.type=='percent') {
+                    bar.html(Math.round(percent) + "%");
+                } else {
+                    if(this.settings.smooth===true) {
+                        bar.html(Math.round(elapsedTicks/50) + "/" + Math.round(this.ticks/50) );
+                    } else {
+                        bar.html(elapsedTicks + "/" + this.ticks );
+                    }
+                }
+            }
+
+            if (this.remainingTicks-- === 0) {
+                this.stop();
+
+                bar.removeClass(this.settings.baseStyle)
+                    .removeClass(this.settings.warningStyle)
+                    .addClass(this.settings.completeStyle);
+
+                this.settings.onFinish();
+            }
+        }
+	});
+
+	$.fn.progressBarTimer = function (options) {
+	    var plugin;
+	    this.each(function () {
+	        plugin = $.data(this, "plugin_" + pluginName);
+	        if (!plugin) {
+	            plugin = new Plugin(this, options);
+
+				$.data( this, "plugin_" + pluginName, plugin );
+			}
+	    });
+	    return plugin;
+	};
+
+
+})(jQuery, window, document);
--- a/js/jquery.progressBarTimer.min.js
+++ b/js/jquery.progressBarTimer.min.js
+(function(t,i,s,e){function n(i,s){this.element=i,this._name=a,this.settings=t.extend({},r,s),this._defaults=r,this._name=a,this.init()}var a="progressBarTimer",r={timeLimit:60,warningThreshold:5,autoStart:!0,onFinish:function(){},baseStyle:"",warningStyle:"bg-danger",smooth:!1,completeStyle:"bg-success"};t.extend(n.prototype,{init:function(){t(this).empty();var i=t("<div>").addClass("progress active progress-striped"),s=t("<div>").addClass("progress-bar").addClass(this.settings.baseStyle).attr("role","progressbar").attr("aria-valuenow","0").attr("aria-valuemin","0").attr("aria-valuemax",this.settings.timeLimit);s.appendTo(i),i.appendTo(this.element),this.settings.smooth?(this.timerInterval=20,this.ticks=50*this.settings.timeLimit):(this.timerInterval=1e3,this.ticks=this.settings.timeLimit),this.remainingTicks=this.ticks,this.settings.autoStart&&this.start(),this.bindEvents()},destroy:function(){this.unbindEvents(),this.element.removeData()},bindEvents:function(){},unbindEvents:function(){this.element.off("."+this._name)},start:function(){this.interval=setInterval(jQuery.proxy(this._draw,this),this.timerInterval)},stop:function(t){clearInterval(this.interval),t&&t()},getElapsedTime:function(){return(this.ticks-this.remainingTicks)*this.timerInterval},getTimeRemaining:function(){return this.remainingTicks*this.timerInterval},addSeconds:function(t){var i=this.setings.smooth?20*t:t;this.ticks+=i,this.remainingTicks+=i},_draw:function(){var i=t(this.element).find(".progress-bar"),s=this.ticks-this.remainingTicks;i.width(s/this.ticks*100+"%"),0===this.remainingTicks--&&(this.stop(),i.removeClass(this.settings.baseStyle).removeClass(this.settings.warningStyle).addClass(this.settings.completeStyle),this.settings.onFinish())}}),t.fn.progressBarTimer=function(i){var s;return this.each(function(){s=t.data(this,"plugin_"+a),s||(s=new n(this,i),t.data(this,"plugin_"+a,s))}),s}})(jQuery,window,document);
\ No newline at end of file
--- a/js/kredit.js
+++ b/js/kredit.js
-function toggleNode(node)
-      {
-        var nodeArray = node.childNodes;
-        for(i=0; i < nodeArray.length; i++)
-       {
-         node = nodeArray[i];
-         if (node.tagName && node.tagName.toLowerCase() == 'div')
-           node.style.display = (node.style.display == 'block') ? 'none' : 'block';
-       }
-     }
\ No newline at end of file
--- a/js/left.png
+++ b/js/left.png
--- a/js/leftDisabled.png
+++ b/js/leftDisabled.png
--- a/js/loader.gif
+++ b/js/loader.gif
--- a/js/map.js
+++ b/js/map.js
+/* ====== Index ======
+
+1. BASIC MAP
+2. MAP WITH MARKER
+3. POLYGONAL MAP
+4. POLYLINE MAP
+5. MULTIPLE MARKER
+6. STYLED MAP
+
+====== End ======*/
+
+$(function() {
+  "use strict";
+
+  /*======== 1. BASIC MAP ========*/
+  function basicMap() {
+    var denver = new google.maps.LatLng(39.5501, -105.7821);
+    var map = new google.maps.Map(document.getElementById("basicMap"), {
+      zoom: 8,
+      center: denver
+    });
+  }
+
+  /*======== 2. MAP WITH MARKER ========*/
+  function markerMap() {
+    var colorado = new google.maps.LatLng(38.82505, -104.821752);
+    var map = new google.maps.Map(document.getElementById("mapMarker"), {
+      zoom: 8,
+      center: colorado
+    });
+
+    var contentString =
+      '<div id="content">' +
+      '<h4 id="infoTitle" class="info-title">Colorado</h4>' +
+      "</div>";
+
+    var infowindow = new google.maps.InfoWindow({
+      content: contentString
+    });
+    var marker = new google.maps.Marker({
+      position: colorado,
+      map: map
+    });
+    infowindow.open(map, marker);
+    marker.addListener("click", function() {
+      infowindow.open(map, marker);
+    });
+  }
+
+  /*======== 3. POLYGONAL MAP ========*/
+  function polyMap() {
+    var center = new google.maps.LatLng(37.347442, -91.242551);
+    var map = new google.maps.Map(document.getElementById("polygonalMap"), {
+      zoom: 5,
+      center: center,
+      mapTypeId: "terrain"
+    });
+
+    // Define the LatLng coordinates for the polygon's path.
+    var ractangleCoords = [
+      { lat: 39.086254, lng: -94.567509 },
+      { lat: 35.293261, lng: -97.210534 },
+      { lat: 36.058717, lng: -86.863566 },
+      { lat: 38.498833, lng: -90.133947 },
+      { lat: 39.086254, lng: -94.567509 }
+    ];
+
+    // Construct the polygon.
+    var kansasRact = new google.maps.Polygon({
+      paths: ractangleCoords,
+      strokeColor: "#4c84ff",
+      strokeOpacity: 0.8,
+      strokeWeight: 2,
+      fillColor: "#4c84ff",
+      fillOpacity: 0.35
+    });
+    kansasRact.setMap(map);
+  }
+
+  /*======== 4. POLYLINE MAP ========*/
+  function polylineMap() {
+    var center = new google.maps.LatLng(39.399273, -86.151248);
+    var map = new google.maps.Map(document.getElementById("polylineMap"), {
+      zoom: 5,
+      center: center,
+      mapTypeId: "terrain"
+    });
+
+    var flightPlanCoordinates = [
+      { lat: 39.08199, lng: -94.568882 },
+      { lat: 38.538338, lng: -90.220769 },
+      { lat: 39.399273, lng: -86.151248 },
+      { lat: 38.830073, lng: -77.098642 }
+    ];
+    var flightPath = new google.maps.Polyline({
+      path: flightPlanCoordinates,
+      geodesic: true,
+      strokeColor: "#4c84ff",
+      strokeOpacity: 1.0,
+      strokeWeight: 3
+    });
+
+    flightPath.setMap(map);
+  }
+
+  /*======== 5. MULTIPLE MARKER ========*/
+  function multiMarkerMap() {
+    var locations = [
+      ["Bondi Beach", -33.890542, 151.274856, 4],
+      ["Coogee Beach", -33.923036, 151.259052, 5],
+      ["Cronulla Beach", -34.028249, 151.157507, 3],
+      ["Manly Beach", -33.80010128657071, 151.28747820854187, 2],
+      ["Maroubra Beach", -33.950198, 151.259302, 1]
+    ];
+
+    var center = new google.maps.LatLng(-33.92, 151.25);
+    var map = new google.maps.Map(document.getElementById("multiMarkerMap"), {
+      zoom: 10,
+      center: center,
+      mapTypeId: google.maps.MapTypeId.ROADMAP
+    });
+
+    var infowindow = new google.maps.InfoWindow();
+
+    var marker, i;
+
+    for (i = 0; i < locations.length; i++) {
+      marker = new google.maps.Marker({
+        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
+        map: map
+      });
+
+      google.maps.event.addListener(
+        marker,
+        "click",
+        (function(marker, i) {
+          return function() {
+            infowindow.setContent(locations[i][0]);
+            infowindow.open(map, marker);
+          };
+        })(marker, i)
+      );
+    }
+  }
+
+  /*======== 6. STYLED MAP ========*/
+  function styleMap() {
+    var style = [
+      {
+        stylers: [
+          {
+            hue: "#2c3e50"
+          },
+          {
+            saturation: 250
+          }
+        ]
+      },
+      {
+        featureType: "road",
+        elementType: "geometry",
+        stylers: [
+          {
+            lightness: 50
+          },
+          {
+            visibility: "simplified"
+          }
+        ]
+      },
+      {
+        featureType: "road",
+        elementType: "labels",
+        stylers: [
+          {
+            visibility: "off"
+          }
+        ]
+      }
+    ];
+
+    var dakota = new google.maps.LatLng(44.3341, -100.305);
+    var map = new google.maps.Map(document.getElementById("styleMap"), {
+      zoom: 7,
+      center: dakota,
+      mapTypeId: "roadmap",
+      styles: style
+    });
+  }
+
+  if (document.getElementById("google-map")) {
+    google.maps.event.addDomListener(window, "load", basicMap);
+
+    google.maps.event.addDomListener(window, "load", markerMap);
+
+    google.maps.event.addDomListener(window, "load", polyMap);
+
+    google.maps.event.addDomListener(window, "load", polylineMap);
+
+    google.maps.event.addDomListener(window, "load", multiMarkerMap);
+
+    google.maps.event.addDomListener(window, "load", styleMap);
+  }
+});
No results found