equation-admin-template
Version:
Booststrap 4 admin template made by equation
529 lines (506 loc) • 10.6 kB
JavaScript
// weather script
var icons = new Skycons({"color": "#1a73e9"}),
list = ["clear-day"],
i;
for(i = list.length; i--; )
icons.set(list[i], list[i]);
icons.play();
var icons = new Skycons({"color": "#1a73e9"}),
list = ["clear-night", "partly-cloudy-day","partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind","fog"],
i;
for(i = list.length; i--; )
icons.set(list[i], list[i]);
icons.play();
// Calender script
$('.calendar').pignoseCalendar();
/* Define SVG path for target icon */
var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
/* Create the map */
var map = AmCharts.makeChart( "total-visits", {
"type": "map",
"projection": "winkel3",
"theme": "light",
"imagesSettings": {
"rollOverColor": "#1a73e9",
"rollOverScale": 3,
"selectedScale": 3,
"selectedColor": "#1a73e9",
"color": "#1a73e9"
},
"areasSettings": {
"unlistedAreasColor": "#acb0c3",
"outlineThickness": 0.1
},
"dataProvider": {
"map": "worldLow",
"images": [ {
"svgPath": targetSVG,
"zoomLevel": 5,
"scale": 0.5,
"title": "London",
"latitude": 51.5002,
"longitude": -0.1262
}, {
"svgPath": targetSVG,
"zoomLevel": 5,
"scale": 0.5,
"title": "Paris",
"latitude": 48.8567,
"longitude": 2.3510
}, {
"svgPath": targetSVG,
"zoomLevel": 5,
"scale": 0.5,
"title": "Tokyo",
"latitude": 35.6785,
"longitude": 139.6823
}, {
"svgPath": targetSVG,
"zoomLevel": 5,
"scale": 0.5,
"title": "Moscow",
"latitude": 55.7558,
"longitude": 37.6176
}, {
"svgPath": targetSVG,
"zoomLevel": 5,
"scale": 0.5,
"title": "Washington D.C.",
"latitude": 38.8921,
"longitude": -77.0241
}]
}
});
/* Line Chart #1 */
AmCharts.makeChart( "linec1", {
"type": "serial",
"addClassNames": true,
"dataProvider": [ {
"day": 1,
"value": 122
}, {
"day": 2,
"value": 124
}, {
"day": 3,
"value": 118
}, {
"day": 4,
"value": 122
}, {
"day": 5,
"value": 121
}, {
"day": 6,
"value": 123
}, {
"day": 7,
"value": 127
}, {
"day": 8,
"value": 113
}, {
"day": 9,
"value": 120,
"bullet": "round"
}, {
"day": 10,
"value": 125,
}, {
"day": 11,
"value": 125,
} ],
"categoryField": "day",
"autoMargins": false,
"marginLeft": 0,
"marginRight": 5,
"marginTop": 0,
"marginBottom": 0,
"graphs": [ {
"valueField": "value",
"bulletField": "bullet",
"lineThickness": 2,
"showBalloon": false,
"lineColor": "#1a73e9"
} ],
"valueAxes": [ {
"gridAlpha": 0,
"axisAlpha": 0
} ],
"defs": {
"filter": {
"id": "dropshadowline1",
"x": "-5%",
"y": "-5%",
"width": "120%",
"height": "120%",
"feOffset": {
"result": "offOut",
"in": "SourceGraphic",
"dx": "2",
"dy": "2"
},
"feColorMatrix": {
"result": "matrix",
"values": "0.17 0 0 0 0 0 0.2 0 0 0 0 0 0.77 0 0 0 0 0 1 0"
},
"feGaussianBlur": {
"result": "blurOut",
"in": "offOut",
"stdDeviation": "3"
},
"feBlend": {
"in": "SourceGraphic",
"in2": "blurOut",
"mode": "normal"
}
}
},
"categoryAxis": {
"gridAlpha": 0,
"axisAlpha": 0,
"startOnAxis": true
}
} );
/* Line Chart #2 */
AmCharts.makeChart( "linec2", {
"type": "serial",
"addClassNames": true,
"dataProvider": [ {
"day": 1,
"value": 120
}, {
"day": 2,
"value": 124
}, {
"day": 3,
"value": 125,
}, {
"day": 4,
"value": 122
}, {
"day": 5,
"value": 121
}, {
"day": 6,
"value": 123
}, {
"day": 7,
"value": 118
}, {
"day": 8,
"value": 127
}, {
"day": 9,
"value": 122,
"bullet": "round"
}, {
"day": 10,
"value": 113
}, {
"day": 11,
"value": 113
} ],
"categoryField": "day",
"autoMargins": false,
"marginLeft": 0,
"marginRight": 5,
"marginTop": 0,
"marginBottom": 0,
"graphs": [ {
"valueField": "value",
"bulletField": "bullet",
"lineThickness": 2,
"showBalloon": false,
"lineColor": "#00b1f4"
} ],
"valueAxes": [ {
"gridAlpha": 0,
"axisAlpha": 0
} ],
"defs": {
"filter": {
"id": "dropshadowline2",
"x": "-5%",
"y": "-5%",
"width": "120%",
"height": "120%",
"feOffset": {
"result": "offOut",
"in": "SourceGraphic",
"dx": "2",
"dy": "2"
},
"feColorMatrix": {
"result": "matrix",
"values": "0.17 0 0 0 0 0 0.2 0 0 0 0 0 0.77 0 0 0 0 0 1 0"
},
"feGaussianBlur": {
"result": "blurOut",
"in": "offOut",
"stdDeviation": "3"
},
"feBlend": {
"in": "SourceGraphic",
"in2": "blurOut",
"mode": "normal"
}
}
},
"categoryAxis": {
"gridAlpha": 0,
"axisAlpha": 0,
"startOnAxis": true
}
} );
/* Line Chart #3 */
AmCharts.makeChart( "linec3", {
"type": "serial",
"addClassNames": true,
"dataProvider": [ {
"day": 1,
"value": 124
}, {
"day": 2,
"value": 120
}, {
"day": 3,
"value": 122
}, {
"day": 4,
"value": 118
}, {
"day": 5,
"value": 121
}, {
"day": 6,
"value": 123
}, {
"day": 7,
"value": 122
}, {
"day": 8,
"value": 113
}, {
"day": 9,
"value": 127,
"bullet": "round"
}, {
"day": 10,
"value": 125
}, {
"day": 11,
"value": 125
} ],
"categoryField": "day",
"autoMargins": false,
"marginLeft": 0,
"marginRight": 5,
"marginTop": 0,
"marginBottom": 0,
"graphs": [ {
"valueField": "value",
"bulletField": "bullet",
"lineThickness": 2,
"showBalloon": false,
"lineColor": "#1d73e9"
} ],
"valueAxes": [ {
"gridAlpha": 0,
"axisAlpha": 0
} ],
"defs": {
"filter": {
"id": "dropshadowline3",
"x": "-5%",
"y": "-5%",
"width": "120%",
"height": "120%",
"feOffset": {
"result": "offOut",
"in": "SourceGraphic",
"dx": "2",
"dy": "2"
},
"feColorMatrix": {
"result": "matrix",
"values": "0.17 0 0 0 0 0 0.2 0 0 0 0 0 0.77 0 0 0 0 0 1 0"
},
"feGaussianBlur": {
"result": "blurOut",
"in": "offOut",
"stdDeviation": "3"
},
"feBlend": {
"in": "SourceGraphic",
"in2": "blurOut",
"mode": "normal"
}
}
},
"categoryAxis": {
"gridAlpha": 0,
"axisAlpha": 0,
"startOnAxis": true
}
} );
/* Line Chart #4 */
AmCharts.makeChart( "linec4", {
"type": "serial",
"addClassNames": true,
"dataProvider": [ {
"day": 1,
"value": 122
}, {
"day": 2,
"value": 120
}, {
"day": 3,
"value": 119
}, {
"day": 4,
"value": 125
}, {
"day": 5,
"value": 113
}, {
"day": 6,
"value": 118
}, {
"day": 7,
"value": 120
}, {
"day": 8,
"value": 118
}, {
"day": 9,
"value": 123,
"bullet": "round"
}, {
"day": 10,
"value": 120
}, {
"day": 10,
"value": 118
} ],
"categoryField": "day",
"autoMargins": false,
"marginLeft": 0,
"marginRight": 5,
"marginTop": 0,
"marginBottom": 0,
"graphs": [ {
"valueField": "value",
"bulletField": "bullet",
"lineThickness": 2,
"showBalloon": false,
"lineColor": "#00b1f4"
} ],
"valueAxes": [ {
"gridAlpha": 0,
"axisAlpha": 0
} ],
"defs": {
"filter": {
"id": "dropshadowline4",
"x": "-5%",
"y": "-5%",
"width": "120%",
"height": "120%",
"feOffset": {
"result": "offOut",
"in": "SourceGraphic",
"dx": "2",
"dy": "2"
},
"feColorMatrix": {
"result": "matrix",
"values": "0.17 0 0 0 0 0 0.2 0 0 0 0 0 0.77 0 0 0 0 0 1 0"
},
"feGaussianBlur": {
"result": "blurOut",
"in": "offOut",
"stdDeviation": "3"
},
"feBlend": {
"in": "SourceGraphic",
"in2": "blurOut",
"mode": "normal"
}
}
},
"categoryAxis": {
"gridAlpha": 0,
"axisAlpha": 0,
"startOnAxis": true
}
} );
var gaugeChart = AmCharts.makeChart("top-keyword", {
"type": "gauge",
"theme": "light",
"axes": [{
"axisAlpha": 0,
"tickAlpha": 0,
"labelsEnabled": false,
"startValue": 0,
"endValue": 100,
"startAngle": 0,
"endAngle": 270,
"bands": [{
"color": "#eee",
"startValue": 0,
"endValue": 100,
"radius": "100%",
"innerRadius": "85%"
}, {
"color": "#4f5163",
"startValue": 0,
"endValue": 80,
"radius": "100%",
"innerRadius": "85%",
"balloonText": "90%"
}, {
"color": "#eee",
"startValue": 0,
"endValue": 100,
"radius": "80%",
"innerRadius": "65%"
}, {
"color": "#1a73e9",
"startValue": 0,
"endValue": 35,
"radius": "80%",
"innerRadius": "65%",
"balloonText": "35%"
}, {
"color": "#eee",
"startValue": 0,
"endValue": 100,
"radius": "60%",
"innerRadius": "45%"
}, {
"color": "#c2d5ff",
"startValue": 0,
"endValue": 92,
"radius": "60%",
"innerRadius": "45%",
"balloonText": "92%"
}, {
"color": "#eee",
"startValue": 0,
"endValue": 100,
"radius": "40%",
"innerRadius": "25%"
}, {
"color": "#3232b7",
"startValue": 0,
"endValue": 68,
"radius": "40%",
"innerRadius": "25%",
"balloonText": "68%"
}]
}],
"export": {
"enabled": true
}
});