Skip to Content

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

Last modified by Super Admin on 2026/04/09 10:54

From 40.1 to 41.1

From version

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

Change comment: There is no comment for this version

To version

43.1

edited by Super Admin
on 2026/04/09 10:54

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.XWikiGuest
++XWiki.superadmin

Content

@@ -14,7 +14,7 @@
    ## バリデーション: 学校コードが13文字の文科省形式であること（例: D112310000377）
    ## 形式: 学校種(C1/C2/D1/D2) + 都道府県(2桁) + 設置区分(1桁) + 学校番号(7桁) + 検査数字(1桁)
--  #if(!$schoolCode || $schoolCode.length() != 13 || !$schoolCode.matches('^[CD][12]\d{11}$'))
++  #if(!$schoolCode || $schoolCode.length() != 13 || !$schoolCode.matches('^[CDX][12]\d{11}$'))
      {{error}}学校コードが不正です。学校名検索から選択してください。{{/error}}
      #stop
    #end
@@ -85,8 +85,61 @@
          <ul id="schoolSearchResults" class="search-results-list"></ul>
        </div>
        <div class="form-hint">文科省の学校マスターデータから候補を検索します。</div>
++      <div id="manualSchoolToggle" style="margin-top:8px;">
++        <a href="#" id="manualSchoolLink" style="font-size:0.85em;color:var(--accent);text-decoration:underline;">一覧にない学校の方はこちら（専修学校の高等課程等）</a>
++      </div>
      </div>
++    <!-- 手動入力フォーム（初期非表示） -->
++    <div id="manualSchoolForm" class="form-group" style="display:none;">
++      <div style="padding:16px;background:var(--bg-soft,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;">
++        <div style="font-size:0.85em;color:var(--text-light);margin-bottom:12px;line-height:1.5;">
++          専修学校（高等課程）など、学校マスターデータに含まれない学校のページを作成できます。
++        </div>
++        <div style="margin-bottom:10px;">
++          <label class="form-label">学校名 <span class="required-mark">*</span></label>
++          <input type="text" id="manualSchoolName" class="form-input" placeholder="例: ○○専修学校高等課程" autocomplete="off" />
++        </div>
++        <div style="margin-bottom:10px;">
++          <label class="form-label">都道府県 <span class="required-mark">*</span></label>
++          <select id="manualSchoolPref" class="form-input">
++            <option value="">選択してください</option>
++            <option value="01">北海道</option><option value="02">青森県</option>
++            <option value="03">岩手県</option><option value="04">宮城県</option>
++            <option value="05">秋田県</option><option value="06">山形県</option>
++            <option value="07">福島県</option><option value="08">茨城県</option>
++            <option value="09">栃木県</option><option value="10">群馬県</option>
++            <option value="11">埼玉県</option><option value="12">千葉県</option>
++            <option value="13">東京都</option><option value="14">神奈川県</option>
++            <option value="15">新潟県</option><option value="16">富山県</option>
++            <option value="17">石川県</option><option value="18">福井県</option>
++            <option value="19">山梨県</option><option value="20">長野県</option>
++            <option value="21">岐阜県</option><option value="22">静岡県</option>
++            <option value="23">愛知県</option><option value="24">三重県</option>
++            <option value="25">滋賀県</option><option value="26">京都府</option>
++            <option value="27">大阪府</option><option value="28">兵庫県</option>
++            <option value="29">奈良県</option><option value="30">和歌山県</option>
++            <option value="31">鳥取県</option><option value="32">島根県</option>
++            <option value="33">岡山県</option><option value="34">広島県</option>
++            <option value="35">山口県</option><option value="36">徳島県</option>
++            <option value="37">香川県</option><option value="38">愛媛県</option>
++            <option value="39">高知県</option><option value="40">福岡県</option>
++            <option value="41">佐賀県</option><option value="42">長崎県</option>
++            <option value="43">熊本県</option><option value="44">大分県</option>
++            <option value="45">宮崎県</option><option value="46">鹿児島県</option>
++            <option value="47">沖縄県</option><option value="00">その他（海外等）</option>
++          </select>
++        </div>
++        <div id="manualSimilarWarning" style="display:none;padding:10px 12px;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:4px;margin-bottom:10px;font-size:0.85em;line-height:1.5;color:#92400e;">
++        </div>
++        <div id="manualSchoolError" style="display:none;font-size:0.82em;color:#dc2626;margin-bottom:8px;"></div>
++        <div style="display:flex;gap:8px;">
++          <button type="button" id="manualSchoolConfirm" class="btn-save" style="font-size:0.9em;padding:8px 20px;">この学校で作成</button>
++          <button type="button" id="manualSchoolCancel" class="btn-secondary" style="font-size:0.9em;padding:8px 16px;">一覧から選択に戻る</button>
++        </div>
++      </div>
++    </div>
++
      <!-- 選択結果 -->
      <div id="selectedSchoolArea" style="display:none;" class="form-group">
        <div class="selected-school-card">
@@ -269,6 +269,14 @@
      document.getElementById('affiliatedNotice').style.display = 'none';
      document.getElementById('submitArea').style.display = 'none';
      document.getElementById('searchHint').style.display = '';
++    // 手動入力UIをリセットして一覧検索モードに戻す
++    var mf = document.getElementById('manualSchoolForm');
++    if (mf) mf.style.display = 'none';
++    var mt = document.getElementById('manualSchoolToggle');
++    if (mt) mt.style.display = '';
++    var fh = document.querySelector('.form-hint');
++    if (fh) fh.style.display = '';
++    input.parentElement.style.display = '';
      input.style.display = '';
      input.value = '';
      input.focus();
@@ -304,6 +304,189 @@
      }
    });
++  // =========================================================================
++  // X1 手動入力モード
++  // =========================================================================
++  var manualToggle = document.getElementById('manualSchoolLink');
++  var manualForm = document.getElementById('manualSchoolForm');
++  var manualConfirm = document.getElementById('manualSchoolConfirm');
++  var manualCancel = document.getElementById('manualSchoolCancel');
++  var manualNameInput = document.getElementById('manualSchoolName');
++  var manualPrefSelect = document.getElementById('manualSchoolPref');
++  var manualError = document.getElementById('manualSchoolError');
++  var manualSimilarWarn = document.getElementById('manualSimilarWarning');
++
++  if (manualToggle) {
++    manualToggle.addEventListener('click', function(e) {
++      e.preventDefault();
++      // 手動入力モードを表示
++      manualForm.style.display = 'block';
++      input.parentElement.style.display = 'none';
++      document.querySelector('.form-hint').style.display = 'none';
++      document.getElementById('manualSchoolToggle').style.display = 'none';
++      document.getElementById('searchHint').style.display = 'none';
++      resultsList.style.display = 'none';
++    });
++  }
++
++  if (manualCancel) {
++    manualCancel.addEventListener('click', function() {
++      // 一覧選択モードに戻る
++      manualForm.style.display = 'none';
++      input.parentElement.style.display = '';
++      document.querySelector('.form-hint').style.display = '';
++      document.getElementById('manualSchoolToggle').style.display = '';
++      document.getElementById('searchHint').style.display = '';
++      manualNameInput.value = '';
++      manualPrefSelect.selectedIndex = 0;
++      manualError.style.display = 'none';
++      manualSimilarWarn.style.display = 'none';
++    });
++  }
++
++  // 類似名検索（手動入力時に既存の学校と名前が似ていないか警告）
++  function checkSimilarSchools(name) {
++    if (!name || name.length < 2 || !schoolsLoaded) {
++      manualSimilarWarn.style.display = 'none';
++      return;
++    }
++    var q = name.toLowerCase();
++    var similar = schools.filter(function(s) {
++      return s.name.toLowerCase().indexOf(q) >= 0 || q.indexOf(s.name.toLowerCase()) >= 0;
++    }).slice(0, 3);
++
++    if (similar.length > 0) {
++      var html = '<strong>類似する学校が一覧にあります：</strong><br>';
++      similar.forEach(function(s) {
++        html += escapeHtml(s.name) + '（' + escapeHtml(s.pref) + ' ' + escapeHtml(s.code) + '）<br>';
++      });
++      html += '<span style="font-size:0.9em;">もし上記のいずれかが該当する場合は、「一覧から選択に戻る」を押して検索してください。</span>';
++      manualSimilarWarn.innerHTML = html;
++      manualSimilarWarn.style.display = 'block';
++    } else {
++      manualSimilarWarn.style.display = 'none';
++    }
++  }
++
++  var manualDebounce = null;
++  if (manualNameInput) {
++    manualNameInput.addEventListener('input', function() {
++      clearTimeout(manualDebounce);
++      manualDebounce = setTimeout(function() {
++        checkSimilarSchools(manualNameInput.value.trim());
++      }, 300);
++    });
++  }
++
++  // SHA-256 ハッシュでX1コードを生成
++  function computeX1Code(schoolName, prefCode) {
++    var str = schoolName.trim() + ':' + prefCode;
++    var encoder = new TextEncoder();
++    var data = encoder.encode(str);
++    return crypto.subtle.digest('SHA-256', data).then(function(buf) {
++      var arr = new Uint8Array(buf);
++      var hex = '';
++      for (var i = 0; i < arr.length; i++) {
++        hex += ('0' + arr[i].toString(16)).slice(-2);
++      }
++      var hashDigits = '';
++      for (var j = 0; j < hex.length && hashDigits.length < 7; j++) {
++        hashDigits += (parseInt(hex[j], 16) % 10).toString();
++      }
++      return 'X1' + prefCode + '0' + hashDigits + '0';
++    });
++  }
++
++  // フォールバック（SubtleCrypto 非対応環境）
++  function computeX1CodeFallback(schoolName, prefCode) {
++    var str = schoolName.trim() + ':' + prefCode;
++    var hash = 0;
++    for (var i = 0; i < str.length; i++) {
++      hash = ((hash << 5) - hash + str.charCodeAt(i)) | 0;
++    }
++    var digits = (Math.abs(hash) % 10000000).toString();
++    while (digits.length < 7) digits = '0' + digits;
++    return 'X1' + prefCode + '0' + digits + '0';
++  }
++
++  if (manualConfirm) {
++    manualConfirm.addEventListener('click', function() {
++      var name = manualNameInput.value.trim();
++      var prefCode = manualPrefSelect.value;
++
++      // バリデーション
++      if (!name) {
++        manualError.textContent = '学校名を入力してください。';
++        manualError.style.display = 'block';
++        manualNameInput.focus();
++        return;
++      }
++      if (name.length < 2) {
++        manualError.textContent = '学校名は2文字以上で入力してください。';
++        manualError.style.display = 'block';
++        manualNameInput.focus();
++        return;
++      }
++      if (!prefCode) {
++        manualError.textContent = '都道府県を選択してください。';
++        manualError.style.display = 'block';
++        manualPrefSelect.focus();
++        return;
++      }
++
++      manualError.style.display = 'none';
++      manualConfirm.disabled = true;
++      manualConfirm.textContent = '処理中...';
++
++      var prefText = manualPrefSelect.options[manualPrefSelect.selectedIndex].text;
++
++      // X1コード生成 → 選択状態にする
++      var codePromise;
++      try {
++        codePromise = computeX1Code(name, prefCode);
++      } catch(e) {
++        codePromise = Promise.resolve(computeX1CodeFallback(name, prefCode));
++      }
++
++      codePromise.then(function(code) {
++        // selectSchool と同等の処理を実行
++        document.getElementById('schoolCode').value = code;
++        document.getElementById('schoolName').value = name;
++
++        manualForm.style.display = 'none';
++        document.getElementById('selectedSchoolName').textContent = name;
++        document.getElementById('selectedSchoolInfo').textContent = prefText + ' ・ その他の学校';
++        document.getElementById('selectedSchoolCode').textContent = '学校コード: ' + code;
++        document.getElementById('selectedSchoolArea').style.display = 'block';
++
++        // 重複チェック
++        var targetPage = 'Schools.' + code + '.WebHome';
++        fetch(restBase + '/spaces/Schools/spaces/' + code + '/pages/WebHome')
++          .then(function(r) { return r.ok; })
++          .catch(function() { return false; })
++          .then(function(isDuplicate) {
++            if (isDuplicate) {
++              document.getElementById('duplicateWarning').style.display = 'block';
++              document.getElementById('duplicateLink').href =
++                '$request.contextPath/bin/Schools/' + code + '/';
++              document.getElementById('submitArea').style.display = 'none';
++            } else {
++              document.getElementById('duplicateWarning').style.display = 'none';
++              document.getElementById('submitArea').style.display = 'block';
++            }
++          });
++
++        manualConfirm.disabled = false;
++        manualConfirm.textContent = 'この学校で作成';
++      }).catch(function() {
++        manualError.textContent = 'コードの生成に失敗しました。ブラウザを更新して再度お試しください。';
++        manualError.style.display = 'block';
++        manualConfirm.disabled = false;
++        manualConfirm.textContent = 'この学校で作成';
++      });
++    });
++  }
++
    // 送信時ローディング
    var csForm = document.getElementById('createSchoolForm');
    if (csForm) {