Add option to toggle light and dark to navbar

This commit is contained in:
Omar Roth 2018-08-07 11:49:14 -05:00
parent cfa76d21db
commit cccf28aaf7
2 changed files with 58 additions and 26 deletions

View file

@ -806,6 +806,28 @@ post "/preferences" do |env|
env.redirect referer env.redirect referer
end end
get "/toggle_theme" do |env|
user = env.get? "user"
referer = env.params.query["referer"]?
referer ||= "/feed/subscriptions"
if user
user = user.as(User)
preferences = user.preferences
if preferences.dark_mode
preferences.dark_mode = false
else
preferences.dark_mode = true
end
PG_DB.exec("UPDATE users SET preferences = $1 WHERE email = $2", preferences.to_json, user.email)
end
env.redirect referer
end
# /modify_notifications # /modify_notifications
# will "ding" all subscriptions. # will "ding" all subscriptions.
# /modify_notifications?receive_all_updates=false&receive_no_updates=false # /modify_notifications?receive_all_updates=false&receive_no_updates=false

View file

@ -33,7 +33,17 @@
</div> </div>
<div class="pure-u-1 pure-u-md-8-24 user-field"> <div class="pure-u-1 pure-u-md-8-24 user-field">
<% if env.get? "user" %> <% if env.get? "user" %>
<div class="pure-u-1-3"> <div class="pure-u-1-4">
<a href="/toggle_theme" class="pure-menu-heading">
<% preferences = env.get("user").as(User).preferences %>
<% if preferences.dark_mode %>
<i class="icon ion-ios-sunny"></i>
<% else %>
<i class="icon ion-ios-moon"></i>
<% end %>
</a>
</div>
<div class="pure-u-1-4">
<a href="/feed/subscriptions" class="pure-menu-heading"> <a href="/feed/subscriptions" class="pure-menu-heading">
<% notification_count = env.get("user").as(User).notifications.size %> <% notification_count = env.get("user").as(User).notifications.size %>
<% if notification_count > 0 %> <% if notification_count > 0 %>
@ -43,12 +53,12 @@
<% end %> <% end %>
</a> </a>
</div> </div>
<div class="pure-u-1-3"> <div class="pure-u-1-4">
<a href="/preferences" class="pure-menu-heading"> <a href="/preferences" class="pure-menu-heading">
<i class="icon ion-ios-cog"></i> <i class="icon ion-ios-cog"></i>
</a> </a>
</div> </div>
<div class="pure-u-1-3"> <div class="pure-u-1-4">
<a href="/signout" class="pure-menu-heading">Sign out</a> <a href="/signout" class="pure-menu-heading">Sign out</a>
</div> </div>
<% else %> <% else %>