vigdorov/storage-service-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

HM-29 фильтр таблицы апи (#24)

Browse Source 
* HM-29 Сделал фильтр по макету + добавил кнопку создания апишки, добавлен так же интерфейс создания апи, но он нуждается в редактировании и будет улучшен в отдельной ветке
This commit is contained in:
mrPadre
2020-07-21 22:32:04 +03:00
committed by GitHub
parent 1815fb62d9
commit 19a29e5b1c
14 changed files with 245 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/app.html
View File

@ -144,17 +144,39 @@
<th class="Body__row-index"></th>
</tr>
</template>
<!-- Шаблон панели фильтрации -->
<template id="filter-container">
<div class="Filter__container">
<form class="Filter__form row p-3 m-0">
<div class="col-md-auto">
<div class="Filter__inputs-box row">
</div>
</div>
<div class="Filter__button-box col d-flex align-items-end">
</div>
</form>
</div>
</template>
<!-- Шаблон инпута фильтра таблицы -->
<template id="filter-input">
<div class="Filter__input-box col mb-3">
<label for="logs-filter-log-type" class="Filter__label form-label"></label>
<input type="text" class="Filter__input form-control" name="" placeholder="Введите текст">
</div>
</template>
<!-- Шаблон главной таблицы -->
<template id="main-table">
<table class="table table-striped">
<thead class="Table__head">
<tr class="Table__head-row">
<th scope="col" class="Table__column">#</th>
</tr>
</thead>
<tbody class="Table__body">
</tbody>
</table>
<div class="table-responsive">
<table class="table table-striped">
<thead class="Table__head">
<tr class="Table__head-row">
<th scope="col" class="Table__column">#</th>
</tr>
</thead>
<tbody class="Table__body">
</tbody>
</table>
</div>
</template>
<!-- Шаблон информации об апи -->
<template id="api-info">
@ -188,6 +210,39 @@
</div>
</div>
</template>
<!-- Шаблон для создания апи -->
<template id="create-api">
<div class="card text-center Info__container">
<div class="card-header">
<h1 class="Create__title">Новая база данных</h1>
</div>
<div class="Create__body">
<div class="Create__sidebar">
<form class="Create__form">
<div class="form-group Create__input">
<label for="key">Api key</label>
<input type="text" class="Create__key form-control" name="key" placeholder="Имя базы данных">
</div>
<div class="form-group Create__input">
<label for="serviceName">Service name</label>
<input type="text" class="Create__serviceName form-control" name="serviceName" placeholder="Название проекта">
</div>
<div class="form-group Create__input">
<label for="description">description</label>
<input type="textarea" class="Create__description form-control" name="description" placeholder="Краткое описание БД">
</div>
<div class="form-group Create__input">
<label for="author">author</label>
<input type="text" class="Create__author form-control" name="author" placeholder="Автор базы данных">
</div>
</form>
</div>
<code contenteditable class="Create__editor"></code>
</div>
<div class="Create__footer card-footer text-muted">
</div>
</div>
</template>
</body>