Skip to Content

Changes for page 新しい学校ページを作成

Last modified by Super Admin on 2026/03/22 00:39

From 9.1 to 10.1 From 40.1 to 41.1

From version

edited by Super Admin
on 2026/03/06 22:08

Change comment: There is no comment for this version

To version

edited by XWikiGuest
on 2026/03/22 00:34

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (2 modified, 0 added, 0 removed)

Details

Page properties

Author

@@ -1,1 +1,1 @@
--XWiki.superadmin
++XWiki.XWikiGuest

Content

@@ -3,7 +3,7 @@
  #set($currentUser = $xcontext.user)
  #if($currentUser == 'XWiki.XWikiGuest')
--  {{error}}学校ページの作成にはログインが必要です。[[ログイン>>path:/xwiki/bin/login/XWiki/XWikiLogin]]してください。{{/error}}
++  {{error}}学校ページの作成にはログインが必要です。[[ログイン>>path:/bin/login/XWiki/XWikiLogin]]してください。{{/error}}
    #stop
  #end
@@ -12,8 +12,9 @@
    #set($schoolCode = $request.schoolCode)
    #set($schoolName = $request.schoolName)
--  ## バリデーション: 学校コードが13桁の数字であること（文科省形式）
--  #if(!$schoolCode || $schoolCode.length() != 13 || !$schoolCode.matches('^\d{13}$'))
++  ## バリデーション: 学校コードが13文字の文科省形式であること（例: D112310000377）
++  ## 形式: 学校種(C1/C2/D1/D2) + 都道府県(2桁) + 設置区分(1桁) + 学校番号(7桁) + 検査数字(1桁)
++  #if(!$schoolCode || $schoolCode.length() != 13 || !$schoolCode.matches('^[CD][12]\d{11}$'))
      {{error}}学校コードが不正です。学校名検索から選択してください。{{/error}}
      #stop
    #end
@@ -23,9 +23,40 @@
    #if($xwiki.exists($targetPage))
      {{error}}この学校のページは既に存在します。[[既存のページを開く>>$targetPage]]{{/error}}
    #else
--    ## ページを作成して学校テンプレートを適用
--    $response.sendRedirect($xwiki.getURL("Schools.${schoolCode}.WebHome", 'edit',
--      "template=SeitokaiCode.SchoolTemplate&schoolCode=${schoolCode}&schoolName=${escapetool.url($schoolName)}"))
++    ## 関連校として登録されているかチェック
++    #set($affQuery = $services.query.hql("select doc.fullName, nameObj.value from XWikiDocument doc, BaseObject bobj, StringProperty obj, StringProperty nameObj where bobj.name = doc.fullName and bobj.className = 'SeitokaiCode.SchoolClass' and obj.id.id = bobj.id and obj.id.name = 'affiliatedSchoolCode' and obj.value = :code and nameObj.id.id = bobj.id and nameObj.id.name = 'affiliatedSchoolName'").bindValue('code', $schoolCode))
++    #set($affResults = $affQuery.execute())
++    #if($affResults && $affResults.size() > 0)
++      #set($affRow = $affResults.get(0))
++      #set($affPageRef = $affRow.get(0))
++      #set($affPageName = $affRow.get(1))
++{{html clean="false"}}
++<div class="form-message form-message-warning" style="margin: var(--sp-3) 0;">
++  <svg class="ico" viewBox="0 0 24 24"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
++  <div>
++    <strong>この学校は関連校（中高一貫校）として既に登録されています</strong>
++    <p style="margin:4px 0 0">$!escapetool.xml($affPageName) のページに統合されています。<a href="$xwiki.getURL($affPageRef, 'view')">そちらのページへ移動する →</a></p>
++    <p style="margin:4px 0 0;font-size:0.85em;color:var(--text-light)">別のページとして作成することもできますが、情報が分散する可能性があります。</p>
++  </div>
++</div>
++{{/html}}
++    #end
++    ## ページをプログラム的に作成
++    #set($newDoc = $xwiki.getDocument($targetPage))
++    ## SchoolTemplateのコンテンツを参照として設定（テンプレートの include）
++    ## author="target" により、SchoolTemplateの作者（superadmin）の権限でVelocityを実行
++    ## これがないと学校ページの作者（一般ユーザー）のscript権限が必要になりエラーになる
++    $newDoc.setContent('{{include reference="SeitokaiCode.SchoolTemplate" author="target" /}}')
++    $newDoc.setTitle($schoolName)
++    $newDoc.setParent('Schools.WebHome')
++    ## SchoolClassオブジェクトを追加して初期値を設定
++    #set($objNum = $newDoc.createNewObject('SeitokaiCode.SchoolClass'))
++    #set($newObj = $newDoc.getObject('SeitokaiCode.SchoolClass', $objNum))
++    $newObj.set('schoolCode', $schoolCode)
++    $newObj.set('schoolName', $schoolName)
++    $newDoc.saveWithProgrammingRights('学校ページを新規作成')
++    ## 作成後にビューにリダイレクト
++    $response.sendRedirect($xwiki.getURL($targetPage, 'view'))
    #end
  #else
@@ -36,7 +36,7 @@
  {{/info}}
  {{html clean="false"}}
--<div class="school-create-form" style="max-width:600px;">
++<div class="school-create-form">
    <form method="post" id="createSchoolForm">
      <input type="hidden" name="action" value="create" />
      <input type="hidden" name="form_token" value="$services.csrf.getToken()" />
@@ -43,57 +43,74 @@
      <input type="hidden" name="schoolCode" id="schoolCode" />
      <input type="hidden" name="schoolName" id="schoolName" />
--    <div class="form-group" style="margin-bottom:20px;">
--      <label style="font-weight:600;margin-bottom:6px;display:block;">学校を検索 <span style="color:#ef4444;">*</span></label>
--      <div style="position:relative;">
--        <input type="text" id="schoolSearchInput" class="form-control"
++    <div class="form-group">
++      <label class="form-label">学校を検索 <span class="required-mark">*</span></label>
++      <div class="search-input-wrap">
++        <input type="text" id="schoolSearchInput" class="form-input search-input-padded"
            placeholder="学校名で検索（例: 日比谷、渋谷、北野...）"
--          autocomplete="off" style="padding-left:36px;" />
--        <span style="position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:0.9em;color:#999;pointer-events:none;"><svg class="ico" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></span>
--        <ul id="schoolSearchResults" style="display:none;position:absolute;top:100%;left:0;right:0;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 16px rgba(0,0,0,0.1);z-index:100;list-style:none;margin:0;padding:0;"></ul>
++          autocomplete="off" />
++        <span class="search-input-icon"><svg class="ico" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></span>
++        <ul id="schoolSearchResults" class="search-results-list"></ul>
        </div>
--      <small style="color:#94a3b8;font-size:0.82em;">文科省の学校マスターデータから候補を検索します。</small>
++      <div class="form-hint">文科省の学校マスターデータから候補を検索します。</div>
      </div>
      <!-- 選択結果 -->
--    <div id="selectedSchoolArea" style="display:none;margin-bottom:20px;">
--      <div style="background:#f0fdf4;border:1px solid #86efac;border-radius:10px;padding:16px 20px;">
--        <div style="display:flex;justify-content:space-between;align-items:flex-start;">
++    <div id="selectedSchoolArea" style="display:none;" class="form-group">
++      <div class="selected-school-card">
++        <div class="selected-school-layout">
            <div>
--            <div style="font-size:0.78em;color:#15803d;font-weight:600;">選択された学校</div>
--            <div id="selectedSchoolName" style="font-size:1.05em;font-weight:700;color:#166534;margin-top:4px;"></div>
--            <div id="selectedSchoolInfo" style="font-size:0.84em;color:#15803d;margin-top:2px;"></div>
--            <div id="selectedSchoolCode" style="font-family:monospace;font-size:0.82em;color:#166534;margin-top:2px;"></div>
++            <div class="selected-school-label">選択された学校</div>
++            <div id="selectedSchoolName" class="selected-school-name"></div>
++            <div id="selectedSchoolInfo" class="selected-school-info"></div>
++            <div id="selectedSchoolCode" class="selected-school-code"></div>
            </div>
--          <button type="button" onclick="clearSelection()" style="background:none;border:1px solid #86efac;border-radius:6px;cursor:pointer;color:#dc2626;font-size:0.82em;padding:4px 12px;">変更</button>
++          <button type="button" onclick="clearSelection()" class="btn-change-school">選択解除</button>
          </div>
        </div>
      </div>
      <!-- 重複チェック結果 -->
--    <div id="duplicateWarning" style="display:none;margin-bottom:20px;padding:14px 18px;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;font-size:0.88em;color:#991b1b;">
++    <div id="duplicateWarning" class="duplicate-warning" style="display:none;">
        <strong><svg class="ico" viewBox="0 0 24 24"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg> この学校のページは既に存在します</strong>
--      <div style="margin-top:6px;"><a id="duplicateLink" href="#" style="color:#4f46e5;font-weight:600;">既存のページを開く →</a></div>
++      <div style="margin-top:6px;"><a id="duplicateLink" href="#">既存のページを開く →</a></div>
      </div>
++    <!-- 関連校チェック結果 -->
++    <div id="affiliatedNotice" class="form-message form-message-info" style="display:none;">
++      <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>
++      <div>
++        <strong>この学校は関連校（中高一貫校）として登録されています</strong>
++        <p style="margin:4px 0 0" id="affiliatedNoticeText"></p>
++        <p style="margin:4px 0 0;font-size:0.85em;color:var(--text-light)">別のページとして作成することもできますが、情報が分散する可能性があります。</p>
++      </div>
++    </div>
++
      <!-- 作成ボタン -->
      <div id="submitArea" style="display:none;">
--      <div style="padding:14px;background:#ecfdf5;border:1px solid #86efac;border-radius:10px;margin-bottom:16px;font-size:0.88em;color:#166534;">
++      <div class="create-ready-box">
          <svg class="ico" viewBox="0 0 24 24" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg> この学校のページはまだ作成されていません。
        </div>
--      <button type="submit" class="btn btn-primary" style="width:100%;">ページを作成</button>
++      <button type="submit" class="btn-save btn-full-width">ページを作成</button>
      </div>
    </form>
    <!-- 未選択時ヒント -->
--  <div id="searchHint" style="margin-top:20px;text-align:center;padding:24px;background:#f1f5f9;border-radius:10px;">
--    <div style="font-size:2em;margin-bottom:8px;"><svg class="ico" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></div>
--    <div style="font-size:0.9em;color:#94a3b8;">上の検索欄から学校名を入力してください</div>
++  <div id="searchHint" class="search-hint-box">
++    <div class="search-hint-icon"><svg class="ico" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></div>
++    <div class="search-hint-text">上の検索欄から学校名を入力してください</div>
    </div>
  </div>
  <script>
  (function() {
++  // XSSエスケープ関数
++  function escapeHtml(s) {
++    var div = document.createElement('div');
++    div.appendChild(document.createTextNode(s));
++    return div.innerHTML;
++  }
++
    // 学校マスターデータをJSON APIから取得
    var schools = [];
    var schoolsLoaded = false;
@@ -100,7 +100,8 @@
    // schools.json をロード（XWiki添付ファイルとして配置）
    // 配置先: SeitokaiCode.SchoolMasterData の添付ファイル
--  fetch('/xwiki/rest/wikis/xwiki/spaces/SeitokaiCode/pages/SchoolMasterData/attachments/schools.json')
++  var restBase = '$request.contextPath/rest/wikis/xwiki';
++  fetch(restBase + '/spaces/SeitokaiCode/pages/SchoolMasterData/attachments/schools.json')
      .then(function(r) { return r.json(); })
      .then(function(data) { schools = data; schoolsLoaded = true; })
      .catch(function() {
@@ -131,19 +131,17 @@
      resultsList.innerHTML = '';
      if (results.length === 0) {
--      resultsList.innerHTML = '<li style="padding:14px;text-align:center;color:#94a3b8;">該当する学校が見つかりません</li>';
++      resultsList.innerHTML = '<li class="search-result-empty">該当する学校が見つかりません</li>';
      } else {
        results.forEach(function(s) {
          var li = document.createElement('li');
--        li.style.cssText = 'padding:10px 14px;cursor:pointer;border-bottom:1px solid #f1f5f9;';
++        li.className = 'search-result-item';
          li.innerHTML =
--          '<div style="font-weight:600;">' + s.name + '</div>' +
--          '<div style="font-size:0.82em;color:#94a3b8;margin-top:2px;">' +
--            s.pref + ' ' + s.city + ' ・ ' + s.type + '（' + s.est + '）' +
++          '<div class="search-result-name">' + escapeHtml(s.name) + '</div>' +
++          '<div class="search-result-info">' +
++            escapeHtml(s.pref) + ' ' + escapeHtml(s.city) + ' ・ ' + escapeHtml(s.type) + '（' + escapeHtml(s.est) + '）' +
            '</div>' +
--          '<div style="font-family:monospace;font-size:0.78em;color:#6366f1;">' + s.code + '</div>';
--        li.onmouseover = function() { this.style.background = '#f0f4ff'; };
--        li.onmouseout = function() { this.style.background = ''; };
++          '<div class="search-result-code">' + escapeHtml(s.code) + '</div>';
          li.onclick = function() { selectSchool(s); };
          resultsList.appendChild(li);
        });
@@ -169,24 +169,48 @@
      // 重複チェック（XWikiにページが存在するか確認）
      var targetPage = 'Schools.' + school.code + '.WebHome';
--    fetch('/xwiki/rest/wikis/xwiki/spaces/Schools/spaces/' + school.code + '/pages/WebHome')
--      .then(function(r) {
--        if (r.ok) {
--          // 既存ページあり
--          document.getElementById('duplicateWarning').style.display = 'block';
--          document.getElementById('duplicateLink').href =
--            '/xwiki/bin/view/Schools/' + school.code + '/';
--          document.getElementById('submitArea').style.display = 'none';
--        } else {
--          // 新規作成OK
--          document.getElementById('duplicateWarning').style.display = 'none';
--          document.getElementById('submitArea').style.display = 'block';
--        }
++    var duplicateCheck = fetch(restBase + '/spaces/Schools/spaces/' + school.code + '/pages/WebHome')
++      .then(function(r) { return r.ok; })
++      .catch(function() { return false; });
++
++    // 関連校チェック（他校の関連校として登録されているか確認）
++    var affiliatedCheck = fetch('$request.contextPath/bin/view/SeitokaiCode/CheckAffiliated?code=' + encodeURIComponent(school.code) + '&outputSyntax=plain')
++      .then(function(r) { return r.ok ? r.text() : ''; })
++      .then(function(t) {
++        try {
++          var jsonEnd = t.indexOf('}');
++          if (jsonEnd >= 0) return JSON.parse(t.substring(0, jsonEnd + 1));
++        } catch(e) {}
++        return { found: false };
        })
--      .catch(function() {
--        // APIエラー時は作成を許可（サーバー側で重複チェックもある）
++      .catch(function() { return { found: false }; });
++
++    Promise.all([duplicateCheck, affiliatedCheck]).then(function(results) {
++      var isDuplicate = results[0];
++      var affData = results[1];
++      var affNotice = document.getElementById('affiliatedNotice');
++
++      if (isDuplicate) {
++        document.getElementById('duplicateWarning').style.display = 'block';
++        document.getElementById('duplicateLink').href =
++          '$request.contextPath/bin/Schools/' + school.code + '/';
++        document.getElementById('submitArea').style.display = 'none';
++      } else {
++        document.getElementById('duplicateWarning').style.display = 'none';
          document.getElementById('submitArea').style.display = 'block';
--      });
++      }
++
++      // 関連校として登録されている場合
++      if (affData && affData.found) {
++        var linkHref = '$request.contextPath/bin/Schools/' + affData.mainCode + '/';
++        document.getElementById('affiliatedNoticeText').innerHTML =
++          '<a href="' + escapeHtml(linkHref) + '">' + escapeHtml(affData.mainName) + '</a> に中高一貫校の関連校として統合されています。' +
++          '<a href="' + escapeHtml(linkHref) + '">統合先のページへ移動する →</a>';
++        affNotice.style.display = 'flex';
++      } else {
++        affNotice.style.display = 'none';
++      }
++    });
    };
    window.clearSelection = function() {
@@ -194,6 +194,7 @@
      document.getElementById('schoolName').value = '';
      document.getElementById('selectedSchoolArea').style.display = 'none';
      document.getElementById('duplicateWarning').style.display = 'none';
++    document.getElementById('affiliatedNotice').style.display = 'none';
      document.getElementById('submitArea').style.display = 'none';
      document.getElementById('searchHint').style.display = '';
      input.style.display = '';
@@ -208,11 +208,11 @@
      if (e.key === 'ArrowDown') {
        e.preventDefault();
        selectedIdx = Math.min(selectedIdx + 1, items.length - 1);
--      items.forEach(function(li, i) { li.style.background = i === selectedIdx ? '#f0f4ff' : ''; });
++      items.forEach(function(li, i) { li.classList.toggle('active', i === selectedIdx); });
      } else if (e.key === 'ArrowUp') {
        e.preventDefault();
        selectedIdx = Math.max(selectedIdx - 1, 0);
--      items.forEach(function(li, i) { li.style.background = i === selectedIdx ? '#f0f4ff' : ''; });
++      items.forEach(function(li, i) { li.classList.toggle('active', i === selectedIdx); });
      } else if (e.key === 'Enter' && selectedIdx >= 0) {
        e.preventDefault();
        items[selectedIdx].click();
@@ -230,6 +230,15 @@
        selectedIdx = -1;
      }
    });
++
++  // 送信時ローディング
++  var csForm = document.getElementById('createSchoolForm');
++  if (csForm) {
++    csForm.addEventListener('submit', function() {
++      var btn = csForm.querySelector('button[type="submit"]');
++      if (btn) { btn.disabled = true; btn.innerHTML = '<span class="btn-spinner"></span> 作成中...'; }
++    });
++  }
  })();
  </script>
  {{/html}}