New widget appearance

js/src/api.js

@@ -100,7 +100,7 @@ const userConfirmEmailDoboard = async (emailConfirmationToken) => {
 };
 
 const createTaskDoboard = async (sessionId, taskDetails) => {
-    const accountId = taskDetails.accountId
+    const accountId = taskDetails.accountId;
     const data = {
         session_id: sessionId,
         project_token: taskDetails.projectToken,
@@ -185,6 +185,20 @@ const loginUserDoboard = async (email, password) => {
     }
 }
 
+const logoutUserDoboard = async (accountId) => {
+    const sessionId = localStorage.getItem('spotfix_session_id');
+    if(sessionId && accountId) {
+        const data = {
+            session_id: sessionId,
+        };
+
+        const result = await spotfixApiCall(data, 'user_unauthorize', accountId);
+        if(result.operation_status === 'SUCCESS') {
+            clearLocalstorageOnLogout();
+        }
+    }
+}
+
 const getTasksDoboard = async (projectToken, sessionId, accountId, projectId, userId) => {
     const data = {
         session_id: sessionId,
@@ -230,11 +244,13 @@ const getTasksCommentsDoboard = async (sessionId, accountId, projectToken, statu
     }));
 };
 
-const getUserDoboard = async (sessionId, projectToken, accountId) => {
+const getUserDoboard = async (sessionId, projectToken, accountId, userId) => {
     const data = {
         session_id: sessionId,
         project_token: projectToken,
     }
+    if (userId) data.user_id = userId;
+
     const result = await spotfixApiCall(data, 'user_get', accountId);
     return result.users;
 
@@ -277,3 +293,20 @@ const userUpdateDoboard = async (projectToken, accountId, sessionId, userId, tim
         success: true
     };
 }
+
+const getReleaseVersion = async () => {
+    try {
+        const res = await fetch('https://api.github.com/repos/CleanTalk/SpotFix/releases');
+        const data = await res.json();
+
+        if (data.length > 0 && data[0].tag_name) {
+            storageSaveSpotfixVersion(data[0].tag_name);
+            return data[0].tag_name;
+        }
+
+        return null;
+    } catch (err) {
+        return null;
+    }
+};
+

js/src/handlers.js

@@ -51,6 +51,15 @@ async function getTasksFullDetails(params, tasks, currentActiveTaskId) {
     }
 }
 
+async function getUserDetails(params) {
+		const sessionId = localStorage.getItem('spotfix_session_id');
+		const currentUserId = localStorage.getItem('spotfix_user_id');
+		if(currentUserId) {
+			const users = await getUserDoboard(sessionId, params.projectToken, params.accountId, currentUserId);
+			return users[0] || {};
+		}
+}
+
 async function handleCreateTask(sessionId, taskDetails) {
 	try {
 		const result = await createTaskDoboard(sessionId, taskDetails);
@@ -270,3 +279,37 @@ function spotFixSplitUrl(url) {
 
 }
 
+function setToggleStatus(rootElement){
+	const clickHandler = () => {
+		const timer = setTimeout(() => {
+			localStorage.setItem('spotfix_widget_is_closed', '1');
+			rootElement.hide();
+			clearTimeout(timer);
+		}, 300);
+	};
+	const toggle = document.getElementById('widget_visibility');
+	if(toggle) {
+		toggle.checked = true;
+		toggle.addEventListener('click', clickHandler);
+	}
+}
+
+function checkLogInOutButtonsVisible (){
+	if(!localStorage.getItem('spotfix_session_id')) {
+		const el = document
+			.getElementById('doboard_task_widget-user_menu-logout_button')
+			?.closest('.doboard_task_widget-user_menu-item');
+			if(el) el.style.display = 'none';
+	} else {
+		const el = document.getElementById('doboard_task_widget-user_menu-signlog_button');
+		if(el) el.style.display = 'none';
+	}
+}
+
+function changeSize(container){
+	if(container && +localStorage.getItem('maximize')){
+		container.classList.add('doboard_task_widget-container-maximize');
+	} else if(container) {
+		container.classList.remove('doboard_task_widget-container-maximize');
+	}
+}