Set font awesome icons

Victor Costa
1 parent 05e4f757
Showing 2 changed files with 20 additions and 1 deletions Show diff stats
src/app/components/noosfero-blocks/link-list/link-list.html
src/app/index.scss
 <div ng-repeat="link in vm.links">
-  <a class="icon-{{link.icon}}" ng-href="{{link.address | noosferoTemplateFilter:{profile: vm.owner.identifier} }}">{{link.name}}</a>
+  <a ng-href="{{link.address | noosferoTemplateFilter:{profile: vm.owner.identifier} }}">
+    <i class="fa fa-fw icon-{{link.icon}}"></i> <span>{{link.name}}</span>
+  </a>
 </div>
@@ -30,6 +30,23 @@ $fa-font-path: &quot;../../bower_components/font-awesome/fonts&quot;;
   }
 }
  
+//FIXME move to a separated file
+.icon-event {
+  @extend .fa-calendar;
+}
+.icon-photos {
+  @extend .fa-photo;
+}
+.icon-edit {
+  @extend .fa-edit;
+}
+.icon-ok {
+  @extend .fa-check;
+}
+.icon-send {
+  @extend .fa-send-o;
+}
+
 /**
  *  Do not remove the comments below. It's the markers used by gulp-inject to inject
  *  all your sass files automatically
1	1	<div ng-repeat="link in vm.links">
2		- <a class="icon-{{link.icon}}" ng-href="{{link.address \| noosferoTemplateFilter:{profile: vm.owner.identifier} }}">{{link.name}}</a>
	2	+ <a ng-href="{{link.address \| noosferoTemplateFilter:{profile: vm.owner.identifier} }}">
	3	+ <i class="fa fa-fw icon-{{link.icon}}"></i> <span>{{link.name}}</span>
	4	+ </a>
3	5	</div>
...	...
...	...	@@ -30,6 +30,23 @@ $fa-font-path: "../../bower_components/font-awesome/fonts";
30	30	}
31	31	}
32	32
	33	+//FIXME move to a separated file
	34	+.icon-event {
	35	+ @extend .fa-calendar;
	36	+}
	37	+.icon-photos {
	38	+ @extend .fa-photo;
	39	+}
	40	+.icon-edit {
	41	+ @extend .fa-edit;
	42	+}
	43	+.icon-ok {
	44	+ @extend .fa-check;
	45	+}
	46	+.icon-send {
	47	+ @extend .fa-send-o;
	48	+}
	49	+
33	50	/**
34	51	* Do not remove the comments below. It's the markers used by gulp-inject to inject
35	52	* all your sass files automatically
...	...