94 lines
5.4 KiB
HTML
94 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
|
|
<title>Новое видео</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
|
|
<link rel="stylesheet" href="styleStreamingService.css"/>
|
|
</head>
|
|
<body class="min-vh-100 d-flex flex-column m-0 p-0">
|
|
<header class="d-flex align-items-center justify-content-between position-sticky h-60 p-3">
|
|
<div class="header-logo d-flex align-items-center g-3">
|
|
<a href="pageMain.html"><img src="Resources\КАЙФ.jpg" alt="Логотип"/></a>
|
|
<h1>НАЗВАНИЕ СЕРВИСА</h1>
|
|
</div>
|
|
<nav class="navbar d-flex align-items-center justify-content-center me-3 g-3 column-gap-2">
|
|
<a href="pageCategories.html">Категории</a>
|
|
<nav class="dropdown position-relative">
|
|
<span><a>Мой аккаунт ▾</a></span>
|
|
<nav class="features-menu">
|
|
<nav class="features-item"><a href="pageAccount.html">Настройки</a></nav>
|
|
<nav class="features-item"><a href="pageSubscriptions.html">Подписки</a></nav>
|
|
<nav class="features-item"><a href="pageSavedStreams.html">Сохраненные трансляции</a></nav>
|
|
</nav>
|
|
</nav>
|
|
</nav>
|
|
</header>
|
|
<div class="content flex-grow-1 p-3 px-4">
|
|
<videos-form></videos-form>
|
|
<template id="videos-form-template">
|
|
<div class="row justify-content-center">
|
|
<form class="col col-md-6 needs-validation">
|
|
<div class="mb-2">
|
|
<label for="id" class="form-label">Номер</label>
|
|
<input type="text" class="form-control" id="id" readonly disabled />
|
|
</div>
|
|
<div class="mb-2">
|
|
<label for="name" class="form-label">Название</label>
|
|
<input type="text" class="form-control" id="name" required />
|
|
</div>
|
|
<div class="mb-2">
|
|
<label for="image" class="form-label">Превью</label>
|
|
<input type="text" class="form-control" id="image" required />
|
|
</div>
|
|
<div class="mb-2">
|
|
<label for="description" class="form-label">Описание</label>
|
|
<input type="text" class="form-control" id="description" required />
|
|
</div>
|
|
<div class="mb-2">
|
|
<label for="playlist" class="form-label">Плейлист</label>
|
|
<select class="form-select" id="playlist">
|
|
<option value="" selected>Выберите плейлист</option>
|
|
</select>
|
|
</div>
|
|
<div class="mb-2">
|
|
<label for="category" class="form-label">Категория</label>
|
|
<select class="form-select" id="category" required>
|
|
<option value="" selected>Выберите категорию</option>
|
|
</select>
|
|
</div>
|
|
<div class="row row-cols-1 justify-content-center">
|
|
<div class="col col-md-6 col-lg-4 col-xl-3 m-lg-0 mb-2">
|
|
<button id="btn-save" type="submit" class="btn btn-primary d-block m-auto w-100">
|
|
Сохранить
|
|
</button>
|
|
</div>
|
|
<div class="col col-md-6 col-lg-4 col-xl-3 m-lg-0 mb-2">
|
|
<button id="btn-back" type="button" class="btn btn-primary d-block m-auto w-100">
|
|
Назад
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
<div class="footer overflow-hidden flex-shrink-1 h-75 p-0 px-4">
|
|
<div class="footer-content d-flex justify-content-between align-items-center">
|
|
<div class="company-name flex-grow-1">RBCS CORP. <i class="bi bi-c-circle"></i></div>
|
|
<div class="footer-images d-flex gap-3 p-3">
|
|
<a href="https://vk.com/sheym_not_shame" target="_blank">
|
|
<img src="Resources\vk_icon.png" alt="vk"/>
|
|
</a>
|
|
<a href="https://t.me/sheymuh" target="_blank">
|
|
<img src="Resources\tg_icon.png" alt="tg"/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="module" src="/components/videos/form/controller.js"></script>
|
|
</body>
|
|
</html>
|