[hideprofile]

[html]<div id="chronicle-engine-root">
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001c/ae/1d/65756.css?v=7" />
<script defer src="https://forumstatic.ru/files/001c/ae/1d/88504.js?v=3"></script>

<div id="chronicle-engine">
  <div class="ce-header">
    <img src="https://upforme.ru/uploads/001b/ff/2a/113/350862.png">
    <div class="ce-header-overlay">
      <div class="ce-title">Летопись событий</div>
    </div>
  </div>

  <div class="ce-controls">
    <input type="text" class="ce-search-box" id="ceSearch" placeholder="Поиск по названию, дате, описанию…">
    <select class="ce-select" id="ceFilterCountry">
      <option value="">Все страны</option>
      <option value="Королевство Кальдария">Королевство Кальдария</option>
      <option value="Эзуаханский халифат">Эзуаханский халифат</option>
      <option value="Империя Кокуёй">Империя Кокуёй</option>
      <option value="Туаглесо">Туаглесо</option>
      <option value="Священный собор Медрии">Священный собор Медрии</option>
    </select>
    <select class="ce-select" id="ceFilterStatus">
      <option value="">Все статусы</option>
      <option value="завершённый">Завершённый</option>
      <option value="в процессе">В процессе</option>
      <option value="незавершённый">Незавершённый</option>
    </select>
    <input type="text" class="ce-search-box" id="ceFilterMember" placeholder="Участник…" style="flex:0 1 140px;">
    <button class="ce-btn" onclick="CE.applyFilters()">Найти</button>
    <button class="ce-btn ce-btn-danger" onclick="CE.resetFilters()">Сброс</button>
  </div>

  <div class="ce-count" id="ceCount">Эпизодов: 0</div>

  <div class="ce-episodes" id="ceEpisodes">
<div class="ce-episode" data-status="в процессе" data-idx="ce_1779566728612_nh1ot"><div class="ce-ep-actions"><button class="ce-ep-action-btn" onclick="CE.editEpisode('ce_1779566728612_nh1ot')" title="Редактировать">✎</button><button class="ce-ep-action-btn" onclick="CE.deleteEpisode('ce_1779566728612_nh1ot')" title="Удалить">✕</button></div><div class="ce-ep-top"><span class="ce-ep-date">12.04.2701</span><span class="ce-ep-title"><a href="https://rustycrowns.rusff.me/viewtopic.php?id=49#p555" target="_blank">День прошений, ночь ответов</a></span></div><div class="ce-ep-badges"><span class="ce-badge ce-badge-country">Королевство Кальдария</span><span class="ce-badge ce-badge-type">Сюжетный эпизод</span><span class="ce-badge ce-badge-status" data-s="в процессе">в процессе</span></div><div class="ce-ep-location">Канурхелм</div><div class="ce-ep-members">Rachel Velmorn, Princess Adeline</div><div class="ce-ep-desc">Многообещающее знакомство принцессы и леди Велморн</div></div>
<div class="ce-episode" data-status="в процессе" data-idx="ce_1779567800708_u20k8"><div class="ce-ep-actions"><button class="ce-ep-action-btn" onclick="CE.editEpisode('ce_1779567800708_u20k8')" title="Редактировать">✎</button><button class="ce-ep-action-btn" onclick="CE.deleteEpisode('ce_1779567800708_u20k8')" title="Удалить">✕</button></div><div class="ce-ep-top"><span class="ce-ep-date">15.06.2701</span><span class="ce-ep-title"><a href="https://rustycrowns.rusff.me/viewtopic.php?id=81" target="_blank">диспут святой Сиены</a></span></div><div class="ce-ep-badges"><span class="ce-badge ce-badge-country">Королевство Кальдария</span><span class="ce-badge ce-badge-type">Личный эпизод</span><span class="ce-badge ce-badge-status" data-s="в процессе">в процессе</span></div><div class="ce-ep-location">герцогство Деодор</div><div class="ce-ep-members">Siena, Merope of Arethion</div><div class="ce-ep-desc">Проповеди медрийских миссионеров приводят их в различные уголки мира, в том числе к соседям, с которыми их разделяет пролив. В этот раз остановкой послужила столица герцогства Деодор, в котором сейчас была в самом разгаре ярмарка, организованная храмом Аглы.
Все в Кальдарии прекрасно знают: диспуты и дискуссии на различные философские и не очень темы можно назвать национальной чертой уроженцев юга.</div></div>
<div class="ce-episode" data-status="в процессе" data-idx="ce_1779567841256_u2bzc"><div class="ce-ep-actions"><button class="ce-ep-action-btn" onclick="CE.editEpisode('ce_1779567841256_u2bzc')" title="Редактировать">✎</button><button class="ce-ep-action-btn" onclick="CE.deleteEpisode('ce_1779567841256_u2bzc')" title="Удалить">✕</button></div><div class="ce-ep-top"><span class="ce-ep-date">20.03.2701</span><span class="ce-ep-title"><a href="https://rustycrowns.rusff.me/viewtopic.php?id=94#p2514" target="_blank">Наша участь известна</a></span></div><div class="ce-ep-badges"><span class="ce-badge ce-badge-country">Королевство Кальдария</span><span class="ce-badge ce-badge-type">Личный эпизод</span><span class="ce-badge ce-badge-status" data-s="в процессе">в процессе</span></div><div class="ce-ep-location">Орспир</div><div class="ce-ep-members">Rachel Velmorn, Robin</div><div class="ce-ep-desc">Леса Орспира — плохое место для прогулки. Рэйчел вовремя оказывается рядом и помогает Робин найти выход.</div></div>
<div class="ce-episode" data-status="в процессе" data-idx="ce_1779568077502_saxbm"><div class="ce-ep-actions"><button class="ce-ep-action-btn" onclick="CE.editEpisode('ce_1779568077502_saxbm')" title="Редактировать">✎</button><button class="ce-ep-action-btn" onclick="CE.deleteEpisode('ce_1779568077502_saxbm')" title="Удалить">✕</button></div><div class="ce-ep-top"><span class="ce-ep-date">03.02.2700</span><span class="ce-ep-title"><a href="https://rustycrowns.rusff.me/viewtopic.php?id=51#p884" target="_blank">Не всё то золото, что блестит</a></span></div><div class="ce-ep-badges"><span class="ce-badge ce-badge-country">Королевство Кальдария</span><span class="ce-badge ce-badge-type">Личный эпизод</span><span class="ce-badge ce-badge-status" data-s="в процессе">в процессе</span></div><div class="ce-ep-location">герцогство Деодор</div><div class="ce-ep-members">Rachel Velmorn, Merope of Arethion</div><div class="ce-ep-desc">Путешествия на жаркий юг приносят неожиданные встречи, и под блестящим от злата оком богини богатства Аглы торговцы часто стремятся получить благословение о приумножении достатка. обычный день начала февраля не стал исключением — но стал поводом для знакомства.</div></div>
<div class="ce-episode" data-status="в процессе" data-idx="ce_1781388729784_emerw"><div class="ce-ep-actions"><button class="ce-ep-action-btn" onclick="CE.editEpisode('ce_1781388729784_emerw')" title="Редактировать">✎</button><button class="ce-ep-action-btn" onclick="CE.deleteEpisode('ce_1781388729784_emerw')" title="Удалить">✕</button></div><div class="ce-ep-top"><span class="ce-ep-date">23.11.2698</span><span class="ce-ep-title"><a href="https://rustycrowns.rusff.me/viewtopic.php?id=104#p2813" target="_blank">Discordia</a></span></div><div class="ce-ep-badges"><span class="ce-badge ce-badge-country">Королевство Кальдария</span><span class="ce-badge ce-badge-type">Личный эпизод</span><span class="ce-badge ce-badge-status" data-s="в процессе">в процессе</span></div><div class="ce-ep-location">Орспир</div><div class="ce-ep-members">Rachel Velmorn, Richard Velmorn</div><div class="ce-ep-desc">Потом Рэйчел будет говорить, что к исходу девяносто восьмого года они уже не были семьей: безумие ее отца отравило каждый миг, что они проводили подле друг друга, разъедая, подобно щелочи, то, что казалось святым и непогрешимым: любовь детей к родителю.
В те холодные, зимние дни, ей оставалось лишь одно: ожидать не то спасения, не то неизбежного конца.</div></div>
  </div>

  <div class="ce-add-section">
    <button class="ce-add-toggle" id="ceAddToggle" onclick="CE.toggleForm()">Добавить эпизод</button>
    <div class="ce-add-form" id="ceAddForm">
      <div class="ce-form-grid">
        <div>
          <label class="ce-form-label">Дата</label>
          <input type="text" class="ce-form-input" id="ceDate" placeholder="напр. 01.01.2701">
        </div>
        <div>
          <label class="ce-form-label">Страна</label>
          <select class="ce-form-input" id="ceCountry">
            <option value="">— Выберите —</option>
            <option value="Королевство Кальдария">Королевство Кальдария</option>
            <option value="Эзуаханский халифат">Эзуаханский халифат</option>
            <option value="Империя Кокуёй">Империя Кокуёй</option>
            <option value="Туаглесо">Туаглесо</option>
            <option value="Священный собор Медрии">Священный собор Медрии</option>
          </select>
        </div>
        <div>
          <label class="ce-form-label">Локация</label>
          <input type="text" class="ce-form-input" id="ceLocation" placeholder="напр. герцогство Дреания/эмират Та-Айт/другое">
        </div>
        <div>
          <label class="ce-form-label">Название эпизода</label>
          <input type="text" class="ce-form-input" id="ceTitle" placeholder="напр. Битва при Чёрном мосту">
          <div class="ce-form-hint">Для ссылки используйте формат: Название</div>
        </div>
        <div>
          <label class="ce-form-label">Участники</label>
          <input type="text" class="ce-form-input" id="ceMembers" placeholder="через запятую">
        </div>
        <div>
          <label class="ce-form-label">Тип эпизода</label>
          <select class="ce-form-input" id="ceType">
            <option value="">— Выберите —</option>
            <option value="Сюжетное событие">Сюжетное событие</option>
            <option value="Сюжетный эпизод">Сюжетный эпизод</option>
            <option value="Личный эпизод">Личный эпизод</option>
          </select>
        </div>
        <div>
          <label class="ce-form-label">Статус</label>
          <select class="ce-form-input" id="ceStatus">
            <option value="">— Выберите —</option>
            <option value="завершённый">Завершённый</option>
            <option value="в процессе">В процессе</option>
            <option value="незавершённый">Незавершённый</option>
          </select>
        </div>
        <div>
          <label class="ce-form-label">Ссылка (URL)</label>
          <input type="text" class="ce-form-input" id="ceLink" placeholder="https://… (необязательно)">
        </div>
        <div class="ce-form-full">
          <label class="ce-form-label">Описание</label>
          <textarea class="ce-form-textarea" id="ceDesc" placeholder="Краткое описание события…"></textarea>
        </div>
      </div>
      <div class="ce-form-actions">
        <button class="ce-btn" onclick="CE.generateCode()">Сформировать код</button>
        <button class="ce-btn ce-btn-danger" onclick="CE.clearForm()">Очистить</button>
      </div>
      <div class="ce-code-output" id="ceCodeOutput">
        <div class="ce-divider"></div>
        <label class="ce-form-label">Скопируйте код и вставьте его в HTML-блок хронологии:</label>
        <textarea class="ce-code-textarea" id="ceCodeTextarea" readonly></textarea>
        <div class="ce-code-actions">
          <button class="ce-btn" onclick="CE.copyCode()">Копировать код</button>
        </div>
      </div>
    </div>
  </div>
</div>
[/html]