Permalink
Switch branches/tags
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
71 lines (70 sloc) 3.31 KB
<!DOCTYPE html>
<html>
<head>
<title>Settings</title>
<link href="css/bootstrap.min.css" rel="stylesheet" id="bootstrap">
<link href="css/font-awesome.min.css" rel="stylesheet" id="font-awesome">
<link href="css/style.css" rel="stylesheet" id="styles">
<link href="css/modalstyles.css" rel="stylesheet">
</head>
<body>
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Settings</h4>
<button type="button" class="close" id="closeModal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div id="tabCreationDelayGroup">
<p class="setting-title">Tab Creation Delay:</p>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="delay-addon">Tab creation delay (Seconds):</span>
</div>
<input type="number" class="form-control" placeholder="Delay in seconds" id="tabCreationDelay"
aria-describedby="delay-addon">
</div>
</div>
<hr>
<div id="autoOpenListsGroup">
<p class="setting-title">Automatically open lists:</p>
<!-- Checkbox has to be loaded dynamically due to styling differences between custom styles -->
</div>
<hr>
<div id="defaultListGroup">
<p class="setting-title">Default list to display:</p>
<label for="defaultList">The list that will be displayed when you open the extension:</label>
<select class="form-control" id="defaultList">
<option id="-1" value="" selected>Currently opened tabs</option>
</select>
</div>
<hr>
<div id="nightModeGroup">
<p class="setting-title">Enable night theme:</p>
<!-- Checkbox has to be loaded dynamically due to styling differences between custom styles -->
</div>
<hr>
<div id="customThemeGroup">
<p class="setting-title">Custom theme:</p>
<label for="customTheme">Custom themes to change the look of Bulk URL Opener:</label>
<select class="form-control" id="customTheme">
<option id="defaultBoostrap" value="" selected>Default Bootstrap</option>
<option id="fluentDesignBootstrap" value="">Fluent Design Bootstrap</option>
</select>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-outline-danger" id="closeModalFooter" type="button">Close</button>
<button class="btn btn-outline-primary" id="saveSettings" type="button">Save settings</button>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/settings.js"></script>
<script type="text/javascript" src="js/lists.js"></script>
<script type="text/javascript" src="js/custom-styles.js" id="tempStylesheetLoader"></script>
</body>
</html>