Update static/js/project.js

static/js/project.js

@@ -1,66 +1,58 @@
-function listProjects() {
-    apiGet('/project/list')
-        .then(data => {
-            document.getElementById('projects-json').value = JSON.stringify(data, null, 2);
-        })
-        .catch(err => console.error(err));
-}
-
-function addProject() {
-    const projectName = document.getElementById('new-project-name').value;
-    apiPost('/project/add', { project_name: projectName })
-        .then(data => showResult('project-result', data))
-        .catch(err => console.error(err));
-}
-
-function updateProject() {
-    const projectName = document.getElementById('update-project-name').value;
-    const clientLastUpdated = document.getElementById('update-last-updated').value;
-    apiPost('/project/update', { project_name: projectName, client_last_updated: clientLastUpdated })
-        .then(data => showResult('project-result', data))
-        .catch(err => console.error(err));
-}
-
-function publishProject() {
-    const projectName = document.getElementById('publish-project-name').value;
-    const clientLastUpdated = document.getElementById('publish-last-updated').value;
-    apiPost('/project/publish', { project_name: projectName, client_last_updated: clientLastUpdated })
-        .then(data => showResult('project-result', data))
-        .catch(err => console.error(err));
-}
-
-function addIntent() {
-    const projectName = document.getElementById('intent-project-name').value;
-    const versionNumber = parseInt(document.getElementById('intent-version-number').value);
-    const intentName = document.getElementById('intent-name').value;
-    const clientLastUpdated = document.getElementById('intent-last-updated').value;
-    const intent = { name: intentName, examples: [], parameters: [], action: '', humanization_prompt: '' };
-    apiPost('/project/add_intent', { project_name: projectName, version_number: versionNumber, intent, client_last_updated: clientLastUpdated })
-        .then(data => showResult('intent-result', data))
-        .catch(err => console.error(err));
-}
-
-function deleteIntent() {
-    const projectName = document.getElementById('delete-intent-project-name').value;
-    const versionNumber = parseInt(document.getElementById('delete-intent-version-number').value);
-    const intentName = document.getElementById('delete-intent-name').value;
-    const clientLastUpdated = document.getElementById('delete-intent-last-updated').value;
-    apiPost('/project/delete_intent', { project_name: projectName, version_number: versionNumber, intent_name: intentName, client_last_updated: clientLastUpdated })
-        .then(data => showResult('intent-result', data))
-        .catch(err => console.error(err));
-}
-
-function addApi() {
-    const apiName = document.getElementById('api-name').value;
-    const apiDef = JSON.parse(document.getElementById('api-def').value);
-    apiPost('/project/add_api', { api_name: apiName, api_def: apiDef })
-        .then(data => showResult('api-result', data))
-        .catch(err => console.error(err));
-}
-
-function deleteApi() {
-    const apiName = document.getElementById('delete-api-name').value;
-    apiPost('/project/delete_api', { api_name: apiName })
-        .then(data => showResult('api-result', data))
-        .catch(err => console.error(err));
-}
+function listProjects() {
+    apiGet('/project/list')
+        .then(data => {
+            const select = document.getElementById('project-select');
+            select.innerHTML = '<option value="">-- Select a project --</option>';
+            Object.keys(data).forEach(project => {
+                const option = document.createElement('option');
+                option.value = project;
+                option.text = project;
+                select.appendChild(option);
+            });
+        })
+        .catch(err => console.error(err));
+}
+
+function loadProjectDetails() {
+    const project = document.getElementById('project-select').value;
+    if (!project) return;
+
+    apiGet(`/project/${project}/latest`)
+        .then(data => {
+            const details = document.getElementById('project-details');
+            const info = document.getElementById('project-info');
+            details.classList.remove('d-none');
+
+            let html = `<p><strong>Version:</strong> ${data.version_number}</p>`;
+            html += `<p><strong>Published:</strong> ${data.published ? '✅ Yes' : '❌ No'}</p>`;
+            html += `<div><strong>Intents:</strong><ul>`;
+            data.intents.forEach(intent => {
+                html += `<li>${intent.name} <button class="btn btn-sm btn-danger ml-2" onclick="removeIntent('${intent.name}')">–</button></li>`;
+            });
+            html += `</ul><button class="btn btn-sm btn-success" onclick="addIntent()">+ Add Intent</button></div>`;
+            info.innerHTML = html;
+
+            if (data.published) {
+                document.querySelectorAll('#project-info input, #project-info button').forEach(el => {
+                    el.disabled = true;
+                });
+            }
+        })
+        .catch(err => console.error(err));
+}
+
+function saveProject() {
+    alert('Save logic will be implemented here.');
+}
+
+function publishProject() {
+    alert('Publish logic will be implemented here.');
+}
+
+function addIntent() {
+    alert('Add Intent logic will be implemented here.');
+}
+
+function removeIntent(name) {
+    alert(`Remove Intent '${name}' logic will be implemented here.`);
+}