view 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 source

<!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>