Updated styles. Rewrited js on classes and imorts

index.lisp

@@ -47,4 +47,4 @@
 		  (:div :class "separator")
 		  (:div :class "send-task-button"
 			(:img :src "./static/images/send.svg"))))
-      (:script :src "./static/script.js")))))
+      (:script :type "module" :src "./static/app.js")))))

static/api.js

@@ -0,0 +1,92 @@
+/**
+ * API methods
+ */
+export class TodolistAPI {
+    constructor () {}
+
+    /**
+     * Get list of all groups
+     * 
+     * @returns jqXHR
+     */
+    getGroupsList () {
+        return $.get('/api/group/list', {}, 'json');
+    }
+
+    /**
+     * Delete group by name
+     * 
+     * @param {string} group
+     * @returns jqXHR
+     */
+    deleteGroup (group) {
+        return $.get('/api/group/delete', {
+            group: group
+        }, 'json');
+    }
+
+    /**
+     * Get all todos
+     * 
+     * @returns jqXHR
+     */
+    getAllTodos () {
+        return $.get('/api/todos/all', {}, 'json');
+    }
+
+    /**
+     * Get todos by group name
+     * 
+     * @param {string} group 
+     * @returns jqXHR
+     */
+    getTodosByGroup (group) {
+        return $.get('/api/todos', {
+            group: group
+        }, 'json');
+    }
+
+    /**
+     * Change todo status
+     * 
+     * @param {string} group 
+     * @param {number} id 
+     * @param {string} status 
+     * @returns jqXHR
+     */
+    changeTodoStatus (group, id, status) {
+        return $.get('/api/todos/status/change', {
+            group: group,
+            todoid: id,
+            status: status
+        }, 'json');
+    };
+
+    /**
+     * Create new todo in group
+     * 
+     * @param {string} group 
+     * @param {string} text 
+     * @returns jqXHR
+     */
+    createNewTodo (group, text) {
+        return $.get('/api/todos/add', {
+            group: group,
+            text: text,
+        }, 'json');
+    };
+
+    /**
+     * Delete todo item
+     * 
+     * @param {string} group 
+     * @param {number} todoid 
+     * @returns jqXHR
+     */
+    deleteTodo (group, todoid) {
+        return $.get('/api/todos/delete', {
+            group: group,
+            todoid: todoid,
+        }, 'json');
+    }
+}

static/app.js

@@ -0,0 +1,6 @@
+import { TodolistAPI } from "./api.js";
+import { TodolistUI }  from "./ui.js";
+
+const api = new TodolistAPI();
+const ui = new TodolistUI(api);
+ui.init();