Add link to album from sharing page (#2625)

LycheeOrg · Oct 29, 2024 · 46851db · 46851db
1 parent 4f13ee7
commit 46851db
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 4 deletions.
diff --git a/app/Http/Resources/Models/AccessPermissionResource.php b/app/Http/Resources/Models/AccessPermissionResource.php
@@ -14,6 +14,7 @@ public function __construct(
 		public ?int $user_id = null,
 		public ?string $username = null,
 		public ?string $album_title = null,
+		public ?string $album_id = null,
 		public bool $grants_full_photo_access = false,
 		public bool $grants_download = false,
 		public bool $grants_upload = false,
@@ -29,6 +30,7 @@ public static function fromModel(AccessPermission $accessPermission): AccessPerm
 			user_id: $accessPermission->user_id,
 			username: $accessPermission->user->name,
 			album_title: $accessPermission->album->title,
+			album_id: $accessPermission->base_album_id,
 			grants_full_photo_access: $accessPermission->grants_full_photo_access,
 			grants_download: $accessPermission->grants_download,
 			grants_upload: $accessPermission->grants_upload,

diff --git a/resources/js/components/forms/album/AlbumProperties.vue b/resources/js/components/forms/album/AlbumProperties.vue
@@ -320,7 +320,7 @@ function load(editable: App.Http.Resources.Editable.EditableBaseAlbumResource, p
 	photoSortingOrder.value = SelectBuilders.buildSortingOrder(editable.photo_sorting?.order);
 	albumSortingColumn.value = SelectBuilders.buildAlbumSorting(editable.album_sorting?.column);
 	albumSortingOrder.value = SelectBuilders.buildSortingOrder(editable.album_sorting?.order);
-	photoLayout.value = SelectBuilders.buildPhotoLayout(editable.photo_layout);
+	photoLayout.value = SelectBuilders.buildPhotoLayout(editable.photo_layout ?? undefined);
 	license.value = SelectBuilders.buildLicense(editable.license);
 	aspectRatio.value = SelectBuilders.buildAspectRatio(editable.aspect_ratio);
 	header_id.value = buildHeaderId(editable.header_id, photos);

diff --git a/resources/js/components/forms/sharing/ShareLine.vue b/resources/js/components/forms/sharing/ShareLine.vue
@@ -1,7 +1,11 @@
 <template>
 	<div class="flex">
 		<div class="w-5/12 flex items-center text-muted-color">
-			<span v-if="props.withAlbum" class="w-full">{{ props.perm.album_title }}</span>
+			<span v-if="props.withAlbum" class="w-full">
+				<router-link :to="{ name: 'album', params: { albumid: props.perm.album_id } }" class="hover:text-color-emphasis underline">{{
+					props.perm.album_title
+				}}</router-link>
+			</span>
 			<span class="w-full">{{ props.perm.username }}</span>
 		</div>
 		<div class="w-1/2 flex items-center justify-around">

diff --git a/resources/js/lychee.d.ts b/resources/js/lychee.d.ts
@@ -143,7 +143,7 @@ declare namespace App.Http.Resources.Editable {
 		photo_sorting: App.DTO.PhotoSortingCriterion | null;
 		album_sorting: App.DTO.AlbumSortingCriterion | null;
 		aspect_ratio: App.Enum.AspectRatioType | null;
-		photo_layout: any | null;
+		photo_layout: App.Enum.PhotoLayoutType | null;
 		header_id: string | null;
 		cover_id: string | null;
 		tags: Array<string>;
@@ -270,6 +270,7 @@ declare namespace App.Http.Resources.Models {
 		user_id: number | null;
 		username: string | null;
 		album_title: string | null;
+		album_id: string | null;
 		grants_full_photo_access: boolean;
 		grants_download: boolean;
 		grants_upload: boolean;

diff --git a/resources/js/views/Sharing.vue b/resources/js/views/Sharing.vue
@@ -15,7 +15,7 @@
 		<div class="flex flex-col text-muted-color-emphasis">
 			<div class="flex items-center">
 				<div class="w-5/12 flex items-center">
-					<span class="w-full">{{ $t("lychee.ALBUM_TITLE") }}</span>
+					<span class="w-full">{{ "Album Title" }}</span>
 					<span class="w-full">{{ $t("lychee.USERNAME") }}</span>
 				</div>
 				<div class="w-1/2 flex items-center justify-around">