added admin interface

admin/template_assets/vendor/roundslider/custom.js

@@ -0,0 +1,58 @@
+$("#slider").roundSlider({
+    radius: 85,
+    sliderType: "default",
+    value: 40,    
+});
+
+$("#min_range").roundSlider({
+    radius: 85,
+    sliderType: "min-range",
+    value: 48
+});
+
+$("#r_range").roundSlider({
+    radius: 85,
+    sliderType: "range",
+    value: "10,49"
+});
+
+$("#startAngle").roundSlider({
+    startAngle: 90,
+    endAngle: "+225",
+    value: 45
+});
+
+$("#appearance1").roundSlider({
+    radius: 80,
+    width: 14,
+    handleSize: "24,12",
+    handleShape: "square",
+    sliderType: "min-range",
+    value: 40
+});
+
+$("#appearance2").roundSlider({
+    radius: 80,
+    width: 14,
+    handleSize: "+8",
+    handleShape: "dot",
+    sliderType: "min-range",
+    value: 80
+});
+
+$("#appearance3").roundSlider({
+    radius: 80,
+    width: 8,
+    handleSize: "+16",
+    handleShape: "dot",
+    sliderType: "min-range",
+    value: 47
+});
+
+$("#appearance4").roundSlider({
+    radius: 80,
+    width: 9,
+    handleSize: "+8",
+    sliderType: "min-range",
+    value: 40
+});

admin/template_assets/vendor/roundslider/roundslider.min.css

@@ -0,0 +1,2 @@
+/*! roundSlider v1.3.2 | (c) 2015-2018, Soundar | MIT license | http://roundsliderui.com/licence.html */
+.rs-ie,.rs-edge{-ms-touch-action:none;touch-action:none}.rs-control{position:relative;outline:0 none}.rs-container{position:relative}.rs-control *,.rs-control *:before,.rs-control *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rs-animation .rs-transition{-webkit-transition:all .5s linear 0s;-moz-transition:all .5s linear 0s;-o-transition:all .5s linear 0s;transition:all .5s linear 0s}.rs-bar{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.rs-control .rs-split .rs-path,.rs-control .rs-overlay1,.rs-control .rs-overlay2{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.rs-control .rs-overlay{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}.rs-rounded .rs-seperator,.rs-split .rs-path{-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.rs-control.rs-error{border:1px dotted;text-align:center}.rs-readonly{height:100%;width:100%;top:0;position:absolute;z-index:100}.rs-disabled{opacity:.35}.rs-inner-container{height:100%;width:100%;position:relative;overflow:hidden}.quarter div.rs-block{height:200%;width:200%}.half.top div.rs-block,.half.bottom div.rs-block{height:200%;width:100%}.half.left div.rs-block,.half.right div.rs-block{height:100%;width:200%}.bottom>.rs-inner-container>.rs-block{top:auto;bottom:0}.right .rs-inner-container>.rs-block{right:0}div.rs-block{-webkit-border-radius:1000px;border-radius:1000px}.rs-block{height:100%;width:100%;display:block;position:absolute;top:0;overflow:hidden;z-index:3}.rs-block .rs-inner{-webkit-border-radius:1000px;border-radius:1000px;display:block;height:100%;width:100%;position:relative}.rs-overlay{width:50%}.rs-overlay1,.rs-overlay2{width:100%}.rs-overlay,.rs-overlay1,.rs-overlay2{position:absolute;background-color:#fff;z-index:3;top:0;height:50%}.rs-bar{display:block;position:absolute;height:0;z-index:10}.rs-bar.rs-rounded{z-index:5}.rs-bar .rs-seperator{height:0;display:block;float:left}.rs-bar:not(.rs-rounded) .rs-seperator{border-left:none;border-right:none}.rs-bar.rs-start .rs-seperator{border-top:none}.rs-bar.rs-end .rs-seperator{border-bottom:none}.rs-bar.rs-start.rs-rounded .rs-seperator{border-radius:0 0 1000px 1000px}.rs-bar.rs-end.rs-rounded .rs-seperator{border-radius:1000px 1000px 0 0}.full .rs-bar,.half .rs-bar{width:50%}.half.left .rs-bar,.half.right .rs-bar,.quarter .rs-bar{width:100%}.full .rs-bar,.half.left .rs-bar,.half.right .rs-bar{top:50%}.bottom .rs-bar{top:0}.half.right .rs-bar,.quarter.right .rs-bar{right:100%}.rs-handle.rs-move{cursor:move}.rs-readonly .rs-handle.rs-move{cursor:default}.rs-path{display:block;height:100%;width:100%}.rs-split .rs-path{-webkit-border-radius:1000px 1000px 0 0;border-radius:1000px 1000px 0 0;overflow:hidden;height:50%;position:absolute;top:0;z-index:2}.rs-tooltip{position:absolute;cursor:default;border:1px solid transparent;z-index:10}.full .rs-tooltip{top:50%;left:50%}.bottom .rs-tooltip{top:0}.top .rs-tooltip{bottom:0}.right .rs-tooltip{left:0}.left .rs-tooltip{right:0}.half.top .rs-tooltip,.half.bottom .rs-tooltip{left:50%}.half.left .rs-tooltip,.half.right .rs-tooltip{top:50%}.rs-tooltip .rs-input{outline:0 none;border:none;background:transparent}.rs-tooltip-text{font-family:verdana;font-size:13px;border-radius:7px;text-align:center}.rs-tooltip.edit,.rs-tooltip .rs-input{padding:5px 8px}.rs-tooltip.hover,.rs-tooltip.edit:hover{border:1px solid #aaa;cursor:pointer}.rs-readonly .rs-tooltip.edit:hover{border-color:transparent;cursor:default}.rs-handle{border-radius:1000px;outline:0 none;float:left}.rs-handle.rs-handle-square{border-radius:0}.rs-handle-dot{border:1px solid #aaa;padding:6px}.rs-handle-dot:after{display:block;content:"";border:1px solid #aaa;height:100%;width:100%;border-radius:1000px}.rs-seperator{border:1px solid #aaa}.rs-border{border:1px solid #aaa}.rs-path-color{background-color:#fff}.rs-range-color{background-color:#54bbe0}.rs-bg-color{background-color:#fff}.rs-handle{background-color:#838383}.rs-handle-dot{background-color:#fff}.rs-handle-dot:after{background-color:#838383}

admin/template_assets/vendor/roundslider/style.css

@@ -0,0 +1,61 @@
+.rs-control{
+    margin: 0 auto;
+    margin-bottom: 30px;
+}
+
+/* appearance 1 */
+#appearance1 .rs-range-color  {
+background-color: #5673E7;
+}
+#appearance1 .rs-path-color  {
+      background-color: #dedede;
+}
+#appearance1 .rs-handle  {
+      background-color: #000000;
+}
+#appearance1 .rs-border  {
+      border-color: white;
+}
+/* appearance 2 */
+
+#appearance2 .rs-range-color  {
+      background-color: #ff8d00;
+}
+#appearance2 .rs-handle:after  {
+      background-color: #000000;
+}
+#appearance2 .rs-border  {
+      border-color: #ff8d00;
+}
+
+/* appearance 3 */
+#appearance3 .rs-range-color  {
+      background-color: #33B5E5;
+}
+#appearance3 .rs-path-color  {
+      background-color: #C2E9F7;
+}
+#appearance3 .rs-handle  {
+      background-color: #C2E9F7;
+      padding: 7px;
+      border: 2px solid #C2E9F7;
+}
+#appearance3 .rs-handle.rs-focus  {
+      border-color: #33B5E5;
+}
+#appearance3 .rs-handle:after  {
+      border-color: #33B5E5;
+      background-color: #33B5E5;
+}
+#appearance3 .rs-border  {
+      border-color: transparent;
+}
+
+/* appearance 4 */
+#appearance3 .rs-range-color  {
+    background-color: black;
+}
+#appearance3 .rs-handle  {
+    background-color: #fff;
+    border: 5px solid black;
+}