@ucd-lib/theme-elements 1.0.0 → 1.0.1

package/brand/ucd-theme-author-profile/ucd-theme-author-profile.js

@@ -128,6 +128,7 @@ export default class UcdlibAuthorProfile extends LitElement {
    */ 
   _onError(e){
     this.ERROR = true;
+    console.log(this.ERROR);
     console.error(e);
   }
 
@@ -141,37 +142,44 @@ export default class UcdlibAuthorProfile extends LitElement {
    * 
    */ 
   _onComplete(results){
-    this.COMPLETE = true;
-    this.PENDING = false;
-    this.LOADING = false;
     this.results = results;
+    if(this.results.data != undefined) {
+      this.ERROR = true;
+    }
+    else {
+      this.COMPLETE = true;
+      this.PENDING = false;
+      this.LOADING = false;
 
-    this.id = this.results.id;
 
-    this.nameLast = this.results.nameLast;
+      this.id = this.results.id;
 
-    this.nameFirst = this.results.nameFirst;
+      this.nameLast = this.results.nameLast;
 
-    this.link = this.results.link;
+      this.nameFirst = this.results.nameFirst;
 
-    this.contactWebsite = this.results.contactWebsite.length !== 0 ? this.results.contactWebsite[0].value :null;
+      this.link = this.results.link;
 
-    this.contactEmail = this.results.contactEmail.length !== 0 ? this.results.contactEmail[0].value : null;
+      this.contactWebsite = this.results.contactWebsite.length !== 0 ? this.results.contactWebsite[0].value :null;
 
-    this.contactPhone = this.results.contactPhone.length !== 0 ? this.results.contactPhone[0].value : null;
+      this.contactEmail = this.results.contactEmail.length !== 0 ? this.results.contactEmail[0].value : null;
 
-    this.contactAppointmentUrl = this.results.contactAppointmentUrl;
- 
-    this.positionTitle = this.results.positionTitle;
+      this.contactPhone = this.results.contactPhone.length !== 0 ? this.results.contactPhone[0].value : null;
 
-    this.photo = Object.keys(this.results.photo).length !== 0 ? this.results.photo : "Empty";
+      this.contactAppointmentUrl = this.results.contactAppointmentUrl != "" ? this.results.contactAppointmentUrl : undefined;
+  
+      this.positionTitle = this.results.positionTitle;
 
-    this.department = this.results.department.title;
-    
-    this.photoAlt = this.nameFirst + "_" + this.nameLast + "_Img";
+      this.photo = Object.keys(this.results.photo).length !== 0 ? this.results.photo : "Empty";
 
-    this.requestUpdate();
+      this.department = this.results.department.title;
+      
+      this.photoAlt = this.nameFirst + "_" + this.nameLast + "_Img";
 
+      this.requestUpdate();
+    }
+
+    
 
   }
 

package/brand/ucd-theme-author-profile/ucd-theme-author-profile.tpl.js

@@ -102,6 +102,9 @@ export function render() {
         line-height: 25px;
         color:#36454F;
     }
+    .noApp-pipe {
+      display:none;
+    }
 
     @media (max-width: 800px) {
 
@@ -154,8 +157,8 @@ ${this.eController ? html`
           <h3 class="name"><a class="name" href="">${this.nameFirst} ${this.nameLast}</a></h3>
           <p class="title">${this.positionTitle} <span class="pipe">&#124;</span> ${this.department}</p>
           <p class="contact-list">${this.contactPhone ? html`${this.svgIcon.phone} <a class="info" href="tel:${this.contactPhone}">${this.contactPhone}</a>  <span class="pipe">&#124;</span>`: html``}</p>
-          <p class="contact-list">${this.contactEmail ? html`${this.svgIcon.email} <a class="info" href="mailto:${this.contactEmail}">${this.contactEmail}</a> <span class="pipe">&#124;</span>`: html``}</p>
-          <p class="contact-list">${this.svgIcon.calendar} <a class="info" href="${this.contactAppointmentUrl}">Book an Appointment</a></p>
+          <p class="contact-list">${this.contactEmail ? html`${this.svgIcon.email} <a class="info" href="mailto:${this.contactEmail}">${this.contactEmail}</a> ${this.contactAppointmentUrl ? html`<span class="pipe">&#124;</span>`:html`<span class="noApp-pipe">&#124;</span>`}`: html``}</p>
+          <p class="contact-list">${this.contactAppointmentUrl ? html`${this.svgIcon.calendar} <a class="info" href="${this.contactAppointmentUrl ? this.contactAppointmentUrl:"#"}">Book an Appointment</a>`: html``}</p>
         </div>
       </div>
       `
@@ -165,28 +168,33 @@ ${this.eController ? html`
           <h3 class="name"><a class="name" href="">${this.nameFirst} ${this.nameLast}</a></h3>
           <p class="title">${this.positionTitle} <span class="pipe">&#124;</span> ${this.department}</p>
           <p class="contact-list">${this.contactPhone ? html`${this.svgIcon.phone} <a class="info" href="tel:${this.contactPhone}">${this.contactPhone}</a>  <span class="pipe">&#124;</span> `: html``}</p>
-          <p class="contact-list">${this.contactEmail ? html`${this.svgIcon.email} <a class="info" href="mailto:${this.contactEmail}">${this.contactEmail}</a> <span class="pipe">&#124;</span>`: html``}</p>
-          <p class="contact-list">${this.svgIcon.calendar} <a class="info" href="${this.contactAppointmentUrl ? this.contactAppointmentUrl:"#"}">Book an Appointment</a></p>
+          <p class="contact-list">${this.contactEmail ? html`${this.svgIcon.email} <a class="info" href="mailto:${this.contactEmail}">${this.contactEmail}</a> ${this.contactAppointmentUrl ? html`<span class="pipe">&#124;</span>`:html`<span class="noApp-pipe">&#124;</span>`}`: html``}</p>
+          <p class="contact-list">${this.contactAppointmentUrl ? html`${this.svgIcon.calendar} <a class="info" href="${this.contactAppointmentUrl ? this.contactAppointmentUrl:"#"}">Book an Appointment</a>`: html``}</p>
         </div>
       </div>
       `}
 
     `:html`
-      <!-- 
-        If it is in the loading stage of the permalink fetch
-        it will render this
-        look.
-      -->
-      <div class="vm-teaser__figure category_loading"></div>
-      <div class="vm-teaser__body">
-        <div class="load_teaser_a"></div>
-        <br/>
-        <div class="load_teaser_b"></div>
-        <br/>
-        <div class="load_teaser_c"></div>
-        <br/>
-        <div class="load_teaser_c"></div>
-      </div>
+      ${this.ERROR ? html`
+        <p>Person does not exist!</p>
+      `: html`
+        <!-- 
+          If it is in the loading stage of the permalink fetch
+          it will render this
+          look.
+        -->
+        <div class="vm-teaser__figure category_loading"></div>
+        <div class="vm-teaser__body">
+          <div class="load_teaser_a"></div>
+          <br/>
+          <div class="load_teaser_b"></div>
+          <br/>
+          <div class="load_teaser_c"></div>
+          <br/>
+          <div class="load_teaser_c"></div>
+        </div>
+        `}
+
     `}
 </article>
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ucd-lib/theme-elements",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Custom elements for the UCD brand theme",
   "main": "index.js",
   "scripts": {