INSERT INTO `cp_filejs` (`id`,`app`,`path`,`modul`,`file_name`,`content`) VALUES ('224','2','u6/driver','profile','js/view-user-profile.js--','import {\r\n getSessionUser,\r\n getUserById\r\n} from \\\\\\\"./api/auth.js\\\\\\\"\r\nimport {\r\n getUserGarage\r\n} from \\\\\\\"./api/garage.js\\\\\\\"\r\nimport {\r\n maybeFollowUser\r\n} from \\\\\\\"./api/profile.js\\\\\\\"\r\nimport app from \\\\\\\"./app.js\\\\\\\"\r\nimport {\r\n createGarageContent,\r\n displayProfile,\r\n fillGridWithPosts\r\n} from \\\\\\\"./profile.js\\\\\\\"\r\nimport store from \\\\\\\"./store.js\\\\\\\"\r\n\r\nvar $ = Dom7\r\n\r\nvar totalPostPages = 1\r\nvar totalFPostPages = 1\r\nvar currentPostPage = 1\r\nvar currentFPostPage = 1\r\n\r\nvar isFetchingPosts = false\r\nvar refreshed = false;\r\n\r\nvar userId = null\r\n\r\n$(document).on(\\\\\\\\\\\\\\\'page:init\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'.page[data-name=\\\\\\\"profile-view\\\\\\\"]\\\\\\\\\\\\\\\', async function (e) {\r\n userId = e.detail.route.params.id\r\n\r\n currentPostPage = 1\r\n currentFPostPage = 1\r\n isFetchingPosts = false\r\n refreshed = false\r\n\r\n store.dispatch(\\\\\\\\\\\\\\\'getUserPosts\\\\\\\\\\\\\\\', {\r\n user_id: userId,\r\n clear: true\r\n })\r\n\r\n store.dispatch(\\\\\\\\\\\\\\\'getUserTags\\\\\\\\\\\\\\\', {\r\n user_id: userId,\r\n clear: true\r\n })\r\n})\r\n\r\n$(document).on(\\\\\\\\\\\\\\\'page:beforein\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'.page[data-name=\\\\\\\"profile-view\\\\\\\"]\\\\\\\\\\\\\\\', async function (e) {\r\n $(\\\\\\\\\\\\\\\'.loading-fullscreen\\\\\\\\\\\\\\\').show()\r\n\r\n var pathStore = store.getters.getPathData\r\n userId = e.detail.route.params.id\r\n\r\n const sessionUser = await getSessionUser()\r\n\r\n if (!sessionUser || !sessionUser.id) {\r\n return;\r\n }\r\n\r\n // Follow button\r\n const followButton = $(\\\\\\\\\\\\\\\'.user-follow-btn\\\\\\\\\\\\\\\')\r\n const sessionFollowings = sessionUser.following;\r\n\r\n if (sessionFollowings.includes(`${userId}`)) {\r\n followButton.text(\\\\\\\\\\\\\\\'Following\\\\\\\\\\\\\\\')\r\n } else {\r\n followButton.text(\\\\\\\\\\\\\\\'Follow\\\\\\\\\\\\\\\')\r\n }\r\n\r\n followButton.attr(\\\\\\\\\\\\\\\'data-user-id\\\\\\\\\\\\\\\', userId)\r\n\r\n let cachedData = null\r\n try {\r\n if (pathStore && pathStore.value[`/user/${userId}`]) {\r\n cachedData = pathStore.value[`/user/${userId}`]\r\n }\r\n } catch (error) {\r\n console.error(\\\\\\\\\\\\\\\'Error fetching cached data:\\\\\\\\\\\\\\\', error)\r\n }\r\n\r\n await renderProfileData(cachedData, userId)\r\n})\r\n\r\n$(document).on(\\\\\\\\\\\\\\\'click\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'.user-follow-btn\\\\\\\\\\\\\\\', async function () {\r\n const followButton = $(this)\r\n const isFollowing = followButton.text() === \\\\\\\\\\\\\\\'Following\\\\\\\\\\\\\\\'\r\n\r\n // change the button text\r\n followButton.text(isFollowing ? \\\\\\\\\\\\\\\'Follow\\\\\\\\\\\\\\\' : \\\\\\\\\\\\\\\'Following\\\\\\\\\\\\\\\')\r\n const response = await maybeFollowUser(followButton.attr(\\\\\\\\\\\\\\\'data-user-id\\\\\\\\\\\\\\\'))\r\n\r\n if (response && response.success) {\r\n store.dispatch(\\\\\\\\\\\\\\\'updateUserDetails\\\\\\\\\\\\\\\', {\r\n external: true\r\n })\r\n }\r\n})\r\n\r\nasync function renderProfileData(cachedData, userId) {\r\n // if (!refreshed && !cachedData) {\r\n // }\r\n\r\n refreshed = false\r\n\r\n if (!cachedData) {\r\n const data = await getUserById(userId)\r\n console.log(\\\\\\\\\\\\\\\'User data:\\\\\\\\\\\\\\\', data);\r\n\r\n if (!data || data.error) {\r\n $(\\\\\\\\\\\\\\\'.loading-fullscreen\\\\\\\\\\\\\\\').hide()\r\n app.dialog.alert(\\\\\\\\\\\\\\\'User not found\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'Error\\\\\\\\\\\\\\\')\r\n\r\n view.router.back(view.history[0], {\r\n force: true\r\n })\r\n return\r\n }\r\n\r\n const garage = await getUserGarage(userId)\r\n\r\n if (garage) {\r\n createGarageContent(garage, \\\\\\\\\\\\\\\'.pview-current-vehicles-list\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'.pview-past-vehicles-list\\\\\\\\\\\\\\\')\r\n }\r\n\r\n // Assuming `path` is a dynamic path like \\\\\\\\\\\\\\\'/garage/2\\\\\\\\\\\\\\\'\r\n store.dispatch(\\\\\\\\\\\\\\\'setPathData\\\\\\\\\\\\\\\', {\r\n path: `/user/${userId}`,\r\n data: {\r\n user: data.user,\r\n garage: garage,\r\n },\r\n })\r\n\r\n displayProfile(data.user, \\\\\\\\\\\\\\\'profile-view\\\\\\\\\\\\\\\')\r\n } else {\r\n displayProfile(cachedData.user, \\\\\\\\\\\\\\\'profile-view\\\\\\\\\\\\\\\')\r\n\r\n if (cachedData.garage) {\r\n createGarageContent(cachedData.garage, \\\\\\\\\\\\\\\'.pview-current-vehicles-list\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'.pview-past-vehicles-list\\\\\\\\\\\\\\\')\r\n }\r\n }\r\n\r\n $(\\\\\\\\\\\\\\\'.loading-fullscreen\\\\\\\\\\\\\\\').hide()\r\n}\r\n\r\nfunction populateUsersPosts(data) {\r\n if (data) {\r\n const postsKey = `user-${userId}-posts`\r\n //const tagsKey = `user-${userId}-tags`\r\n\r\n // Handle posts\r\n if (data[postsKey]) {\r\n totalPostPages = data[postsKey].total_pages || 0\r\n\r\n let reset = data[postsKey].cleared || false\r\n\r\n console.log(reset);\r\n\r\n // Only update the DOM if there are new posts\r\n if (data[postsKey].new_data && data[postsKey].new_data.length > 0) {\r\n fillGridWithPosts(data[postsKey].new_data, \\\\\\\\\\\\\\\'profile-view-grid-posts\\\\\\\\\\\\\\\', reset)\r\n // Clear new_data after processing to avoid re-rendering\r\n\r\n data[postsKey].new_data = []\r\n }\r\n\r\n if ((data[postsKey].page === totalPostPages) || (totalPostPages == 0)) {\r\n // hide preloader\r\n $(\\\\\\\\\\\\\\\'.infinite-scroll-preloader.posts-tab.view-profile\\\\\\\\\\\\\\\').hide()\r\n }\r\n\r\n if (data[postsKey].data.length === 0) {\r\n const profileGrid = document.getElementById(\\\\\\\\\\\\\\\'profile-view-grid-posts\\\\\\\\\\\\\\\')\r\n profileGrid.innerHTML = \\\\\\\\\\\\\\\'
No posts
\\\\\\\\\\\\\\\'\r\n return;\r\n }\r\n\r\n }\r\n\r\n // Handle tags\r\n /*\r\n if (data[tagsKey]) {\r\n totalFPostPages = data[tagsKey].total_pages || 0\r\n\r\n let reset = data[tagsKey].cleared || false\r\n\r\n // Only update the DOM if there are new tags\r\n if (data[tagsKey].new_data && data[tagsKey].new_data.length > 0) {\r\n fillGridWithPosts(data[tagsKey].new_data, \\\\\\\\\\\\\\\'profile-view-grid-tags\\\\\\\\\\\\\\\', reset)\r\n // Clear new_data after processing to avoid re-rendering\r\n data[tagsKey].new_data = []\r\n }\r\n\r\n if ((data[tagsKey].page === totalFPostPages) || (totalFPostPages == 0)) {\r\n // hide preloader\r\n $(\\\\\\\\\\\\\\\'.infinite-scroll-preloader.tags-tab.view-profile\\\\\\\\\\\\\\\').hide()\r\n }\r\n /*\r\n if (data[tagsKey].data.length === 0) {\r\n const profileGrid = document.getElementById(\\\\\\\\\\\\\\\'profile-view-grid-tags\\\\\\\\\\\\\\\')\r\n profileGrid.innerHTML = \\\\\\\\\\\\\\\'No tagged posts
\\\\\\\\\\\\\\\'\r\n return;\r\n }\r\n --\r\n }*/\r\n }\r\n}\r\n\r\nstore.getters.getUserPathUpdated.onUpdated(() => {\r\n const data = store.getters.getUserPathData.value\r\n populateUsersPosts(data)\r\n})\r\n\r\n$(document).on(\\\\\\\\\\\\\\\'infinite\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'.profile-landing-page.infinite-scroll-content.view-page\\\\\\\\\\\\\\\', async function (e) {\r\n if (isFetchingPosts) return\r\n\r\n const activeTab = document.querySelector(\\\\\\\\\\\\\\\'.profile-tabs .tab-link-active\\\\\\\\\\\\\\\')\r\n const activeTabId = activeTab.id\r\n\r\n if (!activeTabId || activeTabId === \\\\\\\\\\\\\\\'my-garage\\\\\\\\\\\\\\\') return\r\n\r\n const getterFunc = activeTabId === \\\\\\\\\\\\\\\'my-posts\\\\\\\\\\\\\\\' ? \\\\\\\\\\\\\\\'getUserPosts\\\\\\\\\\\\\\\' : \\\\\\\\\\\\\\\'getUserTags\\\\\\\\\\\\\\\'\r\n\r\n isFetchingPosts = true\r\n\r\n if (activeTabId === \\\\\\\\\\\\\\\'my-posts\\\\\\\\\\\\\\\') {\r\n currentPostPage++\r\n if (currentPostPage <= totalPostPages) {\r\n await store.dispatch(getterFunc, {\r\n user_id: userId,\r\n page: currentPostPage\r\n })\r\n isFetchingPosts = false\r\n }\r\n } else {\r\n currentFPostPage++\r\n\r\n if (currentFPostPage <= totalFPostPages) {\r\n await store.dispatch(getterFunc, {\r\n user_id: userId,\r\n page: currentFPostPage\r\n })\r\n isFetchingPosts = false\r\n }\r\n }\r\n})\r\n\r\n$(document).on(\\\\\\\\\\\\\\\'ptr:refresh\\\\\\\\\\\\\\\', \\\\\\\\\\\\\\\'.profile-landing-page.view-page.ptr-content\\\\\\\\\\\\\\\', async function (e) {\r\n try {\r\n currentPostPage = 1\r\n currentFPostPage = 1\r\n\r\n store.dispatch(\\\\\\\\\\\\\\\'removePathData\\\\\\\\\\\\\\\', `/user/${userId}`)\r\n\r\n await renderProfileData(null, userId)\r\n\r\n store.dispatch(\\\\\\\\\\\\\\\'getUserPosts\\\\\\\\\\\\\\\', {\r\n user_id: userId,\r\n clear: true\r\n })\r\n\r\n store.dispatch(\\\\\\\\\\\\\\\'getUserTags\\\\\\\\\\\\\\\', {\r\n user_id: userId,\r\n clear: true\r\n })\r\n\r\n refreshed = true\r\n } catch (error) {\r\n console.log(\\\\\\\\\\\\\\\'Error refreshing profile page:\\\\\\\\\\\\\\\', error);\r\n }\r\n\r\n app.ptr.get(\\\\\\\\\\\\\\\'.profile-landing-page.view-page.ptr-content\\\\\\\\\\\\\\\').done()\r\n})');