update settings interface markup

This commit is contained in:
buzz-lightsnack-2007 2024-03-27 15:27:29 +08:00
parent 71e3ec69f7
commit 81b61ade1b

View file

@ -1,16 +1,17 @@
<html> <head> <html> <head>
<script type="module" src="../scripts/external/jquery.js"></script> <script type="module" src="../scripts/external/jquery.js"></script>
<script type="module" src="../scripts/settings.js"></script> <script type="module" src="../scripts/settings.js"></script>
<title data-text="term_preferences"></title>
</head> </head>
<body> <body>
<main class="window-body has-space"> <main class="window-body has-space">
<menu role="tablist"> <menu role="tablist" for="settings_content">
<button role="tab" aria-controls="settings" data-text="general"></button> <button role="tab" for="settings" data-text="general"></button>
<button role="tab" aria-controls="filters" data-text="filters"></button> <button role="tab" for="filters" data-text="filters"></button>
<button role="tab" aria-controls="storage" data-text="storage"></button> <button role="tab" for="storage" data-text="storage"></button>
<button role="tab" aria-controls="about" data-text="about"></button> <button role="tab" for="about" data-text="about"></button>
</menu> </menu>
<section class="view_main"> <section class="view_main" id="settings_content">
<section role="tabpanel" id="settings"> <section role="tabpanel" id="settings">
<fieldset> <fieldset>
<legend data-text="general"></legend> <legend data-text="general"></legend>
@ -37,7 +38,7 @@
<label data-text="settings_filters_description"></label> <label data-text="settings_filters_description"></label>
<div class="field-row action-buttons"> <div class="field-row action-buttons">
<button data-action="filters,update" data-text="settings_filters_update"></button> <button data-action="filters,update" data-text="settings_filters_update"></button>
<button data-action="open,filters" data-text="settings_filters_open"></button> <button data-action="open,settings,filters" data-text="settings_filters_open"></button>
</div> </div>
</fieldset> </fieldset>
</section> </section>
@ -50,7 +51,6 @@
</div> </div>
</fieldset> </fieldset>
</section> </section>
</section>
<section role="tabpanel" id="about"> <section role="tabpanel" id="about">
<img data-image="about_app_logo" /> <img data-image="about_app_logo" />
<p data-text="extension_name"></p> <p data-text="extension_name"></p>