ShopAI-Extension/pages/settings.htm
2024-04-23 22:47:27 +08:00

138 lines
4.8 KiB
HTML

<html>
<head>
<script src="../scripts/pages/settings.js" type="module"></script>
<script src="../styles/external/materialize/js/materialize.js"></script>
<title for="term_preferences"></title>
</head>
<body>
<nav class="nav-wrapper" data-result-linked="filters">
<span class="brand-logo left"><img src="/media/icons/logo.png" alt="Logo"/><span for="extension_name"></span></span>
<ul class="right">
<li><a data-icon="help" href="help.html"></a></li>
</ul>
</nav>
<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>
<li>
<label>
<input type="checkbox" data-store="settings,behavior,autoOpen" class="filled-in" data-store-location="1" />
<span for="settings_behavior_autoOpen"></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="settings,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" role="primary"></button>
</side>
</section>
<section class="input-group">
<div class="input-field">
<input type="number" data-store="settings,sync,duration" data-store-location="1" placeholder=" " min=".25" step=".25" />
<label for="settings_update_duration_description"></label>
</div>
</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" placeholder=" " class="validate" required />
<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="/media/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>
</body>
</html>