Commit f6302eea authored by Ricardo J. Mendez's avatar Ricardo J. Mendez

New navigation bar, seeing as how I'm piling on the features

parent b79a60c4
......@@ -48,12 +48,9 @@
<div class="container">
<div id="tab-list">
To replace
<div id="tab-groups">
tab-groups - to replace
<div id="nav-bar">
<div id="main-section"></div>
<div class="row">
<div class="col-sm-6 col-sm-offset-3" style="text-align: center">
......@@ -70,7 +70,8 @@
(fn [_ [_ tabs]]
(go (dispatch [:storage-loaded (<! (storage/get))]))
{:data {:tabs tabs}}))
{:data {:tabs tabs}
:ui-state {:section :monitor}}))
......@@ -145,6 +146,12 @@
(fn [app-state [_ path item]]
(assoc-in app-state path item)))
(fn [app-state [_ msg]]
......@@ -199,6 +206,38 @@
(defn navbar-item [label section current]
[:li {:class (when (= section current) "active")}
[:a {:on-click #(dispatch [:set-app-state-item [:ui-state :section] section])} label
(when (= section current) [:span {:class "sr-only"} "(current)"])]]
(defn navbar []
(let [section (subscribe [:ui-state :section])]
(fn []
[:nav {:class "navbar navbar-default"}
[:div {:class "container-fluid"}
[:div {:class "navbar-header"}
[:button {:type "button", :class "navbar-toggle collapsed", :data-toggle "collapse", :data-target "#bs-example-navbar-collapse-1"}
[:span {:class "sr-only"} "Toggle navigation"]
[:span {:class "icon-bar"}]
[:span {:class "icon-bar"}]
[:span {:class "icon-bar"}]]
[:a {:class "navbar-brand", :href "#"} "Brand"]]
[:div {:class "collapse navbar-collapse", :id "bs-example-navbar-collapse-1"}
[:ul {:class "nav navbar-nav"}
[navbar-item "Monitor" :monitor @section]
[navbar-item "Groups" :groups @section]
[navbar-item "Snapshots" :snapshots @section]]
[:form {:class "navbar-form navbar-left", :role "search"}
[:div {:class "form-group"}
[:input {:type "text", :class "form-control", :placeholder "Search"}]]
[:button {:type "submit", :class "btn btn-default"} "Submit"]]
[:ul {:class "nav navbar-nav navbar-right"}
[navbar-item "Export" :export @section]
[navbar-item "Import" :import @section]]]]])))
(defn modal-confirm []
(let [modal-info (subscribe [:ui-state :modal-info])
;; On the next one, we can't use not-empty because (= nil (not-empty nil)), and :show expects true/false,
......@@ -261,7 +300,6 @@
; [:button {:on-click #(storage/clear)} "Clear"]
(defn tab-groups []
(let [tab-groups (subscribe [:data :groups])
group-edit (subscribe [:ui-state :group-edit])
......@@ -304,6 +342,18 @@
(def component-dir {:monitor current-tabs
:groups tab-groups})
(defn main-section []
(let [section (subscribe [:ui-state :section])
component (reaction (get component-dir @section))]
(fn []
(if (some? @component)
[:div "Work in progress..."]))))
;;;; Chrome subscriptions
......@@ -320,8 +370,8 @@
(defn mount-components []
(reagent/render-component [current-tabs] (.getElementById js/document "tab-list"))
(reagent/render-component [tab-groups] (.getElementById js/document "tab-groups")))
(reagent/render-component [navbar] (.getElementById js/document "navbar"))
(reagent/render-component [main-section] (.getElementById js/document "main-section")))
(defn init []
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment