core&ui: extensible domain & system manage sidebar

packages/ui-default/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.42.1",
+  "version": "4.42.2",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "index.ts",

packages/ui-default/templates/domain_base.html

@@ -7,27 +7,18 @@
   <div class="medium-3 columns"><div data-sticky="large">
     <div class="section side">
       <ol class="menu">
-        <li class="menu__item">
-          <div class="menu__link expandable">
-            <span class="icon icon-info"></span> {{ _('Properties') }}
-          </div>
-          <ol class="menu collapsed">
-            {{ sidemenu.render_item(null, 'domain_dashboard') }}
-            {{ sidemenu.render_item(null, 'domain_edit') }}
-            {{ sidemenu.render_item(null, 'domain_join_applications') }}
-          </ol>
-        </li>
-        <li class="menu__item">
-          <div class="menu__link expandable">
-            <span class="icon icon-user"></span> {{ _('Access Control') }}
-          </div>
-          <ol class="menu collapsed">
-            {{ sidemenu.render_item(null, 'domain_role') }}
-            {{ sidemenu.render_item(null, 'domain_user') }}
-            {{ sidemenu.render_item(null, 'domain_permission') }}
-            {{ sidemenu.render_item(null, 'domain_group') }}
-          </ol>
-        </li>
+        {%- for family, items in ui.getNodes('DomainManage')|groupby('args.family') -%}
+          <li class="menu__item">
+            <div class="menu__link expandable">
+              <span class="icon icon-{{ items[0].args.icon }}"></span> {{ _(family) }}
+            </div>
+            <ol class="menu collapsed">
+              {%- for item in items -%}
+                {{ sidemenu.render_item(null, item.name) }}
+              {%- endfor -%}
+            </ol>
+          </li>
+        {% endfor %}
       </ol>
     </div>
   </div></div>

packages/ui-default/templates/manage_base.html

@@ -12,12 +12,9 @@
             <span class="icon icon-info"></span> {{ _('Properties') }}
           </div>
           <ol class="menu collapsed">
-            {{ sidemenu.render_item(null, 'manage_dashboard') }}
-            {{ sidemenu.render_item(null, 'manage_script') }}
-            {{ sidemenu.render_item(null, 'manage_user_import') }}
-            {{ sidemenu.render_item(null, 'manage_user_priv') }}
-            {{ sidemenu.render_item(null, 'manage_setting') }}
-            {{ sidemenu.render_item(null, 'manage_config') }}
+            {%- for item in ui.getNodes('ControlPanel') -%}
+              {{ sidemenu.render_item(item.icon, item.name) }}
+            {%- endfor -%}
           </ol>
         </li>
       </ol>