mirror of
https://github.com/Ximi1970/systray-x.git
synced 2026-07-30 05:31:00 +02:00
186 lines
5.3 KiB
HTML
186 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
</head>
|
|
<body>
|
|
|
|
<script src="js/styles.js" stylesheet="css/options.css"></script>
|
|
<script src='js/i18n.js'></script>
|
|
|
|
<div class="tab">
|
|
<button class="tablinks active" id="Windows">__MSG_tabWindows__</button>
|
|
<button class="tablinks" id="Icon">__MSG_tabIcon__</button>
|
|
<button class="tablinks" id="Mail">__MSG_tabMail__</button>
|
|
</div>
|
|
|
|
<div id="WindowsContent" class="tabcontent" style="display:block">
|
|
<form>
|
|
<h3>Windows</h3>
|
|
<p>Windows options here</p>
|
|
|
|
<p>Please select your opton:</p>
|
|
<input type="radio" name="options_test" value="Option1"> Option 1<br>
|
|
<input type="radio" name="options_test" value="Option2"> Option 2<br>
|
|
<input type="radio" name="options_test" value="Option3"> Option 3<br>
|
|
|
|
<p>Please check the boxes:</p>
|
|
<input type="checkbox" name="check1" value="Check1"> Check 1<br>
|
|
<input type="checkbox" name="check2" value="Check2"> Check 2<br>
|
|
<input type="checkbox" name="check3" value="Check3"> Check 3<br>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<div id="IconContent" class="tabcontent">
|
|
<form>
|
|
<h3>Icon</h3>
|
|
<p>Icon options here.</p>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="MailContent" class="tabcontent">
|
|
<form>
|
|
<h3>Mail</h3>
|
|
<p>Mail options here.</p>
|
|
|
|
<ul class="tree">
|
|
<li><a href="#">Part 1</a>
|
|
<ul>
|
|
<li><a href="#">Item A</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Item B</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Item C</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Item D</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Item E</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li><a href="#">Part 2</a>
|
|
<ul>
|
|
<li><a href="#">Item A</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Item B</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Item C</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Item D</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Item E</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li><a href="#">Part 3</a>
|
|
<ul>
|
|
<li><a href="#">Item A</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Item B</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Item C</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Item D</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Item E</a>
|
|
<ul>
|
|
<li><a href="#">Sub-item 1</a></li>
|
|
<li><a href="#">Sub-item 2</a></li>
|
|
<li><a href="#">Sub-item 3</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<form name="saveform">
|
|
<label>Save preferences</label>
|
|
<button type="submit">Save</button>
|
|
</form>
|
|
|
|
<script src='js/options_tabbutton.js'></script>
|
|
<script src='js/options_treetable.js'></script>
|
|
|
|
<script src="options.js"></script>
|
|
|
|
</body>
|
|
</html>
|
|
|