mirror of
https://github.com/zedeus/nitter.git
synced 2024-10-31 22:08:50 +00:00
Improve preferences page
This commit is contained in:
parent
8e7ab84db8
commit
3f201ba846
4 changed files with 38 additions and 37 deletions
|
@ -28,4 +28,4 @@ requires "flatty#0.2.3"
|
||||||
# Tasks
|
# Tasks
|
||||||
|
|
||||||
task scss, "Generate css":
|
task scss, "Generate css":
|
||||||
exec "nim c --hint[Processing]:off -r tools/gencss"
|
exec "nim c --hint[Processing]:off -d:danger -r tools/gencss"
|
||||||
|
|
|
@ -50,45 +50,12 @@ macro genPrefs*(prefDsl: untyped) =
|
||||||
const `name`*: PrefList = toOrderedTable(`table`)
|
const `name`*: PrefList = toOrderedTable(`table`)
|
||||||
|
|
||||||
genPrefs:
|
genPrefs:
|
||||||
Privacy:
|
|
||||||
replaceTwitter(input, "nitter.net"):
|
|
||||||
"Replace Twitter links with Nitter (blank to disable)"
|
|
||||||
placeholder: "Nitter hostname"
|
|
||||||
|
|
||||||
replaceYouTube(input, "piped.kavin.rocks"):
|
|
||||||
"Replace YouTube links with Piped/Invidious (blank to disable)"
|
|
||||||
placeholder: "Piped hostname"
|
|
||||||
|
|
||||||
replaceReddit(input, "teddit.net"):
|
|
||||||
"Replace Reddit links with Teddit/Libreddit (blank to disable)"
|
|
||||||
placeholder: "Teddit hostname"
|
|
||||||
|
|
||||||
replaceInstagram(input, ""):
|
|
||||||
"Replace Instagram links with Bibliogram (blank to disable)"
|
|
||||||
placeholder: "Bibliogram hostname"
|
|
||||||
|
|
||||||
Media:
|
|
||||||
mp4Playback(checkbox, true):
|
|
||||||
"Enable mp4 video playback"
|
|
||||||
|
|
||||||
hlsPlayback(checkbox, false):
|
|
||||||
"Enable hls video streaming (requires JavaScript)"
|
|
||||||
|
|
||||||
proxyVideos(checkbox, true):
|
|
||||||
"Proxy video streaming through the server (might be slow)"
|
|
||||||
|
|
||||||
muteVideos(checkbox, false):
|
|
||||||
"Mute videos by default"
|
|
||||||
|
|
||||||
autoplayGifs(checkbox, true):
|
|
||||||
"Autoplay gifs"
|
|
||||||
|
|
||||||
Display:
|
Display:
|
||||||
theme(select, "Nitter"):
|
theme(select, "Nitter"):
|
||||||
"Theme"
|
"Theme"
|
||||||
|
|
||||||
infiniteScroll(checkbox, false):
|
infiniteScroll(checkbox, false):
|
||||||
"Infinite scrolling (requires JavaScript, experimental!)"
|
"Infinite scrolling (experimental, requires JavaScript)"
|
||||||
|
|
||||||
stickyProfile(checkbox, true):
|
stickyProfile(checkbox, true):
|
||||||
"Make profile sidebar stick to top"
|
"Make profile sidebar stick to top"
|
||||||
|
@ -108,6 +75,39 @@ genPrefs:
|
||||||
hideReplies(checkbox, false):
|
hideReplies(checkbox, false):
|
||||||
"Hide tweet replies"
|
"Hide tweet replies"
|
||||||
|
|
||||||
|
Media:
|
||||||
|
mp4Playback(checkbox, true):
|
||||||
|
"Enable mp4 video playback (only for gifs)"
|
||||||
|
|
||||||
|
hlsPlayback(checkbox, false):
|
||||||
|
"Enable hls video streaming (requires JavaScript)"
|
||||||
|
|
||||||
|
proxyVideos(checkbox, true):
|
||||||
|
"Proxy video streaming through the server (might be slow)"
|
||||||
|
|
||||||
|
muteVideos(checkbox, false):
|
||||||
|
"Mute videos by default"
|
||||||
|
|
||||||
|
autoplayGifs(checkbox, true):
|
||||||
|
"Autoplay gifs"
|
||||||
|
|
||||||
|
"Link replacements (blank to disable)":
|
||||||
|
replaceTwitter(input, "nitter.net"):
|
||||||
|
"Twitter -> Nitter"
|
||||||
|
placeholder: "Nitter hostname"
|
||||||
|
|
||||||
|
replaceYouTube(input, "piped.kavin.rocks"):
|
||||||
|
"YouTube -> Piped/Invidious"
|
||||||
|
placeholder: "Piped hostname"
|
||||||
|
|
||||||
|
replaceReddit(input, "teddit.net"):
|
||||||
|
"Reddit -> Teddit/Libreddit"
|
||||||
|
placeholder: "Teddit hostname"
|
||||||
|
|
||||||
|
replaceInstagram(input, ""):
|
||||||
|
"Instagram -> Bibliogram"
|
||||||
|
placeholder: "Bibliogram hostname"
|
||||||
|
|
||||||
iterator allPrefs*(): Pref =
|
iterator allPrefs*(): Pref =
|
||||||
for k, v in prefList:
|
for k, v in prefList:
|
||||||
for pref in v:
|
for pref in v:
|
||||||
|
|
|
@ -91,11 +91,12 @@ legend {
|
||||||
padding: .6em 0 .3em 0;
|
padding: .6em 0 .3em 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
border-bottom: 1px solid var(--border_grey);
|
border-bottom: 1px solid var(--border_grey);
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cookie-note {
|
.preferences .note {
|
||||||
border-top: 1px solid var(--border_grey);
|
border-top: 1px solid var(--border_grey);
|
||||||
border-bottom: 1px solid var(--border_grey);
|
border-bottom: 1px solid var(--border_grey);
|
||||||
padding: 6px 0 8px 0;
|
padding: 6px 0 8px 0;
|
||||||
|
|
|
@ -40,7 +40,7 @@ proc renderPreferences*(prefs: Prefs; path: string; themes: seq[string]): VNode
|
||||||
|
|
||||||
renderPrefs()
|
renderPrefs()
|
||||||
|
|
||||||
h4(class="cookie-note"):
|
h4(class="note"):
|
||||||
text "Preferences are stored client-side using cookies without any personal information."
|
text "Preferences are stored client-side using cookies without any personal information."
|
||||||
|
|
||||||
button(`type`="submit", class="pref-submit"):
|
button(`type`="submit", class="pref-submit"):
|
||||||
|
|
Loading…
Reference in a new issue