feat: add ember-can for visibility rules

projectcaluma · Dec 5, 2023 · 77d1bd3 · 77d1bd3
1 parent d432404
commit 77d1bd3
Show file tree

Hide file tree

Showing 8 changed files with 95 additions and 52 deletions.
diff --git a/addon/abilities/category.js b/addon/abilities/category.js
@@ -0,0 +1,7 @@
+import { Ability } from "ember-can";
+
+export default class CategoryAbility extends Ability {
+  get can() {
+    return true;
+  }
+}
diff --git a/addon/abilities/document.js b/addon/abilities/document.js
@@ -0,0 +1,7 @@
+import { Ability } from "ember-can";
+
+export default class DocumentAbility extends Ability {
+  get can() {
+    return true;
+  }
+}
diff --git a/addon/abilities/tag.js b/addon/abilities/tag.js
@@ -0,0 +1,7 @@
+import { Ability } from "ember-can";
+
+export default class TagAbility extends Ability {
+  get can() {
+    return true;
+  }
+}
diff --git a/addon/components/document-upload-button.hbs b/addon/components/document-upload-button.hbs
@@ -1,8 +1,4 @@
-<div
-  class="uk-height-1-1"
-  uk-form-custom
-  ...attributes
->
+<div class="uk-height-1-1" uk-form-custom ...attributes>
   <UkButton
     @color="primary"
     @size="small"
@@ -15,55 +11,65 @@
   </UkButton>
 
   {{#if @category}}
-    <input
-      type="file"
-      multiple="multiple"
-      data-test-input
-      aria-label="Category name"
-      {{on "change" (perform this.upload @category)}}
-    />
+    {{#if can "upload document" @category}}
+      <input
+        type="file"
+        multiple="multiple"
+        data-test-input
+        aria-label="Category name"
+        {{on "change" (perform this.upload @category)}}
+      />
+    {{/if}}
   {{else}}
     <Drop @width="uk-with-medium" as |Item|>
       {{#each this.categories.records as |category|}}
-        <Item uk-form-custom data-test-upload-category>
-          <input
-            type="file"
-            multiple="multiple"
-            data-test-input
-            aria-label="file input"
-            {{on "change" (perform this.upload category)}}
-          />
-          <FaIcon
-            @prefix="far"
-            @icon="folder"
-            @size="2x"
-            class="uk-margin-small-right"
-            data-test-folder-icon
-            {{set-style color=category.color}}
-          />
-          {{category.name}}
-        </Item>
-        {{#if category.children.length}}
-          {{#each category.children as |child|}}
-            <Item class="item--indent" uk-form-custom data-test-upload-category>
-              <input
-                type="file"
-                multiple="multiple"
-                data-test-input
-                aria-label="file input"
-                {{on "change" (perform this.upload child)}}
-              />
-              <FaIcon
-                @prefix="far"
-                @icon="folder"
-                @size="2x"
-                class="uk-margin-small-right"
-                data-test-folder-icon
-                {{set-style color=child.color}}
-              />
-              {{child.name}}
-            </Item>
-          {{/each}}
+        {{#if can "upload to category" @category}}
+          <Item uk-form-custom data-test-upload-category>
+            <input
+              type="file"
+              multiple="multiple"
+              data-test-input
+              aria-label="file input"
+              {{on "change" (perform this.upload category)}}
+            />
+            <FaIcon
+              @prefix="far"
+              @icon="folder"
+              @size="2x"
+              class="uk-margin-small-right"
+              data-test-folder-icon
+              {{set-style color=category.color}}
+            />
+            {{category.name}}
+          </Item>
+          {{#if category.children.length}}
+            {{#each category.children as |child|}}
+              {{#if can "upload to category" @category}}
+                <Item
+                  class="item--indent"
+                  uk-form-custom
+                  data-test-upload-category
+                >
+                  <input
+                    type="file"
+                    multiple="multiple"
+                    data-test-input
+                    aria-label="file input"
+                    {{on "change" (perform this.upload child)}}
+                  />
+                  <FaIcon
+                    @prefix="far"
+                    @icon="folder"
+                    @size="2x"
+                    class="uk-margin-small-right"
+                    data-test-folder-icon
+                    {{set-style color=child.color}}
+                  />
+                  {{child.name}}
+                </Item>
+              {{/if}}
+            {{/each}}
+          {{/if}}
         {{/if}}
       {{else}}
         <span data-test-no-categories>

diff --git a/addon/engine.js b/addon/engine.js
@@ -11,7 +11,7 @@ export default class EmberAlexandriaEngine extends Engine {
   Resolver = Resolver;
 
   dependencies = {
-    services: ["session", "intl", "notification", "config"],
+    services: ["abilities", "session", "intl", "notification", "config"],
   };
 }
 

diff --git a/package.json b/package.json
@@ -42,6 +42,7 @@
     "@glimmer/tracking": "^1.1.2",
     "animate-css-grid": "^1.5.1",
     "ember-auto-import": "^2.6.3",
+    "ember-can": "^4.2.0",
     "ember-cli-babel": "^8.2.0",
     "ember-cli-htmlbars": "^6.3.0",
     "ember-composable-helpers": "^5.0.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/tests/dummy/app/app.js b/tests/dummy/app/app.js
@@ -13,6 +13,7 @@ export default class App extends Application {
     "ember-alexandria": {
       dependencies: {
         services: [
+          "abilities",
           "session",
           "intl",
           "notification",