Changes for page 学校ページ テンプレート
Last modified by Super Admin on 2026/04/05 18:59
From version
79.1
edited by Super Admin
on 2026/03/19 15:43
on 2026/03/19 15:43
Change comment:
There is no comment for this version
To version
92.1
edited by Super Admin
on 2026/03/20 02:58
on 2026/03/20 02:58
Change comment:
There is no comment for this version
Summary
Details
- Page properties
-
- Content
-
... ... @@ -35,8 +35,9 @@ 35 35 #set($schoolSystem = $doc.getValue('schoolSystem')) 36 36 #set($website = $doc.getValue('website')) 37 37 #set($schoolPhoto = $doc.getValue('schoolPhoto')) 38 +#set($schoolDescription = $doc.getValue('schoolDescription')) 38 38 39 -## --- 組織 図---40 +## --- 生徒会組織 --- 40 40 #set($orgChart = $doc.getValue('orgChart')) 41 41 #set($orgChartImage = $doc.getValue('orgChartImage')) 42 42 ... ... @@ -56,7 +56,7 @@ 56 56 #set($budgetAllocation = $doc.getValue('budgetAllocation')) 57 57 #set($budgetNote = $doc.getValue('budgetNote')) 58 58 59 -## --- 校則の見直し --- 60 +## --- 校則・生徒会会則の見直し --- 60 60 #set($ruleReviewStatus = $doc.getValue('ruleReviewStatus')) 61 61 #set($ruleReviewContent = $doc.getValue('ruleReviewContent')) 62 62 #set($ruleReviewProposer = $doc.getValue('ruleReviewProposer')) ... ... @@ -353,19 +353,18 @@ 353 353 </div> 354 354 #end 355 355 </div> 356 - #set($infoEditDate = $!doc.getValue('lastInfoEditedDate')) 357 - #set($infoEditBy = $!doc.getValue('lastInfoEditedBy')) 358 - #if($infoEditDate && $infoEditDate != '') 359 - <div class="info-last-updated"><svg class="ico" viewBox="0 0 24 24"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg> 基本情報の最終更新: $!escapetool.xml($infoEditBy) — $!escapetool.xml($infoEditDate)</div> 357 + #if($schoolDescription && $schoolDescription.trim() != '') 358 + <div class="free-note" style="margin-top:var(--sp-4);">$!escapetool.xml($schoolDescription)</div> 360 360 #end 360 + 361 361 </div> 362 362 363 -## --- ② 生徒会 基本情報(折りたたみカード) ---363 +## --- ② 生徒会情報(折りたたみカード) --- 364 364 <div class="school-info-card" id="card-seitokai-info"> 365 - <h2 role="button" tabindex="0" aria-expanded="true" onclick="toggleInfoCard('card-seitokai-info')" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();toggleInfoCard('card-seitokai-info')}"><span><svg class="ico ico-md" viewBox="0 0 24 24"><path d="M3 21h18"/><path d="M5 21V7l7-4 7 4v14"/><path d="M9 21v-4h6v4"/></svg> 生徒会 基本情報</span><span class="collapse-toggle"><span class="collapse-label-open">たたむ</span><span class="collapse-label-closed">開く</span> <span class="collapse-arrow">▼</span></span></h2>365 + <h2 role="button" tabindex="0" aria-expanded="true" onclick="toggleInfoCard('card-seitokai-info')" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();toggleInfoCard('card-seitokai-info')}"><span><svg class="ico ico-md" viewBox="0 0 24 24"><path d="M3 21h18"/><path d="M5 21V7l7-4 7 4v14"/><path d="M9 21v-4h6v4"/></svg> 生徒会情報</span><span class="collapse-toggle"><span class="collapse-label-open">たたむ</span><span class="collapse-label-closed">開く</span> <span class="collapse-arrow">▼</span></span></h2> 366 366 <div class="seitokai-info-body"> 367 367 368 - ## --- 組織 図---368 + ## --- 生徒会組織 --- 369 369 #set($hasOrgContent = ($orgChart && $orgChart != '') || ($orgChartImage && $orgChartImage != '')) 370 370 #if($hasOrgContent) 371 371 #set($canViewOrgChart = true) ... ... @@ -374,16 +374,16 @@ 374 374 #end 375 375 #if($canViewOrgChart) 376 376 <div class="seitokai-subsection"> 377 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M3 21h18"/><path d="M5 21V7l7-4 7 4v14"/><path d="M9 21v-4h6v4"/><line x1="9" y1="10" x2="9" y2="10.01"/><line x1="15" y1="10" x2="15" y2="10.01"/><line x1="9" y1="14" x2="9" y2="14.01"/><line x1="15" y1="14" x2="15" y2="14.01"/></svg> 組織 図#if($visibilityOrgChart != 'public')<span class="visibility-badge visibility-${visibilityOrgChart}">#if($visibilityOrgChart == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認者限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3>377 + <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M3 21h18"/><path d="M5 21V7l7-4 7 4v14"/><path d="M9 21v-4h6v4"/><line x1="9" y1="10" x2="9" y2="10.01"/><line x1="15" y1="10" x2="15" y2="10.01"/><line x1="9" y1="14" x2="9" y2="14.01"/><line x1="15" y1="14" x2="15" y2="14.01"/></svg> 生徒会組織 #if($visibilityOrgChart != 'public')<span class="visibility-badge visibility-${visibilityOrgChart}">#if($visibilityOrgChart == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3> 378 378 <div class="seitokai-subsection-content"> 379 379 #if($orgChartImage && $orgChartImage != '') 380 380 <div class="school-org-img-wrap"><img src="$doc.getAttachmentURL($orgChartImage)" alt="組織図" class="org-chart-img" /></div> 381 381 #end 382 - #if($orgChart && $orgChart != '')$!escapetool.xml($orgChart)#end 382 + #if($orgChart && $orgChart != '')<div class="free-note">$!escapetool.xml($orgChart)</div>#end 383 383 </div> 384 384 </div> 385 385 #else 386 - <div class="visibility-restricted-notice"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg> 組織 図は #if($visibilityOrgChart == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div>386 + <div class="visibility-restricted-notice"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg> 生徒会組織は #if($visibilityOrgChart == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div> 387 387 #end 388 388 #end 389 389 ... ... @@ -392,12 +392,10 @@ 392 392 <div class="seitokai-subsection"> 393 393 <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg> 日常の活動</h3> 394 394 <div class="seitokai-subsection-content"> 395 - <p class="activity-hint">活動時間 の多い順に上位3つ</p>395 + <p class="activity-hint">活動時間が多い3つ</p> 396 396 <div class="tag-container"> 397 - #set($daIdx = 1) 398 398 #foreach($da in $dailyActivities) 399 - <span class="tag tag-accent">${daIdx}. $!escapetool.xml($da.trim())</span> 400 - #set($daIdx = $daIdx + 1) 398 + <span class="tag tag-accent">$!escapetool.xml($da.trim())</span> 401 401 #end 402 402 </div> 403 403 #if($dailyActivitiesNote && $dailyActivitiesNote.trim() != '') ... ... @@ -454,7 +454,7 @@ 454 454 #end 455 455 #if($canViewBudget) 456 456 <div class="seitokai-subsection"> 457 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6"/></svg> 予算 #if($visibilityBudget != 'public')<span class="visibility-badge visibility-${visibilityBudget}">#if($visibilityBudget == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認 者限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3>455 + <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6"/></svg> 予算 #if($visibilityBudget != 'public')<span class="visibility-badge visibility-${visibilityBudget}">#if($visibilityBudget == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3> 458 458 <div class="seitokai-subsection-content"> 459 459 #if($budgetProcess && !$budgetProcess.isEmpty()) 460 460 <div class="info-row"> ... ... @@ -461,8 +461,13 @@ 461 461 <span class="info-label">作成過程の生徒関与</span> 462 462 <span class="info-value"> 463 463 <div class="selection-display"> 464 - #foreach($bp in $budgetProcess) 465 - <span class="selection-item">$!escapetool.xml($bp.trim())</span> 462 + #set($allBpOpts = ["各部・委員会等への予算希望額調査","予算額調整(折衝等)","生徒会予算案の作成","生徒総会での議決","生徒関与なし","その他"]) 463 + #foreach($bpOpt in $allBpOpts) 464 + #if($budgetProcess.contains($bpOpt)) 465 + <span class="selection-item">$!escapetool.xml($bpOpt)</span> 466 + #else 467 + <span class="selection-item selection-item-off">$!escapetool.xml($bpOpt)</span> 468 + #end 466 466 #end 467 467 </div> 468 468 </span> ... ... @@ -502,7 +502,7 @@ 502 502 #end 503 503 #end 504 504 505 - ## --- 校則の見直し --- 508 + ## --- 校則・生徒会会則の見直し --- 506 506 #if($ruleReviewStatus && $ruleReviewStatus != '') 507 507 #set($canViewRuleReview = true) 508 508 #if($visibilityRuleReview == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewRuleReview = false) ... ... @@ -510,12 +510,13 @@ 510 510 #end 511 511 #if($canViewRuleReview) 512 512 <div class="seitokai-subsection"> 513 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M16 4h2a2 2 0 012 2v12a2 2 0 01-2 2h-2"/><path d="M8 4H6a2 2 0 00-2 2v12a2 2 0 002 2h2"/><line x1="12" y1="4" x2="12" y2="8"/><line x1="12" y1="16" x2="12" y2="20"/><line x1="8" y1="8" x2="16" y2="8"/><line x1="8" y1="16" x2="16" y2="16"/></svg> 校則の見直し #if($visibilityRuleReview != 'public')<span class="visibility-badge visibility-${visibilityRuleReview}">#if($visibilityRuleReview == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認 者限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3>516 + <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M16 4h2a2 2 0 012 2v12a2 2 0 01-2 2h-2"/><path d="M8 4H6a2 2 0 00-2 2v12a2 2 0 002 2h2"/><line x1="12" y1="4" x2="12" y2="8"/><line x1="12" y1="16" x2="12" y2="20"/><line x1="8" y1="8" x2="16" y2="8"/><line x1="8" y1="16" x2="16" y2="16"/></svg> 校則・生徒会会則の見直し #if($visibilityRuleReview != 'public')<span class="visibility-badge visibility-${visibilityRuleReview}">#if($visibilityRuleReview == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3> 514 514 <div class="seitokai-subsection-content"> 515 515 <div class="info-row"> 516 516 <span class="info-label">見直しの有無(3年以内)</span> 517 517 <span class="info-value"><span class="tag tag-primary tag-sm">$!escapetool.xml($!ruleReviewStatus)</span></span> 518 518 </div> 522 + #if($ruleReviewStatus != '実施なし') 519 519 #if($ruleReviewContent && !$ruleReviewContent.isEmpty()) 520 520 <div class="info-row"> 521 521 <span class="info-label">見直しの内容</span> ... ... @@ -552,6 +552,7 @@ 552 552 </span> 553 553 </div> 554 554 #end 559 + #end 555 555 #if($ruleReviewSystem && $ruleReviewSystem != '') 556 556 <div class="info-row"> 557 557 <span class="info-label">見直しの仕組み</span> ... ... @@ -561,7 +561,7 @@ 561 561 </div> 562 562 </div> 563 563 #else 564 - <div class="visibility-restricted-notice"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg> 校則の見直し情報は #if($visibilityRuleReview == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div> 569 + <div class="visibility-restricted-notice"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg> 校則・生徒会会則の見直し情報は #if($visibilityRuleReview == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div> 565 565 #end 566 566 #end 567 567 ... ... @@ -573,7 +573,7 @@ 573 573 #end 574 574 #if($canViewChallenges) 575 575 <div class="seitokai-subsection"> 576 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg> 生徒会の課題意識 #if($visibilityChallenges != 'public')<span class="visibility-badge visibility-${visibilityChallenges}">#if($visibilityChallenges == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認 者限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3>581 + <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg> 生徒会の課題意識 #if($visibilityChallenges != 'public')<span class="visibility-badge visibility-${visibilityChallenges}">#if($visibilityChallenges == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3> 577 577 <div class="seitokai-subsection-content"> 578 578 <div class="challenge-text">$!escapetool.xml($challenges)</div> 579 579 </div> ... ... @@ -597,6 +597,11 @@ 597 597 <tr><th>YouTube</th><td>#if($seitokaiYoutube && $seitokaiYoutube != '')<a href="$!escapetool.xml($seitokaiYoutube)" target="_blank" rel="noopener"><svg class="ico" viewBox="0 0 24 24"><polygon points="5 3 19 12 5 21 5 3"/></svg> YouTubeチャンネル</a>#else<span class="text-placeholder">未登録</span>#end</td></tr> 598 598 <tr><th>その他SNS</th><td>#if($seitokaiOtherSns && $seitokaiOtherSns != '')$!escapetool.xml($seitokaiOtherSns)#else<span class="text-placeholder">未登録</span>#end</td></tr> 599 599 </table> 605 + #set($infoEditDate = $!doc.getValue('lastInfoEditedDate')) 606 + #set($infoEditBy = $!doc.getValue('lastInfoEditedBy')) 607 + #if($infoEditDate && $infoEditDate != '') 608 + <div class="info-last-updated"><svg class="ico" viewBox="0 0 24 24"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg> 基本情報の最終更新: $!escapetool.xml($infoEditBy) — $!escapetool.xml($infoEditDate)</div> 609 + #end 600 600 </div> 601 601 602 602 {{/html}} ... ... @@ -747,7 +747,7 @@ 747 747 #end 748 748 </div> 749 749 </div> 750 - <div class="thread-meta-r ow">760 + <div class="thread-meta-right"> 751 751 <span class="thread-post-count">${reportCount}件の報告 ・ ${commentCount}件のコメント</span> 752 752 #if($viewerAccountType == 'admin' || $viewerAccountType == 'verified' || $viewerAccountType == 'referred') 753 753 #if($actFeatured == '1') ... ... @@ -954,7 +954,7 @@ 954 954 #end 955 955 </div> 956 956 #if($postVis != 'public') 957 - <div class="visibility-badge visibility-${postVis} post-action-mt">#if($postVis == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認 者限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</div>967 + <div class="visibility-badge visibility-${postVis} post-action-mt">#if($postVis == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</div> 958 958 #end 959 959 ## 固定/編集/削除/通報/非表示ボタン(横並び) 960 960 #set($postAuthorRef = $!post.getValue('authorRef')) ... ... @@ -978,7 +978,9 @@ 978 978 #end 979 979 #if($showEditDeleteBtn) 980 980 #if($xcontext.user == $postAuthorRef) 981 - <button type="button" class="btn-post-edit" onclick="openEditPost(this, '${doc.fullName}', $postObjNumED, '$!escapetool.javascript($!postContent)')" title="この投稿を編集"> 991 + #set($editImages = $!post.getValue('images')) 992 + #set($editFiles = $!post.getValue('files')) 993 + <button type="button" class="btn-post-edit" data-school="${doc.fullName}" data-obj="$postObjNumED" data-content="$!escapetool.xml($!postContent)" data-images="$!escapetool.xml($!editImages)" data-files="$!escapetool.xml($!editFiles)" data-post-type="$!post.getValue('postType')" onclick="openEditPost(this)" title="この投稿を編集"> 982 982 <svg class="ico ico-fixed-14" viewBox="0 0 24 24"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg> 編集 983 983 </button> 984 984 #end ... ... @@ -1211,37 +1211,130 @@ 1211 1211 } 1212 1212 1213 1213 // 投稿の編集(インライン編集フォームを開く) 1214 -function openEditPost(btn , schoolPage, postObjNum, currentContent) {1226 +function openEditPost(btn) { 1215 1215 var postEl = btn.closest('.thread-post'); 1216 1216 if (!postEl) return; 1217 - // 既存の編集フォームがあれば閉じる 1218 1218 var existing = postEl.querySelector('.post-edit-form'); 1219 1219 if (existing) { existing.remove(); return; } 1220 1220 var bodyEl = postEl.querySelector('.thread-post-body'); 1221 1221 if (!bodyEl) return; 1233 + 1234 + var schoolPage = btn.getAttribute('data-school'); 1235 + var postObjNum = btn.getAttribute('data-obj'); 1236 + var currentContent = btn.getAttribute('data-content') || ''; 1237 + var currentImages = btn.getAttribute('data-images') || ''; 1238 + var currentFiles = btn.getAttribute('data-files') || ''; 1239 + var postType = btn.getAttribute('data-post-type') || 'report'; 1240 + 1222 1222 var form = document.createElement('div'); 1223 1223 form.className = 'post-edit-form'; 1224 - form.innerHTML = '<textarea id="editContent_' + postObjNum + '">' + currentContent.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>') + '</textarea>' + 1225 - '<div class="post-edit-form-actions">' + 1243 + form.setAttribute('data-school', schoolPage); 1244 + form.setAttribute('data-obj', postObjNum); 1245 + 1246 + var html = '<textarea id="editContent_' + postObjNum + '">' + currentContent.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>') + '</textarea>'; 1247 + 1248 + // コメント以外は添付ファイル編集を表示 1249 + if (postType !== 'comment') { 1250 + // 既存画像 1251 + html += '<div class="edit-attachments">'; 1252 + if (currentImages.trim()) { 1253 + html += '<div class="edit-attach-section"><span class="edit-attach-label">画像</span>'; 1254 + var imgs = currentImages.trim().split('\n'); 1255 + for (var i = 0; i < imgs.length; i++) { 1256 + var img = imgs[i].trim(); 1257 + if (!img) continue; 1258 + html += '<div class="edit-attach-item" data-name="' + img.replace(/"/g,'"') + '">' + 1259 + '<img src="/xwiki/bin/download/' + schoolPage.replace(/\./g,'/') + '/' + encodeURIComponent(img) + '" class="edit-attach-thumb" />' + 1260 + '<button type="button" class="edit-attach-remove" onclick="removeEditAttach(this)" title="削除">✕</button>' + 1261 + '<input type="hidden" name="keepImages" value="' + img.replace(/"/g,'"') + '" />' + 1262 + '</div>'; 1263 + } 1264 + html += '</div>'; 1265 + } 1266 + // 既存ファイル 1267 + if (currentFiles.trim()) { 1268 + html += '<div class="edit-attach-section"><span class="edit-attach-label">ファイル</span>'; 1269 + var files = currentFiles.trim().split('\n'); 1270 + for (var j = 0; j < files.length; j++) { 1271 + var f = files[j].trim(); 1272 + if (!f) continue; 1273 + var displayName = f; 1274 + if (/^file_\d{14}_\d+_/.test(f)) displayName = f.replace(/^file_\d{14}_\d+_/, ''); 1275 + html += '<div class="edit-attach-item" data-name="' + f.replace(/"/g,'"') + '">' + 1276 + '<span class="edit-attach-fname">' + displayName.replace(/</g,'<').replace(/>/g,'>') + '</span>' + 1277 + '<button type="button" class="edit-attach-remove" onclick="removeEditAttach(this)" title="削除">✕</button>' + 1278 + '<input type="hidden" name="keepFiles" value="' + f.replace(/"/g,'"') + '" />' + 1279 + '</div>'; 1280 + } 1281 + html += '</div>'; 1282 + } 1283 + // 新規追加 1284 + html += '<div class="edit-attach-add">' + 1285 + '<label class="form-label-sm">画像を追加(最大4枚まで)</label>' + 1286 + '<input type="file" name="editNewImages" accept="image/*" multiple class="form-file-input-sm" />' + 1287 + '<div class="form-hint">JPEG / PNG / GIF / WebP、各5MBまで</div>' + 1288 + '<label class="form-label-sm" style="margin-top:8px;">ファイルを追加(最大2つまで)</label>' + 1289 + '<input type="file" name="editNewFiles" accept=".pdf,.docx,.xlsx,.pptx" multiple class="form-file-input-sm" />' + 1290 + '<div class="form-hint">PDF / Word / Excel / PowerPoint、各10MBまで</div>' + 1291 + '</div>'; 1292 + html += '</div>'; 1293 + } 1294 + 1295 + html += '<div class="post-edit-form-actions">' + 1226 1226 '<button type="button" class="btn-cancel-edit" onclick="this.closest(\'.post-edit-form\').remove()">キャンセル</button>' + 1227 - '<button type="button" class="btn-save" onclick="saveEditPost( \'' + schoolPage + '\', ' + postObjNum + ')">保存</button>' +1297 + '<button type="button" class="btn-save" onclick="saveEditPost(this)">保存</button>' + 1228 1228 '</div>'; 1299 + 1300 + form.innerHTML = html; 1229 1229 bodyEl.parentNode.insertBefore(form, bodyEl.nextSibling); 1230 1230 form.querySelector('textarea').focus(); 1231 1231 } 1232 1232 1305 +function removeEditAttach(btn) { 1306 + var item = btn.closest('.edit-attach-item'); 1307 + if (item) item.remove(); 1308 +} 1309 + 1233 1233 // 投稿の編集を保存 1234 -function saveEditPost(schoolPage, postObjNum) { 1235 - var textarea = document.getElementById('editContent_' + postObjNum); 1311 +function saveEditPost(btn) { 1312 + var formEl = btn.closest('.post-edit-form'); 1313 + if (!formEl) return; 1314 + var schoolPage = formEl.getAttribute('data-school'); 1315 + var postObjNum = formEl.getAttribute('data-obj'); 1316 + var textarea = formEl.querySelector('textarea'); 1236 1236 if (!textarea) return; 1237 1237 var newContent = textarea.value.trim(); 1238 1238 if (!newContent) { alert('投稿内容を入力してください'); return; } 1320 + 1239 1239 var csrfEl = document.querySelector('input[name="form_token"]'); 1240 1240 var csrfToken = csrfEl ? csrfEl.value : ''; 1323 + 1324 + var fd = new FormData(); 1325 + fd.append('schoolPage', schoolPage); 1326 + fd.append('postObj', postObjNum); 1327 + fd.append('newContent', newContent); 1328 + fd.append('form_token', csrfToken); 1329 + 1330 + // 残す画像・ファイル 1331 + formEl.querySelectorAll('input[name="keepImages"]').forEach(function(el) { fd.append('keepImages', el.value); }); 1332 + formEl.querySelectorAll('input[name="keepFiles"]').forEach(function(el) { fd.append('keepFiles', el.value); }); 1333 + 1334 + // 新規画像 1335 + var newImgInput = formEl.querySelector('input[name="editNewImages"]'); 1336 + if (newImgInput && newImgInput.files) { 1337 + for (var i = 0; i < newImgInput.files.length; i++) { fd.append('editNewImages', newImgInput.files[i]); } 1338 + } 1339 + // 新規ファイル 1340 + var newFileInput = formEl.querySelector('input[name="editNewFiles"]'); 1341 + if (newFileInput && newFileInput.files) { 1342 + for (var j = 0; j < newFileInput.files.length; j++) { fd.append('editNewFiles', newFileInput.files[j]); } 1343 + } 1344 + 1345 + btn.disabled = true; 1346 + btn.textContent = '保存中...'; 1347 + 1241 1241 var xhr = new XMLHttpRequest(); 1242 1242 xhr.open('POST', '/bin/get/SeitokaiCode/EditPost?outputSyntax=plain', true); 1243 - xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 1244 - var editPostData = 'schoolPage=' + encodeURIComponent(schoolPage) + '&postObj=' + postObjNum + '&newContent=' + encodeURIComponent(newContent) + '&form_token=' + encodeURIComponent(csrfToken); 1245 1245 xhr.onload = function() { 1246 1246 try { 1247 1247 var res = JSON.parse(xhr.responseText); ... ... @@ -1249,12 +1249,13 @@ 1249 1249 showToast('投稿を更新しました', 'success'); 1250 1250 setTimeout(function() { location.reload(); }, 800); 1251 1251 } else { 1357 + btn.disabled = false; btn.textContent = '保存'; 1252 1252 alert('編集に失敗しました: ' + (res.error || '')); 1253 1253 } 1254 - } catch(e) { alert('編集に失敗しました'); } 1360 + } catch(e) { btn.disabled = false; btn.textContent = '保存'; alert('編集に失敗しました'); } 1255 1255 }; 1256 - xhr.onerror = function() { alert('通信エラーが発生しました'); }; 1257 - xhr.send( editPostData);1362 + xhr.onerror = function() { btn.disabled = false; btn.textContent = '保存'; alert('通信エラーが発生しました'); }; 1363 + xhr.send(fd); 1258 1258 } 1259 1259 1260 1260 // 投稿の削除(確認ダイアログ付き)