HM-51 Перенес компоненты создания апи и просмотра информации апи на н… (#25)
* HM-51 Перенес компоненты создания апи и просмотра информации апи на нормальную модалку. Тестовую модалку удалил. Изменил названия колонок на русские
This commit is contained in:
43
src/app.html
43
src/app.html
@ -18,7 +18,8 @@
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<div class="Buttons__container">
|
||||
<div class="Buttons__container" aria-label="Toggle navigation" data-toggle="collapse"
|
||||
data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@ -38,19 +39,11 @@
|
||||
<div class="Page"></div>
|
||||
</template>
|
||||
|
||||
<!-- Шаблон Модального окна -->
|
||||
<template id="test-modal">
|
||||
<div class="TestModal">
|
||||
<div class="TestModal__shadow"></div>
|
||||
<div class="TestModal__window"></div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- Шаблон Modal -->
|
||||
<template id="universal-modal">
|
||||
<div class="Modal">
|
||||
<div class="Modal__window modal">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="Modal__container modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title"></h5>
|
||||
@ -181,8 +174,12 @@
|
||||
<!-- Шаблон информации об апи -->
|
||||
<template id="api-info">
|
||||
<div class="card text-center Info__container">
|
||||
<div class="card-header">
|
||||
<h1 class="Info__title"></h1>
|
||||
<div class="Info__header">
|
||||
<h3 class="Info__title"></h3>
|
||||
</div>
|
||||
<div class="Info__body">
|
||||
<div class="Info__service_name">
|
||||
</div>
|
||||
<div class="Info__controls">
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-pencil" fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
@ -199,14 +196,18 @@
|
||||
d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="Info__body">
|
||||
<div class="Info__sidebar">
|
||||
</div>
|
||||
<code contenteditable class="Info__editor"></code>
|
||||
<div data-toggle="collapse" data-target="#descriptionCollapse" aria-expanded="false" aria-controls="collapseExample" style="text-align: center; cursor: pointer;">
|
||||
Краткое описание
|
||||
</div>
|
||||
<div class="collapse" id="descriptionCollapse">
|
||||
<div class="Info__description card card-body">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="Info__footer card-footer text-muted">
|
||||
|
||||
<div class="Info__footer">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@ -214,10 +215,10 @@
|
||||
<template id="create-api">
|
||||
<div class="card text-center Info__container">
|
||||
<div class="card-header">
|
||||
<h1 class="Create__title">Новая база данных</h1>
|
||||
<h3 class="Create__title">Новая база данных</h3>
|
||||
</div>
|
||||
<div class="Create__body">
|
||||
<div class="Create__sidebar">
|
||||
<div class="Create__inputs">
|
||||
<form class="Create__form">
|
||||
<div class="form-group Create__input">
|
||||
<label for="key">Api key</label>
|
||||
@ -239,7 +240,7 @@
|
||||
</div>
|
||||
<code contenteditable class="Create__editor"></code>
|
||||
</div>
|
||||
<div class="Create__footer card-footer text-muted">
|
||||
<div class="Create__footer">
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user