Merge pull request #79 from profcomff/DanilSemenovPR

Danil semenov pr
кнопки "Поделиться" на странице лектора и в поиске

Author: Semedanik

src/components/TheSearchBar.vue

@@ -57,6 +57,17 @@
 								@click.stop="changeAscDesc"
 							></v-btn>
 						</v-row>
+
+						<v-btn
+							class="w-100 mb-2"
+							color="primary"
+							variant="tonal"
+							density="default"
+							prepend-icon="mdi-share-variant"
+							text="Поделиться поиском"
+							@click="shareSearch"
+						/>
+
 						<v-btn
 							v-if="isAdmin"
 							class="w-100"
@@ -71,15 +82,19 @@
 			</v-menu>
 		</template>
 	</v-text-field>
+
+	<v-snackbar v-model="shareSuccess" color="success" timeout="2000"> Ссылка скопирована в буфер обмена </v-snackbar>
 </template>
 
 <script setup lang="ts">
 import { SUBJECTS } from '@/constants';
 import { ref } from 'vue';
+import { copyUrlToClipboard } from '@/utils';
 
 const propsParent = defineProps({
 	isAdmin: { type: Boolean, required: true },
 	ascending: { type: Boolean, required: true },
+	page: { type: Number, default: 1 },
 });
 
 const searchQuery = defineModel('searchQuery', { type: String });
@@ -94,6 +109,7 @@ const orderTypes = [
 	'по фамилии',
 ];
 const iconAscDesc = ref<string>('');
+const shareSuccess = ref(false);
 
 const emits = defineEmits({
 	'find-lecturer': () => {
@@ -113,4 +129,22 @@ function changeAscDesc() {
 			: 'mdi-sort-alphabetical-descending';
 	emits('changed-asc-desc');
 }
+
+async function shareSearch() {
+	const params: Record<string, any> = {};
+
+	if (searchQuery.value) params.query = searchQuery.value;
+	if (order.value && order.value !== 'по релевантности') params.order = order.value;
+	if (subject.value) params.subject = subject.value;
+	if (propsParent.page > 1) params.page = propsParent.page;
+
+	// Значение ascending обратное иконке (если иконка ascending, то значение false)
+	const isAscending = iconAscDesc.value === 'mdi-sort-alphabetical-ascending';
+	if (!isAscending) params.asc = false;
+
+	shareSuccess.value = await copyUrlToClipboard(params);
+	setTimeout(() => {
+		shareSuccess.value = false;
+	}, 2000);
+}
 </script>