From 2f2c7a9b8223b8efdda13bc05e95b2fec5d629bc Mon Sep 17 00:00:00 2001
From: Awilum <awilum@msn.com>
Date: Thu, 30 Jan 2020 00:20:31 +0300
Subject: [PATCH] feat(admin-plugin): add modules partials templates #211

---
 .../templates/partials/modules/clipboard.html |  3 ++
 .../partials/modules/codemirror.html          | 52 +++++++++++++++++++
 .../partials/modules/custom-file-input.html   |  3 ++
 .../partials/modules/datetimepicker.html      | 16 ++++++
 .../partials/modules/form-validator.html      |  3 ++
 .../partials/modules/forms-save.html          |  5 ++
 .../templates/partials/modules/messenger.html | 18 +++++++
 .../templates/partials/modules/select2.html   |  3 ++
 .../templates/partials/modules/slugify.html   |  7 +++
 .../templates/partials/modules/tags.html      |  1 +
 .../templates/partials/modules/tippy.html     | 17 ++++++
 .../templates/partials/modules/trumbowyg.html | 28 ++++++++++
 12 files changed, 156 insertions(+)
 create mode 100644 site/plugins/admin/templates/partials/modules/clipboard.html
 create mode 100644 site/plugins/admin/templates/partials/modules/codemirror.html
 create mode 100644 site/plugins/admin/templates/partials/modules/custom-file-input.html
 create mode 100644 site/plugins/admin/templates/partials/modules/datetimepicker.html
 create mode 100644 site/plugins/admin/templates/partials/modules/form-validator.html
 create mode 100644 site/plugins/admin/templates/partials/modules/forms-save.html
 create mode 100644 site/plugins/admin/templates/partials/modules/messenger.html
 create mode 100644 site/plugins/admin/templates/partials/modules/select2.html
 create mode 100644 site/plugins/admin/templates/partials/modules/slugify.html
 create mode 100644 site/plugins/admin/templates/partials/modules/tags.html
 create mode 100644 site/plugins/admin/templates/partials/modules/tippy.html
 create mode 100644 site/plugins/admin/templates/partials/modules/trumbowyg.html

diff --git a/site/plugins/admin/templates/partials/modules/clipboard.html b/site/plugins/admin/templates/partials/modules/clipboard.html
new file mode 100644
index 00000000..b546bf0b
--- /dev/null
+++ b/site/plugins/admin/templates/partials/modules/clipboard.html
@@ -0,0 +1,3 @@
+<script type="text/javascript">
+    new ClipboardJS('.js-clipboard-btn');
+</script>
diff --git a/site/plugins/admin/templates/partials/modules/codemirror.html b/site/plugins/admin/templates/partials/modules/codemirror.html
new file mode 100644
index 00000000..f003f845
--- /dev/null
+++ b/site/plugins/admin/templates/partials/modules/codemirror.html
@@ -0,0 +1,52 @@
+<script type="text/javascript">
+    function qsa(sel) {
+        return Array.apply(null, document.querySelectorAll(sel));
+    }
+
+    qsa(".js-code").forEach(function (editorEl) {
+        var editor = CodeMirror.fromTextArea(editorEl, {
+            lineNumbers: true,
+            {% if is_current_path('admin.fieldsets.edit') %}
+                indentUnit: 4,
+                tabSize: 4,
+            {% else %}
+                tabSize: 4,
+                indentUnit: 4,
+            {% endif %}
+            {% if is_current_path('admin.fieldsets.edit') %}
+                mode: "text/javascript",
+            {% else %}
+                mode: "application/x-httpd-php",
+            {% endif %}
+            indentWithTabs: false,
+            {% if registry.settings.admin_panel.theme == 'light' %}
+                theme: "elegant",
+            {% elseif registry.settings.admin_panel.theme == 'dark' %}
+                theme: "monokai",
+            {% endif %}
+            styleActiveLine: true
+        });
+
+        editor.addKeyMap({
+            "Tab": function (cm) {
+                if (cm.somethingSelected()) {
+                    var sel = editor.getSelection("\n");
+                    // Indent only if there are multiple lines selected, or if the selection spans a full line
+                    if (sel.length > 0 && (sel.indexOf("\n") > -1 || sel.length === cm.getLine(cm.getCursor().line).length)) {
+                        cm.indentSelection("add");
+                        return;
+                    }
+                }
+
+                if (cm.options.indentWithTabs) 
+                    cm.execCommand("insertTab");
+                else 
+                    cm.execCommand("insertSoftTab");
+                }
+            ,
+            "Shift-Tab": function (cm) {
+                cm.indentSelection("subtract");
+            }
+        });
+    });
+</script>
\ No newline at end of file
diff --git a/site/plugins/admin/templates/partials/modules/custom-file-input.html b/site/plugins/admin/templates/partials/modules/custom-file-input.html
new file mode 100644
index 00000000..fc1d1877
--- /dev/null
+++ b/site/plugins/admin/templates/partials/modules/custom-file-input.html
@@ -0,0 +1,3 @@
+<script type="text/javascript">
+    bsCustomFileInput.init();
+</script>
diff --git a/site/plugins/admin/templates/partials/modules/datetimepicker.html b/site/plugins/admin/templates/partials/modules/datetimepicker.html
new file mode 100644
index 00000000..0f8452b3
--- /dev/null
+++ b/site/plugins/admin/templates/partials/modules/datetimepicker.html
@@ -0,0 +1,16 @@
+<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment-with-locales.min.js" integrity="sha256-AdQN98MVZs44Eq2yTwtoKufhnU+uZ7v2kXnD5vqzZVo=" crossorigin="anonymous"></script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/js/tempusdominus-bootstrap-4.min.js"></script>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/css/tempusdominus-bootstrap-4.min.css" />
+<script type="text/javascript">
+    $(function () {
+        $("#datetimepicker").datetimepicker({
+            locale: "{{ locale }}",
+            format: "{{ dateformatToMomentJS(registry.settings.date_format) }}",
+            debug: false,
+            icons: {
+                time: "far fa-clock",
+                date: "far fa-calendar-alt"
+            }
+        });
+    });
+</script>
diff --git a/site/plugins/admin/templates/partials/modules/form-validator.html b/site/plugins/admin/templates/partials/modules/form-validator.html
new file mode 100644
index 00000000..55ce7330
--- /dev/null
+++ b/site/plugins/admin/templates/partials/modules/form-validator.html
@@ -0,0 +1,3 @@
+<script type="text/javascript">
+    // $.validate({});
+</script>
\ No newline at end of file
diff --git a/site/plugins/admin/templates/partials/modules/forms-save.html b/site/plugins/admin/templates/partials/modules/forms-save.html
new file mode 100644
index 00000000..12c8f9fc
--- /dev/null
+++ b/site/plugins/admin/templates/partials/modules/forms-save.html
@@ -0,0 +1,5 @@
+<script type="text/javascript">
+    $('.js-save-form-submit').click(function() {
+        $("#form").submit();
+    });
+</script>
diff --git a/site/plugins/admin/templates/partials/modules/messenger.html b/site/plugins/admin/templates/partials/modules/messenger.html
new file mode 100644
index 00000000..c04e3cac
--- /dev/null
+++ b/site/plugins/admin/templates/partials/modules/messenger.html
@@ -0,0 +1,18 @@
+<script type="text/javascript">
+    Messenger.options = {
+        extraClasses: 'messenger-fixed messenger-on-bottom messenger-on-right',
+        theme: 'flat'
+    }
+
+    {% for message in flash()['success'] %}
+        Messenger().post({ type: "success", message : "{{ message }}", hideAfter: '3' });
+    {% endfor %}
+
+    {% for message in flash()['warning'] %}
+        Messenger().post({ type: "warning", message : "{{ message }}", hideAfter: '3' });
+    {% endfor %}
+
+    {% for message in flash()['error'] %}
+        Messenger().post({ type: "error", message : "{{ message }}", hideAfter: '3' });
+    {% endfor %}
+</script>
diff --git a/site/plugins/admin/templates/partials/modules/select2.html b/site/plugins/admin/templates/partials/modules/select2.html
new file mode 100644
index 00000000..b58116b6
--- /dev/null
+++ b/site/plugins/admin/templates/partials/modules/select2.html
@@ -0,0 +1,3 @@
+<script>
+    $('.js-example-basic-single').select2();
+</script>
\ No newline at end of file
diff --git a/site/plugins/admin/templates/partials/modules/slugify.html b/site/plugins/admin/templates/partials/modules/slugify.html
new file mode 100644
index 00000000..9f5a0069
--- /dev/null
+++ b/site/plugins/admin/templates/partials/modules/slugify.html
@@ -0,0 +1,7 @@
+<script src="//cdn.jsdelivr.net/npm/speakingurl@14.0.1/speakingurl.min.js"></script>
+<script>
+    $("#title").on("keyup change", function () {
+        var slug = getSlug($("#title").val());
+        $("#id").val(slug);
+    });
+</script>
diff --git a/site/plugins/admin/templates/partials/modules/tags.html b/site/plugins/admin/templates/partials/modules/tags.html
new file mode 100644
index 00000000..845af66c
--- /dev/null
+++ b/site/plugins/admin/templates/partials/modules/tags.html
@@ -0,0 +1 @@
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.min.js" integrity="sha256-tQ3x4V2JW+L0ew/P3v2xzL46XDjEWUExFkCDY0Rflqc=" crossorigin="anonymous"></script>
diff --git a/site/plugins/admin/templates/partials/modules/tippy.html b/site/plugins/admin/templates/partials/modules/tippy.html
new file mode 100644
index 00000000..04cd41fe
--- /dev/null
+++ b/site/plugins/admin/templates/partials/modules/tippy.html
@@ -0,0 +1,17 @@
+<script>
+    tippy('.js-nav', {placement: 'right'});
+    tippy('.js-dropdown-btn', {
+        placement: 'bottom',
+        allowHTML: true,
+        flipOnUpdate: true,
+        inlinePositioning: true,
+        interactive: true,
+        popperOptions: {
+            positionFixed: true
+        },
+        trigger: 'click',
+        maxWidth: 500,
+        zIndex: 10,
+        content: $('.js-dropdown-btn').siblings().html()
+    });
+</script>
\ No newline at end of file
diff --git a/site/plugins/admin/templates/partials/modules/trumbowyg.html b/site/plugins/admin/templates/partials/modules/trumbowyg.html
new file mode 100644
index 00000000..e6c81b2b
--- /dev/null
+++ b/site/plugins/admin/templates/partials/modules/trumbowyg.html
@@ -0,0 +1,28 @@
+<script type="text/javascript">
+    $.trumbowyg.svgPath =  '{{base_url()}}/site/plugins/admin/assets/dist/fonts/trumbowyg/icons.svg';
+    $('.js-html-editor').trumbowyg({
+        btnsDef: {
+            // Customizables dropdowns
+            image: {
+                dropdown: ['insertImage', 'noembed'],
+                ico: 'insertImage'
+            }
+        },
+        btns: [
+            ['undo', 'redo'], // Only supported in Blink browsers
+            ['formatting'],
+            ['strong', 'em', 'del'],
+            ['link'],
+            ['image'],
+            ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
+            ['unorderedList', 'orderedList'],
+            ['table'],
+            ['removeformat'],
+            ['fullscreen'],
+            ['viewHTML']
+        ],
+        lang: '{{ locale }}',
+        autogrow: false,
+        removeformatPasted: true
+    });
+</script>