repo: janusweb
action: commit
revision: 
path_from: 
revision_from: e51deaeff1f94fb5e0fd976395ff07ca8fad7c4c:
path_to: 
revision_to: 

commit e51deaeff1f94fb5e0fd976395ff07ca8fad7c4c
Author: James Baicoianu 
Date:   Sat Mar 30 02:24:52 2019 -0700

    Use custom itemcomponent for inventory to allow for advanced logic

diff --git a/media/assets/webui/apps/inventory/inventory-item-poly.html b/media/assets/webui/apps/inventory/inventory-item-poly.html

--- a/media/assets/webui/apps/inventory/inventory-item-poly.html
+++ b/media/assets/webui/apps/inventory/inventory-item-poly.html
@@ -1,6 +1,6 @@
-      
-        
-        
{displayName}
-        
By {authorName}
+      
+        
+        
{value.displayName}
+        
By {value.authorName}
       

diff --git a/media/assets/webui/apps/inventory/inventory.css b/media/assets/webui/apps/inventory/inventory.css

--- a/media/assets/webui/apps/inventory/inventory.css
+++ b/media/assets/webui/apps/inventory/inventory.css
@@ -3,7 +3,7 @@ ui-grid.models {
   grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
   grid-template-rows: repeat(auto-fill, minmax(80px, 1fr));
 }
-ui-grid.models>ui-item {
+ui-grid.models>* {
   height: auto;
   padding: 0;
   position: relative;
@@ -13,7 +13,7 @@ ui-grid.models>ui-item {
   margin: 0;
   display: flex;
 }
-ui-grid.models>ui-item h2 {
+ui-grid.models>* h2 {
   font-size: .8em;
   font-weight: bold;
   margin: 0;
@@ -32,34 +32,34 @@ ui-grid.models>ui-item h2 {
   text-overflow: ellipsis;
   overflow: hidden;
 }
-ui-grid.models>ui-item h3 {
+ui-grid.models>* h3 {
   font-size: .8em;
   margin: 0;
   display: none;
 }
-ui-grid.models>ui-item img {
+ui-grid.models>* img {
   width: 100%;
   border-radius: .5em;
   margin: 0 auto;
   display: block;
 }
-ui-grid.models>ui-item a {
+ui-grid.models>* a {
   margin: 0;
   padding: 0;
   flex: 1 1;
 }
-ui-grid.models>ui-item p {
+ui-grid.models>* p {
   display: none;
   font-size: .8em;
 }
-ui-grid.models>ui-item:hover p {
+ui-grid.models>*:hover p {
   position: absolute;
   display: none;
   width: 100%;
   background: rgba(0,0,0,.5);
   border: 1px solid black;
 }
-ui-grid.models>ui-item:hover {
+ui-grid.models>*:hover {
   transform: scale(1.1);
   position: relative;
   z-index: 1;
diff --git a/media/assets/webui/apps/inventory/inventory.html b/media/assets/webui/apps/inventory/inventory.html

--- a/media/assets/webui/apps/inventory/inventory.html
+++ b/media/assets/webui/apps/inventory/inventory.html
@@ -3,7 +3,7 @@
       endpoint="/v1/assets"
       itempath="assets"
       apiargs.keywords=""
-      apiargs.format="OBJ"
+      apiargs.format="gltf2"
       apiargs.key="AIzaSyC9ngd4hqQ9YmaBpUAQP4R9KJEY3dIZ4hM">
     

@@ -26,7 +26,7 @@
        
         
           
-          
+          
           Load More
         
       
diff --git a/media/assets/webui/apps/inventory/inventory.js b/media/assets/webui/apps/inventory/inventory.js

--- a/media/assets/webui/apps/inventory/inventory.js
+++ b/media/assets/webui/apps/inventory/inventory.js
@@ -2,4 +2,22 @@ elation.elements.define('janus.ui.inventory', class extends elation.elements.bas
   create() {
     this.innerHTML = elation.template.get('janus.ui.inventory');
   }
+  addSource(name, collection) {
+  }
+});
+elation.elements.define('janus.ui.inventory.item.poly', class extends elation.elements.ui.item {
+  create() {
+    let item = this.value;
+
+    for (let i = 0; i < item.formats.length; i++) {
+      if (item.formats[i].formatType == 'GLTF2') {
+        this.model = item.formats[i];
+      }
+    }
+    if (!this.model) {
+      this.model = item.formats[0];
+    }
+
+    let elements = elation.elements.fromTemplate('janus.ui.inventory.item.poly', this);
+  }
 });

-----END OF PAGE-----