From 290e7fdac8b37df95badef59adb0a34d1593e2ec Mon Sep 17 00:00:00 2001
From: elhombretecla <delacruzgarciajuan@gmail.com>
Date: Sun, 6 Mar 2016 12:14:44 +0100
Subject: [PATCH] add notification settings layout

---
 resources/styles/partials/user-settings.scss |  4 +++
 src/uxbox/ui/settings.cljs                   | 26 ++++++++++++++------
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/resources/styles/partials/user-settings.scss b/resources/styles/partials/user-settings.scss
index 03be38f3f..e0d4059dc 100644
--- a/resources/styles/partials/user-settings.scss
+++ b/resources/styles/partials/user-settings.scss
@@ -52,6 +52,10 @@
     color: $intense-ui-text;
   }
 
+  .btn-primary {
+    margin-top: $medium;
+  }
+
 }
 
 .avatar-form {
diff --git a/src/uxbox/ui/settings.cljs b/src/uxbox/ui/settings.cljs
index d6eaef5ef..ba821d099 100644
--- a/src/uxbox/ui/settings.cljs
+++ b/src/uxbox/ui/settings.cljs
@@ -94,13 +94,25 @@
   (html
    [:main.dashboard-main
     (header)
-    [:section.dashboard-content
-     [:ul
-      [:li {:on-click #(r/go :settings/profile)} "Profile"]
-      [:li {:on-click #(r/go :settings/password)} "Password"]
-      [:li {:on-click #(r/go :settings/notifications)} "Notifications"]]
-     [:section.dashboard-grid.library
-      [:span "TODO 3"]]]]))
+    [:section.dashboard-content.user-settings
+     [:div.user-settings-nav
+      [:ul.user-settings-nav-inside
+       [:li {:on-click #(r/go :settings/profile)} "Profile"]
+       [:li {:on-click #(r/go :settings/password)} "Password"]
+       [:li.current {:on-click #(r/go :settings/notifications)} "Notifications"]]]
+
+     [:section.user-settings-content
+      [:span.user-settings-label "Prototype notifications"]
+      [:p "Get a roll up of prototype changes in your inbox."]
+     [:div.input-radio.radio-primary
+      [:input {:type "radio" :id "notification-1" :name "notification-1" :value "none"}]
+      [:label {:for "notification-1" :value "None"} "None"]
+      [:input {:type "radio" :id "notification-2" :name "notification-2" :value "every-hour"}]
+      [:label {:for "notification-2" :value "Every hour"} "Every hour"]
+      [:input {:type "radio" :id "notification-3" :name "notification-3" :value "every-day"}]
+      [:label {:for "notification-3" :value "Every day"} "Every day"]]
+     [:input.btn-primary {:type "submit" :value "Update settings"}]
+     ]]]))
 
 (def ^:static notifications-page
   (mx/component