1 files changed, 52 insertions, 19 deletions

diff --git a/themes/okadmin/templates/index.liquid b/themes/okadmin/templates/index.liquid
index e9ad538..7af84b6 100644
--- a/themes/okadmin/templates/index.liquid
+++ b/themes/okadmin/templates/index.liquid
@@ -7,33 +7,66 @@
   {% assign name = pair[0] %}
   {% assign resource = pair[1] %}
 
-    <section class="resource-category {{name}}">
+    <section class="resource-category root
+        {% if resource.groupBy %} grouped {% endif %}
+        {{name}}">
       <form action="{{resource.type}}/__batch__/" method="POST">
         <header>
           <h2>{{name | capitalize}}</h2>
         </header>
-          <input type="hidden" name="_method" value="PUT">
-          <ol class="resource-list">
-          {% for data in resource.data %}
-            <li>
-              <a href="{{resource.type}}/{{data.id}}/">{{data.title}}</a>
-              <input class="resource-input" type="hidden" name="{{resource.type}}[{{forloop.index0}}]"
-                  value='{{data | stringify | escape_once}}'>
-            </li>
+        <input type="hidden" name="_method" value="PUT">
+        {% if resource.groupBy %}
+          {% assign i = 0 %}
+          {% for pair in resource.data[resource.groupBy] %}
+          {% assign group = pair[0] %}
+          {% assign members = pair[1] %}
+            <section class="resource-category {{group}}">
+              <header>
+                <h2>{{group | capitalize}}</h2>
+              </header>
+              <ol class="resource-list">
+                {% for data in members %}
+                  <li>
+                    <a href="{{resource.type}}/{{data.id}}/">{{data.title}}</a>
+                    <input class="resource-input" type="hidden" name="{{resource.type}}[{{i}}]"
+                        value='{{data | stringify | escape_once}}'>
+                  </li>
+                  {% assign i = i | plus: 1 %}
+                {% endfor %}
+              </ol>
+              <footer>
+                <nav>
+                  <a class="btn cancel-btn" href="#">cancel</a>
+                  <button type="submit"
+                      class="btn save-btn" href="#">save</button>
+                  <a class="btn edit-btn active" href="#">sort</a>
+                  <a class="btn add-btn active" href="{{resource.type}}/__new__/">+</a>
+                </nav>
+              </footer>
+            </section>
           {% endfor %}
+        {% else %}
+          <ol class="resource-list">
+            {% for data in resource.data %}
+              <li>
+                <a href="{{resource.type}}/{{data.id}}/">{{data.title}}</a>
+                <input class="resource-input" type="hidden" name="{{resource.type}}[{{forloop.index0}}]"
+                    value='{{data | stringify | escape_once}}'>
+              </li>
+            {% endfor %}
           </ol>
-        <footer>
-          <nav>
-            <a class="btn cancel-btn" href="#">cancel</a>
-            <button type="submit"
-                class="btn save-btn" href="#">save</button>
-            <a class="btn edit-btn active" href="#">sort</a>
-            <a class="btn add-btn active" href="{{resource.type}}/__new__/">+</a>
-          </nav>
-        </footer>
+          <footer>
+            <nav>
+              <a class="btn cancel-btn" href="#">cancel</a>
+              <button type="submit"
+                  class="btn save-btn" href="#">save</button>
+              <a class="btn edit-btn active" href="#">sort</a>
+              <a class="btn add-btn active" href="{{resource.type}}/__new__/">+</a>
+            </nav>
+          </footer>
+        {% endif %}
       </form>
     </section>
-
   {% endfor %}
 </section>