/*========================================================================================= File Name: timeline.js Description: Checkbox & Radio buttons with icheck, bootstrap switch & switchery etc.. ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ==========================================================================================*/ // custom colors declaration var $primary = "#666ee8", $secondary = "#6B6F82", $success = "#1C9066", $info = "#1E9FF2", $warning = "#FF9149", $danger = "#FF4961"; var $themeColor = [$primary, $success, $info, $warning, $danger, $secondary]; (function(window, document, $) { "use strict"; // Checkbox & Radio 1 $(".icheck-task input").iCheck({ checkboxClass: "icheckbox_square-blue", radioClass: "iradio_square-blue" }); var mixedLineColumnAreaChart = { chart: { height: 350, type: "line", stacked: false }, stroke: { width: [0, 2, 5], curve: "smooth" }, plotOptions: { bar: { columnWidth: "50%" } }, colors: $themeColor, series: [ { name: "Facebook", type: "column", data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30] }, { name: "Vine", type: "area", data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43] }, { name: "Dribbble", type: "line", data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39] } ], fill: { opacity: [0.85, 0.25, 1], gradient: { inverseColors: false, shade: "light", type: "vertical", opacityFrom: 0.85, opacityTo: 0.55, stops: [0, 100, 100, 100] } }, labels: [ "01/01/2003", "02/01/2003", "03/01/2003", "04/01/2003", "05/01/2003", "06/01/2003", "07/01/2003", "08/01/2003", "09/01/2003", "10/01/2003", "11/01/2003" ], markers: { size: 0 }, xaxis: { type: "datetime" }, yaxis: { min: 0 }, tooltip: { shared: true, intersect: false, y: { formatter: function(y) { if (typeof y !== "undefined") { return y.toFixed(0) + " views"; } return y; } } }, legend: { labels: { useSeriesColors: true }, markers: { customHTML: [ function() { return ""; }, function() { return ""; }, function() { return ""; } ] } } }; // Initializing Mixed Line Column Area Chart var mixed_line_column_area_chart = new ApexCharts( document.querySelector("#stacked-column"), mixedLineColumnAreaChart ); mixed_line_column_area_chart.render(); var radarBasicChart = { chart: { height: 350, type: "radar" }, series: [ { name: "Series 1", data: [80, 50, 30, 40, 100, 20] } ], title: { text: "Basic Radar Chart" }, fill: { colors: $themeColor }, labels: ["January", "February", "March", "April", "May", "June"] }; // Initializing Radar Basic Chart var radar_basic_chart = new ApexCharts( document.querySelector("#non-ribbon-chord"), radarBasicChart ); radar_basic_chart.render(); })(window, document, jQuery); $(window).on("load", function() { // initialize the Dragable Marker map var mapsLeafletMarkerDragable = L.map("maps-leaflet-marker-dragable").setView( [48.861927, 2.349833], 12 ); var mapsLeafletMarkerLoc = L.marker([48.861927, 2.349833], { draggable: "true" }).addTo(mapsLeafletMarkerDragable); mapsLeafletMarkerLoc .bindPopup("I am at Paris!
Got more Chill!!!.") .openPopup(); L.tileLayer("https://{s}.tile.osm.org/{z}/{x}/{y}.png", { attribution: 'Map data © OpenStreetMap', maxZoom: 18 }).addTo(mapsLeafletMarkerDragable); });