\ No newline at end of file
diff --git a/app/app_template/templates/components/_tasks.html b/app/app_template/templates/components/_tasks.html
deleted file mode 100644
index 5b563ac..0000000
--- a/app/app_template/templates/components/_tasks.html
+++ /dev/null
@@ -1,3 +0,0 @@
-{% for task in tasks %}
-
{{ task }}
-{% endfor %}
\ No newline at end of file
diff --git a/app/app_template/templates/pages/home.html b/app/app_template/templates/pages/home.html
index d0faa43..f6ab665 100644
--- a/app/app_template/templates/pages/home.html
+++ b/app/app_template/templates/pages/home.html
@@ -2,16 +2,9 @@
Welcome to an example of browsing with WebSockets over the Wire
You will be able to experience a simple structure with a registration, a login and a private page.
-
-
Laps
-
-
-
-
-
-
+
TODO
-
-
-
+
+
+
diff --git a/static/js/controllers/add_form_controller.js b/static/js/controllers/add_form_controller.js
deleted file mode 100644
index d0a55c6..0000000
--- a/static/js/controllers/add_form_controller.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Controller } from "../vendors/stimulus.js"
-import { sendData } from "../webSocketsCli.js"
-
-export default class extends Controller {
-
- static targets = [ "author", "text" ]
-
- /**
- * Send new message
- * @param {Event} event
- * @return {void}
- */
- add(event) {
- event.preventDefault();
- // Prepare the information we will send
- const newData = {
- "action": "add message",
- "data": {
- "author": this.authorTarget.value,
- "text": this.textTarget.value
- }
- };
- // Send the data to the server
- sendData(newData, window.myWebSocket);
- // Clear message form
- this.textTarget.value = "";
- }
-}
\ No newline at end of file
diff --git a/static/js/controllers/message_controller.js b/static/js/controllers/message_controller.js
deleted file mode 100644
index dae9c20..0000000
--- a/static/js/controllers/message_controller.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import { Controller } from "../vendors/stimulus.js"
-import { sendData } from "../webSocketsCli.js"
-
-export default class extends Controller {
-
- static targets = [ "item", "paginator" ]
-
- connect() {
- this.enableInfiniteScroll();
- }
-
- /*
- FUNCTIONS
- */
-
- /**
- * Switches to the next page when the last message is displayed.
- */
- enableInfiniteScroll() {
- const lastMessage = this.itemTargets.at(-1);
- // Turn the page when the last message is displayed.
- const observerLastMessage = new IntersectionObserver((entries) => {
- entries.forEach((entry) => {
- if (entry.isIntersecting) {
- if (!this.isLastPage()) this.goToNextPage();
- }
- });
- });
-
- observerLastMessage.observe(lastMessage);
- }
-
-
- /**
- * Get current page stored in #paginator as dataset
- * @returns {number}
- */
- getCurrentPage() {
- return parseInt(this.paginatorTarget.dataset.page);
- }
-
- /**
- * Check if we are on the last page
- * @returns {boolean}
- */
- isLastPage() {
- return parseInt(this.paginatorTarget.dataset.totalPages) === this.getCurrentPage();
- }
-
-
- /**
- * Switch to the next page
- * @param {Event} event
- * @return {void}
- */
- goToNextPage(event) {
- // Prepare the information we will send
- const newData = {
- "action": "list messages",
- "data": {
- "page": this.getCurrentPage() + 1,
- }
- };
- // Send the data to the server
- sendData(newData, myWebSocket);
- }
-
- /**
- * Displays the update form
- * @param {Event} event
- * @return {void}
- */
- displayUpdateForm(event) {
- const message = {
- "action": "open edit page",
- "data": {
- "id": event.target.dataset.id
- }
- };
- sendData(message, window.myWebSocket);
- }
-
-
- /**
- * Update message
- * @param {Event} event
- * @return {void}
- */
- updateMessage(event) {
- event.preventDefault();
- const message = {
- "action": "update message",
- "data": {
- "id": event.target.dataset.id,
- "author": event.target.querySelector("#message-form__author--update").value,
- "text": event.target.querySelector("#message-form__text--update").value
- }
- };
- sendData(message, myWebSocket);
- }
-
- /**
- * Delete message
- * @param {Event} event
- * @return {void}
- */
- deleteMessage(event) {
- const message = {
- "action": "delete message",
- "data": {
- "id": event.target.dataset.id
- }
- };
- sendData(message, window.myWebSocket);
- }
-}
\ No newline at end of file
diff --git a/static/js/controllers/navbarController.js b/static/js/controllers/navbarController.js
deleted file mode 100644
index 030908f..0000000
--- a/static/js/controllers/navbarController.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Controller } from "../vendors/stimulus.js"
-import { sendData } from "../webSocketsCli.js"
-
-export default class extends Controller {
-
- static targets = [ "page" ]
-
- /**
- * Send new message
- * @param {Event} event
- * @return {void}
- */
- add(event) {
- event.preventDefault();
- // Prepare the information we will send
- const newData = {
- "action": "add message",
- "data": {
- "author": this.authorTarget.value,
- "text": this.textTarget.value
- }
- };
- // Send the data to the server
- sendData(newData, window.myWebSocket);
- // Clear message form
- this.textTarget.value = "";
- }
-}
\ No newline at end of file
diff --git a/static/js/controllers/navbar_controller.js b/static/js/controllers/navbar_controller.js
new file mode 100644
index 0000000..80fde3f
--- /dev/null
+++ b/static/js/controllers/navbar_controller.js
@@ -0,0 +1,22 @@
+import { Controller } from "../vendors/stimulus.js"
+import { sendData } from "../webSocketsCli.js"
+
+export default class extends Controller {
+
+ static targets = [ "page" ]
+
+ /**
+ * Send message to update page
+ * @param {Event} event
+ * @return {void}
+ */
+ changePage(event) {
+ event.preventDefault();
+ sendData({
+ action: 'Change page',
+ data: {
+ page: event.target.dataset.page
+ }
+ }, window.myWebSocket);
+ }
+}
diff --git a/static/js/controllers/todo_controller.js b/static/js/controllers/todo_controller.js
new file mode 100644
index 0000000..26a1c7f
--- /dev/null
+++ b/static/js/controllers/todo_controller.js
@@ -0,0 +1,22 @@
+import { Controller } from "../vendors/stimulus.js"
+import { sendData } from "../webSocketsCli.js"
+
+export default class extends Controller {
+
+ static targets = [ "task" ]
+
+ /**
+ * Render new task
+ * @return {void}
+ */
+ addNewTask() {
+ sendData({
+ action: 'Add task',
+ data: {
+ newTask: this.taskTarget.value
+ }
+ }, window.myWebSocket);
+ // Clean input
+ this.taskTarget.value = '';
+ }
+}
diff --git a/static/js/controllers/update_form_controller.js b/static/js/controllers/update_form_controller.js
deleted file mode 100644
index d892ca1..0000000
--- a/static/js/controllers/update_form_controller.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Controller } from "../vendors/stimulus.js"
-import { sendData } from "../webSocketsCli.js"
-
-export default class extends Controller {
-
- static targets = [ "author", "text" ]
-
- /**
- * Update message
- * @param {Event} event
- * @return {void}
- */
- update(event) {
- event.preventDefault();
- const message = {
- "action": "update message",
- "data": {
- "id": event.target.dataset.id,
- "author": this.authorTarget.value,
- "text": this.textTarget.value
- }
- };
- sendData(message, myWebSocket);
- }
-}
\ No newline at end of file
diff --git a/static/js/main.js b/static/js/main.js
index 7221350..4901c07 100755
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -1,6 +1,7 @@
import {connect, startEvents} from './webSocketsCli.js';
import { Application } from "./vendors/stimulus.js"
-import navbarController from "./controllers/navbar.js"
+import navbarController from "./controllers/navbar_controller.js"
+import todoController from "./controllers/todo_controller.js"
/*
INITIALIZATION
*/
@@ -12,4 +13,5 @@ startEvents();
// Stimulus
window.Stimulus = Application.start();
// Register all controllers
-Stimulus.register("navbar", navbarController);
\ No newline at end of file
+Stimulus.register("navbar", navbarController);
+Stimulus.register("todo", todoController);
diff --git a/static/js/webSocketsCli.js b/static/js/webSocketsCli.js
index 3546fe1..e81bb53 100644
--- a/static/js/webSocketsCli.js
+++ b/static/js/webSocketsCli.js
@@ -7,7 +7,7 @@
* @param {string} url - WebSockets server url
* @return {WebSocket}
*/
-export function connect(url=`${document.body.dataset.scheme === 'http' ? 'ws' : 'wss'}://${ document.body.dataset.host }/ws/social-network/`) {
+export function connect(url=`${document.body.dataset.scheme === 'http' ? 'ws' : 'wss'}://${ document.body.dataset.host }/ws/example/`) {
window.myWebSocket = new WebSocket(url);
return window.myWebSocket;
}