Git-Mirrors/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2024-12-18 20:24:36 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add padding to preferences page

Browse Source
This commit is contained in:
Omar Roth 2018-07-26 09:59:05 -05:00
parent f07e3e5981
commit 73443143cf
1 changed files with 61 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
src/invidious/views/preferences.ecr
View File

@ -8,72 +8,74 @@ function update_value(element) {
} }
</script> </script>
<form class="pure-form pure-form-aligned" action="/preferences?referer=<%= referer %>" method="post"> <div class="h-box">
<fieldset> <form class="pure-form pure-form-aligned" action="/preferences?referer=<%= referer %>" method="post">
<legend>Player preferences</legend> <fieldset>
<legend>Player preferences</legend>
<div class="pure-control-group"> <div class="pure-control-group">
<label for="video_loop">Always loop: </label> <label for="video_loop">Always loop: </label>
<input name="video_loop" id="video_loop" type="checkbox" <% if user.preferences.video_loop %>checked<% end %>> <input name="video_loop" id="video_loop" type="checkbox" <% if user.preferences.video_loop %>checked<% end %>>
</div> </div>
<div class="pure-control-group"> <div class="pure-control-group">
<label for="autoplay">Autoplay: </label> <label for="autoplay">Autoplay: </label>
<input name="autoplay" id="autoplay" type="checkbox" <% if user.preferences.autoplay %>checked<% end %>> <input name="autoplay" id="autoplay" type="checkbox" <% if user.preferences.autoplay %>checked<% end %>>
</div> </div>
<div class="pure-control-group"> <div class="pure-control-group">
<label for="speed">Default speed: </label> <label for="speed">Default speed: </label>
<select name="speed" id="speed"> <select name="speed" id="speed">
<% [2.0, 1.5, 1.0, 0.5].each do |option| %> <% [2.0, 1.5, 1.0, 0.5].each do |option| %>
<option <% if user.preferences.speed == option %> selected <% end %>><%= option %></option> <option <% if user.preferences.speed == option %> selected <% end %>><%= option %></option>
<% end %> <% end %>
</select> </select>
</div> </div>
<div class="pure-control-group"> <div class="pure-control-group">
<label for="quality">Preferred video quality: </label> <label for="quality">Preferred video quality: </label>
<select name="quality" id="quality"> <select name="quality" id="quality">
<% ["hd720", "medium", "small"].each do |option| %> <% ["hd720", "medium", "small"].each do |option| %>
<option <% if user.preferences.quality == option %> selected <% end %>><%= option %></option> <option <% if user.preferences.quality == option %> selected <% end %>><%= option %></option>
<% end %> <% end %>
</select> </select>
</div> </div>
<div class="pure-control-group"> <div class="pure-control-group">
<label for="volume">Player volume: </label> <label for="volume">Player volume: </label>
<input name="volume" id="volume" oninput="update_value(this);" type="range" min="0" max="100" step="5" value="<%= user.preferences.volume %>"> <input name="volume" id="volume" oninput="update_value(this);" type="range" min="0" max="100" step="5" value="<%= user.preferences.volume %>">
<span class="pure-form-message-inline" id="volume-value"><%= user.preferences.volume %></span> <span class="pure-form-message-inline" id="volume-value"><%= user.preferences.volume %></span>
</div> </div>
<legend>Visual preferences</legend> <legend>Visual preferences</legend>
<div class="pure-control-group"> <div class="pure-control-group">
<label for="dark_mode">Dark mode: </label> <label for="dark_mode">Dark mode: </label>
<input name="dark_mode" id="dark_mode" type="checkbox" <% if user.preferences.dark_mode %>checked<% end %>> <input name="dark_mode" id="dark_mode" type="checkbox" <% if user.preferences.dark_mode %>checked<% end %>>
</div> </div>
<legend>Subscription preferences</legend> <legend>Subscription preferences</legend>
<div class="pure-control-group"> <div class="pure-control-group">
<label for="max_results">Number of videos shown in feed: </label> <label for="max_results">Number of videos shown in feed: </label>
<input name="max_results" id="max_results" type="number" value="<%= user.preferences.max_results %>"> <input name="max_results" id="max_results" type="number" value="<%= user.preferences.max_results %>">
</div> </div>
<div class="pure-control-group"> <div class="pure-control-group">
<label for="sort">Sort videos by: </label> <label for="sort">Sort videos by: </label>
<select name="sort" id="sort"> <select name="sort" id="sort">
<% ["published", "alphabetically", "alphabetically - reverse", "channel name", "channel name - reverse"].each do |option| %> <% ["published", "alphabetically", "alphabetically - reverse", "channel name", "channel name - reverse"].each do |option| %>
<option <% if user.preferences.sort == option %> selected <% end %>><%= option %></option> <option <% if user.preferences.sort == option %> selected <% end %>><%= option %></option>
<% end %> <% end %>
</select> </select>
</div> </div>
<div class="pure-control-group"> <div class="pure-control-group">
<label for="latest_only">Only show latest video from channel: </label> <label for="latest_only">Only show latest video from channel: </label>
<input name="latest_only" id="latest_only" type="checkbox" <% if user.preferences.latest_only %>checked<% end %>> <input name="latest_only" id="latest_only" type="checkbox" <% if user.preferences.latest_only %>checked<% end %>>
</div> </div>
<div class="pure-controls"> <div class="pure-controls">
<button type="submit" class="pure-button pure-button-primary">Save preferences</button> <button type="submit" class="pure-button pure-button-primary">Save preferences</button>
</div> </div>
</fieldset> </fieldset>
</form> </form>
</div>