feat: allow the hiding of abilities from UI

adds the ability to hide the abilities from the UI.

Resolves #25

readme.md

@@ -42,6 +42,28 @@ public function fields(Request $request)
 
 ```
 
-## Other Info
+## Features
 
-This is super basic plugin at the moment, I just needed a quick way to generate a Sanctum token from Nova. This does not allow or support other features that Sanctum does, however ,if there is a want/need from other people i'll get more functionality added.
+### Hide Abilities
+
+You can hide the reference to the token abilities from the UI by calling the `hideAbilities()` method on the field.
+
+```php
+use Jeffbeltran\SanctumTokens\SanctumTokens;
+
+/**
+ * Get the fields displayed by the resource.
+ *
+ * @param  \Illuminate\Http\Request  $request
+ * @return array
+ */
+public function fields(Request $request)
+{
+    return [
+        ID::make('ID', 'id')->sortable(),
+        ...
+        SanctumTokens::make()->hideAbilities(),
+    ];
+}
+
+```

resources/js/components/CreateToken.vue

@@ -27,7 +27,7 @@
                   <div class="help-text help-text mt-2"></div>
                 </div>
               </div>
-              <div class="flex w-full">
+              <div class="flex w-full" v-if="showAbilities">
                 <div class="w-1/5 px-8 py-6">
                   <label
                     for="scopes"
@@ -71,6 +71,12 @@
 
 <script>
 export default {
+  props: {
+    showAbilities: {
+      required: true,
+      type: Boolean,
+    },
+  },
   /**
    * Mount the component.
    */

resources/js/components/Token.vue

@@ -5,7 +5,7 @@
         <span class="whitespace-no-wrap">{{ token.name }}</span>
       </div>
     </td>
-    <td>
+    <td v-if="showAbilities">
       <div class="text-left text-left" via-resource="users" via-resource-id="1">
         <span class="whitespace-no-wrap">{{ token.abilities }}</span>
       </div>
@@ -56,6 +56,10 @@ export default {
       required: true,
       type: Object,
     },
+    showAbilities: {
+      required: true,
+      type: Boolean,
+    },
   },
   data() {
     return {

resources/js/components/Tool.vue

@@ -24,7 +24,7 @@
               <th class="text-left">
                 <span>Name</span>
               </th>
-              <th class="text-left">
+              <th class="text-left" v-if="panel.options.showAbilities">
                 <span>Abilities</span>
               </th>
               <th class="text-left">
@@ -38,6 +38,7 @@
               v-for="token in tokens"
               :key="token.id"
               :token="token"
+              :show-abilities="panel.options.showAbilities"
               @revoke-token="revokeToken"
             ></token>
           </tbody>
@@ -75,6 +76,7 @@
     <portal to="modals" transition="fade-transition">
       <create-token
         v-if="showAddModal"
+        :show-abilities="panel.options.showAbilities"
         @create="createToken"
         @cancelled-create="closeModal"
       >

src/SanctumTokens.php

@@ -6,6 +6,15 @@
 
 class SanctumTokens extends ResourceTool
 {
+    private $defaultOptions = ["showAbilities" => true];
+
+    public function __construct()
+    {
+        parent::__construct();
+
+        $this->meta["options"] = $this->defaultOptions;
+    }
+
     /**
      * Get the displayable name of the resource tool.
      *
@@ -16,6 +25,24 @@ public function name()
         return "Sanctum Tokens";
     }
 
+    private function updateOption(array $value)
+    {
+        $this->meta["options"] = array_merge($this->meta["options"], $value);
+        return $this;
+    }
+
+    /**
+     * This will hide the references to abilities from the UI
+     *
+     * @return $this
+     */
+    public function hideAbilities()
+    {
+        return $this->updateOption([
+            "showAbilities" => false,
+        ]);
+    }
+
     /**
      * Get the component name for the resource tool.
      *