Add moderation support (filter non-errors)

[rbdr/crowdantine] / index.html
diff --git a/index.html b/index.html

index 077a8e0649dee425fa042d0a04379895c593c0db..c8f19c285dc0ee2378d9d7f192f4276acf7f8d13 100644 (file)
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@
  
          var request = new XMLHttpRequest();
          request.addEventListener('load', renderEvents);
-        request.open('GET', 'https://api.rollbar.com/api/1/items/?access_token=' + kReadToken + '&environment=production&status=active');
+        request.open('GET', 'https://api.rollbar.com/api/1/items/?access_token=' + kReadToken + '&environment=production&status=active&level=error');
          request.send();
        };
  
@@ -32,7 +32,7 @@
        var generateProposalHTML = function(proposal) {
  
          var listItem = document.createElement('li');
-        listItem.innerHTML = proposal.title + ' (' + proposal.total_occurrences + ' votes) <a href="#" onclick="createProposal(\'' + proposal.title.replace(/'/g, '\\\'')+ '\')">I agree.</a> </li>'
+        listItem.innerHTML = proposal.title + ' (' + proposal.total_occurrences + ' votes) <a href="#add-' + proposal.id + '" onclick="createProposal(\'' + proposal.title.replace(/'/g, '\\\'')+ '\')">I agree.</a> </li>'
          return listItem;
        };
  
@@ -45,7 +45,9 @@
  
          const container = document.getElementById('proposals');
  
-        parsedResponse.result.items.forEach((proposal) => {
+        parsedResponse.result.items
+          .sort((a, b) => b.total_occurrences - a.total_occurrences)
+          .forEach((proposal) => {
  
            container.appendChild(generateProposalHTML(proposal));
          });
@@ -127,12 +129,12 @@
    <body>
      <h1>Help me decide what to do during quarantine</h1>
      <p>Vote on the recommendations, or <a href="#add">add one</a>.</p>
-    <ul id="proposals"></ul>
+    <ol id="proposals"></ol>
      <h1 id="add">Add a recommendation</h1>
      <form>
        <p>
          <label for="proposal">You should...</label>
-        <input name="proposal">
+        <input name="proposal" id="proposal">
        </p>
        <input type="submit" value="Do it.">
      </form>