[fix] Fixing the person view for Cubicweb

views-logilab/src/person/PersonImpl.vue

@@ -3,15 +3,30 @@
     <div class="container">
       <div class="row">
         <div class="col-sm-4">
-          <img :src="person.depiction.__resource.uri" height="300px"/>
+          <img v-if="person.depiction" :src="person.depiction.__resource.uri" height="300px"/>
         </div>
         <div class="col-sm-8">
           <h1>
             {{person.title}}
-            {{person.name}}
-            <span v-if="person.__warnings['name'] != undefined" style="color: yellow; font-size: 8pt;" :title="person.__warnings['name']">
+            <span v-if="person.__warnings['title'] != undefined" style="color: yellow; font-size: 8pt;" :title="person.__warnings['title']">
               &#x26A0;
             </span>
+            <span v-if="person.name">
+              {{person.name}}
+              <span v-if="person.__warnings['name'] != undefined" style="color: yellow; font-size: 8pt;" :title="person.__warnings['name']">
+                &#x26A0;
+              </span>
+            </span>
+            <span v-else>
+              {{person.firstName}}
+              <span v-if="person.__warnings['firstName'] != undefined" style="color: yellow; font-size: 8pt;" :title="person.__warnings['firstName']">
+                &#x26A0;
+              </span>
+              {{person.lastName}}
+              <span v-if="person.__warnings['lastName'] != undefined" style="color: yellow; font-size: 8pt;" :title="person.__warnings['lastName']">
+                &#x26A0;
+              </span>
+            </span>
           </h1>
           <table class="table table-bordered table-hover">
             <tbody>