SymphonyElectron/js/notify/settings/configure-notification-position.html

60 lines
2.4 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title data-i18n-text="Symphony - Configure Notification Position"></title>
<link rel="stylesheet" type="text/css" href="./configure-notification-position.css">
</head>
<body>
<div class="content">
<header class="header">
<span class="header__title" data-i18n-text="Notification Settings"></span>
</header>
<div class="form">
<form>
<label class="label" data-i18n-text="Monitor"></label>
<div id="screens" class="main">
<label data-i18n-text="Notification shown on Monitor: "></label>
<select class="selector" id="screen-selector" title="position">
</select>
</div>
<label class="label" data-i18n-text="Position"></label>
<div class="main">
<div class="first-set">
<div class="radio">
<label class="radio__label"><input id="upper-left" type="radio" name="position" value="upper-left">
<span data-i18n-text="Top Left"></span>
</label>
</div>
<div class="radio">
<label class="radio__label">
<input id="lower-left" type="radio" name="position" value="lower-left">
<span data-i18n-text="Bottom Left"></span>
</label>
</div>
</div>
<div class="second-set">
<div class="radio">
<label class="radio__label"><span data-i18n-text="Top Right"></span>
<input id="upper-right" type="radio" name="position" value="upper-right">
</label>
</div>
<div class="radio">
<label class="radio__label"><span data-i18n-text="Bottom Right"></span>
<input id="lower-right" type="radio" name="position" value="lower-right">
</label>
</div>
</div>
</div>
</form>
</div>
</div>
<footer class="footer">
<div class="buttonLayout">
<button id="cancel" class="buttonDismiss" data-i18n-text="CANCEL"></button>
<button id="ok-button" class="button" data-i18n-text="OK"></button>
</div>
</footer>
</body>
</html>