panther 4.3.7__py3-none-any.whl → 5.0.0b2__py3-none-any.whl

panther/panel/templates/detail.html

@@ -0,0 +1,55 @@
+{% extends "base.html" %} {% block content %}
+<div class="container mx-auto px-4 py-8">
+  <div class="flex justify-between items-center mb-8">
+    <h1 class="text-2xl font-bold">Update Record</h1>
+    <button
+      onclick="redirectToTable()"
+      class="px-4 py-2 bg-gray-800 rounded hover:bg-gray-700"
+    >
+      Back to List
+    </button>
+  </div>
+
+  <form id="updateForm" class="mt-6">
+    <div
+      id="dynamicInputs"
+      class="bg-gray-800 border-gray-400 rounded-lg p-6 shadow-lg space-y-4"
+    ></div>
+    <div class="flex justify-start mt-6 space-x-4">
+      <button
+        type="submit"
+        class="px-6 py-2 bg-blue-600 rounded hover:bg-blue-700 text-white"
+      >
+        Update
+      </button>
+      <button
+        type="button"
+        id="deleteButton"
+        class="px-6 py-2 bg-red-600 rounded hover:bg-red-700 text-white"
+      >
+        Delete
+      </button>
+    </div>
+  </form>
+</div>
+
+<script>
+  const data = JSON.parse(`{{data|tojson|safe}}`);
+  console.log("Data passed to the form:", data); // Debugging log
+  const isUpdate = true;
+  const existingData = data;
+  function redirectToTable() {
+    const currentUrl = window.location.pathname;
+      const urlParts = currentUrl.split("/").filter((part) => part !== "");
+      urlParts.pop();
+      const redirectUrl = "/" + urlParts.join("/") + "/";
+
+      console.log("Redirecting to:", redirectUrl);
+
+      window.location.href = redirectUrl;
+
+  }
+  {% include "create.js" %}
+
+</script>
+{% endblock %}

panther/panel/templates/home.html

@@ -0,0 +1,9 @@
+{% extends "base.html" %} {% block content %}
+<div class="flex gap-4">
+  {% include "sidebar.html" %}
+  <table class="w-full bg-gray-800 rounded overflow-hidden"></table>
+</div>
+<script>
+  {% include "home.js" %}
+</script>
+{% endblock %}

panther/panel/templates/home.js

@@ -0,0 +1,30 @@
+function getCurrentTableIndex() {
+  const path = window.location.pathname;
+  const match = path.match(/\/admin\/(\d+)/);
+  return match ? parseInt(match[1]) : 0;
+}
+
+function selectTable(element) {
+  const index = element.dataset.index;
+  // Always trigger a page reload even if it's the same index
+  window.location.href = `/admin/${index}/`;
+}
+
+function setActiveTableFromUrl() {
+  const currentIndex = getCurrentTableIndex();
+  const tableItems = document.querySelectorAll('.table-item');
+
+  tableItems.forEach((item) => {
+    item.classList.remove('bg-blue-600');
+    item.classList.add('bg-gray-700');
+
+    if (parseInt(item.dataset.index) === currentIndex) {
+      item.classList.remove('bg-gray-700');
+      item.classList.add('bg-blue-600');
+    }
+  });
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+  setActiveTableFromUrl();
+});

panther/panel/templates/login.html

@@ -0,0 +1,47 @@
+{% extends "base.html" %}
+
+{% block content %}
+  <div class="flex items-center justify-center min-h-screen">
+    <div class="bg-gray-800 p-6 rounded-lg shadow-md w-full max-w-sm border border-gray-700">
+      <h2 class="text-xl font-semibold mb-6 text-center">Login</h2>
+
+      {% if error %}
+        <div class="mb-4 p-3 text-sm text-red-600 bg-red-100 border border-red-400 rounded-lg">
+          {{ error }}
+        </div>
+      {% endif %}
+
+      <form action="" method="POST" class="space-y-4">
+        <!-- Username Field -->
+        <div>
+          <label for="username" class="block text-sm font-medium mb-2">Username:</label>
+          <input
+            type="text"
+            id="username"
+            name="username"
+            required
+            class="w-full p-2 bg-gray-700 rounded-lg border border-gray-600 text-white focus:ring-2 focus:ring-blue-500 focus:outline-none"
+          />
+        </div>
+        <!-- Password Field -->
+        <div>
+          <label for="password" class="block text-sm font-medium mb-2">Password:</label>
+          <input
+            type="password"
+            id="password"
+            name="password"
+            required
+            class="w-full p-2 bg-gray-700 rounded-lg border border-gray-600 text-white focus:ring-2 focus:ring-blue-500 focus:outline-none"
+          />
+        </div>
+        <!-- Submit Button -->
+        <button
+          type="submit"
+          class="w-full bg-blue-600 hover:bg-blue-500 text-white py-2 px-4 rounded-lg font-semibold transition-colors"
+        >
+          Login
+        </button>
+      </form>
+    </div>
+  </div>
+{% endblock %}

panther/panel/templates/sidebar.html

@@ -0,0 +1,13 @@
+
+    <aside class="w-64 bg-gray-800 p-4 border-gray-700 shrink-0 rounded">
+        <h2 class="text-lg font-semibold mb-4">Available Tables</h2>
+        <div class="space-y-2">
+            {% for table in tables %}
+            <div class="table-item p-3 rounded-lg bg-gray-700 hover:bg-gray-600 cursor-pointer transition-colors"
+                data-index="{{loop.index0}}" onclick="selectTable(this)">
+                <div class="text-sm font-medium">{{table.name}}</div>
+                <div class="text-xs text-gray-400">{{table.module}}</div>
+            </div>
+            {% endfor %}
+        </div>
+    </aside>

panther/panel/templates/table.html

@@ -0,0 +1,73 @@
+{% extends "base.html" %} {% block content %}
+<div class="flex items-start gap-4">
+  <aside class="w-64 bg-gray-800 p-4 border-gray-700 shrink-0 rounded">
+    <h2 class="text-lg font-semibold mb-4">Available Tables</h2>
+    <div class="space-y-2">
+      {% for table in tables %}
+      <div
+        class="table-item p-3 rounded-lg bg-gray-700 hover:bg-gray-600 cursor-pointer transition-colors flex justify-between items-center"
+        data-index="{{loop.index0}}"
+        onclick="selectTable(this, event)"
+      >
+        <div>
+          <div class="text-sm font-medium">{{table.name}}</div>
+          <div class="text-xs text-gray-400">{{table.module}}</div>
+        </div>
+        <button 
+          class="add-record-btn hidden p-2 text-xs flex bg-green-600 text-white rounded-full hover:bg-green-700 transition-colors duration-200"
+          onclick="goToCreatePage(event)"
+          title="Create new record"
+        >
+       Add
+          <svg
+            class="w-4 h-4"
+            fill="none"
+            stroke="currentColor"
+            viewBox="0 0 24 24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M12 6v6m0 0v6m0-6h6m-6 0H6"
+            ></path>
+          </svg>
+        </button>
+      </div>
+      {% endfor %}
+    </div>
+    
+  </aside>
+
+  <div>
+    <table class="w-full bg-gray-800 rounded overflow-hidden">
+      <thead class="bg-gray-700" id="tableHead"></thead>
+      <tbody id="tableBody">
+        {% for record in records %}
+        <tr class="record-row border-t border-gray-700 hover:bg-gray-750">
+          <td class="record-data hidden">{{record}}</td>
+        </tr>
+        {% endfor %}
+      </tbody>
+      <tfoot
+        id="paginationControls"
+        class="my-4 flex-grow flex mx-[100%] gap-4 justify-center w-full min-w-80"
+      ></tfoot>
+    </table>
+  </div>
+</div>
+<style>
+  details[open] summary svg {
+    transform: rotate(180deg);
+  }
+
+  details summary::-webkit-details-marker {
+    display: none;
+  }
+</style>
+<script>
+  {% include "table.js" %}
+</script>
+
+{% endblock %}

panther/panel/templates/table.js

@@ -0,0 +1,339 @@
+const fields = JSON.parse(`{{fields|tojson|safe}}`);
+const fieldsObject = fields.fields;
+const fieldsArray = Object.entries(fieldsObject).map(([key, value]) => ({
+  title: value.title || key,
+  type: value.type || [], 
+  required: value.required || false, 
+}));
+
+function pythonToJSON(str) {
+  str = str.replace(/datetime\.datetime\(([^)]+)\)/g, (match, contents) => {
+    const parts = contents.split(",").map((part) => part.trim());
+    if (parts.length >= 6) {
+      return `"${parts[0]}-${parts[1].padStart(2, "0")}-${parts[2].padStart(
+        2,
+        "0"
+      )} ${parts[3].padStart(2, "0")}:${parts[4].padStart(
+        2,
+        "0"
+      )}:${parts[5].padStart(2, "0")}"`;
+    }
+    return '"Invalid datetime"';
+  });
+
+  str = str.replace(/tzinfo=\)/g, "tzinfo=None)");
+  return str
+    .replace(/'/g, '"')
+    .replace(/False/g, "false")
+    .replace(/True/g, "true")
+    .replace(/None/g, "null");
+}
+function goToCreatePage() {
+  // Get the current URL without any trailing slash
+  const currentUrl = window.location.href.replace(/\/+$/, "");
+  // Navigate to the current URL + /create
+  window.location.href = `${currentUrl}/create`;
+}
+
+function getDataType(value) {
+  if (value === null) return "null";
+  if (Array.isArray(value)) return "array";
+  return typeof value;
+}
+
+let allRecords = [];
+function initializeRecords() {
+  if (allRecords.length === 0) {
+    try {
+      allRecords = Array.from(document.querySelectorAll(".record-data")).map(
+        (item) => {
+          try {
+            return JSON.parse(pythonToJSON(item.textContent.trim()));
+          } catch (e) {
+            console.error("Error parsing record:", e);
+            return {};
+          }
+        }
+      );
+    } catch (e) {
+      console.error("Error initializing records:", e);
+      allRecords = [];
+    }
+  }
+}
+
+function formatValue(value, type) {
+  if (value === null) return '<span class="text-gray-400">null</span>';
+
+  switch (type) {
+    case "array":
+      return `
+        <div class="w-full">
+          <details class="bg-gray-700 rounded-lg max-w-[300px]">
+            <summary class="cursor-pointer px-4 py-2 text-sm font-medium text-gray-300 hover:bg-gray-600 rounded-lg flex items-center justify-between">
+              <span>Array (${value.length} items)</span>
+              <svg class="w-4 h-4 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+              </svg>
+            </summary>
+            <div class="px-4 py-2 border-t border-gray-600">
+              ${value
+                .map(
+                  (item, index) => `
+                <div class="py-1 text-sm text-gray-300">
+                  <span class="text-gray-400">[${index}]:</span>
+                  ${formatValue(item, getDataType(item))}
+                </div>
+              `
+                )
+                .join("")}
+            </div>
+          </details>
+        </div>
+      `;
+    case "object":
+      if (value === null) {
+        return '<span class="text-gray-400">null</span>';
+      }
+      return `
+        <div class="w-full max-w-[300px]">
+          <details class="bg-gray-700 rounded-lg">
+            <summary class="cursor-pointer px-4 py-2 text-sm font-medium text-gray-300 hover:bg-gray-600 rounded-lg flex items-center justify-between">
+              <span>Object (${Object.keys(value).length} props)</span>
+              <svg class="w-4 h-4 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+              </svg>
+            </summary>
+            <div class="px-4 py-2 border-t border-gray-600">
+              ${Object.entries(value)
+                .map(
+                  ([key, val]) => `
+                <div class="py-1 text-sm text-gray-300">
+                  <span class="text-gray-400">${key}:</span>
+                  ${formatValue(val, getDataType(val))}
+                </div>
+              `
+                )
+                .join("")}
+            </div>
+          </details>
+        </div>
+      `;
+    case "boolean":
+      return `<span class="px-2 py-1 rounded ${
+        value ? "bg-green-500/20 text-green-400" : "bg-red-500/20 text-red-400"
+      }">${value}</span>`;
+    default:
+      return `<span class="text-sm ${
+        typeof value === "string" ? "font-mono" : ""
+      }">${String(value)}</span>`;
+  }
+}
+
+function toggleDropdown(button) {
+  const dropdown = button.nextElementSibling;
+  const allDropdowns = document.querySelectorAll(
+    ".relative.inline-block .absolute"
+  );
+
+  // Close all other dropdowns
+  allDropdowns.forEach((d) => {
+    if (d !== dropdown) d.classList.add("hidden");
+  });
+
+  // Toggle current dropdown
+  dropdown.classList.toggle("hidden");
+
+  // Close dropdown when clicking outside
+  const closeDropdown = (e) => {
+    if (!button.contains(e.target) && !dropdown.contains(e.target)) {
+      dropdown.classList.add("hidden");
+      document.removeEventListener("click", closeDropdown);
+    }
+  };
+
+  document.addEventListener("click", closeDropdown);
+}
+
+// Define pagination variables
+let currentPage = 1;
+const rowsPerPage = 10; // Number of rows per page
+
+function renderTable() {
+  // Initialize records if not already done
+  initializeRecords();
+
+  const thead = document.getElementById("tableHead");
+  // Use the global records array instead of re-parsing
+  const records = allRecords;
+  console.log(records);
+  if (records.length > 0) {
+    const firstRecord = records[0];
+    const headers = Object.entries(firstRecord).map(([key, value]) => ({
+      key,
+      type: getDataType(value),
+    }));
+    // Render table headers
+    thead.innerHTML = `
+      <tr>
+        ${headers
+          .map(
+            (field) => `
+          <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">
+            ${field.key} (${field.type})
+          </th>
+        `
+          )
+          .join("")}
+      </tr>
+    `;
+
+    // Calculate start and end indices for the current page
+    const startIndex = (currentPage - 1) * rowsPerPage;
+    const endIndex = startIndex + rowsPerPage;
+
+    // Get the rows for the current page
+    const rowsForPage = records.slice(startIndex, endIndex);
+
+    // Get all row elements
+    const rowElements = document.querySelectorAll(".record-row");
+
+    // Render table rows
+    rowElements.forEach((row, index) => {
+      const record = rowsForPage[index];
+      if (record) {
+        row.innerHTML = headers
+          .map(({ key }) => {
+            const cellValue = record[key];
+            const cellType = getDataType(cellValue);
+
+            // If this is the ID cell, make it clickable
+            if (key === "id") {
+              return `
+              <td class="px-6 py-4">
+                <a href="${window.location.href.replace(
+                  /\/$/,
+                  ""
+                )}/${cellValue}" 
+                   class="text-blue-400 hover:text-blue-300 hover:underline cursor-pointer">
+                  ${formatValue(cellValue, cellType)}
+                </a>
+              </td>
+            `;
+            } else {
+              return `
+              <td class="px-6 py-4">
+                ${formatValue(cellValue, cellType)}
+              </td>
+            `;
+            }
+          })
+          .join("");
+        row.style.display = ""; // Show the row
+
+        // Remove the row click event
+        row.style.cursor = "default";
+        row.onclick = null;
+      } else {
+        row.style.display = "none"; // Hide unused rows
+      }
+    });
+
+    // Render pagination controls
+    renderPaginationControls(records.length);
+  }
+}
+
+function renderPaginationControls(totalRows) {
+  const paginationContainer = document.getElementById("paginationControls");
+  const totalPages = Math.ceil(totalRows / rowsPerPage);
+
+  // Render "Previous" and "Next" buttons
+  paginationContainer.innerHTML = `
+    <button 
+      class="px-4 py-2 bg-gray-600 text-white rounded mr-2" 
+      onclick="changePage('prev')" 
+      ${currentPage === 1 ? "disabled" : ""}>
+      Previous
+    </button>
+    <span class="text-gray-300 pt-1">Page ${currentPage} of ${totalPages}</span>
+    <button 
+      class="px-4 py-2 bg-gray-600 text-white rounded ml-2" 
+      onclick="changePage('next')" 
+      ${currentPage === totalPages ? "disabled" : ""}>
+      Next
+    </button>
+  `;
+}
+
+function changePage(direction) {
+  const totalPages = Math.ceil(allRecords.length / rowsPerPage);
+
+  if (direction === "prev" && currentPage > 1) {
+    currentPage--;
+  } else if (direction === "next" && currentPage < totalPages) {
+    currentPage++;
+  }
+
+  renderTable();
+}
+
+function getCurrentTableIndex() {
+  const path = window.location.pathname;
+  const match = path.match(/\/admin\/(\d+)/);
+  return match ? parseInt(match[1]) : 0;
+}
+
+function selectTable(element, event) {
+  const index = element.dataset.index;
+  
+  // Hide all add buttons first
+  document.querySelectorAll('.add-record-btn').forEach(btn => {
+    btn.classList.add('hidden');
+  });
+  
+  // Show the add button for the clicked table
+  const addButton = element.querySelector('.add-record-btn');
+  if (addButton) {
+    addButton.classList.remove('hidden');
+  }
+  
+  // Only update URL if it's different from current
+  if (index !== getCurrentTableIndex().toString()) {
+    window.location.href = `/admin/${index}`;
+  }
+}
+
+// Set active table based on URL
+function setActiveTableFromUrl() {
+  const currentIndex = getCurrentTableIndex();
+  const tableItems = document.querySelectorAll(".table-item");
+
+  tableItems.forEach((item) => {
+    // Hide all add buttons first
+    const addButton = item.querySelector('.add-record-btn');
+    if (addButton) {
+      addButton.classList.add('hidden');
+    }
+    
+    item.classList.remove("bg-blue-800");
+    item.classList.add("bg-gray-700");
+
+    if (parseInt(item.dataset.index) === currentIndex) {
+      item.classList.remove("bg-gray-700");
+      item.classList.add("bg-blue-800");
+      
+      // Show add button for the active table
+      if (addButton) {
+        addButton.classList.remove('hidden');
+      }
+    }
+  });
+}
+
+// Initialize based on URL
+document.addEventListener("DOMContentLoaded", () => {
+  initializeRecords();
+  renderTable();
+  setActiveTableFromUrl();
+});

panther/panel/urls.py

@@ -1,8 +1,13 @@
-from panther.panel.apis import documents_api, models_api, single_document_api, healthcheck_api
+from panther.panel.views import TableView, CreateView, LoginView, DetailView, HomeView
 
 urls = {
-    '': models_api,
-    '<index>/': documents_api,
-    '<index>/<document_id>/': single_document_api,
-    'health': healthcheck_api,
+    # '': models_api,
+    # '<index>/': documents_api,
+    # '<index>/<document_id>/': single_document_api,
+    # 'health': healthcheck_api,
+    '': HomeView,
+    '<index>/': TableView,
+    '<index>/create/': CreateView,
+    'login/': LoginView,
+    '<index>/<document_id>/': DetailView,
 }