Skip to content

refactor: solid quote modals (@miodec) #7700

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Miodec wants to merge 15 commits into
base: master
Choose a base branch
from
+1,531 −2,065
Open

refactor: solid quote modals (@miodec) #7700

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
2224ed2
fix slim appending to body
Miodec Mar 21, 2026
db6b8f0
brr
Miodec Mar 22, 2026
8f30bdb
disable button
Miodec Mar 22, 2026
8b5b668
todo
Miodec Mar 22, 2026
5b2519f
style
Miodec Mar 22, 2026
2882e1d
refactor: update favorite toggle logic in QuoteSearchModal
Miodec Mar 22, 2026
3dd7e0e
no loader bar
Miodec Mar 22, 2026
5b22e19
remove
Miodec Mar 22, 2026
90d30bc
fix
Miodec Mar 22, 2026
1aead22
remove
Miodec Mar 22, 2026
e8a6a69
fixes
Miodec Mar 22, 2026
61ddbf3
fix
Miodec Mar 22, 2026
0126fa2
responsiveness
Miodec Mar 22, 2026
eb87be9
use ts form
Miodec Mar 22, 2026
885133f
fix
Miodec Mar 22, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
194 changes: 0 additions & 194 deletions frontend/src/html/popups.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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" />
Expand Down Expand Up @@ -835,107 +754,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>
Expand Down Expand Up @@ -963,18 +781,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>
Expand Down
Loading
Loading