Base categories

index.html

@@ -9,17 +9,32 @@
     <div id="pitaya"></div>
 
     <!-- Templates -->
+
+    <script id="launcher-view-tpl" type="text/x-template">
+      {{#unless isRoot}}
+        <div class="category-header">
+          <h2><a href="#" class="goback" data-item-path="{{currentItemPath}}">&#8678;</a> {{currentItem.label}}</h2>
+        </div>
+      {{/unless}}
+      {{> itemListTpl}}
+    </script>
+
     <script id="items-list-tpl" type="text/x-template">
       <ul class="apps-list">
-        {{#each items}}
-          <li data-exec="{{exec}}" class="app-item">
-            <img class="app-icon" src="{{icon}}" />
-            <span class="app-label">{{label}}</span>
-          </li>
+        {{#each currentItem.items}}
+          {{> itemTpl currentItemPath=../currentItemPath}}
         {{/each}}
       </ul>
     </script>
 
+    <script id="item-tpl" type="text/x-template">
+      <li class="app-item"
+        data-item-path="{{currentItemPath}}.{{@index}}">
+        <img class="app-icon" src="{{icon}}" />
+        <span class="app-label">{{label}}</span>
+      </li>
+    </script>
+
     <!-- Scripts -->
     <script type="text/javascript" src="js/dom.js"></script>
     <script type="text/javascript" src="js/app.js"></script>