view options/options.html @ 54:ede87e1004f9

Fix issues with feed detection Query the feed probe content script for available feeds from the background script instead of making the content script message the background script. This solves a race condition between the message from the content script sending any feeds associated with the current document and the tab's status "complete" event signaling that a new document has been loaded and hiding the page action. Sometimes that event would be triggered after the message from the content script and thus hide the page action again. In addition, navigating back to a previously visited page might not cause a reload which means that the content script would not send a message if there were feeds associated with the current document.
author Guido Berhoerster <guido+feed-preview@berhoerster.name>
date Thu, 26 Sep 2019 23:11:18 +0200
parents 688d75e554e0
children d9cc8e88d297
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>
    <h1 id="feed-preview-title"></h1>
    <form id="feed-preview">
      <input type="checkbox" id="expand-entries" name="expand-entries">
      <label for="expand-entries">
      </label>
    </form>
  </body>
</html>