1 files changed, 45 insertions, 0 deletions
diff --git a/library/bootstrap-colorpicker/src/js/docs.js b/library/bootstrap-colorpicker/src/js/docs.js
new file mode 100644
index 000000000..29cbbd2bc
--- /dev/null
+++ b/library/bootstrap-colorpicker/src/js/docs.js
@@ -0,0 +1,45 @@
+$(function() {
+    // Code for docs demos
+    function createColorpickers() {
+        // Api demo
+        var bodyStyle = $('body')[0].style;
+        $('#demo_apidemo').colorpicker({
+            color: bodyStyle.backgroundColor
+        }).on('changeColor', function(ev) {
+            bodyStyle.backgroundColor = ev.color.toHex();
+        });
+
+        // Horizontal mode
+        $('#demo_forceformat').colorpicker({
+            format: 'rgba', // force this format
+            horizontal: true
+        });
+
+        $('.demo-auto').colorpicker();
+
+        // Disabled / enabled triggers
+        $(".disable-button").click(function(e) {
+            e.preventDefault();
+            $("#demo_endis").colorpicker('disable');
+        });
+
+        $(".enable-button").click(function(e) {
+            e.preventDefault();
+            $("#demo_endis").colorpicker('enable');
+        });
+    }
+
+    createColorpickers();
+
+    // Create / destroy instances
+    $('.demo-destroy').click(function(e) {
+        e.preventDefault();
+        $('.demo').colorpicker('destroy');
+        $(".disable-button, .enable-button").off('click');
+    });
+
+    $('.demo-create').click(function(e) {
+        e.preventDefault();
+        createColorpickers();
+    });
+});