refactor: solid quote modals (@Miodec) (#7700)

Author: Miodec

frontend/src/html/popups.html

@@ -310,87 +310,6 @@
   </div>
 </dialog>
 
-<dialog id="quoteRateModal" class="modalWrapper hidden">
-  <div class="modal">
-    <div class="warning">
-      If you find a grammatical error, think the quote has inappropriate
-      language or feel like it's low quality -
-      <span>don't give it a low rating!</span>
-      Please report it instead. You can do so by closing this popup and clicking
-      the "Flag" icon.
-    </div>
-    <div class="quote">
-      <div class="text">-</div>
-      <div class="id">
-        <div class="top">id</div>
-        <div class="val">-</div>
-      </div>
-      <div class="length">
-        <div class="top">length</div>
-        <div class="val">-</div>
-      </div>
-      <div class="source">
-        <div class="top">source</div>
-        <div class="val">-</div>
-      </div>
-    </div>
-    <div class="spacer"></div>
-    <div class="spacer2"></div>
-    <div class="ratingStats">
-      <div class="ratingCount">
-        <div class="top">ratings</div>
-        <div class="val">-</div>
-      </div>
-      <div class="ratingAverage">
-        <div class="top">average</div>
-        <div class="val">-</div>
-      </div>
-      <div class="starsWrapper">
-        <div class="top">your rating</div>
-        <div class="stars">
-          <button class="star" data-rating="1">
-            <i class="fas fa-fw fa-star"></i>
-          </button>
-          <button class="star" data-rating="2">
-            <i class="fas fa-fw fa-star"></i>
-          </button>
-          <button class="star" data-rating="3">
-            <i class="fas fa-fw fa-star"></i>
-          </button>
-          <button class="star" data-rating="4">
-            <i class="fas fa-fw fa-star"></i>
-          </button>
-          <button class="star" data-rating="5">
-            <i class="fas fa-fw fa-star"></i>
-          </button>
-        </div>
-      </div>
-    </div>
-    <!-- <div class="button rate1">
-            <i class="fas fa-star"></i>
-            <i class="far fa-star"></i>
-            <i class="far fa-star"></i>
-          </div>
-          <div class="button rate2">
-            <i class="fas fa-star"></i>
-            <i class="fas fa-star"></i>
-            <i class="far fa-star"></i>
-          </div>
-          <div class="button rate3">
-            <i class="fas fa-star"></i>
-            <i class="fas fa-star"></i>
-            <i class="fas fa-star"></i>
-          </div> -->
-    <button
-      class="textButton submitButton"
-      aria-label="Submit review"
-      data-balloon-pos="up"
-    >
-      <i class="fas fa-chevron-right"></i>
-    </button>
-  </div>
-</dialog>
-
 <dialog id="importExportSettingsModal" class="modalWrapper hidden">
   <form class="modal" data-mode="">
     <input type="text" title="import settings" />
@@ -455,107 +374,6 @@
     <button>ok</button>
   </form>
 </dialog>
-<dialog id="quoteSearchModal" class="modalWrapper hidden">
-  <div class="modal">
-    <div id="quoteSearchTop">
-      <div class="title">Quote search</div>
-      <div class="buttons">
-        <button class="goToQuoteSubmit">
-          <i class="fas fa-plus"></i>
-          Submit a quote
-        </button>
-        <button class="goToQuoteApprove">
-          <i class="fas fa-check"></i>
-          Approve quotes
-        </button>
-      </div>
-    </div>
-    <div id="quoteSearchControlsWrapper">
-      <input
-        id="searchBox"
-        class="searchBox"
-        dir="auto"
-        type="text"
-        maxlength="200"
-        autocomplete="off"
-        placeholder="filter by text, source or id"
-      />
-      <select class="quoteLengthFilter" multiple></select>
-      <button class="toggleFavorites">
-        <i class="fas fa-fw fa-heart"></i>
-        <!-- favorites -->
-      </button>
-    </div>
-    <div dir="auto" id="quoteSearchResults" class="quoteSearchResults"></div>
-    <div id="quoteSearchPageNavigator">
-      <button class="prevPage" disabled>
-        <i class="fas fa-fw fa-chevron-left"></i>
-      </button>
-      <div class="pageInfo">No search results</div>
-      <button class="nextPage" disabled>
-        <i class="fas fa-fw fa-chevron-right"></i>
-      </button>
-    </div>
-  </div>
-</dialog>
-<dialog id="quoteSubmitModal" class="modalWrapper hidden">
-  <div class="modal">
-    <div class="title">Submit a quote</div>
-    <ul>
-      <li>
-        Do not include content that contains any libelous or otherwise unlawful,
-        abusive or obscene text.
-      </li>
-      <li>Verify quotes added aren't duplicates of any already present</li>
-      <li>
-        Please do not add extremely short quotes (less than 60 characters)
-      </li>
-      <li>
-        <b>
-          Submitting low quality quotes or misusing this form will cause you to
-          lose access to this feature
-        </b>
-      </li>
-    </ul>
-    <label>quote</label>
-    <textarea class="newQuoteText" autocomplete="off" dir="auto"></textarea>
-    <label>source</label>
-    <input class="newQuoteSource" type="text" autocomplete="off" />
-    <label>language</label>
-    <select name="language" class="newQuoteLanguage"></select>
-    <div class="g-recaptcha"></div>
-    <button>submit</button>
-  </div>
-</dialog>
-<dialog id="quoteReportModal" class="modalWrapper hidden">
-  <div class="modal">
-    <div class="title">Report a quote</div>
-    <div class="text">
-      Please report quotes responsibly - misuse may result in you losing access
-      to this feature.
-      <br />
-      <br />
-      <span class="red">Please add comments in English only.</span>
-    </div>
-    <label>quote</label>
-    <div class="quote" dir="auto"></div>
-    <label>reason</label>
-    <select name="report-reason" class="reason" title="reason">
-      <option value="Grammatical error">Grammatical error</option>
-      <option value="Duplicate quote">Duplicate quote</option>
-      <option value="Inappropriate content">Inappropriate content</option>
-      <option value="Low quality content">Low quality content</option>
-      <option value="Incorrect source">Incorrect source</option>
-    </select>
-    <label>comment</label>
-    <textarea class="comment" autocomplete="off"></textarea>
-    <div
-      class="g-recaptcha"
-      data-sitekey="6Lc-V8McAAAAAJ7s6LGNe7MBZnRiwbsbiWts87aj"
-    ></div>
-    <button>report</button>
-  </div>
-</dialog>
 <dialog id="userReportModal" class="modalWrapper hidden">
   <div class="modal">
     <div class="title">Report a user</div>
@@ -583,18 +401,6 @@
     <button>Report</button>
   </div>
 </dialog>
-<dialog id="quoteApproveModal" class="modalWrapper hidden">
-  <div class="modal">
-    <div class="top">
-      <div class="title">Approve quotes</div>
-      <button class="refreshList">
-        <i class="fas fa-sync-alt"></i>
-        Refresh list
-      </button>
-    </div>
-    <div class="quotes"></div>
-  </div>
-</dialog>
 <dialog id="streakHourOffsetModal" class="modalWrapper hidden">
   <div class="modal">
     <div class="title">Set streak hour offset</div>