diff options/options.html @ 10:ff5e5e3eba32

Implement feed subscription for web-based feed readers Add options page for configuring web-based feed readers which allow for subscribing to feeds via GET requests. Track tabs containing feed previews and inject a content script which retrieves the configured feed readers and keeps them in sync.
author Guido Berhoerster <guido+feed-preview@berhoerster.name>
date Fri, 07 Dec 2018 23:00:41 +0100
parents
children 688d75e554e0
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/options/options.html	Fri Dec 07 23:00:41 2018 +0100
@@ -0,0 +1,54 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+<!--
+   Copyright (C) 2018 Guido Berhoerster <guido+feed-preview@berhoerster.name>
+
+   This Source Code Form is subject to the terms of the Mozilla Public
+   License, v. 2.0. If a copy of the MPL was not distributed with this
+   file, You can obtain one at http://mozilla.org/MPL/2.0/.
+-->
+    <script src="options.js" defer></script>
+    <link rel="stylesheet" href="options.css">
+  </head>
+  <body>
+    <template id="feed-reader-item-template">
+      <li class="feed-reader-item" draggable="true">
+        <label class="feed-reader-label">
+          <input type="radio" name="feed-reader" value="" required></input>
+          <div class="feed-reader-content">
+            <span class="feed-reader-title"></span>
+            <span class="feed-reader-url-template"></span>
+          </div>
+        </label>
+      </li>
+    </template>
+    <h1 id="feed-readers-title"></h1>
+    <form id="feed-readers">
+      <ul id="feed-reader-selection">
+      </ul>
+      <fieldset class="browser-style button-box" name="buttons">
+        <button type="submit" name="move-up" class="browser-style">
+        <button type="submit" name="move-down" class="browser-style">
+        <button type="submit" name="remove" class="browser-style">
+      </fieldset>
+    </form>
+    <form id="add-feed-reader">
+      <div class="browser-style">
+        <label for="feed-reader-title"></label>
+        <input type="text" id="feed-reader-title" name="title"
+        placeholder="" required>
+      </div>
+      <div class="browser-style">
+        <label for="feed-reader-url-template"></label>
+        <input type="text" id="feed-reader-url-template" placeholder=""
+        name="url-template" required>
+        <p id="feed-reader-url-caption" class="caption"></p>
+      </div>
+      <div class="browser-style">
+        <button type="submit" name="add" class="browser-style">
+      </div>
+    </form>
+  </body>
+</html>