From fe5437e6d3299d8a825f1e80d0ce451ee6083ef6 Mon Sep 17 00:00:00 2001
From: buzzcode2007 <73412182+buzz_lightsnack_2007@users.noreply.github.com>
Date: Mon, 8 Apr 2024 15:25:01 +0800
Subject: [PATCH] added data storage to html

---
 gui/pages/settings.htm | 378 +++++++++++++++++++++--------------------
 1 file changed, 191 insertions(+), 187 deletions(-)
diff --git a/gui/pages/settings.htm b/gui/pages/settings.htm
index 78f8fe4..f209355 100644
--- a/gui/pages/settings.htm
+++ b/gui/pages/settings.htm
@@ -1,191 +1,195 @@
 <html>
-    <head>
-        <script src="../scripts/pages/settings.js"></script>
-        <script src="../styles/external/materialize/js/materialize.js"></script>
+	<head>
+		<script src="../scripts/pages/settings.js"></script>
+		<script src="../styles/external/materialize/js/materialize.js"></script>
 
-        <title for="term_preferences"></title>
-    </head>
+		<title for="term_preferences"></title>
+	</head>
 
-    <body>
-        <main class="container">
-            <ul class="collapsible" data-collapsible="accordion">
-                <li>
-                    <header
-                        class="collapsible-header waves-effect flow-text"
-                        accesskey="1"
-                        for="general"
-                        data-icon="cog"
-                    ></header>
-                    <section class="collapsible-body">
-                        <section class="input-group">
-                            <legend for="general" class="flow-text"></legend>
-                            <ul class="input-field">
-                                <li>
-                                    <label>
-                                        <input
-                                            type="checkbox"
-                                            data-store="settings,general,showApplicable"
-                                            class="filled-in"
-                                        />
-                                        <span
-                                            for="settings_general_showApplicable"
-                                        ></span>
-                                    </label>
-                                </li>
-                                <li>
-                                    <label>
-                                        <input
-                                            type="checkbox"
-                                            data-store="settings,general,injectToPage"
-                                            class="filled-in"
-                                        />
-                                        <span
-                                            for="settings_general_injectToPage"
-                                        ></span>
-                                    </label>
-                                </li>
-                            </ul>
-                        </section>
-                        <section class="input-group">
-                            <legend for="behavior" class="flow-text"></legend>
-                            <ul class="input-field">
-                                <li>
-                                    <label>
-                                        <input
-                                            type="checkbox"
-                                            data-store="settings,behavior,autoRun"
-                                            class="filled-in"
-                                        />
-                                        <span
-                                            for="settings_behavior_autoRun"
-                                        ></span>
-                                    </label>
-                                </li>
-                            </ul>
-                        </section>
-                    </section>
-                </li>
-                <li>
-                    <header
-                        class="collapsible-header waves-effect flow-text"
-                        for="filters"
-                        accesskey="2"
-                        data-icon="filter"
-                    ></header>
-                    <section class="collapsible-body">
-                        <section class="input-group row">
-                            <label class="input-description">
-                                <legend
-                                    for="filters"
-                                    class="flow-text"
-                                ></legend>
-                                <label
-                                    for="settings_filters_description"
-                                ></label>
-                            </label>
-                            <side class="input-field">
-                                <button
-                                    data-action="filters,update"
-                                    title-for="settings_filters_update"
-                                    data-enable="filters"
-                                    data-icon="refresh"
-                                ></button>
-                                <button
-                                    href="settings/filters.htm"
-                                    tab-height="607.5"
-                                    tab-width="1080"
-                                    data-icon="pencil"
-                                    title-for="settings_filters_open"
-                                ></button>
-                            </side>
-                        </section>
-                        <section class="input-group">
-                            <label class="input-description">
-                                <legend
-                                    for="analysis"
-                                    class="flow-text"
-                                ></legend>
-                                <label
-                                    for="settings_analysis_description"
-                                ></label>
-                            </label>
-                            <div class="input-field">
-                                <input
-                                    type="password"
-                                    data-store="settings,analysis,api,key"
-                                />
-                                <label for="API_Key"></label>
-                            </div>
-                        </section>
-                    </section>
-                </li>
-                <li>
-                    <header
-                        class="collapsible-header waves-effect flow-text"
-                        for="storage"
-                        accesskey="3"
-                        data-icon="database"
-                    ></header>
-                    <section class="collapsible-body">
-                        <section class="input-group">
-                            <label
-                                for="settings_storage_description"
-                                class="input-description"
-                            ></label>
-                            <div class="input-field">
-                                <button
-                                    title-for="settings_storage_clear"
-                                    data-icon="delete"
-                                    data-enable="sites"
-                                    data-action="storage,clear"
-                                    class="btn waves-effect"
-                                ></button>
-                            </div>
-                        </section>
-                    </section>
-                </li>
-                <li>
-                    <header
-                        class="collapsible-header waves-effect flow-text"
-                        for="about"
-                        accesskey="4"
-                        data-icon="information"
-                    ></header>
-                    <section class="collapsible-body">
-                        <div class="row">
-                            <side class="s3">
-                                <img
-                                    src="../icons/logo.png"
-                                    alt="Logo"
-                                    class="responsive-img"
-                                />
-                            </side>
-                            <article class="s9">
-                                <p
-                                    class="flow-text"
-                                    style="font-weight: bold"
-                                    for="extension_name"
-                                ></p>
-                                <p
-                                    for="extension_version"
-                                    style="font-style: italic"
-                                ></p>
-                                <p for="extension_description"></p>
-                            </article>
-                        </div>
-                    </section>
-                </li>
-            </ul>
-        </main>
-        <side class="fixed-action-btn">
-            <button
-                href="help"
-                tab-height="607.5"
-                tab-width="1080"
-                class="btn-floating btn-large"
-                title-for="help"
-                data-icon="help"
-            ></button>
-        </side>
-    </body>
+	<body>
+		<main class="container">
+			<ul class="collapsible" data-collapsible="accordion">
+				<li>
+					<header
+						class="collapsible-header waves-effect flow-text"
+						accesskey="1"
+						for="general"
+						data-icon="cog"
+					></header>
+					<section class="collapsible-body">
+						<section class="input-group">
+							<legend for="general" class="flow-text"></legend>
+							<ul class="input-field">
+								<li>
+									<label>
+										<input
+											type="checkbox"
+											data-store="settings,general,showApplicable"
+											class="filled-in"
+											data-store-location="1"
+										/>
+										<span
+											for="settings_general_showApplicable"
+										></span>
+									</label>
+								</li>
+								<li>
+									<label>
+										<input
+											type="checkbox"
+											data-store="settings,general,injectToPage"
+											class="filled-in"
+											data-store-location="1"
+										/>
+										<span
+											for="settings_general_injectToPage"
+										></span>
+									</label>
+								</li>
+							</ul>
+						</section>
+						<section class="input-group">
+							<legend for="behavior" class="flow-text"></legend>
+							<ul class="input-field">
+								<li>
+									<label>
+										<input
+											type="checkbox"
+											data-store="settings,behavior,autoRun"
+											class="filled-in"
+											data-store-location="1"
+										/>
+										<span
+											for="settings_behavior_autoRun"
+										></span>
+									</label>
+								</li>
+							</ul>
+						</section>
+					</section>
+				</li>
+				<li>
+					<header
+						class="collapsible-header waves-effect flow-text"
+						for="filters"
+						accesskey="2"
+						data-icon="filter"
+					></header>
+					<section class="collapsible-body">
+						<section class="input-group row">
+							<label class="input-description">
+								<legend
+									for="filters"
+									class="flow-text"
+								></legend>
+								<label
+									for="settings_filters_description"
+								></label>
+							</label>
+							<side class="input-field">
+								<button
+									data-action="filters,update"
+									title-for="settings_filters_update"
+									data-enable="filters"
+									data-icon="refresh"
+								></button>
+								<button
+									href="settings/filters.htm"
+									tab-height="607.5"
+									tab-width="1080"
+									data-icon="pencil"
+									title-for="settings_filters_open"
+								></button>
+							</side>
+						</section>
+						<section class="input-group">
+							<label class="input-description">
+								<legend
+									for="analysis"
+									class="flow-text"
+								></legend>
+								<label
+									for="settings_analysis_description"
+								></label>
+							</label>
+							<div class="input-field">
+								<input
+									type="password"
+									data-store="settings,analysis,api,key"
+									data-store-location="1"
+								/>
+								<label for="API_Key"></label>
+							</div>
+						</section>
+					</section>
+				</li>
+				<li>
+					<header
+						class="collapsible-header waves-effect flow-text"
+						for="storage"
+						accesskey="3"
+						data-icon="database"
+					></header>
+					<section class="collapsible-body">
+						<section class="input-group">
+							<label
+								for="settings_storage_description"
+								class="input-description"
+							></label>
+							<div class="input-field">
+								<button
+									title-for="settings_storage_clear"
+									data-icon="delete"
+									data-enable="sites"
+									data-action="storage,clear"
+									class="btn waves-effect"
+								></button>
+							</div>
+						</section>
+					</section>
+				</li>
+				<li>
+					<header
+						class="collapsible-header waves-effect flow-text"
+						for="about"
+						accesskey="4"
+						data-icon="information"
+					></header>
+					<section class="collapsible-body">
+						<div class="row">
+							<side class="s3">
+								<img
+									src="../icons/logo.png"
+									alt="Logo"
+									class="responsive-img"
+								/>
+							</side>
+							<article class="s9">
+								<p
+									class="flow-text"
+									style="font-weight: bold"
+									for="extension_name"
+								></p>
+								<p
+									for="extension_version"
+									style="font-style: italic"
+								></p>
+								<p for="extension_description"></p>
+							</article>
+						</div>
+					</section>
+				</li>
+			</ul>
+		</main>
+		<side class="fixed-action-btn">
+			<button
+				href="help"
+				tab-height="607.5"
+				tab-width="1080"
+				class="btn-floating btn-large"
+				title-for="help"
+				data-icon="help"
+			></button>
+		</side>
+	</body>
 </html>
