From e70176b6e6f539754974117625eeab06c4c5dd01 Mon Sep 17 00:00:00 2001
From: George Halkiadakis <gchalkiadakis@sklavenitis.co.gr>
Date: Tue, 14 Mar 2023 00:23:55 +0200
Subject: main admin and front-end scripts

---
 html/assets/js/post-features.js | 148 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 148 insertions(+)
 create mode 100644 html/assets/js/post-features.js

(limited to 'html/assets/js/post-features.js')

diff --git a/html/assets/js/post-features.js b/html/assets/js/post-features.js
new file mode 100644
index 0000000..ca2928c
--- /dev/null
+++ b/html/assets/js/post-features.js
@@ -0,0 +1,148 @@
+const valid_modals = [      // supported sort-code keys
+    'product',
+    'store'
+];
+
+
+const symbol_escapes = [
+    { esc: '&gt;',    chr: '>' },
+    { esc: '&lt;',    chr: '<' },
+    { esc: '&amp;',   chr: '&' },
+    { esc: '&quot;',  chr: '\"' },
+    { esc: '&apos;',  chr: '\'' },
+    { esc: '&euro;',  chr: '€' },
+    { esc: '&copy;',  chr: '©' },
+    { esc: '&reg;',   chr: '®' }
+];
+
+
+/** inject_codeblocks
+ * --- -- -- - - -
+ * 
+ * NOTE:
+ * a short-code is a mustache block of 3 parametres:
+ * {{ object = someID ; some label description }}
+ * ex. `{{product=1507175; Coca Cola Zero}}`
+ * 
+ * The short-code is parsed to a code-block:
+ * an `a` modal-toggler link with certain data-attributes (+label), ex:
+ * `<a class='modal-toggler view-product' data-id='1507175'>Coca Cola Zero</a>`
+ * 
+ * @param code (string): original content html with short-codes
+ * @returns (string): html content with code-blocks
+ */
+function inject_codeblocks(code) {
+    // isolate all mustache blocks
+    const regexp = /{{(.*?)}}/g;        // regex makes multiple-matching easier
+    const matches = [...code.matchAll(regexp)];
+        // console.log(matches);
+    
+    var output = code;      // use a copy of (source) code
+      
+    matches.forEach( match => {
+      // parse (every) match
+        // NOTE:
+        // match array has 3 items; example:
+        // match[0] : `{{store=247; Pasalimani Market}}`
+        // match[1] : `store=247; Pasalimani Market`
+        // match[3] : the (source) code string
+      let blockparts = unescaped_str( match[1] ).split(';');
+      let main_unit = blockparts[0].replaceAll(' ','').split('=');
+      let target = main_unit[0].toLowerCase();
+      let id = main_unit[1];
+      let label = escaped_str(blockparts[1]);
+      if (valid_modals.includes(target)) {
+        let codeblock = `<a href="#" data-toggle="modal" data-target="#view-${target}" data-id="${id}" class="modal-toggler js-get_${target}">${label}</a>`;
+        output = output.replaceAll(match[0], codeblock);
+      }
+    });
+    
+    return output;
+}
+
+
+// pair of function to escepe/unescape special html symbols
+// --- -- -- - - -
+function unescaped_str(txt) {
+    symbol_escapes.forEach( pair => { txt = txt.replaceAll(pair.esc, pair.chr); })
+    return txt;
+}
+
+function escaped_str(txt) {
+    symbol_escapes.forEach( pair => { txt = txt.replaceAll(pair.chr, pair.esc); })
+    return txt;
+}
+
+
+$(document).ready(function() {
+
+
+    /** translate short-codes to code-blocks
+     * -------------------------------------------------------------------------
+     */ 
+    var content = $('.content .article-body').html();       // get code with shorts
+    $('.content .article-body').html( inject_codeblocks(content) ); // put code with blocks
+    
+
+    
+    /** modal listeners
+     * -------------------------------------------------------------------------
+     */  
+
+    // open store modal listener
+    // --- -- -- - - -
+    $(document).on('click', '.js-get_store', function (e) {
+        e.preventDefault();
+        var id = $(this).data('id');    // id for requesting content via ajax
+
+        $('#dynamic-content').html('');
+        $('#modal-loader').show();
+
+        $.ajax({
+            url: '/libs/modals/modalStore.php',
+            type: 'POST',
+            cache: false,
+            data: 'id=' + id,
+            dataType: 'html'
+        })
+        .done(function (data) {
+            $('#dynamic-content').html('');
+            $('#dynamic-content').html(data);
+            $('#modal-loader').hide();
+        })
+        .fail(function () {
+            $('#dynamic-content').html('<i class="glyphicon glyphicon-info-sign"></i> Υπήρξε κάποιο πρόβλημα, παρακαλώ προσπαθήστε ξανά.');
+            $('#modal-loader').hide();
+        });
+    });
+
+    // open product modal listener
+    // ---
+    $(document).on('click', '.js-get_product', function (e) {
+        e.preventDefault();
+        var id = $(this).data('id');    // id for requesting content via ajax
+
+        $('#dynamic-product').html('');
+        $('#modal-loader').show();
+        
+        $.ajax({
+            url: '/products/ajax/get_product_full',
+            cache: false,
+            type: 'POST',
+            data: { id: id },
+            dataType: 'html'
+        })
+        .done(function (data) {
+            $('#dynamic-product').html('');
+            $('#dynamic-product').html(data);
+            $('#modal-loader').hide();
+
+        })
+        .fail(function () {
+            $('#dynamic-product').html('<i class="glyphicon glyphicon-info-sign"></i> Υπήρξε κάποιο πρόβλημα, παρακαλώ προσπαθήστε ξανά.');
+            $('#modal-loader').hide();
+
+        });
+    });
+
+});
\ No newline at end of file
-- 
cgit v1.2.3