added data storage to html
This commit is contained in:
		
							parent
							
								
									7ec08003bf
								
							
						
					
					
						commit
						fe5437e6d3
					
				
					 1 changed files with 191 additions and 187 deletions
				
			
		|  | @ -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> | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue