From a3c2e7fd7a7c8d22b9defc5c09caed40ccedafb9 Mon Sep 17 00:00:00 2001
From: sameerasw <sameera.whoami@gmail.com>
Date: Tue, 6 May 2025 18:32:32 +0530
Subject: Implemented custom styles repository feature

---
 data-viewer/data-viewer.html | 31 ++++++++++++++++++++++++++-----
 1 file changed, 26 insertions(+), 5 deletions(-)

(limited to 'data-viewer/data-viewer.html')

diff --git a/data-viewer/data-viewer.html b/data-viewer/data-viewer.html
index 9400a53..5a7274e 100644
--- a/data-viewer/data-viewer.html
+++ b/data-viewer/data-viewer.html
@@ -27,11 +27,6 @@
         </header>
 
         <main class="app-content">
-            <div class="actions">
-                <button id="back-button" class="action-button secondary">
-                    <i class="fas fa-arrow-left"></i> Back to Extension
-                </button>
-            </div>
 
             <div class="toggle-setting-container">
                 <div class="toggle-container">
@@ -46,6 +41,32 @@
                 </div>
             </div>
 
+            <!-- New section for custom repository URL -->
+            <div class="data-section">
+                <h2 class="section-title">Custom Styles Repository</h2>
+                <div class="repository-url-container">
+                    <p class="setting-description">
+                        Change the URL where styles are fetched from. Use this if you want to use a different styles
+                        repository.
+                        <br><strong>Note:</strong> After changing the URL, you should clear existing styles data for
+                        best results.
+                    </p>
+                    <div class="repository-url-controls">
+                        <input type="text" id="repository-url" class="repository-url-input"
+                            placeholder="Enter repository URL...">
+                        <div class="repository-url-buttons">
+                            <button id="set-repository-url" class="action-button primary">
+                                <i class="fas fa-save"></i> Set URL
+                            </button>
+                            <button id="reset-repository-url" class="action-button secondary">
+                                <i class="fas fa-undo"></i> Reset to Default
+                            </button>
+                        </div>
+                    </div>
+                    <div id="repository-url-status" class="repository-url-status"></div>
+                </div>
+            </div>
+
             <!-- New section for backup/restore -->
             <div class="data-section">
                 <h2 class="section-title">Backup & Restore ✨</h2>
-- 
cgit v1.2.3