breadcrumb

resources/public/css/public.css

@@ -81,6 +81,16 @@ body {
     padding-left: 2rem;
 }
 
+.content {
+    grid-column: 2;
+}
+
+.breadcrumb {
+    margin-left: 4vw;
+    margin-right: 4vw;
+    margin-top: 1.5rem;
+}
+
 .landing-container, .main {
     grid-column: 2;
     padding: 3rem;

src/wanijo/public/db.clj

@@ -24,3 +24,13 @@
        (neo4j/exec-query! roles-of-coc
                           {:coc_uuid (get coc-instance-uuids coc-key)
                            :roleschema_uuid (:role schema-uuids)})))
+
+(neo4j/defquery coc
+  "MATCH (coc:instance {uuid:{uuid}})
+   RETURN coc")
+(defn coc! [coc-key]
+  (-> (neo4j/exec-query! coc
+                         {:uuid (get coc-instance-uuids coc-key)})
+      first
+      :coc
+      (assoc :key coc-key)))

src/wanijo/public/routes.clj

@@ -7,10 +7,10 @@
 (defn index []
   (view-public/index))
 
-(defn show-coc [coc]
+(defn show-roles [coc-key]
-  (view-public/show-coc coc
+  (view-public/show-coc (db-public/coc! coc-key)
-                        (db-public/roles-of-coc! coc)))
+                        (db-public/roles-of-coc! coc-key)))
 
 (defroutes routes
   (GET (register! :public-index "/public") [] (index))
-  (GET (register! :public-coc "/public/:coc") [coc] (show-coc coc)))
+  (GET (register! :public-coc "/public/:coc") [coc] (show-roles coc)))

src/wanijo/public/view.clj

@@ -5,59 +5,63 @@
 
 (defn layout [content]
   (html5
-    [:head
+   [:head
-     [:meta {:charset "utf-8"}]
+    [:meta {:charset "utf-8"}]
-     [:meta {:name "viewport"
+    [:meta {:name "viewport"
-             :content "width=device-width,initial-scale=1,shrink-to-fit=no"}]
+            :content "width=device-width,initial-scale=1,shrink-to-fit=no"}]
-     [:title "Moxie!"]
+    [:title "Moxie!"]
-     (include-css "/css/bootstrap.min.css"
+    (include-css "/css/bootstrap.min.css"
-                  "/css/public.css")
+                 "/css/public.css")
-     (include-js "/js/bootstrap.min.js")]
+    (include-js "/js/bootstrap.min.js")]
-    [:body
+   [:body
-     [:nav.navbar.navbar-expand-lg.sticky-top
+    [:nav.navbar.navbar-expand-lg.sticky-top
-      [:a.navbar-brand {:href (path :public-index)}
+     [:a.navbar-brand {:href (path :public-index)}
-       [:img.navbar__logo {:src "/img/trio-logo.svg"
+      [:img.navbar__logo {:src "/img/trio-logo.svg"
-                           :alt "logo"}]]
+                          :alt "logo"}]]
-      [:button.navbar-toggler {:type "button"
+     [:button.navbar-toggler {:type "button"
-                               :data-toggle "collapse"
+                              :data-toggle "collapse"
-                               :data-target "#navbar-content"}
+                              :data-target "#navbar-content"}
-       [:span.navbar-toggler-icon]]
+      [:span.navbar-toggler-icon]]
-      [:div#navbar-content.collapse.navbar-collapse.text-right
+     [:div#navbar-content.collapse.navbar-collapse.text-right
-       [:div#navbar-nav.ml-auto
+      [:div#navbar-nav.ml-auto
-        [:a {:href (path :auth-login)}
+       [:a {:href (path :auth-login)}
-         "Login"]]]]
+        "Login"]]]]
-     [:div.container-fluid.super-container
+    [:div.container-fluid.super-container
-      [:menu.global-nav
+     [:menu.global-nav
-       [:ol.global-nav__card-nav
+      [:ol.global-nav__card-nav
-        [:li.global-nav__card-nav-item
+       [:li.global-nav__card-nav-item
-         [:a.global-nav__link {:href (path :public-coc {:coc "dev"})}
+        [:a.global-nav__link {:href (path :public-coc {:coc "dev"})}
-          "Development"]]
+         "Development"]]
-        [:li.global-nav__card-nav-item
+       [:li.global-nav__card-nav-item
-         [:a.global-nav__link {:href (path :public-coc {:coc "prk"})}
+        [:a.global-nav__link {:href (path :public-coc {:coc "prk"})}
-          "Projekte"]]
+         "Projekte"]]
-        [:li.global-nav__card-nav-item
+       [:li.global-nav__card-nav-item
-         [:a.global-nav__link {:href (path :public-coc {:coc "req"})}
+        [:a.global-nav__link {:href (path :public-coc {:coc "req"})}
-          "Req. Eng."]]]]
+         "Req. Eng."]]]]
-      (into [:main.main] content)]]))
+     (into [:div.content] content)]]))
 
 (defn index []
   (layout
-    [[:h1 "Schön, dass du da bist!"]
+   [[:h1 "Schön, dass du da bist!"]
-     [:h2 "Willkommen auf der TRIO-Wissensplattform"]
+    [:h2 "Willkommen auf der TRIO-Wissensplattform"]
-     [:p "Hier findest du das gesammelte Wissen unserer Kollegen."]
+    [:p "Hier findest du das gesammelte Wissen unserer Kollegen."]
-     [:p "Schau dich um. Vermisst du etwas? Dann sprich mit deinem CoC!"]
+    [:p "Schau dich um. Vermisst du etwas? Dann sprich mit deinem CoC!"]
-     [:p "Du möchtest dich weiterentwickeln?"
+    [:p "Du möchtest dich weiterentwickeln?"
-      "Dann gestalte selbst deinen Weg bei der TRIO und sprich"
+     "Dann gestalte selbst deinen Weg bei der TRIO und sprich"
-      "deinen Vorgesetzten an"]]))
+     "deinen Vorgesetzten an"]]))
 
 (defn show-coc [coc roles]
   (layout
-   [[:h1 "CoC " coc]
+   [[:main.main
-    [:table.table
+     [:h1 "CoC " (h (:name coc))]
-     [:thead
+     [:table.table
-      [:tr
+      [:thead
-       [:th "Name"]]]
+       [:tr
-     [:tbody
+        [:th "Name"]]]
-      (for [role roles]
+      [:tbody
-        [:tr
+       (for [role roles]
-         [:td (h (:name role))]])]]]))
+         [:tr
+          [:td (h (:name role))]])]]]
+    [:nav
+     [:ol.breadcrumb
+      [:li.breadcrumb-item.active (h (:name coc))]]]]))