Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Страница отдыха #7

Open
lup- opened this issue Aug 2, 2018 · 0 comments
Open

Страница отдыха #7

lup- opened this issue Aug 2, 2018 · 0 comments

Comments

@lup-
Copy link
Member

lup- commented Aug 2, 2018

Нужно сделать страницу отдыха, для того, чтобы пользователь имел возможность сделать паузу между встречами.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
type="text/css">
<link rel="stylesheet" href="assets/theme.css" type="text/css">
</head>
<body>
<div class="py-5">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-md-6">
<h1 class="display-4 text-center">Физкульт-минута</h1>
<p class="text-center">Небольшая пауза, чтобы передохнуть. Нажмите "Продолжить", когда будете готовы или
"Пауза", если хотите взять перерыв побольше</p>
<form class="">
<div class="card-body">
<a href="wait.html" class="btn btn-primary btn-lg btn-block">Продолжить</a>
<a href="#" class="btn btn-block" data-toggle="modal" data-target="#pause-modal">Пауза</a>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal" id="pause-modal">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Пауза</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-footer text-center justify-content-center">
<button type="button" class="btn btn-primary" data-dismiss="modal">Продолжить</button>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</html>

На эту страницу пользователь попадает после того, как оставил отзыв о встрече (#5). При нажатии на кнопку "Продолжить" пользователь переходит на страницу ожидания приглашения (т.е. в очередь), а при нажатии на кнопку "Пауза" высвечивается всплывающее сообщение о том, что пауза включена. Какой-то функциональной нагрузки окно не несет, просто визулально реализует более привычную форму паузы для пользователя.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant