Add create task functionality to Vikunja widget

Co-authored-by: Mord0reK <135718526+Mord0reK@users.noreply.github.com>

internal/glance/glance.go

@@ -457,6 +457,7 @@ func (a *application) server() (func() error, func() error) {
 	mux.HandleFunc("POST /api/vikunja/{widgetID}/remove-label", a.handleVikunjaRemoveLabel)
 	mux.HandleFunc("GET /api/vikunja/{widgetID}/labels", a.handleVikunjaGetLabels)
 	mux.HandleFunc("GET /api/vikunja/{widgetID}/refresh", a.handleVikunjaRefresh)
+	mux.HandleFunc("POST /api/vikunja/{widgetID}/create-task", a.handleVikunjaCreateTask)
 
 	if a.RequiresAuth {
 		mux.HandleFunc("GET /login", a.handleLoginPageRequest)
@@ -766,3 +767,50 @@ func (a *application) handleVikunjaRefresh(w http.ResponseWriter, r *http.Reques
 	w.WriteHeader(http.StatusOK)
 	w.Write([]byte(html))
 }
+
+func (a *application) handleVikunjaCreateTask(w http.ResponseWriter, r *http.Request) {
+	widgetIDStr := r.PathValue("widgetID")
+	widgetID, err := strconv.ParseUint(widgetIDStr, 10, 64)
+	if err != nil {
+		w.WriteHeader(http.StatusBadRequest)
+		w.Write([]byte("Invalid widget ID"))
+		return
+	}
+
+	widget, exists := a.widgetByID[widgetID]
+	if !exists {
+		w.WriteHeader(http.StatusNotFound)
+		w.Write([]byte("Widget not found"))
+		return
+	}
+
+	vikunjaWidget, ok := widget.(*vikunjaWidget)
+	if !ok {
+		w.WriteHeader(http.StatusBadRequest)
+		w.Write([]byte("Widget is not a Vikunja widget"))
+		return
+	}
+
+	var request struct {
+		Title    string `json:"title"`
+		DueDate  string `json:"due_date"`
+		LabelIDs []int  `json:"label_ids"`
+	}
+
+	if err := json.NewDecoder(r.Body).Decode(&request); err != nil {
+		w.WriteHeader(http.StatusBadRequest)
+		w.Write([]byte("Invalid request body"))
+		return
+	}
+
+	task, err := vikunjaWidget.createTask(request.Title, request.DueDate, request.LabelIDs)
+	if err != nil {
+		w.WriteHeader(http.StatusInternalServerError)
+		w.Write([]byte(err.Error()))
+		return
+	}
+
+	w.Header().Set("Content-Type", "application/json")
+	w.WriteHeader(http.StatusCreated)
+	json.NewEncoder(w).Encode(task)
+}

internal/glance/static/css/widget-vikunja.css

@@ -1,3 +1,35 @@
+/* Header action buttons */
+.vikunja-widget-header-actions {
+    position: absolute;
+    top: 1rem;
+    right: 1rem;
+    z-index: 10;
+}
+
+.vikunja-add-btn {
+    background-color: var(--color-primary);
+    border: none;
+    border-radius: 50%;
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: transform 0.2s, opacity 0.2s;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+.vikunja-add-btn:hover {
+    transform: scale(1.1);
+    opacity: 0.9;
+}
+
+.vikunja-add-btn:active {
+    transform: scale(0.95);
+}
+
 .vikunja-table {
     width: 100%;
     border-collapse: collapse;

internal/glance/static/js/vikunja.js

@@ -3,9 +3,18 @@ function initVikunjaWidget(widget) {
     if (!widget) return;
     
     {
-        const widgetID = widget.querySelector('.vikunja-table')?.dataset.widgetId;
+        const widgetID = widget.querySelector('.vikunja-table')?.dataset.widgetId || 
+                         widget.querySelector('.vikunja-widget-header-actions')?.dataset.widgetId;
         if (!widgetID) return;
 
+        // Handle add button
+        const addBtn = widget.querySelector('.vikunja-add-btn');
+        if (addBtn) {
+            addBtn.addEventListener('click', function() {
+                openCreateModal(widgetID);
+            });
+        }
+
         // Handle task completion checkboxes
         widget.querySelectorAll('.vikunja-task-checkbox').forEach(checkbox => {
             checkbox.addEventListener('change', function(e) {
@@ -289,4 +298,145 @@ function openEditModal(widgetID, taskID, title, dueDate, currentLabelIDs, row) {
     });
 }
 
+function openCreateModal(widgetID) {
+    const modal = document.getElementById('vikunja-create-modal');
+    const titleInput = document.getElementById('vikunja-create-title');
+    const dueDateInput = document.getElementById('vikunja-create-due-date');
+    const labelsContainer = document.getElementById('vikunja-create-labels-container');
+
+    // Clear the form
+    titleInput.value = '';
+    dueDateInput.value = '';
+
+    // Fetch and display labels
+    labelsContainer.innerHTML = '<p>Ładowanie etykiet...</p>';
+    
+    fetch(`${pageData.baseURL}/api/vikunja/${widgetID}/labels`)
+        .then(response => response.json())
+        .then(labels => {
+            labelsContainer.innerHTML = '';
+            
+            if (labels && labels.length > 0) {
+                labels.forEach(label => {
+                    const labelCheckbox = document.createElement('label');
+                    labelCheckbox.className = 'vikunja-label-option';
+                    
+                    const color = label.hex_color && label.hex_color[0] !== '#' 
+                        ? '#' + label.hex_color 
+                        : label.hex_color || '#666';
+                    
+                    labelCheckbox.innerHTML = `
+                        <input type="checkbox" value="${label.id}">
+                        <span class="label" style="border-color: ${color}; color: ${color};">${label.title}</span>
+                    `;
+                    
+                    labelsContainer.appendChild(labelCheckbox);
+                });
+            } else {
+                labelsContainer.innerHTML = '<p>Brak dostępnych etykiet</p>';
+            }
+        })
+        .catch(error => {
+            console.error('Error fetching labels:', error);
+            labelsContainer.innerHTML = '<p>Nie udało się załadować etykiet</p>';
+        });
+
+    modal.style.display = 'flex';
+
+    // Handle close button
+    const closeBtn = modal.querySelector('.vikunja-modal-close');
+    const cancelBtn = modal.querySelector('.vikunja-btn-cancel');
+    const createBtn = modal.querySelector('.vikunja-btn-create');
+
+    function closeModal() {
+        modal.style.display = 'none';
+        // Remove event listeners
+        closeBtn.removeEventListener('click', closeModal);
+        cancelBtn.removeEventListener('click', closeModal);
+        createBtn.removeEventListener('click', createTask);
+    }
+
+    async function createTask() {
+        const title = titleInput.value.trim();
+        const dueDate = dueDateInput.value;
+        
+        // Get selected label IDs
+        const selectedLabels = Array.from(labelsContainer.querySelectorAll('input[type="checkbox"]:checked'))
+            .map(checkbox => parseInt(checkbox.value));
+
+        if (!title) {
+            alert('Tytuł zadania nie może być pusty');
+            return;
+        }
+
+        // Convert datetime-local format to RFC3339
+        let formattedDueDate = '';
+        if (dueDate) {
+            const date = new Date(dueDate);
+            formattedDueDate = date.toISOString();
+        }
+
+        try {
+            // Create the task
+            const createResponse = await fetch(`${pageData.baseURL}/api/vikunja/${widgetID}/create-task`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    title: title,
+                    due_date: formattedDueDate,
+                    label_ids: selectedLabels
+                })
+            });
+
+            if (!createResponse.ok) {
+                throw new Error('Failed to create task');
+            }
+
+            const createdTask = await createResponse.json();
+
+            // Refresh the widget content
+            const refreshResponse = await fetch(`${pageData.baseURL}/api/vikunja/${widgetID}/refresh`);
+            
+            if (!refreshResponse.ok) {
+                throw new Error('Failed to refresh widget');
+            }
+            
+            const newHTML = await refreshResponse.text();
+            
+            // Find the widget container and replace its content
+            const widgetContainer = document.querySelector(`.widget-type-vikunja`);
+            if (widgetContainer) {
+                // Create a temporary container to parse the new HTML
+                const temp = document.createElement('div');
+                temp.innerHTML = newHTML;
+                const newWidget = temp.firstElementChild;
+                
+                // Replace the widget
+                widgetContainer.replaceWith(newWidget);
+                
+                // Reinitialize the widget
+                initVikunjaWidget(newWidget);
+            }
+
+            closeModal();
+        } catch (error) {
+            console.error('Error creating task:', error);
+            alert('Nie udało się utworzyć zadania: ' + error.message);
+        }
+    }
+
+    closeBtn.addEventListener('click', closeModal);
+    cancelBtn.addEventListener('click', closeModal);
+    createBtn.addEventListener('click', createTask);
+
+    // Close modal when clicking outside
+    modal.addEventListener('click', function(e) {
+        if (e.target === modal) {
+            closeModal();
+        }
+    });
+}
+
 export default initVikunjaWidget;

internal/glance/templates/vikunja.html

@@ -1,6 +1,13 @@
 {{ template "widget-base.html" . }}
 
 {{ define "widget-content" }}
+<div class="vikunja-widget-header-actions" data-widget-id="{{ .GetID }}">
+    <button class="vikunja-add-btn" title="Dodaj nowe zadanie">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 20px; height: 20px;">
+            <path d="M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" />
+        </svg>
+    </button>
+</div>
 {{ if .Tasks }}
 <table class="vikunja-table" data-widget-id="{{ .GetID }}">
     <thead>
@@ -51,6 +58,36 @@
 </div>
 {{ end }}
 
+<!-- Modal do dodawania nowego zadania -->
+<div id="vikunja-create-modal" class="vikunja-modal" style="display: none;">
+    <div class="vikunja-modal-content">
+        <div class="vikunja-modal-header">
+            <h3>Dodaj nowe zadanie</h3>
+            <button class="vikunja-modal-close">&times;</button>
+        </div>
+        <div class="vikunja-modal-body">
+            <div class="vikunja-form-group">
+                <label for="vikunja-create-title">Tytuł zadania:</label>
+                <input type="text" id="vikunja-create-title" class="vikunja-input" placeholder="Tytuł zadania">
+            </div>
+            <div class="vikunja-form-group">
+                <label for="vikunja-create-due-date">Termin:</label>
+                <input type="datetime-local" id="vikunja-create-due-date" class="vikunja-input">
+            </div>
+            <div class="vikunja-form-group">
+                <label>Etykiety:</label>
+                <div id="vikunja-create-labels-container" class="vikunja-labels-selector">
+                    <!-- Etykiety będą załadowane dynamicznie -->
+                </div>
+            </div>
+        </div>
+        <div class="vikunja-modal-footer">
+            <button class="vikunja-btn vikunja-btn-cancel">Anuluj</button>
+            <button class="vikunja-btn vikunja-btn-create">Utwórz</button>
+        </div>
+    </div>
+</div>
+
 <!-- Modal do edycji zadania -->
 <div id="vikunja-edit-modal" class="vikunja-modal" style="display: none;">
     <div class="vikunja-modal-content">

internal/glance/widget-vikunja.go

@@ -377,3 +377,43 @@ func (widget *vikunjaWidget) fetchAllLabels() ([]vikunjaAPILabel, error) {
 
 	return labels, nil
 }
+
+func (widget *vikunjaWidget) createTask(title string, dueDate string, labelIDs []int) (*vikunjaAPITask, error) {
+	url := widget.URL + "/api/v1/projects/1/tasks"
+
+	payload := map[string]interface{}{
+		"title": title,
+	}
+
+	if dueDate != "" {
+		payload["due_date"] = dueDate
+	}
+
+	jsonData, err := json.Marshal(payload)
+	if err != nil {
+		return nil, err
+	}
+
+	request, err := http.NewRequest("PUT", url, bytes.NewBuffer(jsonData))
+	if err != nil {
+		return nil, err
+	}
+
+	request.Header.Set("Authorization", "Bearer "+widget.Token)
+	request.Header.Set("Content-Type", "application/json")
+
+	task, err := decodeJsonFromRequest[vikunjaAPITask](defaultHTTPClient, request)
+	if err != nil {
+		return nil, err
+	}
+
+	// Add labels to the task if any
+	for _, labelID := range labelIDs {
+		if err := widget.addLabelToTask(task.ID, labelID); err != nil {
+			// Log error but don't fail the task creation
+			fmt.Printf("Warning: failed to add label %d to task %d: %v\n", labelID, task.ID, err)
+		}
+	}
+
+	return &task, nil
+}