Загрузить файлы в «templates»
This commit is contained in:
@@ -0,0 +1,262 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>IROS | Редактор </title>
|
||||
{{template "header.html" .}}
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="./static/css/main.css">
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="./static/css/ui.css">
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="./static/css/player.css">
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="./static/css/overlay.css">
|
||||
|
||||
<script src="./js/config.js"></script>
|
||||
<script src="./static/js/commands/base.js"></script>
|
||||
<script src="./static/js/util.js"></script>
|
||||
<script src="./static/js/embed.js"></script>
|
||||
<script src="./static/js/viewer.js"></script>
|
||||
<script src="./static/js/editor/key_binds.js"></script>
|
||||
<script src="./static/js/editor/editor.js"></script>
|
||||
<script src="./static/js/editor/settings_ui.js"></script>
|
||||
<script src="./static/js/editor/modals.js"></script>
|
||||
<script src="./static/js/editor/7tv.js"></script>
|
||||
<script src="./static/js/editor/favorites.js"></script>
|
||||
<script src="./static/js/elements/element.js"></script>
|
||||
<script src="./static/js/elements/text.js"></script>
|
||||
<script src="./static/js/elements/image.js"></script>
|
||||
<script src="./static/js/elements/timer.js"></script>
|
||||
<script src="./static/js/elements/audio.js"></script>
|
||||
<script src="./static/js/elements/video.js"></script>
|
||||
<script src="./static/js/elements/iframe.js"></script>
|
||||
|
||||
<script src="https://player.twitch.tv/js/embed/v1.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="main-container">
|
||||
<div id="player-container">
|
||||
<div id="player"></div>
|
||||
<div id="overlay">
|
||||
</div>
|
||||
<canvas id="editor-canvas" class="no-input"></canvas>
|
||||
</div>
|
||||
|
||||
<div id="settings-window" class="window inactive">
|
||||
<div class="window-header" id="settings-header">
|
||||
<h1>Настройки</h1>
|
||||
</div>
|
||||
<div id="elements">
|
||||
<button onclick="add_text_element()" title="Добавить текст"><img id="text-icon"
|
||||
src="./static/img/add-text.svg" /></button>
|
||||
<button onclick="add_image_element()" title="Добавить изображение"><img id="image-icon"
|
||||
src="./static/img/add-image.svg" /></button>
|
||||
<button onclick="add_timer_element()" title="Добавить таймер"><img id="timer-icon"
|
||||
src="./static/img/add-timer.svg" /></button>
|
||||
<button onclick="add_audio_element()" title="Добавить аудио"><img id="audio-icon"
|
||||
src="./static/img/add-audio.svg" /></button>
|
||||
<button onclick="add_video_element()" title="Добавить видео"><img id="audio-icon"
|
||||
src="./static/img/add-video.svg" /></button>
|
||||
<button onclick="add_iframe_element()" title="Добавить iframe"><img id="audio-icon"
|
||||
src="./static/img/add-iframe.svg" /></button>
|
||||
<button onclick="open_modal(emote_search_modal)" title="Добавить эмодзи 7tv"><img id="emote-icon"
|
||||
src="./static/img/add-emote.svg" /></button>
|
||||
<button onclick="open_modal(favorites_modal)" title="Добавить из избранного"><img id="favorite-icon"
|
||||
src="./static/img/add-favorite.svg" /></button>
|
||||
</div>
|
||||
<div id="canvas-header">
|
||||
<h1>Холст</h1>
|
||||
</div>
|
||||
|
||||
<div id="canvas-settings">
|
||||
<img id="canvas-width-label" src="./static/img/canvas-width.svg" title="Ширина холста" />
|
||||
<input type="text" name="canvas-width" id="canvas-width" title="Ширина холста">
|
||||
|
||||
<img id="canvas-height-label" src="./static/img/canvas-height.svg" title="Высота холста" />
|
||||
<input type="text" name="canvas-height" id="canvas-height" title="Высота холста">
|
||||
|
||||
<input type="text" name="embed-url" id="embed-url" placeholder="URL стрима" required>
|
||||
<button id="embed-button" onclick="embed_player()">
|
||||
Встроить
|
||||
</button>
|
||||
<input type="checkbox" name="player-interaction" id="player-interaction"
|
||||
title="Разрешить взаимодействие с плеером, например изменение громкости или качества">
|
||||
<label id="player-interaction-lable" for="player-interaction"
|
||||
title="Разрешить взаимодействие с плеером, например изменение громкости или качества">Интерактивный плеер</label>
|
||||
</div>
|
||||
|
||||
<div id="element-header">
|
||||
<h1>Настройки элемента</h1>
|
||||
</div>
|
||||
|
||||
<div id="base-settings">
|
||||
<label for="element-name" title="Имя">Имя</label>
|
||||
<input type="text" name="name" id="element-name" title="Имя элемента">
|
||||
<label class="center-label" for="pos-x" title="Позиция X">X</label>
|
||||
<input type="text" name="pos-x" id="pos-x" title="Позиция элемента по горизонтали">
|
||||
|
||||
<label class="center-label" for="pos-y" title="Позиция Y">Y</label>
|
||||
<input type="text" name="pos-y" id="pos-y" title="Позиция элемента по вертикали">
|
||||
|
||||
<img id="width-label" src="./static/img/width.svg" title="Ширина элемента" />
|
||||
<input type="text" name="width" id="width" title="Ширина элемента">
|
||||
|
||||
<img id="height-label" src="./static/img/height.svg" title="Высота элемента" />
|
||||
<input type="text" name="height" id="height" title="Высота элемента">
|
||||
|
||||
<img id="z-index-label" src="./static/img/layer.svg" title="Слой элемента" />
|
||||
<input type="number" name="z-index" id="z-index" title="Слой (Z-index)">
|
||||
|
||||
<img id="opacity-label" src="./static/img/opacity.svg" title="Прозрачность" />
|
||||
<input type="range" name="opacity" id="opacity" value="100" min="1" max="100"
|
||||
title="Прозрачность элемента">
|
||||
|
||||
<img id="visibility-label" src="./static/img/visible.svg" title="Видимость элемента" />
|
||||
<input type="checkbox" name="visibility" id="visibility" title="Видимость элемента">
|
||||
|
||||
<img id="pivot-label" src="./static/img/pivot.svg" title="Точка привязки" />
|
||||
<div id="pivot-select">
|
||||
<div id="pivot-options-horizontal">
|
||||
<div id="pivot-h-left" pivot="left" class="pivot-option horizontal" title="Слева"></div>
|
||||
<div id="pivot-h-center" pivot="center" class="pivot-option horizontal" title="Центр"></div>
|
||||
<div id="pivot-h-right" pivot="right" class="pivot-option horizontal" title="Справа"></div>
|
||||
</div>
|
||||
<div id="pivot-options-vertical">
|
||||
<div id="pivot-v-top" pivot="top" class="pivot-option vertical" title="Верх"></div>
|
||||
<div id="pivot-v-center" pivot="center" class="pivot-option vertical" title="Центр"></div>
|
||||
<div id="pivot-v-bottom" pivot="bottom" class="pivot-option vertical" title="Низ"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="color-settings">
|
||||
<img id="color-label" src="./static/img/color.svg" title="Цвет элемента" />
|
||||
<input type="color" name="color" id="color" title="Цвет элемента">
|
||||
</div>
|
||||
|
||||
<div id="background-color-settings">
|
||||
<img id="background-color-label" src="./static/img/background-color.svg"
|
||||
title="Цвет фона элемента" />
|
||||
<input type="color" name="background-color" id="background-color" title="Цвет фона элемента">
|
||||
</div>
|
||||
|
||||
<div id="text-settings">
|
||||
<input type="checkbox" name="background-color" id="enable-background-color"
|
||||
title="Включить фоновый цвет">
|
||||
<label for="enable-background-color" title="Включить фоновый цвет">Фоновый цвет</label>
|
||||
<img id="font-label" src="./static/img/font.svg" title="Шрифт" />
|
||||
<input type="text" name="font" id="font" title="Шрифт элемента">
|
||||
|
||||
<img id="font-size-label" src="./static/img/font-size.svg" title="Размер шрифта" />
|
||||
<input type="number" name="font-size" id="font-size" title="Размер шрифта">
|
||||
|
||||
<textarea id="text" name="text" rows="4" cols="50"
|
||||
title="Текст элемента, поддерживает Markdown: **жирный**, *курсив*, __подчеркнутый__ и ~~зачеркнутый~~"></textarea>
|
||||
</div>
|
||||
|
||||
<div id="url-settings">
|
||||
<label for="url-input">URL</label>
|
||||
<input type="text" name="url-input" id="url-input">
|
||||
</div>
|
||||
|
||||
<div id="event-settings">
|
||||
<img id="block-events-label" src="./static/img/block-events.svg" title="Отключить взаимодействие" />
|
||||
<input type="checkbox" name="block-events" id="block-events" title="Отключить взаимодействие">
|
||||
</div>
|
||||
|
||||
<div id="media-settings">
|
||||
<img id="volume-label" src="./static/img/volume.svg" title="Громкость" />
|
||||
<input type="range" name="volume-input" id="volume-input" value="100" min="1" max="100"
|
||||
title="Громкость элемента">
|
||||
<img id="speed-label" src="./static/img/speed.svg" title="Скорость воспроизведения" />
|
||||
<input type="range" name="speed-input" id="speed-input" value="100" min="10" max="300"
|
||||
title="Скорость воспроизведения">
|
||||
<div id="seekbar-controls">
|
||||
<div id="progress">0:00</div>
|
||||
<input type="range" name="media-seek-bar" id="seek-bar" value="100" min="1" max="100"
|
||||
title="Прогресс">
|
||||
<div id="runtime">0:00</div>
|
||||
</div>
|
||||
|
||||
<img id="native-controls-label" src="./static/img/controls.svg" title="Включить стандартное управление" />
|
||||
<input type="checkbox" name="native-controls" id="native-controls" title="Включить стандартное управление">
|
||||
|
||||
<div id="media-buttons">
|
||||
<button id="media-start" onclick="start_media()"><img src="./static/img/play.svg"
|
||||
title="Играть" /></button>
|
||||
<button id="media-pause" onclick="pause_media()"><img src="./static/img/pause.svg"
|
||||
title="Пауза" /></button>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div id="timer-settings">
|
||||
<input type="radio" name="timer-type" id="timer-type-stopwatch" title="Секундомер">
|
||||
<label class="radio-button-label" for="timer-type" title="Секундомер">Секундомер</label>
|
||||
<input type="radio" name="timer-type" id="timer-type-timer" title="Таймер">
|
||||
<label class="radio-button-label" for="timer-type" title="Таймер">Таймер</label>
|
||||
|
||||
<label for="timer-time" title="Начало отсчета">Старт</label>
|
||||
<input type="text" name="timer-time" id="timer-time" title="Начало отсчета">
|
||||
<div></div>
|
||||
<div id="timer-buttons">
|
||||
<button id="timer-start" onclick="start_timer()">Старт</button>
|
||||
<button id="timer-stop" onclick="pause_timer()">Пауза</button>
|
||||
<button id="timer-reset" onclick="reset_timer()">Сброс</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="element-list-window" class="window inactive">
|
||||
<div id="element-list-header" class="window-header">
|
||||
<h1>Элементы</h1>
|
||||
</div>
|
||||
<div id="element-list">
|
||||
<select id="element-list-select" size="10">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="modal-container" class="">
|
||||
<div id="emote-search-modal" class="window">
|
||||
<div class="window-header" id="emote-search-header">
|
||||
<h1>Поиск эмодзи на 7tv</h1>
|
||||
</div>
|
||||
<div id="emote-search">
|
||||
<input type="text" name="emote-search-input" id="emote-search-input" placeholder="Поиск...">
|
||||
<button id="emote-search-button" onclick="search_emotes()">
|
||||
Найти</button>
|
||||
</div>
|
||||
<div id="emote-search-results">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="favorites-modal" class="window">
|
||||
<div class="window-header" id="favorites-header">
|
||||
<h1>Добавить из избранного</h1>
|
||||
</div>
|
||||
<div id="favorites-info">
|
||||
<div class="label" id="favorites-hint-label">Добавьте элемент в избранное, выбрав его и нажав 'F'</div>
|
||||
<button id="favorites-delete-mode" onclick="favorite_toggle_delete_mode()">Режим удаления</button>
|
||||
</div>
|
||||
<div id="favorites-list">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="connection-indicator" class="disconnected">
|
||||
</div>
|
||||
|
||||
<div id="session-info" title="Задержка / Редакторов в сети / Зрителей в сети">0ms / 0 / 0</div>
|
||||
<div id="branding">
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var edt = new editor($("#overlay"));
|
||||
$('#branding').innerText = `IROS (${config.COMMIT})`;
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user