diff --git a/app/Enums/PhotoalbumFrameConfig.php b/app/Enums/PhotoalbumFrameConfig.php index 023b25ec0..ec3362610 100644 --- a/app/Enums/PhotoalbumFrameConfig.php +++ b/app/Enums/PhotoalbumFrameConfig.php @@ -25,6 +25,8 @@ final class PhotoalbumFrameConfig extends EnumsBase const embed_code = 'embed_code'; const play_view = 'play_view'; const description_list_length = 'description_list_length'; + const load_more_use_flag = 'load_more_use_flag'; + const load_more_count = 'load_more_count'; // key/valueの連想配列 const enum = [ @@ -38,5 +40,7 @@ final class PhotoalbumFrameConfig extends EnumsBase self::embed_code => '動画埋め込みコード', self::play_view => '動画の再生形式', self::description_list_length => '一覧の説明表示文字数', + self::load_more_use_flag => 'もっと見る機能', + self::load_more_count => 'もっと見る表示件数', ]; } diff --git a/app/Plugins/User/Photoalbums/PhotoalbumsPlugin.php b/app/Plugins/User/Photoalbums/PhotoalbumsPlugin.php index f28efdb17..e57f1222c 100644 --- a/app/Plugins/User/Photoalbums/PhotoalbumsPlugin.php +++ b/app/Plugins/User/Photoalbums/PhotoalbumsPlugin.php @@ -66,7 +66,7 @@ public function getPublicFunctions() { // 標準関数以外で画面などから呼ばれる関数の定義 $functions = array(); - $functions['get'] = ['index', 'download', 'changeDirectory', 'embed', 'detail']; + $functions['get'] = ['index', 'download', 'changeDirectory', 'embed', 'detail', 'moreContents']; $functions['post'] = ['makeFolder', 'editFolder', 'upload', 'uploadVideo', 'editContents', 'editVideo', 'deleteContents', 'updateViewSequence', 'updateHiddenFolders']; return $functions; } @@ -141,32 +141,123 @@ public function index($request, $page_id, $frame_id, $parent_id = null) return; } - // フォルダ、ファイルの比較条件の取得 + $photoalbum_contents = $this->getSortedVisibleChildren($parent, $hidden_folder_ids); + $load_more_state = $this->getIndexLoadMoreState(); + $index_display_items = $this->buildIndexDisplayItems( + $photoalbum_contents, + $load_more_state['load_more_use'], + $load_more_state['load_more_count'] + ); + $covers = $this->fetchFolderCovers($index_display_items['photoalbum_folder_items']); + + // 表示テンプレートを呼び出す。 + return $this->view('index', array_merge([ + 'photoalbum' => $photoalbum, + 'photoalbum_contents' => $photoalbum_contents, + 'breadcrumbs' => $this->fetchBreadCrumbs($photoalbum->id, $parent->id), + 'parent_id' => $parent->id, + 'covers' => $covers, + ], $index_display_items)); + } + + /** + * 親配下の表示可能コンテンツを、表示設定の並び順で取得する。 + * + * @param \App\Models\User\Photoalbums\PhotoalbumContent $parent + * @param array $hidden_folder_ids + * @return \Illuminate\Support\Collection + */ + private function getSortedVisibleChildren(PhotoalbumContent $parent, array $hidden_folder_ids): Collection + { $sort_folder = FrameConfig::getConfigValue($this->frame_configs, PhotoalbumFrameConfig::sort_folder); $sort_file = FrameConfig::getConfigValue($this->frame_configs, PhotoalbumFrameConfig::sort_file); $photoalbum_contents = $this->getSortedChildren($parent, $sort_folder, $sort_file); - if (!empty($hidden_folder_ids)) { - $photoalbum_contents = $photoalbum_contents->reject(function ($content) use ($hidden_folder_ids) { - return $content->is_folder == PhotoalbumContent::is_folder_on - && in_array($content->id, $hidden_folder_ids, true); - }); + if (empty($hidden_folder_ids)) { + return $photoalbum_contents->values(); + } + + return $photoalbum_contents->reject(function ($content) use ($hidden_folder_ids) { + return $content->is_folder == PhotoalbumContent::is_folder_on + && in_array($content->id, $hidden_folder_ids, true); + })->values(); + } + + /** + * 一覧表示で利用する「もっと見る」設定値を取得する。 + * + * @return array + */ + private function getIndexLoadMoreState(): array + { + return [ + 'load_more_use' => FrameConfig::getConfigValueAndOld( + $this->frame_configs, + PhotoalbumFrameConfig::load_more_use_flag, + \App\Enums\UseType::not_use + ), + 'load_more_count' => FrameConfig::getConfigValueAndOld( + $this->frame_configs, + PhotoalbumFrameConfig::load_more_count, + (int) config('photoalbums.load_more_image_limit', 10) + ), + ]; + } + + /** + * 一覧画面で表示するフォルダ/画像の初期表示情報を構築する。 + * + * @param \Illuminate\Support\Collection $photoalbum_contents + * @param mixed $load_more_use + * @param mixed $load_more_count + * @return array + */ + private function buildIndexDisplayItems(Collection $photoalbum_contents, $load_more_use, $load_more_count): array + { + $folder_items_all = $photoalbum_contents->where('is_folder', PhotoalbumContent::is_folder_on)->values(); + $image_items_all = $photoalbum_contents->where('is_folder', PhotoalbumContent::is_folder_off)->values(); + + if ($load_more_use == \App\Enums\UseType::use) { + $folder_limit = $this->getLoadMoreLimit('folder', $load_more_count); + $image_limit = $this->getLoadMoreLimit('image', $load_more_count); + } else { + $folder_limit = $folder_items_all->count(); + $image_limit = $image_items_all->count(); + } + + $folder_items = $folder_items_all->slice(0, $folder_limit)->values(); + $image_items = $image_items_all->slice(0, $image_limit)->values(); + + return [ + 'photoalbum_folder_items' => $folder_items, + 'photoalbum_image_items' => $image_items, + 'photoalbum_folder_total' => $folder_items_all->count(), + 'photoalbum_image_total' => $image_items_all->count(), + 'photoalbum_folder_limit' => $folder_limit, + 'photoalbum_image_limit' => $image_limit, + 'photoalbum_folder_offset' => $folder_items->count(), + 'photoalbum_image_offset' => $image_items->count(), + 'photoalbum_load_more_use' => $load_more_use, + ]; + } + + /** + * 表示対象フォルダに設定されたカバー画像一覧を取得する。 + * + * @param \Illuminate\Support\Collection $folder_items + * @return \Illuminate\Support\Collection + */ + private function fetchFolderCovers(Collection $folder_items): Collection + { + $folder_ids = $folder_items->pluck('id'); + if ($folder_ids->isEmpty()) { + return collect(); } - // カバー写真に指定されている写真 - $covers = PhotoalbumContent::whereIn('parent_id', $photoalbum_contents->where('is_folder', PhotoalbumContent::is_folder_on)->pluck('id')) + return PhotoalbumContent::whereIn('parent_id', $folder_ids) ->where('is_cover', PhotoalbumContent::is_cover_on) ->with(['upload', 'posterUpload']) ->get(); - - // 表示テンプレートを呼び出す。 - return $this->view('index', [ - 'photoalbum' => $photoalbum, - 'photoalbum_contents' => $photoalbum_contents, - 'breadcrumbs' => $this->fetchBreadCrumbs($photoalbum->id, $parent->id), - 'parent_id' => $parent->id, - 'covers' => $covers, - ]); } /** @@ -1809,11 +1900,20 @@ private function buildFocusOpenIds($contents, $focus_content_id) public function saveView($request, $page_id, $frame_id, $photoalbum_id) { // 項目のエラーチェック + $max_load_more_limit = (int) config('photoalbums.load_more_max_limit', 100); + if ($max_load_more_limit < 1) { + $max_load_more_limit = 100; + } + $validator = Validator::make($request->all(), [ 'description_list_length' => ['nullable', 'integer', 'min:1'], + 'load_more_use_flag' => ['required', Rule::in(\App\Enums\UseType::getMemberKeys())], + 'load_more_count' => ['nullable', 'integer', 'min:1', 'max:' . $max_load_more_limit], ]); $validator->setAttributeNames([ 'description_list_length' => PhotoalbumFrameConfig::enum['description_list_length'], + 'load_more_use_flag' => PhotoalbumFrameConfig::enum['load_more_use_flag'], + 'load_more_count' => PhotoalbumFrameConfig::enum['load_more_count'], ]); // エラーがあった場合は入力画面に戻る。 @@ -2007,6 +2107,203 @@ public function updateHiddenFolders($request, $page_id, $frame_id) ]); } + /** + * フォトアルバムの「もっと見る」用データを返す（JSON） + */ + public function moreContents($request, $page_id, $frame_id, $parent_id = null) + { + $target = $request->get('target'); + if (!$this->isValidMoreContentsTarget($target)) { + return response()->json(['message' => 'invalid target'], 400); + } + + $hidden_folder_ids = $this->getHiddenFolderIds($this->frame_configs); + $parent = $this->resolveMoreContentsParent($parent_id, $hidden_folder_ids); + if (empty($parent)) { + return response()->json(['message' => 'フォトアルバムが見つかりません。'], 404); + } + + $items = $this->getMoreContentsItems($parent, $target, $hidden_folder_ids); + $offset = max(0, (int) $request->get('offset', 0)); + $total = $items->count(); + if ($offset >= $total) { + return $this->makeMoreContentsResponse('', $total, $total); + } + + $limit = $this->resolveMoreContentsLimit($target, $request->get('limit')); + $slice = $items->slice($offset, $limit)->values(); + $html = $this->renderMoreContentsHtml($target, $slice); + $next_offset = min($offset + $slice->count(), $total); + + return $this->makeMoreContentsResponse($html, $next_offset, $total); + } + + /** + * もっと見る機能の対象値が有効か判定する。 + * + * @param mixed $target + * @return bool + */ + private function isValidMoreContentsTarget($target): bool + { + return in_array($target, ['folder', 'image'], true); + } + + /** + * もっと見る対象の親コンテンツを取得する。 + * + * @param int|null $parent_id + * @param array $hidden_folder_ids + * @return \App\Models\User\Photoalbums\PhotoalbumContent|null + */ + private function resolveMoreContentsParent($parent_id, array $hidden_folder_ids): ?PhotoalbumContent + { + $photoalbum = $this->getPluginBucket($this->frame->bucket_id); + $parent = $this->fetchPhotoalbumContent($parent_id, $photoalbum->id); + if (empty($parent) || $parent->photoalbum_id != $photoalbum->id) { + return null; + } + if ($this->isHiddenPhotoalbumContent($parent, $hidden_folder_ids)) { + return null; + } + return $parent; + } + + /** + * もっと見る対象のアイテム一覧を取得する。 + * + * @param \App\Models\User\Photoalbums\PhotoalbumContent $parent + * @param string $target 対象種別（folder|image） + * @param array $hidden_folder_ids + * @return \Illuminate\Support\Collection + */ + private function getMoreContentsItems(PhotoalbumContent $parent, string $target, array $hidden_folder_ids): Collection + { + $photoalbum_contents = $this->getSortedVisibleChildren($parent, $hidden_folder_ids); + + return $target === 'folder' + ? $photoalbum_contents->where('is_folder', PhotoalbumContent::is_folder_on)->values() + : $photoalbum_contents->where('is_folder', PhotoalbumContent::is_folder_off)->values(); + } + + /** + * もっと見る機能で使用する取得件数を決定する。 + * + * @param string $target 対象種別（folder|image） + * @param mixed $request_limit リクエスト上書き件数 + * @return int + */ + private function resolveMoreContentsLimit(string $target, $request_limit): int + { + $load_more_use = FrameConfig::getConfigValue($this->frame_configs, PhotoalbumFrameConfig::load_more_use_flag, \App\Enums\UseType::not_use); + if ($load_more_use != \App\Enums\UseType::use) { + return $this->getLoadMoreLimit($target, $request_limit); + } + + $load_more_count = FrameConfig::getConfigValue( + $this->frame_configs, + PhotoalbumFrameConfig::load_more_count, + (int) config('photoalbums.load_more_image_limit', 10) + ); + + return $this->getLoadMoreLimit($target, $load_more_count); + } + + /** + * もっと見る機能のHTML断片を描画する。 + * + * @param string $target 対象種別（folder|image） + * @param \Illuminate\Support\Collection $slice + * @return string + */ + private function renderMoreContentsHtml(string $target, Collection $slice): string + { + $download_check = $this->getDownloadCheck(); + if ($target === 'folder') { + $folder_ids = $slice->pluck('id'); + $covers = $folder_ids->isEmpty() + ? collect() + : PhotoalbumContent::whereIn('parent_id', $folder_ids) + ->where('is_cover', PhotoalbumContent::is_cover_on) + ->with(['upload', 'posterUpload']) + ->get(); + + return $this->view('index_folder_items', [ + 'photoalbum_folder_items' => $slice, + 'covers' => $covers, + 'download_check' => $download_check, + 'page' => $this->page, + ])->render(); + } + + return $this->view('index_image_items', [ + 'photoalbum_image_items' => $slice, + 'download_check' => $download_check, + 'page' => $this->page, + ])->render(); + } + + /** + * もっと見る機能のJSONレスポンスを生成する。 + * + * @param string $html + * @param int $next_offset + * @param int $total + * @return \Illuminate\Http\JsonResponse + */ + private function makeMoreContentsResponse(string $html, int $next_offset, int $total) + { + return response()->json([ + 'html' => $html, + 'next_offset' => $next_offset, + 'total' => $total, + ]); + } + + /** + * もっと見る機能の取得件数を返す。 + * + * @param string $target 対象種別（folder|image） + * @param mixed $override 上書き件数 + * @return int + */ + private function getLoadMoreLimit(string $target, $override = null): int + { + $folder_default = (int) config('photoalbums.load_more_folder_limit', 10); + if ($folder_default < 1) { + $folder_default = 10; + } + $image_default = (int) config('photoalbums.load_more_image_limit', 10); + if ($image_default < 1) { + $image_default = 10; + } + $max_limit = (int) config('photoalbums.load_more_max_limit', 100); + if ($max_limit < 1) { + $max_limit = 100; + } + + $default = $target === 'folder' ? $folder_default : $image_default; + $limit = is_numeric($override) ? (int) $override : $default; + if ($limit < 1) { + $limit = $default; + } + return min($limit, $max_limit); + } + + /** + * ダウンロード操作の表示可否を返す。 + * + * @return bool + */ + private function getDownloadCheck(): bool + { + if (Auth::user() && Auth::user()->can('posts.create', [[null, $this->frame->plugin_name, $this->buckets]])) { + return true; + } + + return (bool) FrameConfig::getConfigValue($this->frame_configs, PhotoalbumFrameConfig::download); + } + /** * フレーム設定を保存する。 * diff --git a/config/photoalbums.php b/config/photoalbums.php new file mode 100644 index 000000000..6bef94641 --- /dev/null +++ b/config/photoalbums.php @@ -0,0 +1,14 @@ + 10, + + // 「もっと見る」初期表示件数（画像） + 'load_more_image_limit' => 10, + + // 「もっと見る」表示件数の最大値 + 'load_more_max_limit' => 100, + +]; diff --git a/resources/views/plugins/user/photoalbums/card/index_folder.blade.php b/resources/views/plugins/user/photoalbums/card/index_folder.blade.php index ba99602e2..37117f4a4 100644 --- a/resources/views/plugins/user/photoalbums/card/index_folder.blade.php +++ b/resources/views/plugins/user/photoalbums/card/index_folder.blade.php @@ -7,55 +7,39 @@ * @category フォトアルバム・プラグイン --}} {{-- データ一覧にアルバムが含まれる場合 --}} -@if ($photoalbum_contents->where('is_folder', 1)->isNotEmpty()) @php -if ($frame->isExpandNarrow()) { - // 右・左エリア = スマホ表示と同等にする - $col_class = 'col-12'; -} else { - // メインエリア・フッターエリア - $col_class = 'col-md-4'; -} + $photoalbum_folder_items = $photoalbum_folder_items ?? $photoalbum_contents->where('is_folder', 1)->values(); + $photoalbum_folder_total = $photoalbum_folder_total ?? $photoalbum_folder_items->count(); + $photoalbum_folder_offset = $photoalbum_folder_offset ?? $photoalbum_folder_items->count(); + $photoalbum_folder_limit = $photoalbum_folder_limit ?? $photoalbum_folder_total; + $photoalbum_load_more_use = $photoalbum_load_more_use ?? \App\Enums\UseType::not_use; + $folder_list_id = 'photoalbum-folder-list-' . $frame_id; + $folder_row_id = 'photoalbum-folder-row-' . $frame_id; @endphp -
- @foreach($photoalbum_contents->where('is_folder', 1) as $photoalbum_content) -
-
- - {{-- カバー画像が指定されていれば使用し、指定されていなければ、グレーのカバーを使用 --}} - @if ($covers->where('parent_id', $photoalbum_content->id)->first()) - - @else - - {{$photoalbum_content->name}} - - {{$photoalbum_content->name}} - - @endif - -
- @if ($download_check) -
- - -
- @endif -
{{$photoalbum_content->name}}
-

{!!nl2br(e($photoalbum_content->description))!!}

- @can('posts.update', [[$photoalbum_content, $frame->plugin_name, $buckets]]) - - 編集 - - @endcan -
-
+@if ($photoalbum_folder_total > 0) +
+
+ @include('plugins.user.photoalbums.card.index_folder_items', ['photoalbum_folder_items' => $photoalbum_folder_items])
- @endforeach
+@if ($photoalbum_load_more_use == \App\Enums\UseType::use && $photoalbum_folder_total > $photoalbum_folder_offset) +
+ +
+ 表示中 {{$photoalbum_folder_offset}} / {{$photoalbum_folder_total}} +
+
+@endif @endif diff --git a/resources/views/plugins/user/photoalbums/card/index_folder_items.blade.php b/resources/views/plugins/user/photoalbums/card/index_folder_items.blade.php new file mode 100644 index 000000000..f4d33d948 --- /dev/null +++ b/resources/views/plugins/user/photoalbums/card/index_folder_items.blade.php @@ -0,0 +1,56 @@ +{{-- + * フォトアルバム画面テンプレート（フォルダの一覧項目） + * + * @author 永原　篤 + * @author 牟田口 満 + * @copyright OpenSource-WorkShop Co.,Ltd. All Rights Reserved + * @category フォトアルバム・プラグイン +--}} +@php +if ($frame->isExpandNarrow()) { + // 右・左エリア = スマホ表示と同等にする + $col_class = 'col-12'; +} else { + // メインエリア・フッターエリア + $col_class = 'col-md-4'; +} +@endphp +@foreach($photoalbum_folder_items as $photoalbum_content) +
+
+ + {{-- カバー画像が指定されていれば使用し、指定されていなければ、グレーのカバーを使用 --}} + @if ($covers->where('parent_id', $photoalbum_content->id)->first()) + + @else + + {{$photoalbum_content->name}} + + {{$photoalbum_content->name}} + + @endif + +
+ @if ($download_check) +
+ + +
+ @endif +
{{$photoalbum_content->name}}
+

{!!nl2br(e($photoalbum_content->description))!!}

+ @can('posts.update', [[$photoalbum_content, $frame->plugin_name, $buckets]]) + + 編集 + + @endcan +
+
+
+@endforeach diff --git a/resources/views/plugins/user/photoalbums/default/frame.blade.php b/resources/views/plugins/user/photoalbums/default/frame.blade.php index 9ab48fbf3..626c89a71 100644 --- a/resources/views/plugins/user/photoalbums/default/frame.blade.php +++ b/resources/views/plugins/user/photoalbums/default/frame.blade.php @@ -13,6 +13,7 @@ diff --git a/resources/views/plugins/user/photoalbums/default/index_head.blade.php b/resources/views/plugins/user/photoalbums/default/index_head.blade.php index 45f2bd528..afc3f0b54 100644 --- a/resources/views/plugins/user/photoalbums/default/index_head.blade.php +++ b/resources/views/plugins/user/photoalbums/default/index_head.blade.php @@ -61,7 +61,7 @@ {{-- 一覧のチェックボックスによる削除、ダウンロードの制御(編集権限あり or フレームでダウンロードOK) --}} @if ($download_check) - $('#app_{{$frame_id}} input[type="checkbox"][name="photoalbum_content_id[]"]').on('change', function(){ + $('#app_{{$frame_id}}').on('change', 'input[type="checkbox"][name="photoalbum_content_id[]"]', function(){ $('#selected-contents{{$frame_id}}').html(''); @@ -88,11 +88,18 @@ }); @endif - // 埋め込みコードの表示 - $('#app_{{$frame_id}} .embed_code_check').on('click', function(){ - $("#" + $(this).data('name')).slideToggle(); - $("#" + $(this).data('name')).focus(); - $("#" + $(this).data('name')).select(); + // 埋め込みコードの表示（もっと見るで追加された要素にも対応するため委譲） + $('#app_{{$frame_id}}').on('click', '.embed_code_check', function (event) { + event.preventDefault(); + + var targetId = $(this).data('name'); + if (!targetId) { + return; + } + + $("#" + targetId).slideToggle(); + $("#" + targetId).focus(); + $("#" + targetId).select(); }); }); diff --git a/resources/views/plugins/user/photoalbums/default/index_image.blade.php b/resources/views/plugins/user/photoalbums/default/index_image.blade.php index 2bb94a4c5..cc6598247 100644 --- a/resources/views/plugins/user/photoalbums/default/index_image.blade.php +++ b/resources/views/plugins/user/photoalbums/default/index_image.blade.php @@ -7,118 +7,42 @@ * @category フォトアルバム・プラグイン --}} {{-- データ一覧に画像が含まれる場合 --}} -@if ($photoalbum_contents->where('is_folder', 0)->isNotEmpty()) @php -if ($frame->isExpandNarrow()) { - // 右・左エリア = スマホ表示と同等にする - $col_class = 'col-12'; -} else { - // メインエリア・フッターエリア - $col_class = 'col-md-4'; -} - -$play_view_default = \App\Enums\PhotoalbumPlayviewType::play_in_list; -$play_view = FrameConfig::getConfigValueAndOld($frame_configs, PhotoalbumFrameConfig::play_view, $play_view_default); -$description_list_length = FrameConfig::getConfigValueAndOld($frame_configs, PhotoalbumFrameConfig::description_list_length); -$image_modal_id = 'photoalbum-image-modal-' . $frame_id; + $photoalbum_image_items = $photoalbum_image_items ?? (($photoalbum_contents ?? collect())->where('is_folder', 0)->values()); + $photoalbum_image_total = $photoalbum_image_total ?? $photoalbum_image_items->count(); + $photoalbum_image_offset = $photoalbum_image_offset ?? $photoalbum_image_items->count(); + $photoalbum_image_limit = $photoalbum_image_limit ?? $photoalbum_image_total; + $photoalbum_load_more_use = $photoalbum_load_more_use ?? \App\Enums\UseType::not_use; + $image_modal_id = 'photoalbum-image-modal-' . $frame_id; + $image_list_id = 'photoalbum-image-list-' . $frame_id; + $image_row_id = 'photoalbum-image-row-' . $frame_id; @endphp -
- @foreach($photoalbum_contents->where('is_folder', 0) as $photoalbum_content) - @php - $description_attr = str_replace(["\r\n", "\r", "\n"], '\\n', (string) $photoalbum_content->description); - @endphp -
-
- @if ($photoalbum_content->upload->is_image) - {{-- 画像 --}} - - @elseif ($photoalbum_content->isVideo($photoalbum_content->mimetype) && $play_view == PhotoalbumPlayviewType::play_in_detail) - {{-- 動画：一覧はサムネイル画像のみで詳細画面で再生する --}} - - - - @elseif ($photoalbum_content->isVideo($photoalbum_content->mimetype)) - {{-- 動画：一覧で再生する --}} - - @endif -
-
- @if ($download_check) -
- - -
- @endif - @if ($photoalbum_content->name) - @if ($photoalbum_content->isVideo($photoalbum_content->mimetype) && $play_view == PhotoalbumPlayviewType::play_in_detail) - -
{{$photoalbum_content->name}}
- - @else -
{{$photoalbum_content->name}}
- @endif - @endif -
- @if ($photoalbum_content->description) -
- {{-- 一覧での説明文字数によって切り取って出力する --}} - @if ($photoalbum_content->isVideo($photoalbum_content->mimetype) && - $play_view == PhotoalbumPlayviewType::play_in_detail && - $description_list_length !== '' && $description_list_length < mb_strlen(strip_tags($photoalbum_content->description))) - {{ mb_substr(strip_tags($photoalbum_content->description), 0, $description_list_length) }}... - @else - {!!nl2br(e($photoalbum_content->description))!!} - @endif -
- @endif - {{-- 動画を一覧で再生する設定の場合は埋め込みコードを表示する--}} - @if (($photoalbum_content->isVideo($photoalbum_content->mimetype)) && - FrameConfig::getConfigValueAndOld($frame_configs, PhotoalbumFrameConfig::embed_code) && - $play_view == PhotoalbumPlayviewType::play_in_list) -
- 埋め込みコード - id}}/{{$frame_id}}/{{$photoalbum_content->id}}" frameborder="0" scrolling="no" allowfullscreen>' class="form-control" id="embed_code{{$photoalbum_content->id}}" style="display: none;"> -
- @endif - @if (FrameConfig::getConfigValue($frame_configs, PhotoalbumFrameConfig::posted_at, ShowType::not_show)) -
登録日：{{$photoalbum_content->getUpdateOrCreatedAt('Y年n月j日')}}
- @endif -
- @can('posts.update', [[$photoalbum_content, $frame->plugin_name, $buckets]]) - - 編集 - - @endcan -
-
-
+@if ($photoalbum_image_total > 0) +
+
+ @include('plugins.user.photoalbums.default.index_image_items', ['photoalbum_image_items' => $photoalbum_image_items, 'image_modal_id' => $image_modal_id])
- @endforeach
+@if ($photoalbum_load_more_use == \App\Enums\UseType::use && $photoalbum_image_total > $photoalbum_image_offset) +
+ +
+ 表示中 {{$photoalbum_image_offset}} / {{$photoalbum_image_total}} +
+
+@endif