tabs/resources/service-settings.html

86 lines
2.8 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Service settings</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<link rel="stylesheet" href="style/layout.css">
<link rel="stylesheet" href="style/service-settings.css">
<script src="js/service-settings.js" defer></script>
</head>
<body>
<form action="javascript: save();">
2020-01-07 13:09:02 +01:00
<div class="form-header">
<h1>Loading...</h1>
</div>
2020-01-07 13:09:02 +01:00
<div class="form-body">
<div class="form-group">
2020-01-07 13:09:02 +01:00
<label for="name">Service name</label>
<input type="text" name="name" id="name" required>
</div>
<div class="form-group">
2020-01-07 13:09:02 +01:00
<label for="url">Service home URL</label>
<input type="text" name="url" id="url" required>
</div>
2020-01-07 13:09:02 +01:00
<div class="form-group">
<label for="auto-load">Automatically load service in the background</label>
<input type="checkbox" name="autoLoad" id="auto-load">
</div>
<div class="form-group">
2020-01-07 13:09:02 +01:00
<label for="custom-css">Custom CSS styling</label>
<textarea name="customCSS" id="custom-css" rows="3"></textarea>
</div>
2020-02-20 12:46:53 +01:00
<div class="form-group">
<label for="custom-user-agent">Custom UserAgent (i.e. google services)</label>
<input type="text" name="customUserAgent" id="custom-user-agent">
<button type="button" id="userAgentAutoFill">Auto-fill</button>
</div>
2020-01-07 13:09:02 +01:00
<div id="icon-choice">
<div class="form-group-header">
<h2>Service icon</h2>
</div>
<div class="form-group">
<label for="use-favicon">Use favicon</label>
<input type="checkbox" name="useFavicon" id="use-favicon">
</div>
<div class="form-group">
<label for="is-image">Use image instead of a built-in icon for the default icon</label>
<input type="checkbox" name="isImage" id="is-image">
</div>
<div class="form-group" id="icon-search-group">
<label for="built-in-icon-search">Icon</label>
<input type="text" name="icon-search" id="built-in-icon-search">
</div>
<div id="icon-select"></div>
<div class="form-group">
<label for="icon-url">Icon URL</label>
<input type="text" name="icon" id="icon-url">
</div>
</div>
</div>
2020-01-07 13:09:02 +01:00
<div class="form-footer">
<div class="form-group" id="buttons">
<button id="cancel-button">Cancel</button>
<button type="submit">Save</button>
</div>
</div>
</form>
</body>
2020-02-20 12:46:53 +01:00
</html>