feat: add ember-can for visibility rules

projectcaluma · Sep 27, 2023 · 1802db9 · 1802db9
1 parent a076899
commit 1802db9
Show file tree

Hide file tree

Showing 8 changed files with 91 additions and 53 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
@@ -70,6 +70,7 @@
     "@faker-js/faker": "8.1.0",
     "broccoli-asset-rev": "3.0.0",
     "concurrently": "8.2.1",
+    "ember-can": "^4.2.0",
     "ember-cli": "4.12.1",
     "ember-cli-dependency-checker": "3.3.2",
     "ember-cli-inject-live-reload": "2.1.0",

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",

diff --git a/yarn.lock b/yarn.lock
@@ -6500,6 +6500,15 @@ ember-cached-decorator-polyfill@^1.0.1:
     ember-cli-babel "^7.26.11"
     ember-cli-babel-plugin-helpers "^1.1.1"
 
+ember-can@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/ember-can/-/ember-can-4.2.0.tgz#08bfec3b2b57aad3dc6e4dc36fe9692bd1794dab"
+  integrity sha512-hiaWZspmI4zWeWmmFWgyw1+yEStSo6edGRHHUXCUPR+vBoqlT/hEfmndlfDGso2GFP8IV59DORMVY0KReMcO+w==
+  dependencies:
+    ember-cli-babel "^7.26.6"
+    ember-cli-htmlbars "^6.0.0"
+    ember-inflector "^4.0.2"
+
 ember-cli-babel-plugin-helpers@^1.0.0, ember-cli-babel-plugin-helpers@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ember-cli-babel-plugin-helpers/-/ember-cli-babel-plugin-helpers-1.1.1.tgz#5016b80cdef37036c4282eef2d863e1d73576879"
@@ -6579,7 +6588,7 @@ ember-cli-htmlbars@^5.1.1, ember-cli-htmlbars@^5.3.1, ember-cli-htmlbars@^5.7.1:
     strip-bom "^4.0.0"
     walk-sync "^2.2.0"
 
-ember-cli-htmlbars@^6.0.1, ember-cli-htmlbars@^6.2.0, ember-cli-htmlbars@^6.3.0:
+ember-cli-htmlbars@^6.0.0, ember-cli-htmlbars@^6.0.1, ember-cli-htmlbars@^6.2.0, ember-cli-htmlbars@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/ember-cli-htmlbars/-/ember-cli-htmlbars-6.3.0.tgz#ac85f2bbd09788992ab7f9ca832cd044fb8e5798"
   integrity sha512-N9Y80oZfcfWLsqickMfRd9YByVcTGyhYRnYQ2XVPVrp6jyUyOeRWmEAPh7ERSXpp8Ws4hr/JB9QVQrn/yZa+Ag==