From c74f8755713738926762a0d8f8fe85e5587d2262 Mon Sep 17 00:00:00 2001
From: romankko2 <romokravarik@gmail.com>
Date: Fri, 28 Jun 2024 17:05:24 +0200
Subject: [PATCH] [getServerLinks] added utils, links in task view

---
 .../app/_layout/auth/_components/a-header.vue |  2 +-
 app/src/plugins/app/_theme/global.sass        |  4 ++
 .../plugins/tm@_utils/server-links.utils.ts   | 57 +++++++++++++++++++
 .../_components/read-only/z-description.vue   | 17 ++++++
 .../_components/a-task-description.vue        | 32 ++++++++++-
 5 files changed, 110 insertions(+), 2 deletions(-)
 create mode 100644 app/src/plugins/tm@_utils/server-links.utils.ts

diff --git a/app/src/plugins/app/_layout/auth/_components/a-header.vue b/app/src/plugins/app/_layout/auth/_components/a-header.vue
index 7ecf9c1..89a8d88 100644
--- a/app/src/plugins/app/_layout/auth/_components/a-header.vue
+++ b/app/src/plugins/app/_layout/auth/_components/a-header.vue
@@ -1,5 +1,5 @@
 <template>
-	<header class="login-header-border hover">
+	<header class="login-header-border">
 		<v-container>
 			<img :src="require('@/plugins/app/_img/jandl-logo.svg')" alt="jandl-logo" @click="$router.push({name: 'Login'})">
 		</v-container>
diff --git a/app/src/plugins/app/_theme/global.sass b/app/src/plugins/app/_theme/global.sass
index 288b5b0..11f4eb7 100644
--- a/app/src/plugins/app/_theme/global.sass
+++ b/app/src/plugins/app/_theme/global.sass
@@ -105,6 +105,10 @@ input[type="time"]::-webkit-calendar-picker-indicator
 	.v-input
 		height: 40px !important
 
+.server-links
+	a
+		text-decoration: underline
+
 @media (max-width: 534px)
 	.mobile-view
 		flex-direction: column
diff --git a/app/src/plugins/tm@_utils/server-links.utils.ts b/app/src/plugins/tm@_utils/server-links.utils.ts
new file mode 100644
index 0000000..2726aee
--- /dev/null
+++ b/app/src/plugins/tm@_utils/server-links.utils.ts
@@ -0,0 +1,57 @@
+export function getServerLinks(description) {
+	const os = detectOS()
+
+	// Create a temporary DOM element to manipulate the HTML content
+	const tempDiv = document.createElement('div')
+	tempDiv.innerHTML = description
+
+	const links = new Set()
+	const paragraphs = tempDiv.querySelectorAll('p')
+
+	paragraphs.forEach(p => {
+		const text = p.textContent.trim()
+
+		if (os === 'mac' && text.startsWith('smb://')) {
+			links.add(`<a href="${text}" target="_blank" rel="noopener noreferrer">${text}</a>`)
+		} else if (os === 'win' && text.startsWith('\\\\')) {
+			links.add(`<a href="file://${text.replace(/\\/g, '/')}" target="_blank" rel="noopener noreferrer">${text}</a>`)
+		} else if (os === 'mac' && text.startsWith('\\\\')) {
+			const smbLink = 'smb:' + text.replace(/\\/g, '/')
+			links.add(`<a href="${smbLink}" target="_blank" rel="noopener noreferrer">${smbLink}</a>`)
+		} else if (os === 'win' && text.startsWith('smb://')) {
+			const windowsLink = text.replace(/^smb:/, '').replace(/\//g, '\\')
+			links.add(`<a href="file://${windowsLink}" target="_blank" rel="noopener noreferrer">${windowsLink}</a>`)
+		}
+
+		const anchor = p.querySelector('a')
+		if (anchor) {
+			const href = anchor.getAttribute('href')
+			if (os === 'mac' && href.startsWith('smb://')) {
+				links.add(`<a href="${href}" target="_blank" rel="noopener noreferrer">${href}</a>`)
+			} else if (os === 'win' && href.startsWith('\\\\')) {
+				links.add(`<a href="file://${href.replace(/\\/g, '/')}" target="_blank" rel="noopener noreferrer">${href}</a>`)
+			} else if (os === 'mac' && href.startsWith('\\\\')) {
+				const smbLink = 'smb:' + href.replace(/\\/g, '/')
+				links.add(`<a href="${smbLink}" target="_blank" rel="noopener noreferrer">${smbLink}</a>`)
+			} else if (os === 'win' && href.startsWith('smb://')) {
+				const windowsLink = href.replace(/^smb:/, '').replace(/\//g, '\\')
+				links.add(`<a href="file://${windowsLink}" target="_blank" rel="noopener noreferrer">${windowsLink}</a>`)
+			}
+		}
+	})
+
+	return Array.from(links).join('<br>')
+}
+
+export function detectOS() {
+	const platform = window.navigator.platform
+	const macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K']
+	const windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE']
+
+	if (macosPlatforms.indexOf(platform) !== -1) {
+		return 'mac'
+	} else if (windowsPlatforms.indexOf(platform) !== -1) {
+		return 'win'
+	}
+	return 'win'
+}
\ No newline at end of file
diff --git a/app/src/plugins/tm@modal/_components/read-only/z-description.vue b/app/src/plugins/tm@modal/_components/read-only/z-description.vue
index 9fafaa3..eae2fc0 100644
--- a/app/src/plugins/tm@modal/_components/read-only/z-description.vue
+++ b/app/src/plugins/tm@modal/_components/read-only/z-description.vue
@@ -4,6 +4,11 @@
 		<section v-html="description" class="description-detail px-2 py-2 w-100 rounded mt-2" />
 	</div>
 
+	<div v-if="hasMasterTaskDescLinks" class="px-5">
+		<p class="py-3">Odkazy na server</p>
+		<p class="server-links" v-html="masterTaskDescLinks" />
+	</div>
+
 	<div class="px-5 py-5 border-bottom" v-if="inheritedDescription">
 		<p>Popis mastertasku</p>
 		<section v-html="inheritedDescription" class="description-detail px-2 py-2 w-100 rounded mt-2" />
@@ -11,6 +16,8 @@
 </template>
 
 <script>
+import { getServerLinks } from '@/plugins/tm@_utils/server-links.utils'
+
 export default {
 	props: {
 		description: {
@@ -22,6 +29,16 @@ export default {
 			type: String || null,
 			default: () => null
 		}
+	},
+
+	computed: {
+		masterTaskDescLinks() {
+			return getServerLinks(this.description)
+		},
+
+		hasMasterTaskDescLinks() {
+			return this.masterTaskDescLinks.trim().length > 0
+		}
 	}
 }
 </script>
diff --git a/app/src/plugins/tm@modal/task/_components/_components/a-task-description.vue b/app/src/plugins/tm@modal/task/_components/_components/a-task-description.vue
index af4bb55..922ed94 100644
--- a/app/src/plugins/tm@modal/task/_components/_components/a-task-description.vue
+++ b/app/src/plugins/tm@modal/task/_components/_components/a-task-description.vue
@@ -4,13 +4,25 @@
 		<section v-html="description" class="description-detail px-2 py-2 w-100 rounded mt-2" />
 	</div>
 
+	<div v-if="hasSubtaskDescLinks" class="px-5">
+		<p class="py-3">Odkazy na server</p>
+		<p class="server-links" v-html="subtaskDescLinks" />
+	</div>
+
 	<div class="px-5 py-5 border-bottom" v-if="mastertaskDescription">
 		<p>Popis mastertasku</p>
 		<section v-html="mastertaskDescription" class="description-detail px-2 py-2 w-100 rounded mt-2" />
 	</div>
+
+	<div v-if="hasSubtaskMTDescLinks" class="px-5">
+		<p class="py-3">Odkazy na server</p>
+		<p class="server-links" v-html="subtaskMTDecsLinks" />
+	</div>
 </template>
 
 <script>
+import { getServerLinks } from '@/plugins/tm@_utils/server-links.utils'
+
 export default {
 	props: {
 		description: {
@@ -22,6 +34,24 @@ export default {
 			type: String || null,
 			default: () => null
 		}
+	},
+
+	computed: {
+		subtaskDescLinks() {
+			return getServerLinks(this.description)
+		},
+
+		subtaskMTDecsLinks() {
+			return getServerLinks(this.mastertaskDescription)
+		},
+
+		hasSubtaskDescLinks() {
+			return this.subtaskDescLinks.trim().length > 0
+		},
+
+		hasSubtaskMTDescLinks() {
+			return this.subtaskMTDecsLinks.trim().length > 0
+		}
 	}
 }
-</script>
+</script>
\ No newline at end of file