INSERT INTO `cp_filejs` (`id`,`app`,`path`,`modul`,`file_name`,`content`) VALUES ('628','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})');