From 0d750063b3169f8204dc85fbc8edb5aa3ecd3e4d Mon Sep 17 00:00:00 2001
From: RealTimeX <154565560+therealtimex@users.noreply.github.com>
Date: Sun, 1 Dec 2024 04:54:46 +0700
Subject: [PATCH] Add files via upload

---
 js/WorkflowAI-H24-scr501.html | 254 +++++++++++++++++-----------------
 1 file changed, 127 insertions(+), 127 deletions(-)
diff --git a/js/WorkflowAI-H24-scr501.html b/js/WorkflowAI-H24-scr501.html
index 6a8d530..8a747d7 100644
--- a/js/WorkflowAI-H24-scr501.html
+++ b/js/WorkflowAI-H24-scr501.html
@@ -1,120 +1,120 @@
-<en></en>
-<!DOCTYPE html>
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-    <!-- Modern Bootstrap -->
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
-        integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://therealtimex.github.io/rtlibrary/css/rt-dmview-css-min.css">
-
-    <style>
-        :root {
-            --color_theme_primary: #4B0082;
-            --color_theme_secondary: #7986CB;
-            --color_theme_accent: #FF9800;
-            --color_theme_success: #4CAF50;
-            --color_theme_info: #03A9F4;
-            --color_theme_warning: #FFA000;
-            --color_theme_danger: #F44336;
-            --color_theme_background: #FFFFFF;
-            --color_theme_surface: #F0F0FF;
-            --color_theme_text_primary: #212121;
-            --color_theme_text_secondary: #333333;
-            --color_theme_text_disabled: #767676;
-            --color_theme_neutral_light: #e9ecef;
-            --color_theme_neutral_medium: #c0c4c9;
-            --color_theme_neutral_dark: #495057;
-            --color_theme_border: #dee2e6;
-            --color_theme_focus: rgba(75, 0, 130, 0.4);
-            --color_theme_error_background: #FFE8E6;
-            --color_theme_error_text: #D32F2F;
-            --color_theme_link: #0056b3;
-            --color_theme_shadow: rgba(0, 0, 0, 0.15);
-        }
-    </style>
-</head>
-
-<body>
-    <main class="container">
-        <div>
-            <h2 class="text-center" style="color: var(--color_theme_primary);">##store_lb##</h2>
-            <h4 class="text-center mb-4" style="color: var(--color_theme_primary);">##store_id##</h4>
-
-            <div class="tab-container">
-                <nav>
-                    <ul class="nav nav-pills mb-3" id="dmTabs" role="tablist">
-                        <li class="nav-item" role="presentation">
-                            <button class="nav-link active" id="tab1" data-bs-toggle="tab"
-                                data-bs-target="#info-content" type="button" role="tab" aria-controls="info-content"
-                                aria-selected="true">
-                                👤 Profile
-                            </button>
-                        </li>
-                        <li class="nav-item" role="presentation">
-                            <button class="nav-link" id="tab2" data-bs-toggle="tab" data-bs-target="#media-content"
-                                type="button" role="tab" aria-controls="media-content" aria-selected="false">
-                                💼 Media/Documents
-                            </button>
-                        </li>
-                        <li class="nav-item" role="presentation">
-                            <button class="nav-link" id="tab3" data-bs-toggle="tab" data-bs-target="#map-content"
-                                type="button" role="tab" aria-controls="map-content" aria-selected="false">
-                                📍 Maps
-                            </button>
-                        </li>
-                    </ul>
-                </nav>
-
-                <div class="tab-content" id="taskTabContent">
-                    <div class="tab-pane fade show active" id="info-content" role="tabpanel" aria-labelledby="tab1">
-                        <div class="content-scroll">
-                            <p class="mb-1">
-                                <span aria-hidden="true">👤</span> ##crm_info_en##<br>##crm_desp##
-                            </p>
-                            <p class="mb-1">
-                                <span aria-hidden="true">✅</span> Care status: ##crm_interact_status##
-                            </p>
-                            <p class="mb-1">
-                                <span aria-hidden="true">🏷</span> Classifying label: ##customer_status_lb##
-                            </p>
-                            <p class="mb-1">
-                                <span aria-hidden="true">🔗</span> Source: ##crm_source_ct##
-                            </p>
+<en>
+    <!DOCTYPE html>
+
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <!-- Modern Bootstrap -->
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
+            integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+        <link rel="stylesheet" href="https://therealtimex.github.io/rtlibrary/css/rt-dmview-css-min.css">
+
+        <style>
+            :root {
+                --color_theme_primary: #4B0082;
+                --color_theme_secondary: #7986CB;
+                --color_theme_accent: #FF9800;
+                --color_theme_success: #4CAF50;
+                --color_theme_info: #03A9F4;
+                --color_theme_warning: #FFA000;
+                --color_theme_danger: #F44336;
+                --color_theme_background: #FFFFFF;
+                --color_theme_surface: #F0F0FF;
+                --color_theme_text_primary: #212121;
+                --color_theme_text_secondary: #333333;
+                --color_theme_text_disabled: #767676;
+                --color_theme_neutral_light: #e9ecef;
+                --color_theme_neutral_medium: #c0c4c9;
+                --color_theme_neutral_dark: #495057;
+                --color_theme_border: #dee2e6;
+                --color_theme_focus: rgba(75, 0, 130, 0.4);
+                --color_theme_error_background: #FFE8E6;
+                --color_theme_error_text: #D32F2F;
+                --color_theme_link: #0056b3;
+                --color_theme_shadow: rgba(0, 0, 0, 0.15);
+            }
+        </style>
+    </head>
+
+    <body>
+        <main class="container">
+            <div>
+                <h2 class="text-center" style="color: var(--color_theme_primary);">##store_lb##</h2>
+                <h4 class="text-center mb-4" style="color: var(--color_theme_primary);">##store_id##</h4>
+
+                <div class="tab-container">
+                    <nav>
+                        <ul class="nav nav-pills mb-3" id="dmTabs" role="tablist">
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link active" id="tab1" data-bs-toggle="tab"
+                                    data-bs-target="#info-content" type="button" role="tab" aria-controls="info-content"
+                                    aria-selected="true">
+                                    👤 Profile
+                                </button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" id="tab2" data-bs-toggle="tab" data-bs-target="#media-content"
+                                    type="button" role="tab" aria-controls="media-content" aria-selected="false">
+                                    💼 Media/Documents
+                                </button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" id="tab3" data-bs-toggle="tab" data-bs-target="#map-content"
+                                    type="button" role="tab" aria-controls="map-content" aria-selected="false">
+                                    📍 Maps
+                                </button>
+                            </li>
+                        </ul>
+                    </nav>
+
+                    <div class="tab-content" id="taskTabContent">
+                        <div class="tab-pane fade show active" id="info-content" role="tabpanel" aria-labelledby="tab1">
+                            <div class="content-scroll">
+                                <p class="mb-1">
+                                    <span aria-hidden="true">👤</span> ##crm_info_en##<br>##crm_desp##
+                                </p>
+                                <p class="mb-1">
+                                    <span aria-hidden="true">✅</span> Care status: ##crm_interact_status##
+                                </p>
+                                <p class="mb-1">
+                                    <span aria-hidden="true">🏷</span> Classifying label: ##customer_status_lb##
+                                </p>
+                                <p class="mb-1">
+                                    <span aria-hidden="true">🔗</span> Source: ##crm_source_ct##
+                                </p>
+                            </div>
                         </div>
-                    </div>
 
-                    <div class="tab-pane fade" id="media-content" role="tabpanel" aria-labelledby="tab2">
-                        <div class="media-container" id="media-slider-container" aria-label="Media Gallery">
+                        <div class="tab-pane fade" id="media-content" role="tabpanel" aria-labelledby="tab2">
+                            <div class="media-container" id="media-slider-container" aria-label="Media Gallery">
+                            </div>
                         </div>
-                    </div>
-                    <div class="tab-pane fade" id="map-content" role="tabpanel" aria-labelledby="tab3">
-                        <iframe width=100% height=100% frameborder="0" style="border:0;" allowfullscreen=""
-                            aria-hidden="false" tabindex="2" src="https://maps.google.com/maps?key=AIzaSyCZ9K-IVs5Q2leQsh19KF-oYRvL9lJGzJQ&q=##crm_gpsLatitude##,##crm_gpsLongitude##
+                        <div class="tab-pane fade" id="map-content" role="tabpanel" aria-labelledby="tab3">
+                            <iframe width=100% height=100% frameborder="0" style="border:0;" allowfullscreen=""
+                                aria-hidden="false" tabindex="2" src="https://maps.google.com/maps?key=AIzaSyCZ9K-IVs5Q2leQsh19KF-oYRvL9lJGzJQ&q=##crm_gpsLatitude##,##crm_gpsLongitude##
         &hl=es;z=14&amp;output=embed"></iframe>
+                        </div>
                     </div>
                 </div>
             </div>
-        </div>
-    </main>
-
-    <!-- Modern JS Dependencies -->
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
-        integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"
-        defer></script>
-    <script src="https://therealtimex.github.io/rtlibrary/js/mediaSlider.js">defer ></script>
-    <script>
-            document.addEventListener('DOMContentLoaded', () => {
-                const crmFiles = "https://img.icons8.com/ios-filled/50/youtube-squared.png;https://img.icons8.com/arcade/64/youtube-squared.png;https://img.icons8.com/officel/50/facebook-new.png;https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf;https://filesamples.com/samples/document/docx/sample3.docx;https://www.w3resource.com/python-exercises/pandas/excel/SaleData.xlsx;http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";
-                const crmFilesArray = crmFiles.split(";");
-                new MediaSlider('media-slider-container', crmFilesArray);
-            });
-    </script>
-</body>
-
-</html>
+        </main>
+
+        <!-- Modern JS Dependencies -->
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
+            integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"
+            defer></script>
+        <script src="https://therealtimex.github.io/rtlibrary/js/mediaSlider.js">defer ></script>
+        <script>
+                document.addEventListener('DOMContentLoaded', () => {
+                    const crmFiles = "https://img.icons8.com/ios-filled/50/youtube-squared.png;https://img.icons8.com/arcade/64/youtube-squared.png;https://img.icons8.com/officel/50/facebook-new.png;https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf;https://filesamples.com/samples/document/docx/sample3.docx;https://www.w3resource.com/python-exercises/pandas/excel/SaleData.xlsx;http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";
+                    const crmFilesArray = crmFiles.split(";");
+                    new MediaSlider('media-slider-container', crmFilesArray);
+                });
+        </script>
+    </body>
+
+    </html>
 </en>
 <vi>
     <!DOCTYPE html>
@@ -130,26 +130,26 @@ <h4 class="text-center mb-4" style="color: var(--color_theme_primary);">##store_
 
         <style>
             :root {
-                --color_theme_primary: blue;
-                --color_theme_secondary: #6c757d;
-                --color_theme_accent: #ff4081;
-                --color_theme_success: #28a745;
-                --color_theme_info: #17a2b8;
-                --color_theme_warning: #ffc107;
-                --color_theme_danger: #dc3545;
-                --color_theme_background: #ffffff;
-                --color_theme_surface: #f8f9fa;
-                --color_theme_text_primary: #212529;
-                --color_theme_text_secondary: #6c757d;
-                --color_theme_text_disabled: #adb5bd;
+                --color_theme_primary: #4B0082;
+                --color_theme_secondary: #7986CB;
+                --color_theme_accent: #FF9800;
+                --color_theme_success: #4CAF50;
+                --color_theme_info: #03A9F4;
+                --color_theme_warning: #FFA000;
+                --color_theme_danger: #F44336;
+                --color_theme_background: #FFFFFF;
+                --color_theme_surface: #F0F0FF;
+                --color_theme_text_primary: #212121;
+                --color_theme_text_secondary: #333333;
+                --color_theme_text_disabled: #767676;
                 --color_theme_neutral_light: #e9ecef;
-                --color_theme_neutral_medium: #ced4da;
+                --color_theme_neutral_medium: #c0c4c9;
                 --color_theme_neutral_dark: #495057;
                 --color_theme_border: #dee2e6;
-                --color_theme_focus: rgba(0, 0, 255, 0.25);
-                --color_theme_error_background: #f8d7da;
-                --color_theme_error_text: #721c24;
-                --color_theme_link: #007bff;
+                --color_theme_focus: rgba(75, 0, 130, 0.4);
+                --color_theme_error_background: #FFE8E6;
+                --color_theme_error_text: #D32F2F;
+                --color_theme_link: #0056b3;
                 --color_theme_shadow: rgba(0, 0, 0, 0.15);
             }
         </style>
