easy-admin-rails 0.1.15 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '0785f402aff13dbf037ade8d523c93b2301d6aecb75e1683201e30c35f706133'
-  data.tar.gz: 81fea48355b3f283adad25cb54bff8f0e45c8d578352214660d5b5f9684877d9
+  metadata.gz: 5a486a14f84c7adc080acaf93dd573f6bcd2fbe6c2118e4c37d58e3b34b254ff
+  data.tar.gz: d7e4324d5c53c1dd23ff1c3a2cd7df00d57feecea70fa4cb5a8e8e52520bb56c
 SHA512:
-  metadata.gz: f81b31d09b749920999545be5739eaae90d2c54b5bd15775f3a90eda508fe1dc935173c1c615db07ec6149d1597e53a8d6e93f76bee3f7ca36bc536551612d35
-  data.tar.gz: 1a172c3721cc6deafc75383f219809609ed7ff6549471adf613ef27a2051f3f0a066382dc86e8630d1480b2536204d4ab1db5160bbcfafc1c979333ba430e8b9
+  metadata.gz: 1325f6e7cf083a5a512bc8db44e3136c17dd4e4482fd7a4f08ec09d656108efe9767ed564a358cfbd5156644eeb9bb5e493b2b85254ac7e93121293dcb4875b7
+  data.tar.gz: 39933c874954b69d2678bc6e2128ac07d3dafa4578cd68e394156a1c5fa0f2bb923e1fb43f0b45f3dff49199208b16603855d1cef8fc4411a8645b1c57d29a0c

data/app/assets/builds/easy_admin.base.js

@@ -23928,7 +23928,6 @@ ${m = t3 ? m : H(m, ",")}
     }
     filter(event) {
       const searchTerm = event.target.value;
-      console.log("Filter called with term:", searchTerm, "Suggest mode:", this.suggestValue);
       if (this.suggestValue) {
         this.debouncedSuggestSearch(searchTerm);
       } else {
@@ -39953,7 +39952,6 @@ ${m = t3 ? m : H(m, ",")}
       if (this.isLoading || !this.hasMoreValue) {
         return;
       }
-      console.log("Loading next page:", this.urlValue);
       this.isLoading = true;
       this.showLoading();
       try {
@@ -39962,10 +39960,6 @@ ${m = t3 ? m : H(m, ",")}
         });
         if (response.ok) {
           this.dispatch("loaded", { detail: { url: this.urlValue } });
-          console.log("Loaded successfully, new state will be:", {
-            currentUrl: this.urlValue,
-            hasMore: this.hasMoreValue
-          });
         } else {
           this.dispatch("error", { detail: { response } });
         }
@@ -39998,11 +39992,6 @@ ${m = t3 ? m : H(m, ",")}
     }
     // Debug method to log current state
     logState() {
-      console.log("InfiniteScroll State:", {
-        urlValue: this.urlValue,
-        hasMoreValue: this.hasMoreValue,
-        isLoading: this.isLoading
-      });
     }
     showEndMessage() {
       if (this.hasEndTarget) {
@@ -40121,14 +40110,11 @@ ${m = t3 ? m : H(m, ",")}
   var settings_sidebar_controller_default = class extends Controller {
     static targets = ["container"];
     connect() {
-      console.log("Settings sidebar controller connected");
-      console.log("Container target:", this.containerTarget);
       this.isOpen = false;
       document.addEventListener("settings:open", this.open.bind(this));
       document.addEventListener("settings:close", this.close.bind(this));
     }
     open() {
-      console.log("Settings sidebar open() called");
       this.isOpen = true;
       this.containerTarget.classList.remove("translate-x-full");
       this.containerTarget.classList.add("translate-x-0");
@@ -40257,7 +40243,6 @@ ${m = t3 ? m : H(m, ",")}
     emit() {
       const eventName = this.eventValue;
       const eventDetail = this.hasDetailValue ? this.detailValue : {};
-      console.log(`Event emitter dispatching: ${eventName}`, eventDetail);
       const customEvent = new CustomEvent(eventName, {
         detail: eventDetail,
         bubbles: true
@@ -40933,14 +40918,11 @@ ${m = t3 ? m : H(m, ",")}
           const jsonData = this.editor.get();
           const jsonString = JSON.stringify(jsonData);
           this.hiddenFieldTarget.value = jsonString;
-          console.log("JSON Editor: Updated hidden field with:", jsonString);
         } catch (error2) {
-          console.warn("JSON Editor: Invalid JSON, not updating hidden field:", error2);
           try {
             if (this.editor.mode === "code") {
               const text = this.editor.getText();
               this.hiddenFieldTarget.value = text;
-              console.log("JSON Editor: Updated hidden field with raw text:", text);
             }
           } catch (textError) {
             console.warn("JSON Editor: Could not get text content:", textError);
@@ -41054,6 +41036,258 @@ ${m = t3 ? m : H(m, ",")}
     }
   };
 
+  // app/javascript/easy_admin/controllers/role_preview_controller.js
+  var role_preview_controller_default = class extends Controller {
+    static targets = ["preview"];
+    static values = {
+      roles: Array
+    };
+    updatePreview(event) {
+      const selectedRoleId = parseInt(event.target.value);
+      const selectedRole = this.rolesValue.find((role) => role.id === selectedRoleId);
+      if (selectedRole && this.hasPreviewTarget) {
+        this.renderRolePreview(selectedRole);
+      } else if (this.hasPreviewTarget) {
+        this.clearPreview();
+      }
+    }
+    renderRolePreview(role) {
+      const previewHTML = this.buildPreviewHTML(role);
+      this.previewTarget.innerHTML = previewHTML;
+      this.previewTarget.style.display = "block";
+    }
+    clearPreview() {
+      this.previewTarget.innerHTML = "";
+      this.previewTarget.style.display = "none";
+    }
+    buildPreviewHTML(role) {
+      const permissionsCount = Object.values(role.permissions || {}).flat().length;
+      let html = `
+      <div class="mb-4">
+        <h3 class="text-lg font-medium text-gray-900 mb-2">Role Permissions Preview</h3>
+        <p class="text-sm text-gray-600">
+          Permissions that will be granted with the <strong>${role.name}</strong> role:
+        </p>
+      </div>
+    `;
+      if (permissionsCount === 0) {
+        html += `
+        <div class="text-center py-6">
+          <svg class="w-8 h-8 text-gray-400 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
+          </svg>
+          <h4 class="text-md font-medium text-gray-900 mb-1">No Permissions</h4>
+          <p class="text-gray-600">This role has no permissions assigned.</p>
+        </div>
+      `;
+      } else {
+        html += '<div class="space-y-4">';
+        Object.entries(role.permissions || {}).forEach(([resourceType, permissions]) => {
+          html += `
+          <div class="bg-white border border-gray-200 rounded-lg p-4">
+            <div class="flex items-center mb-3">
+              <h4 class="text-md font-medium text-gray-900 capitalize">${resourceType.replace(/_/g, " ")}</h4>
+              <span class="ml-2 inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
+                ${permissions.length} permissions
+              </span>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-2">
+        `;
+          permissions.forEach((permission) => {
+            html += `
+            <div class="flex items-center p-2 bg-green-50 border border-green-200 rounded">
+              <svg class="w-4 h-4 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
+              </svg>
+              <div class="flex-1 min-w-0">
+                <span class="text-sm font-medium text-gray-900 capitalize">${permission.action.replace(/_/g, " ")}</span>
+                ${permission.description ? `<p class="text-xs text-gray-600 mt-1">${permission.description}</p>` : ""}
+              </div>
+            </div>
+          `;
+          });
+          html += `
+            </div>
+          </div>
+        `;
+        });
+        html += "</div>";
+      }
+      return html;
+    }
+  };
+
+  // app/javascript/easy_admin/controllers/permission_toggle_controller.js
+  var permission_toggle_controller_default = class extends Controller {
+    static targets = ["permissionCard", "hiddenInput"];
+    static values = {
+      userId: Number
+    };
+    connect() {
+      console.log("\u{1F3AF} PermissionToggleController connected");
+      console.log("\u{1F3AF} User ID:", this.userIdValue);
+      const cards = this.permissionCardTargets;
+      console.log("\u{1F3AF} Found", cards.length, "permission cards");
+      cards.forEach((card, index2) => {
+        console.log(`\u{1F3AF} Card ${index2}:`, {
+          permission: card.dataset.permissionName,
+          granted: card.dataset.granted,
+          resourceType: card.dataset.resourceType
+        });
+      });
+      const hiddenInputs = this.element.querySelectorAll('input[type="hidden"][data-permission-toggle-target="hiddenInput"]');
+      console.log("\u{1F3AF} Found", hiddenInputs.length, "hidden inputs");
+      hiddenInputs.forEach((input, index2) => {
+        console.log(`\u{1F3AF} Hidden input ${index2}:`, {
+          name: input.name,
+          value: input.value
+        });
+      });
+    }
+    togglePermission(event) {
+      event.preventDefault();
+      const card = event.currentTarget;
+      const permissionName = card.dataset.permissionName;
+      const currentlyGranted = card.dataset.granted === "true";
+      const newGrantedState = !currentlyGranted;
+      console.log("\u{1F3AF} Toggling permission:", {
+        permission: permissionName,
+        wasGranted: currentlyGranted,
+        nowGranted: newGrantedState
+      });
+      this.updateCardUI(card, newGrantedState);
+      this.updateHiddenInput(card, newGrantedState);
+      this.showNotification(
+        `Permission ${newGrantedState ? "granted" : "revoked"}`,
+        newGrantedState ? "success" : "warning"
+      );
+    }
+    toggleAllForResource(event) {
+      event.preventDefault();
+      const resourceType = event.currentTarget.dataset.resourceType;
+      const resourceCards = this.permissionCardTargets.filter(
+        (card) => card.dataset.resourceType === resourceType
+      );
+      const hasAnyDenied = resourceCards.some((card) => card.dataset.granted === "false");
+      const newState = hasAnyDenied;
+      resourceCards.forEach((card) => {
+        if (card.dataset.granted === "true" !== newState) {
+          const permissionId = card.dataset.permissionId;
+          const permissionName = card.dataset.permissionName;
+          this.updateCardUI(card, newState);
+          this.updateHiddenInput(card, newState);
+        }
+      });
+      this.showNotification(
+        `${newState ? "Granted" : "Revoked"} all ${resourceType.replace(/_/g, " ")} permissions (UI only)`,
+        newState ? "success" : "warning"
+      );
+    }
+    updateCardUI(card, isGranted) {
+      card.dataset.granted = isGranted.toString();
+      card.className = `permission-card cursor-pointer transition-all duration-200 ${this.getCardClasses(isGranted)}`;
+      const iconContainer = card.querySelector(".flex-shrink-0");
+      if (iconContainer) {
+        iconContainer.innerHTML = this.getPermissionIconSVG(isGranted);
+      }
+      const actionSpan = card.querySelector(".text-sm.font-medium");
+      if (actionSpan) {
+        actionSpan.className = `text-sm font-medium ${isGranted ? "text-green-900" : "text-gray-900"} capitalize`;
+      }
+      const badge = card.querySelector(".px-2.py-1.rounded.text-xs.font-medium");
+      if (badge) {
+        badge.className = `ml-2 inline-flex items-center px-2 py-1 rounded text-xs font-medium ${this.getPermissionBadgeClasses(isGranted)}`;
+      }
+      const description = card.querySelector(".leading-relaxed");
+      if (description) {
+        description.className = `text-xs ${isGranted ? "text-green-700" : "text-gray-600"} leading-relaxed`;
+      }
+      const technicalName = card.querySelector(".font-mono");
+      if (technicalName) {
+        technicalName.className = `text-xs ${isGranted ? "text-green-600" : "text-gray-500"} font-mono mt-1`;
+      }
+      const statusIndicator = card.querySelector(".rounded-full");
+      if (statusIndicator) {
+        statusIndicator.textContent = isGranted ? "Granted" : "Denied";
+        statusIndicator.className = `inline-flex items-center px-2 py-1 rounded-full text-xs font-medium ${this.getStatusClasses(isGranted)}`;
+      }
+    }
+    // TODO: Implement backend integration
+    // async sendToggleRequest(permissionId, permissionName, isGranted) {
+    //   const response = await fetch('/admin/permissions/toggle', {
+    //     method: 'POST',
+    //     headers: {
+    //       'Content-Type': 'application/json',
+    //       'X-CSRF-Token': this.getCSRFToken(),
+    //       'Accept': 'application/json'
+    //     },
+    //     body: JSON.stringify({
+    //       user_id: this.userIdValue,
+    //       permission_id: permissionId,
+    //       permission_name: permissionName,
+    //       granted: isGranted
+    //     })
+    //   })
+    //   if (!response.ok) {
+    //     throw new Error(`HTTP error! status: ${response.status}`)
+    //   }
+    //   return await response.json()
+    // }
+    updateHiddenInput(card, isGranted) {
+      const hiddenInput = card.querySelector('input[type="hidden"][data-permission-toggle-target="hiddenInput"]');
+      if (hiddenInput) {
+        const oldValue = hiddenInput.value;
+        hiddenInput.value = isGranted.toString();
+        console.log("\u{1F3AF} Updated hidden input:", {
+          name: hiddenInput.name,
+          oldValue,
+          newValue: hiddenInput.value
+        });
+      } else {
+        console.warn(`\u{1F3AF} No hidden input found for permission card: ${card.dataset.permissionName}`);
+      }
+    }
+    getCSRFToken() {
+      const metaTag = document.querySelector('meta[name="csrf-token"]');
+      return metaTag ? metaTag.getAttribute("content") : "";
+    }
+    showNotification(message, type = "info") {
+      const event = new CustomEvent("notification:show", {
+        detail: { message, type }
+      });
+      window.dispatchEvent(event);
+    }
+    // Helper methods for CSS classes (matching the Ruby component)
+    getCardClasses(isGranted) {
+      if (isGranted) {
+        return "bg-green-50 border border-green-200 hover:border-green-300 hover:bg-green-100";
+      } else {
+        return "bg-red-50 border border-red-200 hover:border-red-300 hover:bg-red-100";
+      }
+    }
+    getPermissionBadgeClasses(isGranted) {
+      if (isGranted) {
+        return "bg-green-100 text-green-800";
+      } else {
+        return "bg-red-100 text-red-800";
+      }
+    }
+    getStatusClasses(isGranted) {
+      if (isGranted) {
+        return "bg-green-100 text-green-800";
+      } else {
+        return "bg-red-100 text-red-800";
+      }
+    }
+    getPermissionIconSVG(isGranted) {
+      if (isGranted) {
+        return '<svg class="w-5 h-5 text-green-500 mt-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg>';
+      } else {
+        return '<svg class="w-5 h-5 text-red-500 mt-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>';
+      }
+    }
+  };
+
   // app/javascript/easy_admin/controllers.js
   application.register("sidebar", sidebar_controller_default);
   application.register("sidebar-nav", sidebar_nav_controller_default);
@@ -41081,6 +41315,8 @@ ${m = t3 ? m : H(m, ",")}
   application.register("row-action", row_action_controller_default);
   application.register("jsoneditor", jsoneditor_controller_default);
   application.register("version-revert", version_revert_controller_default);
+  application.register("role-preview", role_preview_controller_default);
+  application.register("permission-toggle", permission_toggle_controller_default);
 
   // node_modules/@hotwired/turbo/dist/turbo.es2017-esm.js
   var turbo_es2017_esm_exports = {};