vnCard con nuevo formato

client/client/src/card/card.js

@@ -1,5 +1,4 @@
 import ngModule from '../module';
-import './style.css';
 
 export default class Controller {
     constructor() {

client/client/src/card/style.css

@@ -1,3 +0,0 @@
-vn-descriptor {
-    font-family: vn-font-bold;
-}

client/client/src/descriptor/descriptor.html

@@ -1,14 +1,19 @@
 <vn-card>
-    <vn-vertical class="margin-medium" pad-medium-top pad-medium-bottom>
-        <vn-horizontal>
+    <vn-vertical class="margin-large" pad-medium-top pad-medium-bottom>
+       <vn-horizontal>
             <a vn-one ui-sref="clients">
-                <i class="material-icons descriptor-icon">person</i>
+                <i class="material-icons descriptor-icon" >person</i>
             </a>
-            <vn-vertical vn-two>
-                <div class="margin-none">{{::$ctrl.client.id}}</div>
-                <div class="margin-none">{{$ctrl.client.name}}</div>
-                <div class="margin-none">{{$ctrl.client.phone}}</div>
-            </vn-vertical>
         </vn-horizontal>
+        <!-- style="align:center;" -->
+        <vn-one class="vn-item-client-name" >{{$ctrl.client.name}}</vn-one>
+        <vn-one><span >Client id</span>: <b>{{$ctrl.client.id}}</b></vn-one>
+        <vn-one><span>Mobile</span>: <b>{{$ctrl.client.mobile | phone}}</b></vn-one>
+        <vn-one title="{{$ctrl.client.salesPerson.name}}" style="width: 200px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      "><span >Salesperson</span>: <b>cesteban</b></vn-one>
+        <vn-one><span >Credit</span>: <b>{{($ctrl.client.credit | number:0) + " €"}}</b></vn-one>    
     </vn-vertical> 
 </vn-card>

client/client/src/locale/es.json

@@ -12,5 +12,6 @@
     "Province": "Provincia",
     "Save": "Guardar",
     "Pay method" : "Forma de pago",
-    "Address": "Consignatario"
+    "Address": "Consignatario",
+    "Credit": "Crédito"
 }