visually reflect sharing state of current folder

Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>

apps/files_sharing/appinfo/app.php

@@ -44,6 +44,7 @@ $eventDispatcher->addListener(
 		\OCP\Util::addScript('files_sharing', 'sharetabview');
 		\OCP\Util::addScript('files_sharing', 'sharebreadcrumbview');
 		\OCP\Util::addStyle('files_sharing', 'sharetabview');
+		\OCP\Util::addStyle('files_sharing', 'sharebreadcrumb');
 	}
 );
 

apps/files_sharing/css/sharebreadcrumb.css

@@ -0,0 +1,33 @@
+/**
+ * @copyright 2016 Christoph Wurst <christoph@winzerhof-wurst.at>
+ *
+ * @author 2016 Christoph Wurst <christoph@winzerhof-wurst.at>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+div.crumb span.icon-share {
+	display: inline-block;
+	width: 32px;
+	vertical-align: sub;
+	cursor: pointer;
+	opacity: 0.2;
+}
+
+div.crumb span.icon-share.shared {
+	opacity: 0.7;
+}

apps/files_sharing/js/sharebreadcrumbview.js

@@ -25,11 +25,7 @@
 (function() {
 	'use strict';
 
-	var TEMPLATE = '{{#if isShared}}'
-		+ 'Shared!'
-		+ '{{else}}'
-		+ 'Not shared!'
-		+ '{{/if}}';
+	var TEMPLATE = '<span class="icon icon-share {{#if isShared}}shared{{/if}}"></span>';
 
 	var BreadCrumbView = OC.Backbone.View.extend({
 		tagName: 'span',

core/css/styles.css

@@ -894,12 +894,15 @@ div.crumb.hidden {
 	display: none;
 }
 div.crumb a,
-div.crumb span {
+div.crumb > span {
 	position: relative;
 	top: 12px;
 	padding: 14px 24px 14px 17px;
 	color: #555;
 }
+div.crumb.last a {
+	padding-right: 14px;
+}
 div.crumb:first-child a {
 	position: relative;
 	top: 13px;