item module only accessible by developers

client/item/routes.json

@@ -13,7 +13,8 @@
         {
             "url": "/list",
             "state": "item.index",
-            "component": "vn-item-list"
+            "component": "vn-item-list",
+            "acl": ["developer"]
         }, {
             "url": "/create",
             "state": "item.create",

client/item/src/card/item-card.html

@@ -1,12 +1,7 @@
 <vn-main-block>
     <vn-horizontal>
         <vn-auto class="left-block">
-            <vn-card margin-medium-v>
-                <a class="item-product-link pad-large text-center" ui-sref="item.index">
-                    <b>{{$ctrl.item.name}}</b>
-                    <img ng-src="http://verdnatura.es/vn-image-data/catalog/200x200/{{$ctrl.item.image}}" />
-                </a>
-            </vn-card>
+            <vn-item-descriptor item="$ctrl.item"></vn-item-descriptor>
             <vn-left-menu></vn-left-menu>
         </vn-auto>
         <vn-one>

client/item/src/descriptor/item-descriptor.html

@@ -0,0 +1,27 @@
+<vn-card margin-medium-v>
+    <vn-vertical>
+        <vn-auto class="descriptor-header pointer" ui-sref="clients">
+            <img ng-src="/static/images/icon_item.png"/>
+        </vn-auto>
+        <vn-auto>
+            <vn-horizontal>
+                    <vn-one>
+                        </vn-one>
+                <vn-auto>
+                    <img ng-src="http://verdnatura.es/vn-image-data/catalog/200x200/{{$ctrl.item.image}}" on-error-src/>
+                </vn-auto>
+                <vn-one>
+                </vn-one>
+            </vn-horizontal>
+        </vn-auto>
+    </vn-vertical>
+</vn-card>
+
+<!-- <vn-card margin-medium-v>
+    <a class="item-product-link pad-large text-center" ui-sref="item.index">
+        <vn-auto class="descriptor-header pointer" ui-sref="clients">
+            <i class="material-icons">person</i>
+        </vn-auto>
+        
+    </a>
+</vn-card> -->

client/item/src/descriptor/item-descriptor.js

@@ -0,0 +1,8 @@
+import ngModule from '../module';
+
+ngModule.component('vnItemDescriptor', {
+    template: require('./item-descriptor.html'),
+    bindings: {
+        item: '<'
+    }
+});

client/item/src/item.js

@@ -4,6 +4,7 @@ import './list/list';
 import './filter-panel/filter-panel';
 import './create/item-create';
 import './card/item-card';
+import './descriptor/item-descriptor';
 import './data/item-data';
 import './tags/item-tags';
 import './history/item-history';

client/item/src/list/item-product.html

@@ -1,7 +1,7 @@
 
 <vn-horizontal pad-medium border-solid-bottom>
     <vn-auto margin-medium-right ng-if="$ctrl.item.image">
-        <img ng-src="http://verdnatura.es/vn-image-data/catalog/200x200/{{$ctrl.item.image}}" />
+        <img ng-src="http://verdnatura.es/vn-image-data/catalog/200x200/{{$ctrl.item.image}}" on-error-src/>
     </vn-auto>
     <vn-one>
         <div><span translate>Id</span>: <b>{{$ctrl.item.id}}</b></div>