FrontPage/2025-04-17/複製 の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• FrontPage/2025-04-17/複製 へ行く。
• FrontPage/2025-04-17/複製 の差分を削除

#author("2025-05-01T02:21:49+02:00","","")
#author("2025-05-01T03:49:16+02:00","","")
#html{{
<link rel="stylesheet" href="style/calendar.css">
<script src="js/calendar_editor.js"></script>
<script src="calendar_editor.js"></script>
<script src="event_editor.js"></script>

<!-- 🌸 タブ切り替え -->
<div class="form-tabs">
  <div class="form-tab active" data-tab="icon-tab">📌 アイコン登録</div>
  <div class="form-tab" data-tab="event-tab">🗓 予定登録</div>
</div>

<!-- 🌸 📌 アイコン登録フォーム -->
<div id="icon-tab" class="tab-content active">
  <div class="icon-member-form">
    <div class="form-row">
      <label class="form-label">名前：
        <input type="text" id="userName" placeholder="あなたのキャラ名">
      </label>
      <label class="form-label">日付：
        <input type="date" id="iconDate">
      </label>
      <label class="form-label">アイコン：
        <div id="customIconSelect" class="custom-icon-select">
          <div class="selected-icon">▼ アイコンを選んでね</div>
          <div class="icon-options"></div>
        </div>
      </label>
      <input type="hidden" id="memberSelectedIcon">
    </div>
    <div class="form-row form-button-row">
      <div class="form-buttons-right">
        <button id="submitIconBtn" class="edit-btn">登録</button>
        <button id="deleteIconBtn" class="delete-btn">削除</button>
      </div>
    </div>
  </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<!-- 🌸 🗓 予定登録フォーム -->
<div id="event-tab" class="tab-content">
  <div class="icon-member-form">
    <div class="form-row">
      <label class="form-label">タイトル：
        <input type="text" id="eventTitle" placeholder="イベント名など">
      </label>
      <label class="form-label">開始日：
        <input type="date" id="startDate">
      </label>
      <label class="form-label">終了日：
        <input type="date" id="endDate">
      </label>
    </div>
    <div class="form-row">
      <label class="form-label">色帯（選択）：</label>
      <div id="colorSamples">
        <span class="color-sample" data-color="#f9c" style="background:#f9c;"></span>
        <span class="color-sample" data-color="#fc9" style="background:#fc9;"></span>
        <span class="color-sample" data-color="#ffc" style="background:#ffc;"></span>
        <span class="color-sample" data-color="#cfc" style="background:#cfc;"></span>
        <span class="color-sample" data-color="#ccf" style="background:#ccf;"></span>
      </div>
      <input type="hidden" id="eventColor" value="#f9c">
    </div>
    <div class="form-row">
      <label class="form-label">アイコン選択：</label>
      <div id="iconOptions" class="icon-select">
        <img src="image/login.png" data-icon="image/login.png">
        <img src="image/night.png" data-icon="image/night.png">
        <img src="image/drink.png" data-icon="image/drink.png">
        <img src="image/update.png" data-icon="image/update.png">
        <img src="image/event.png" data-icon="image/event.png">
      </div>
      <input type="hidden" id="selectedIcon">
    </div>
    <div class="form-row form-button-row">
      <div class="form-buttons-right">
        <button id="saveEventBtn" class="edit-btn">登録</button>
        <button id="closeModalBtn" class="delete-btn">閉じる</button>
      </div>
    </div>
  </div>
</div>
}}

#mofu_calendar(2025, 5)