SymphonyElectron/js/notify/settings/configure-notification-position.html
Kiran Niranjan 2b6ec2aeb8 Electron-43 (Configure Notification Position) (#142)
* ELECTRON-43 - Implemented Alert settings functionality

* ELECTRON-43
1. Added multiple monitor support for notifications in windows
2. Implemented a settings window to change notification position
3. Completed implementing configure alert position window

* ELECTRON-43 - Refactored code and changed config data

* ELECTRON-43
1. Refactored the code
2. Added modal property to browser window

* ELECTRON-43
1. Resolved conflicts
2. Made config default display value to null
3. Renamed api method from 'showAlertSettings' to 'showNotificationSettings' for consistency
4. Fixed some bugs
2017-06-16 15:29:56 -07:00

60 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>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">Notification Settings</span>
</header>
<div class="form">
<form>
<label class="label">Monitor</label>
<div id="screens" class="main">
<label>Notification shown on Monitor: </label>
<select class="selector" id="screen-selector">
</select>
</div>
<label class="label">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">
Top Left
</label>
</div>
<div class="radio">
<label class="radio__label">
<input id="lower-left" type="radio" name="position" value="lower-left">
Bottom Left
</label>
</div>
</div>
<div class="second-set">
<div class="radio">
<label class="radio__label">Top Right
<input id="upper-right" type="radio" name="position" value="upper-right">
</label>
</div>
<div class="radio">
<label class="radio__label">Bottom Right
<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">CANCEL</button>
<button id="ok-button" class="button">OK</button>
</div>
</footer>
</body>
</html>