From acfecbc0b9b0cca5de16e4955130437263a3d72b Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Thu, 9 Jul 2015 03:49:14 +0300
Subject: [PATCH] + breadcrumbs;

---
 assets/style/breadcrumbs.scss    | 23 +++++++++++++++++++++++
 client/app.js                    |  1 +
 client/ui/breadcrumbs.js         | 11 +++++++++++
 templates/views/breadcrumbs.html |  8 ++++++++
 4 files changed, 43 insertions(+)
 create mode 100644 assets/style/breadcrumbs.scss
 create mode 100644 client/ui/breadcrumbs.js
 create mode 100644 templates/views/breadcrumbs.html

diff --git a/assets/style/breadcrumbs.scss b/assets/style/breadcrumbs.scss
new file mode 100644
index 00000000..046ef07d
--- /dev/null
+++ b/assets/style/breadcrumbs.scss
@@ -0,0 +1,23 @@
+nav.breadcrumbs{
+  width: 80%;
+  margin: 0 auto;
+  padding: .35em 0 0;
+  color: #bbb;
+
+  a {
+    color: #9990e0;
+  }
+
+  ul{
+    list-style: none;
+
+    li {
+      display: inline-block;
+
+      &:not(:first-child):before{
+        content: '⟶';
+        margin-left: .4em;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/client/app.js b/client/app.js
index b9d8efdb..36d685f4 100644
--- a/client/app.js
+++ b/client/app.js
@@ -79,6 +79,7 @@ app.run(function($location, $rootScope, $http, config) {
 require("./api/api")(app);
 require("./services/io")(app);
 require("./ui/menu")(app);
+require("./ui/breadcrumbs")(app);
 require("./ui/timeline")(app);
 require("./filters/strip")(app);
 require("./filters/remove-hashtags")(app);
diff --git a/client/ui/breadcrumbs.js b/client/ui/breadcrumbs.js
new file mode 100644
index 00000000..585d3e0b
--- /dev/null
+++ b/client/ui/breadcrumbs.js
@@ -0,0 +1,11 @@
+module.exports = function(app) {
+    app.directive('breadcrumbs', function () {
+        return {
+            restrict: 'E',
+            templateUrl: '/views/breadcrumbs.html',
+            scope: {
+                crumbs: '='
+            }
+        };
+    });
+};
\ No newline at end of file
diff --git a/templates/views/breadcrumbs.html b/templates/views/breadcrumbs.html
new file mode 100644
index 00000000..f029e24d
--- /dev/null
+++ b/templates/views/breadcrumbs.html
@@ -0,0 +1,8 @@
+<nav class="breadcrumbs">
+    <ul>
+        <li ng-repeat="i in crumbs">
+            <a ng-show="i.url" href="{{i.url}}">{{i.name}}</a>
+            <span ng-hide="i.url">{{i.name}}</span>
+        </li>
+    </ul>
+</nav>
\ No newline at end of file