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

HM-93. Доработки главной страницы, отображение статистики. (#62)

Browse Source
This commit is contained in:
Nikolay
2020-08-30 19:45:06 +03:00
committed by GitHub
parent d31ff46e65
commit caa7671b83
6 changed files with 83 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/app.html
View File

@ -34,46 +34,40 @@
<!-- Шаблон карточек на главной-->
<template id="main-statistic">
<div>
<div class="card-group pt-3 justify-content-center">
<div class="card bg-warning mb-3 ml-3" style="max-width: 18rem;">
<div class="card-header h5">Статистика</div>
<div class="card-body">
<div class="card-title h5 row">
<div class="col-sm-7 w-auto pr-0">Хранилищ:</div>
<div class="col-sm-2 ml-auto w-auto">0</div>
<div class="h-100">
<div class="container h-100 d-flex align-items-center">
<div class="row">
<div class="d-flex align-items-center justify-content-center">
<div class="d-flex align-items-center">
<div class="col mr-2">
<img class="col MainStatistic__logo" src="./img/logo.svg" alt="logo">
</div>
<div class="card-title h5 row">
<div class="col-sm-7 w-auto pr-0">Сервисов:</div>
<div class="col-sm-2 ml-auto w-auto">0</div>
</div>
<div class="card-title h5 row">
<div class="col-sm-7 w-auto pr-0">Авторов:</div>
<div class="col-sm-2 ml-auto w-auto">0</div>
<div class="col">
<p class="mb-0 text-nowrap">Добро пожаловать в</p>
<p class="h1 mb-0 text-nowrap">Storage Service</p>
</div>
</div>
</div>
<div class="card text-body bg-info mb-3 ml-3" style="max-width: 18rem;">
<div class="card-header h5">Ошибки</div>
<div class="card-body">
<div class="card-title h5 row ">
<div class="col-sm-10 w-auto pr-0">Критические:</div>
<div class="col-sm-2 ml-auto w-auto">0</div>
</div>
<div class=" card-title h5 row">
<div class="col-sm-10 w-auto pr-0">Ошибки запросов:</div>
<div class="col-sm-2 ml-auto w-auto">0</div>
</div>
</div>
<div class="d-flex justify-content-center mt-4 mb-4">
<p class="MainStatistic__text">Storage Service - <span class="font-weight-light">
это платформа для быстрого создания JSON хранилищ с удобным API для внедрения в
Web-приложения
</span></p>
</div>
<div class="d-flex justify-content-center MainStatistic__notifyContainer">
<button type="button" class="col btn btn-info MainStatistic__notify">
Хранилищ <span class="badge bg-warning text-dark MainStatistic__storeCount">0</span>
</button>
<button type="button" class="col btn btn-info MainStatistic__notify">
Сервисов <span class="badge bg-warning text-dark MainStatistic__serviceCount">0</span>
</button>
<button type="button" class="col btn btn-info MainStatistic__notify">
Авторов <span class="badge bg-warning text-dark MainStatistic__authorCount">0</span>
</button>
</div>
</div>
</div>
</template>
<!-- Шаблон содержимого главной-->
<template id="main-content">
<div class="d-flex justify-content-center m-0">
<p class="h5 text-center text-wrap m-0 w-50">Добро пожаловать в приложение Storage Service</p>
</div>
</template>
@ -391,7 +385,7 @@
<!-- Шаблоны форм для просмотры логов -->
<template id="user-view-form">
<div class="h-100 overflow-auto d-flex flex-column">
<div class="h-100 overflow-auto d-flex flex-column">
<p class="h2 mb-2 p-3 pr-5 sticky-top border-bottom bg-light"></p>
<form class="p-3 h" autocomplete="off"></form>
<div class="mt-auto p-3 pr-5 border-top bg-light">