Lab3 added
This commit is contained in:
gg12 darfren
parent
12110a2687
commit
1a134d7bb3
47
Lab1/Lab3/.gitignore
vendored
Normal file
47
Lab1/Lab3/.gitignore
vendored
Normal file
@ -0,0 +1,47 @@
|
||||
# See http://help.github.com/ignore-files/ for more about ignoring files.
|
||||
|
||||
# Compiled output
|
||||
/dist
|
||||
/tmp
|
||||
/out-tsc
|
||||
/bazel-out
|
||||
|
||||
# Node
|
||||
/node_modules
|
||||
npm-debug.log
|
||||
yarn-error.log
|
||||
|
||||
# IDEs and editors
|
||||
.idea/
|
||||
.project
|
||||
.classpath
|
||||
.c9/
|
||||
*.launch
|
||||
.settings/
|
||||
*.sublime-workspace
|
||||
|
||||
# Visual Studio Code
|
||||
.vscode/*
|
||||
!.vscode/settings.json
|
||||
!.vscode/tasks.json
|
||||
!.vscode/launch.json
|
||||
!.vscode/extensions.json
|
||||
.history/*
|
||||
|
||||
# Miscellaneous
|
||||
/.angular/cache
|
||||
.sass-cache/
|
||||
/connect.lock
|
||||
/coverage
|
||||
/libpeerconnection.log
|
||||
testem.log
|
||||
/typings
|
||||
|
||||
# System files
|
||||
.DS_Store
|
||||
Thumbs.db
|
||||
|
||||
# Ignore dist
|
||||
dist/
|
||||
|
||||
node_modules/*
|
||||
83
Lab1/Lab3/AddGroupPage.html
Normal file
83
Lab1/Lab3/AddGroupPage.html
Normal file
@ -0,0 +1,83 @@
|
||||
<!doctype html>
|
||||
<html class="h-100" lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Codemonitor</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
|
||||
</head>
|
||||
|
||||
<body class="d-flex flex-column h-100">
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||
<div class="container-fluid">
|
||||
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||
<div class = "LogoText d-none d-sm-block">
|
||||
Codemonitor
|
||||
</div></div></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||
<div class="navbar-nav">
|
||||
<a class="nav-link active" href="index.html">
|
||||
<div class="login-reg-text">
|
||||
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="add-group">
|
||||
<div class="form-group col-7">
|
||||
<label>название</label>
|
||||
<input class="form-control " type="handle" placeholder="название">
|
||||
<label>количество участников</label>
|
||||
<input class="form-control " type="handle" placeholder="кол-во участников">
|
||||
<a href="AddMember.html" class="navbar-brad"> далее</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||
<nav>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<h1>При поддержке</h1>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25 img-fluid"
|
||||
src="assets/UlSTU Logo.png"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
83
Lab1/Lab3/AddMember.html
Normal file
83
Lab1/Lab3/AddMember.html
Normal file
@ -0,0 +1,83 @@
|
||||
<!doctype html>
|
||||
<html class="h-100" lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Codemonitor</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
|
||||
</head>
|
||||
|
||||
<body class="d-flex flex-column h-100">
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||
<div class="container-fluid">
|
||||
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||
<div class = "LogoText d-none d-sm-block">
|
||||
Codemonitor
|
||||
</div></div></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||
<div class="navbar-nav">
|
||||
<a class="nav-link active" href="index.html">
|
||||
<div class="login-reg-text">
|
||||
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="add-group">
|
||||
<div class="form-group col-7">
|
||||
<label>имя участника #"номер"</label>
|
||||
<input class="form-control " type="handle" placeholder="имя участника">
|
||||
<label>хэндл Codeforces</label>
|
||||
<input class="form-control " type="handle" placeholder="хэндл Codeforces">
|
||||
<a href = "AddMember.html" class = "navbar-brad"> далее</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||
<nav>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<h1>При поддержке</h1>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25 img-fluid"
|
||||
src="assets/UlSTU Logo.png"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
94
Lab1/Lab3/AdminPage.html
Normal file
94
Lab1/Lab3/AdminPage.html
Normal file
@ -0,0 +1,94 @@
|
||||
<!doctype html>
|
||||
<html class="h-100" lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Codemonitor</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
|
||||
</head>
|
||||
|
||||
<body class="d-flex flex-column h-100">
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||
<div class="container-fluid">
|
||||
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||
<div class = "LogoText d-none d-sm-block">
|
||||
Codemonitor
|
||||
</div></div></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||
<div class="navbar-nav">
|
||||
<a class="nav-link active" href="index.html">
|
||||
<div class="login-reg-text">
|
||||
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main id = "users-form" class="container-fluid p-2">
|
||||
<div class="btn-group" role="group">
|
||||
<a class="btn btn-success" href="/page-edit.html">Добавить пользователя</a>
|
||||
</div>
|
||||
<div>
|
||||
<table id="users-table" class="table table-hover">
|
||||
<thead>
|
||||
<th scope="col">№</th>
|
||||
<th scope="col" class="w-33">Хэндл</th>
|
||||
<th scope="col" class="w-33">Email</th>
|
||||
<th scope="col" class="w-33">Пароль</th>
|
||||
<th scope="col"></th>
|
||||
<th scope="col"></th>
|
||||
<th scope="col"></th>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||
<nav>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<h1>При поддержке</h1>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25 img-fluid"
|
||||
src="assets/UlSTU Logo.png"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</footer>
|
||||
|
||||
<script type="module">
|
||||
import { usersForm } from "./js/users";
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
usersForm();
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
82
Lab1/Lab3/GroupPage.html
Normal file
82
Lab1/Lab3/GroupPage.html
Normal file
@ -0,0 +1,82 @@
|
||||
<!doctype html>
|
||||
<html class = "h-100" lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Codemonitor</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css"
|
||||
rel="stylesheet" />
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body class="d-flex flex-column ">
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||
<div class="container-fluid">
|
||||
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||
<div class = "LogoText d-none d-sm-block">
|
||||
Codemonitor
|
||||
</div></div></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||
<div class="navbar-nav">
|
||||
<a class="nav-link active" href="index.html">
|
||||
<div class="login-reg-text">
|
||||
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<table class = "table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Имя участника</th>
|
||||
<th>Решено задач</th>
|
||||
<th>Звание</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> "имя участника"</td>
|
||||
<td> "кол-во задач"</td>
|
||||
<td> "звание"</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</main>
|
||||
|
||||
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||
<nav>
|
||||
<div class = "container-fluid">
|
||||
<div class = "row">
|
||||
<div class = "col-12 text-center">
|
||||
<a href = "#" class = "navbar-brad"> Codemonitor</a>
|
||||
</div>
|
||||
<div class = "col-12 text-center">
|
||||
<h1>При поддержке</h1>
|
||||
</div>
|
||||
<div class = "col-12 text-center">
|
||||
<a href = "https://ulstu.ru/" class = "navbar-brad"> <img class = "w-25 img-fluid" src = "assets/UlSTU Logo.png"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
95
Lab1/Lab3/LoginPage.html
Normal file
95
Lab1/Lab3/LoginPage.html
Normal file
@ -0,0 +1,95 @@
|
||||
<!doctype html>
|
||||
<html class="h-100" lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Codemonitor</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body class="d-flex flex-column">
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||
<div class="container-fluid">
|
||||
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||
<div class = "LogoText d-none d-sm-block">
|
||||
Codemonitor
|
||||
</div></div></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||
<div class="navbar-nav">
|
||||
<a class="nav-link active" href="index.html">
|
||||
<div class="login-reg-text">
|
||||
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
<main class="d-flex align-items-center">
|
||||
<div class="register-panel container-fluid p-0 m-0 ">
|
||||
<div class="container-fluid d-flex align-items-center">
|
||||
|
||||
<div class="col-md-4 offset-md-4 col-12">
|
||||
<div class="form-container mt-auto">
|
||||
<form class="form-horizontal">
|
||||
<div class="form-group">
|
||||
<label>хэндл</label>
|
||||
<input class="form-control" type="handle" placeholder="хэндл">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>пароль</label>
|
||||
<input class="form-control" type="password" placeholder="пароль">
|
||||
</div>
|
||||
<div class="remember-month">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
||||
<label class="form-check-label" for="flexCheckDefault">
|
||||
Запомнить на месяц
|
||||
</label>
|
||||
</div>
|
||||
<button type="button" class="btn btn-default">войти</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||
<nav>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<h1>При поддержке</h1>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25 img-fluid"
|
||||
src="assets/UlSTU Logo.png"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
Lab1/Lab3/Logo.png
Normal file
BIN
Lab1/Lab3/Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
79
Lab1/Lab3/ProfilePage.html
Normal file
79
Lab1/Lab3/ProfilePage.html
Normal file
@ -0,0 +1,79 @@
|
||||
<!doctype html>
|
||||
<html class="h-100" lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Codemonitor</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body class="d-flex flex-column h-100 w-100">
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||
<div class="container-fluid">
|
||||
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||
<div class = "LogoText d-none d-sm-block">
|
||||
Codemonitor
|
||||
</div></div></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||
<div class="navbar-nav">
|
||||
<a class="nav-link active" href="index.html">
|
||||
<div class="login-reg-text">
|
||||
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="profile-inf">
|
||||
имя пользователя: "имя пользователя"
|
||||
<br>
|
||||
количество групп: "кол-во групп"
|
||||
</div>
|
||||
<nav>
|
||||
<a href="index.html" class="navbar-brad"> вернуться на главную</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer mt-auto d-flex justify-content-center align-items-center">
|
||||
<nav>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<h1>При поддержке</h1>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25"
|
||||
src="assets/UlSTU Logo.png"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
0
Lab1/Lab3/Readme.docx
Normal file
0
Lab1/Lab3/Readme.docx
Normal file
78
Lab1/Lab3/RegisterSuccessPage.html
Normal file
78
Lab1/Lab3/RegisterSuccessPage.html
Normal file
@ -0,0 +1,78 @@
|
||||
<!doctype html>
|
||||
<html class="h-100" lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Codemonitor</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body class="d-flex flex-column h-100">
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||
<div class="container-fluid">
|
||||
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||
<div class = "LogoText d-none d-sm-block">
|
||||
Codemonitor
|
||||
</div></div></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||
<div class="navbar-nav">
|
||||
<a class="nav-link active" href="index.html">
|
||||
<div class="login-reg-text">
|
||||
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="register-panel">
|
||||
<div class="container-fluid">
|
||||
<div class="register-success">
|
||||
<p>Если указанная вами почта существует, то на неё было
|
||||
выслано письмо и вы можете войти по своему хэндлу и
|
||||
паролю</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer mt-auto d-flex justify-content-center align-items-center">
|
||||
<nav>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<h1>При поддержке</h1>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25" src="assets/UlSTU Logo.png"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
95
Lab1/Lab3/RegistrationPage.html
Normal file
95
Lab1/Lab3/RegistrationPage.html
Normal file
@ -0,0 +1,95 @@
|
||||
<!doctype html>
|
||||
<html class="h-100" lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Codemonitor</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body class="d-flex flex-column">
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||
<div class="container-fluid">
|
||||
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||
<div class = "LogoText d-none d-sm-block">
|
||||
Codemonitor
|
||||
</div></div></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||
<div class="navbar-nav">
|
||||
<a class="nav-link active" href="index.html">
|
||||
<div class="login-reg-text">
|
||||
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class = "d-flex align-items-center">
|
||||
<div class="register-panel container-fluid ">
|
||||
<div class="container-fluid d-flex align-items-center">
|
||||
|
||||
<div class="col-md-4 offset-md-4 col-12">
|
||||
<div class="form-container">
|
||||
<form class="form-horizontal">
|
||||
<div class="form-group">
|
||||
<label for >хэндл</label>
|
||||
<input class="form-control handle" type="text" placeholder="хэндл" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Email</label>
|
||||
<input class="form-control email" type="email" placeholder="email" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>пароль</label>
|
||||
<input class="form-control password" type="password" placeholder="пароль" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-default font-">регистрация</button>
|
||||
</form>
|
||||
<script type = "module" src = "/js/sendToServer.js"></script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||
<nav>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<h1>При поддержке</h1>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25 img-fluid"
|
||||
src="assets/UlSTU Logo.png"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
Lab1/Lab3/assets/CourierPrime-Bold.ttf
Normal file
BIN
Lab1/Lab3/assets/CourierPrime-Bold.ttf
Normal file
Binary file not shown.
BIN
Lab1/Lab3/assets/CourierPrime-BoldItalic.ttf
Normal file
BIN
Lab1/Lab3/assets/CourierPrime-BoldItalic.ttf
Normal file
Binary file not shown.
BIN
Lab1/Lab3/assets/CourierPrime-Italic.ttf
Normal file
BIN
Lab1/Lab3/assets/CourierPrime-Italic.ttf
Normal file
Binary file not shown.
BIN
Lab1/Lab3/assets/CourierPrime-Regular.ttf
Normal file
BIN
Lab1/Lab3/assets/CourierPrime-Regular.ttf
Normal file
Binary file not shown.
BIN
Lab1/Lab3/assets/Logo.PNG
Normal file
BIN
Lab1/Lab3/assets/Logo.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
93
Lab1/Lab3/assets/OFL.txt
Normal file
93
Lab1/Lab3/assets/OFL.txt
Normal file
@ -0,0 +1,93 @@
|
||||
Copyright 2015 The Courier Prime Project Authors (https://github.com/quoteunquoteapps/CourierPrime).
|
||||
|
||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||
This license is copied below, and is also available with a FAQ at:
|
||||
http://scripts.sil.org/OFL
|
||||
|
||||
|
||||
-----------------------------------------------------------
|
||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||
-----------------------------------------------------------
|
||||
|
||||
PREAMBLE
|
||||
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||
development of collaborative font projects, to support the font creation
|
||||
efforts of academic and linguistic communities, and to provide a free and
|
||||
open framework in which fonts may be shared and improved in partnership
|
||||
with others.
|
||||
|
||||
The OFL allows the licensed fonts to be used, studied, modified and
|
||||
redistributed freely as long as they are not sold by themselves. The
|
||||
fonts, including any derivative works, can be bundled, embedded,
|
||||
redistributed and/or sold with any software provided that any reserved
|
||||
names are not used by derivative works. The fonts and derivatives,
|
||||
however, cannot be released under any other type of license. The
|
||||
requirement for fonts to remain under this license does not apply
|
||||
to any document created using the fonts or their derivatives.
|
||||
|
||||
DEFINITIONS
|
||||
"Font Software" refers to the set of files released by the Copyright
|
||||
Holder(s) under this license and clearly marked as such. This may
|
||||
include source files, build scripts and documentation.
|
||||
|
||||
"Reserved Font Name" refers to any names specified as such after the
|
||||
copyright statement(s).
|
||||
|
||||
"Original Version" refers to the collection of Font Software components as
|
||||
distributed by the Copyright Holder(s).
|
||||
|
||||
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||
or substituting -- in part or in whole -- any of the components of the
|
||||
Original Version, by changing formats or by porting the Font Software to a
|
||||
new environment.
|
||||
|
||||
"Author" refers to any designer, engineer, programmer, technical
|
||||
writer or other person who contributed to the Font Software.
|
||||
|
||||
PERMISSION & CONDITIONS
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||
redistribute, and sell modified and unmodified copies of the Font
|
||||
Software, subject to the following conditions:
|
||||
|
||||
1) Neither the Font Software nor any of its individual components,
|
||||
in Original or Modified Versions, may be sold by itself.
|
||||
|
||||
2) Original or Modified Versions of the Font Software may be bundled,
|
||||
redistributed and/or sold with any software, provided that each copy
|
||||
contains the above copyright notice and this license. These can be
|
||||
included either as stand-alone text files, human-readable headers or
|
||||
in the appropriate machine-readable metadata fields within text or
|
||||
binary files as long as those fields can be easily viewed by the user.
|
||||
|
||||
3) No Modified Version of the Font Software may use the Reserved Font
|
||||
Name(s) unless explicit written permission is granted by the corresponding
|
||||
Copyright Holder. This restriction only applies to the primary font name as
|
||||
presented to the users.
|
||||
|
||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||
Software shall not be used to promote, endorse or advertise any
|
||||
Modified Version, except to acknowledge the contribution(s) of the
|
||||
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||
permission.
|
||||
|
||||
5) The Font Software, modified or unmodified, in part or in whole,
|
||||
must be distributed entirely under this license, and must not be
|
||||
distributed under any other license. The requirement for fonts to
|
||||
remain under this license does not apply to any document created
|
||||
using the Font Software.
|
||||
|
||||
TERMINATION
|
||||
This license becomes null and void if any of the above conditions are
|
||||
not met.
|
||||
|
||||
DISCLAIMER
|
||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||
OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||
BIN
Lab1/Lab3/assets/UlSTU Logo.png
Normal file
BIN
Lab1/Lab3/assets/UlSTU Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
Lab1/Lab3/assets/UpButton.png
Normal file
BIN
Lab1/Lab3/assets/UpButton.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
3
Lab1/Lab3/assets/arrow-right-square.svg
Normal file
3
Lab1/Lab3/assets/arrow-right-square.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-square" viewBox="0 0 16 16">
|
||||
<path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 446 B |
75
Lab1/Lab3/assets/css/style.css
Normal file
75
Lab1/Lab3/assets/css/style.css
Normal file
@ -0,0 +1,75 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
font-size: 50px;
|
||||
color: #000000;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
*{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
|
||||
.container{
|
||||
width:100%;
|
||||
max-width: 1920;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.MainPage{
|
||||
width:100%;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.header_inner{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.header{
|
||||
width: 100%;
|
||||
padding-top:30px;
|
||||
position:absolute;
|
||||
top: 0;
|
||||
left:0;
|
||||
right:0;
|
||||
z-index: 1000;
|
||||
|
||||
}
|
||||
|
||||
.logo{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.header_logo{
|
||||
display: flex;
|
||||
margin-left: 0px;
|
||||
margin-right: 610px;
|
||||
font-size: 62px;
|
||||
font-weight: 400;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
.header_pict{
|
||||
padding-top: 20px;
|
||||
margin-left: 75px;
|
||||
margin-right: 15px;
|
||||
|
||||
}
|
||||
.nav{
|
||||
font-size: 35px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.nav_link{
|
||||
display: inline-block;
|
||||
color: #0000cf;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
BIN
Lab1/Lab3/assets/Снимок.PNG
Normal file
BIN
Lab1/Lab3/assets/Снимок.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
64
Lab1/Lab3/data.json
Normal file
64
Lab1/Lab3/data.json
Normal file
@ -0,0 +1,64 @@
|
||||
{
|
||||
"users": [
|
||||
{
|
||||
"handle": "Oleja122",
|
||||
"email": "ex@mail.ru",
|
||||
"password": "123kjk",
|
||||
"id": 1
|
||||
},
|
||||
{
|
||||
"handle": "Vk1d2004",
|
||||
"email": "salin_733@mail.ru",
|
||||
"password": "sag582",
|
||||
"id": 2
|
||||
},
|
||||
{
|
||||
"handle": "Spiritum",
|
||||
"email": "dgorhskov@mail.ru",
|
||||
"password": "dasdsada",
|
||||
"id": 3
|
||||
},
|
||||
{
|
||||
"handle": "Prideblack",
|
||||
"email": "aduvanov@mail.ru",
|
||||
"password": "bleddestlox",
|
||||
"id": 5
|
||||
},
|
||||
{
|
||||
"handle": "Umnik",
|
||||
"email": "adsad@mail.ru",
|
||||
"password": "dasad",
|
||||
"id": 9
|
||||
},
|
||||
{
|
||||
"handle": "qeqwe",
|
||||
"email": "ewqeq@mail.ru",
|
||||
"password": "qeqe",
|
||||
"id": 14
|
||||
},
|
||||
{
|
||||
"handle": "Oleja",
|
||||
"email": "jediforce82@gmail.com",
|
||||
"password": "dsadada",
|
||||
"id": 15
|
||||
},
|
||||
{
|
||||
"handle": "Oleja",
|
||||
"email": "jediforce82@gmail.com",
|
||||
"password": "dsadada",
|
||||
"id": 16
|
||||
},
|
||||
{
|
||||
"handle": "OnPair",
|
||||
"email": "jediforce82@gmail.com",
|
||||
"password": "jei2412",
|
||||
"id": 17
|
||||
},
|
||||
{
|
||||
"handle": "OnPair1",
|
||||
"email": "jediforce82@gmail.com",
|
||||
"password": "keokowf",
|
||||
"id": 18
|
||||
}
|
||||
]
|
||||
}
|
||||
58
Lab1/Lab3/db-1700203081145.json
Normal file
58
Lab1/Lab3/db-1700203081145.json
Normal file
@ -0,0 +1,58 @@
|
||||
{
|
||||
"users": [
|
||||
{
|
||||
"handle": "Oleja122",
|
||||
"email": "eqweqw",
|
||||
"password": "123",
|
||||
"id": 1
|
||||
},
|
||||
{
|
||||
"handle": "Vk1d2004",
|
||||
"email": "salin_733@mail.ru",
|
||||
"password": "sag582",
|
||||
"id": 2
|
||||
},
|
||||
{
|
||||
"handle": "Spiritum",
|
||||
"email": "dgorhskov@mail.ru",
|
||||
"password": "dasdsada",
|
||||
"id": 3
|
||||
},
|
||||
{
|
||||
"handle": "Prideblack",
|
||||
"email": "aduvanov@mail.ru",
|
||||
"password": "bleddestlox",
|
||||
"id": 5
|
||||
},
|
||||
{
|
||||
"handle": "tourist",
|
||||
"email": "genakorotkecich@mail.ru",
|
||||
"password": "benqlox",
|
||||
"id": 7
|
||||
},
|
||||
{
|
||||
"handle": "Umnik",
|
||||
"email": "adsad@mail.ru",
|
||||
"password": "dasad",
|
||||
"id": 9
|
||||
},
|
||||
{
|
||||
"handle": "qeqwe",
|
||||
"email": "ewqeq@mail.ru",
|
||||
"password": "qeqe",
|
||||
"id": 14
|
||||
},
|
||||
{
|
||||
"handle": "Oleja",
|
||||
"email": "jediforce82@gmail.com",
|
||||
"password": "dsadada",
|
||||
"id": 15
|
||||
},
|
||||
{
|
||||
"handle": "Oleja",
|
||||
"email": "jediforce82@gmail.com",
|
||||
"password": "dsadada",
|
||||
"id": 16
|
||||
}
|
||||
]
|
||||
}
|
||||
58
Lab1/Lab3/db-1700203081584.json
Normal file
58
Lab1/Lab3/db-1700203081584.json
Normal file
@ -0,0 +1,58 @@
|
||||
{
|
||||
"users": [
|
||||
{
|
||||
"handle": "Oleja122",
|
||||
"email": "eqweqw",
|
||||
"password": "123",
|
||||
"id": 1
|
||||
},
|
||||
{
|
||||
"handle": "Vk1d2004",
|
||||
"email": "salin_733@mail.ru",
|
||||
"password": "sag582",
|
||||
"id": 2
|
||||
},
|
||||
{
|
||||
"handle": "Spiritum",
|
||||
"email": "dgorhskov@mail.ru",
|
||||
"password": "dasdsada",
|
||||
"id": 3
|
||||
},
|
||||
{
|
||||
"handle": "Prideblack",
|
||||
"email": "aduvanov@mail.ru",
|
||||
"password": "bleddestlox",
|
||||
"id": 5
|
||||
},
|
||||
{
|
||||
"handle": "tourist",
|
||||
"email": "genakorotkecich@mail.ru",
|
||||
"password": "benqlox",
|
||||
"id": 7
|
||||
},
|
||||
{
|
||||
"handle": "Umnik",
|
||||
"email": "adsad@mail.ru",
|
||||
"password": "dasad",
|
||||
"id": 9
|
||||
},
|
||||
{
|
||||
"handle": "qeqwe",
|
||||
"email": "ewqeq@mail.ru",
|
||||
"password": "qeqe",
|
||||
"id": 14
|
||||
},
|
||||
{
|
||||
"handle": "Oleja",
|
||||
"email": "jediforce82@gmail.com",
|
||||
"password": "dsadada",
|
||||
"id": 15
|
||||
},
|
||||
{
|
||||
"handle": "Oleja",
|
||||
"email": "jediforce82@gmail.com",
|
||||
"password": "dsadada",
|
||||
"id": 16
|
||||
}
|
||||
]
|
||||
}
|
||||
95
Lab1/Lab3/index.html
Normal file
95
Lab1/Lab3/index.html
Normal file
@ -0,0 +1,95 @@
|
||||
<!doctype html>
|
||||
<html class="h-100" lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Codemonitor</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body class="d-flex flex-column ">
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||
<div class="container-fluid">
|
||||
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||
<div class = "LogoText d-none d-sm-block">
|
||||
Codemonitor
|
||||
</div></div></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||
<div class="navbar-nav">
|
||||
<a class="nav-link active" href="index.html">
|
||||
<div class="login-reg-text">
|
||||
<!-- <a href="LoginPage.html" class="navbar-brad"> войти </a> -->
|
||||
<!-- <a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a> -->
|
||||
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||
<a href = "AdminPage.html" class = "navbar-brad"> админка</a>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 text">
|
||||
<h1>
|
||||
Мои группы:
|
||||
</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<div class="col-12 text">
|
||||
<a href="GroupPage.html" class="navbar-brad">
|
||||
Группа 1
|
||||
</a>
|
||||
<br>
|
||||
<a href="GroupPage.html" class="navbar-brad">
|
||||
Группа 2
|
||||
</a>
|
||||
<br>
|
||||
<a href="GroupPage.html" class="navbar-brad">
|
||||
Группа 3
|
||||
</a>
|
||||
<br>
|
||||
<a href="AddGroupPage.html" class="navbar-brad"> Добавить группу</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||
<nav>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<h1>При поддержке</h1>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25 img-fluid"
|
||||
src="assets/UlSTU Logo.png"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
77
Lab1/Lab3/js/restApi.js
Normal file
77
Lab1/Lab3/js/restApi.js
Normal file
@ -0,0 +1,77 @@
|
||||
const serverUrl = "http://localhost:8081";
|
||||
|
||||
export function createObject(_handle, _email, _password) {
|
||||
return {
|
||||
handle: _handle,
|
||||
email: _email,
|
||||
password: _password
|
||||
};
|
||||
}
|
||||
|
||||
export async function getAllUsers() {
|
||||
const response = await fetch(`${serverUrl}/users`);
|
||||
if (!response.ok) {
|
||||
throw response.statusText;
|
||||
}
|
||||
return response.json();
|
||||
}
|
||||
|
||||
export async function getUser(id) {
|
||||
const response = await fetch(`${serverUrl}/users/${id}`);
|
||||
if (!response.ok) {
|
||||
throw response.statusText;
|
||||
}
|
||||
console.log(response);
|
||||
return response.json();
|
||||
}
|
||||
|
||||
|
||||
export async function createUser(_handle, _email, _password) {
|
||||
const userObject = createObject(_handle, _email, _password);
|
||||
|
||||
const options = {
|
||||
method: "POST",
|
||||
body: JSON.stringify(userObject),
|
||||
headers: {
|
||||
"Accept": "application/json",
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
};
|
||||
|
||||
const response = await fetch(`${serverUrl}/users`, options);
|
||||
if (!response.ok) {
|
||||
throw response.statusText;
|
||||
}
|
||||
return response.json();
|
||||
}
|
||||
|
||||
export async function updateUser(id, _handle, _email, _password) {
|
||||
const userObject = createObject(_handle, _email, _password);
|
||||
|
||||
const options = {
|
||||
method: "PUT",
|
||||
body: JSON.stringify(userObject),
|
||||
headers: {
|
||||
"Accept": "application/json",
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
};
|
||||
|
||||
const response = await fetch(`${serverUrl}/users/${id}`, options);
|
||||
if (!response.ok) {
|
||||
throw response.statusText;
|
||||
}
|
||||
return response.json();
|
||||
}
|
||||
|
||||
export async function deleteUser(id) {
|
||||
const options = {
|
||||
method: "DELETE",
|
||||
};
|
||||
|
||||
const response = await fetch(`${serverUrl}/users/${id}`, options);
|
||||
if (!response.ok) {
|
||||
throw response.statusText;
|
||||
}
|
||||
return response.json();
|
||||
}
|
||||
68
Lab1/Lab3/js/sendToServer.js
Normal file
68
Lab1/Lab3/js/sendToServer.js
Normal file
@ -0,0 +1,68 @@
|
||||
import {createObject} from "./restApi";
|
||||
|
||||
const serverUrl = "http://localhost:8081";
|
||||
|
||||
let forma = document.querySelector(".form-container");
|
||||
let handle = document.querySelector("input.handle");
|
||||
let email = document.querySelector("input.email");
|
||||
let password = document.querySelector("input.password");
|
||||
|
||||
export function checkUserInfo(){
|
||||
let reg = /\w+@+\w+\.+\w/gi;
|
||||
let flag = false;
|
||||
if(!reg.test(email.value)){
|
||||
email.style.background = "red";
|
||||
email.focus();
|
||||
flag = true;
|
||||
}
|
||||
else{
|
||||
email.style.background = "white";
|
||||
}
|
||||
reg = /^\w*$/gi;
|
||||
if(!reg.test(handle.value)){
|
||||
handle.style.background = "red";
|
||||
handle.focus();
|
||||
flag = true;
|
||||
}
|
||||
else{
|
||||
console.log(1);
|
||||
handle.style.background = "white";
|
||||
}
|
||||
reg = /^\w*$/gi;
|
||||
if(!reg.test(password.value)){
|
||||
password.style.background = "red";
|
||||
password.focus();
|
||||
flag = true;
|
||||
}
|
||||
else{
|
||||
password.style.background = "white";
|
||||
}
|
||||
return flag == false;
|
||||
}
|
||||
|
||||
forma.addEventListener("submit", function(e){
|
||||
console.log(1);
|
||||
e.preventDefault();
|
||||
if(checkUserInfo() == false){
|
||||
return;
|
||||
}
|
||||
let user = createObject(handle.value, email.value, password.value);
|
||||
postData("/users", user).then(res => console.log(res)).then(window.location.href = "/RegisterSuccessPage.html");
|
||||
});
|
||||
|
||||
const postData = async (url, data) => {
|
||||
const options = {
|
||||
method: "POST",
|
||||
body: JSON.stringify(data),
|
||||
headers: {
|
||||
"Accept": "application/json",
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
};
|
||||
|
||||
const response = await fetch(`${serverUrl}/users`, options);
|
||||
if (!response.ok) {
|
||||
throw response.statusText;
|
||||
}
|
||||
return response.json();
|
||||
};
|
||||
31
Lab1/Lab3/js/test.js
Normal file
31
Lab1/Lab3/js/test.js
Normal file
@ -0,0 +1,31 @@
|
||||
const serverUrl = "http://localhost:8081";
|
||||
let forma = document.querySelector("#for-test");
|
||||
let val;
|
||||
function getAllUsers(){
|
||||
return fetch(`${serverUrl}/users`)
|
||||
.then((response) => {
|
||||
return response.json();
|
||||
});
|
||||
}
|
||||
|
||||
export function testForm(){
|
||||
let toRet = '';
|
||||
return getAllUsers().then(res => {
|
||||
res.forEach((user, index) => {
|
||||
toRet += user.email;
|
||||
toRet+=' ';
|
||||
});
|
||||
forma.innerHTML += toRet;
|
||||
});
|
||||
}
|
||||
|
||||
export async function testForm2(){
|
||||
const res = await fetch(`${serverUrl}/users`);
|
||||
const data = await res.json();
|
||||
let toRet = '';
|
||||
data.forEach((user, index) => {
|
||||
toRet += user.email;
|
||||
toRet+=' ';
|
||||
});
|
||||
forma.innerHTML += toRet;
|
||||
}
|
||||
51
Lab1/Lab3/js/ui.js
Normal file
51
Lab1/Lab3/js/ui.js
Normal file
@ -0,0 +1,51 @@
|
||||
export const cntrls = {
|
||||
button: document.getElementById("user-add"),
|
||||
table: document.querySelector("#users-table tbody"),
|
||||
form: document.getElementById("users-form"),
|
||||
userId: document.getElementById("user-id"),
|
||||
handle: document.getElementById("handle"),
|
||||
email: document.getElementById("email"),
|
||||
password: document.getElementById("password")
|
||||
};
|
||||
|
||||
function createTableAnchor(icon, callback) {
|
||||
const i = document.createElement("i");
|
||||
i.classList.add("fa-solid", icon);
|
||||
|
||||
const a = document.createElement("a");
|
||||
a.href = "#";
|
||||
a.appendChild(i);
|
||||
a.onclick = (event) => {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
callback();
|
||||
};
|
||||
|
||||
const td = document.createElement("td");
|
||||
td.appendChild(a);
|
||||
return td;
|
||||
}
|
||||
|
||||
function createTableColumn(value) {
|
||||
const td = document.createElement("td");
|
||||
td.textContent = value;
|
||||
return td;
|
||||
}
|
||||
|
||||
|
||||
export function createTableRow(user, index, editCallback, deleteCallback) {
|
||||
const rowNumber = document.createElement("th");
|
||||
rowNumber.scope = "row";
|
||||
rowNumber.textContent = index + 1;
|
||||
|
||||
const row = document.createElement("tr");
|
||||
row.id = `line-${user.id}`;
|
||||
|
||||
row.appendChild(rowNumber);
|
||||
row.appendChild(createTableColumn(user.handle));
|
||||
row.appendChild(createTableColumn(user.email));
|
||||
row.appendChild(createTableColumn(user.password));
|
||||
row.appendChild(createTableAnchor("fa-pencil", editCallback));
|
||||
row.appendChild(createTableAnchor("fa-trash", deleteCallback));
|
||||
return row;
|
||||
}
|
||||
141
Lab1/Lab3/js/users.js
Normal file
141
Lab1/Lab3/js/users.js
Normal file
@ -0,0 +1,141 @@
|
||||
import {
|
||||
createUser, deleteUser, getAllUsers, getUser, updateUser,
|
||||
} from "./restApi";
|
||||
import {
|
||||
cntrls, createTableRow,
|
||||
} from "./ui";
|
||||
|
||||
async function drawUsersTable() {
|
||||
console.info("Try to load data");
|
||||
if (!cntrls.table) {
|
||||
return;
|
||||
}
|
||||
const data = await getAllUsers();
|
||||
cntrls.table.innerHTML = "";
|
||||
data.forEach((user, index) => {
|
||||
cntrls.table.appendChild(
|
||||
createTableRow(
|
||||
user,
|
||||
index,
|
||||
() => location.assign(`page-edit.html?id=${user.id}`),
|
||||
() => removeUser(user.id),
|
||||
),
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
async function addUser(_handle, _email, _password) {
|
||||
console.info("Try to add user");
|
||||
const data = await createUser(_handle,_email,_password);
|
||||
console.info("Added");
|
||||
console.info(data);
|
||||
drawUsersTable();
|
||||
}
|
||||
|
||||
async function editUser(id, _handle, _email, _password) {
|
||||
console.info("Try to update user");
|
||||
const data = await updateUser(id, _handle, _email, _password);
|
||||
console.info("Updated");
|
||||
console.info(data);
|
||||
drawUsersTable();
|
||||
}
|
||||
|
||||
async function removeUser(id) {
|
||||
if (!confirm("Do you really want to remove this user?")) {
|
||||
console.info("Canceled");
|
||||
return;
|
||||
}
|
||||
console.info("Try to remove item");
|
||||
const data = await deleteUser(id);
|
||||
console.info(data);
|
||||
drawUsersTable();
|
||||
}
|
||||
|
||||
async function readFile(file) {
|
||||
const reader = new FileReader();
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
|
||||
reader.onloadend = () => {
|
||||
const fileContent = reader.result;
|
||||
resolve(fileContent);
|
||||
};
|
||||
reader.onerror = () => {
|
||||
reject(new Error("oops, something went wrong with the file reader."));
|
||||
};
|
||||
reader.readAsDataURL(file);
|
||||
});
|
||||
}
|
||||
|
||||
function checkValidation(){
|
||||
let reg = /\w+@+\w+\.+\w/gi;
|
||||
let flag = false;
|
||||
if(!reg.test(cntrls.email.value)){
|
||||
cntrls.email.style.background = "red";
|
||||
cntrls.email.focus();
|
||||
flag = true;
|
||||
}
|
||||
else{
|
||||
email.style.background = "white";
|
||||
}
|
||||
reg = /^\w*$/gi;
|
||||
if(!reg.test(cntrls.handle.value)){
|
||||
cntrls.handle.style.background = "red";
|
||||
cntrls.handle.focus();
|
||||
flag = true;
|
||||
}
|
||||
else{
|
||||
console.log(1);
|
||||
handle.style.background = "white";
|
||||
}
|
||||
reg = /^\w*$/gi;
|
||||
if(!reg.test(cntrls.password.value)){
|
||||
cntrls.password.style.background = "red";
|
||||
cntrls.password.focus();
|
||||
flag = true;
|
||||
}
|
||||
else{
|
||||
password.style.background = "white";
|
||||
}
|
||||
return flag == false;
|
||||
}
|
||||
|
||||
export async function usersForm() {
|
||||
console.info("usersForm");
|
||||
drawUsersTable();
|
||||
const goBack = () => location.assign("/AdminPage.html");
|
||||
const urlParams = new URLSearchParams(location.search);
|
||||
const currentId = urlParams.get("id");
|
||||
if(currentId){
|
||||
const data = await getUser(currentId);
|
||||
console.log(data);
|
||||
cntrls.handle.value = data.handle;
|
||||
cntrls.email.value = data.email;
|
||||
cntrls.password.value = data.password;
|
||||
}
|
||||
|
||||
cntrls.form.addEventListener("submit", async (event) => {
|
||||
|
||||
console.info("Form onSubmit");
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
if(!checkValidation()){
|
||||
return;
|
||||
}
|
||||
if (!currentId) {
|
||||
await addUser(
|
||||
cntrls.handle.value,
|
||||
cntrls.email.value,
|
||||
cntrls.password.value,
|
||||
);
|
||||
} else {
|
||||
await editUser(
|
||||
currentId,
|
||||
cntrls.handle.value,
|
||||
cntrls.email.value,
|
||||
cntrls.password.value,
|
||||
);
|
||||
}
|
||||
goBack();
|
||||
});
|
||||
}
|
||||
3362
Lab1/Lab3/package-lock.json
generated
Normal file
3362
Lab1/Lab3/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
23
Lab1/Lab3/package.json
Normal file
23
Lab1/Lab3/package.json
Normal file
@ -0,0 +1,23 @@
|
||||
{
|
||||
"name": "package",
|
||||
"version": "1.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"vite": "vite",
|
||||
"serve": "http-server -p 3000 ./dist/",
|
||||
"build": "vite build",
|
||||
"rest": "json-server --watch data.json -p 8081",
|
||||
"dev": "npm-run-all --parallel rest vite",
|
||||
"prod": "npm-run-all build --parallel serve rest"
|
||||
},
|
||||
"dependencies": {
|
||||
"bootstrap": "5.3.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@fortawesome/fontawesome-free": "^6.4.2",
|
||||
"http-server": "14.1.1",
|
||||
"json-server": "^0.17.4",
|
||||
"npm-run-all": "4.1.5",
|
||||
"vite": "4.4.9"
|
||||
}
|
||||
}
|
||||
102
Lab1/Lab3/page-edit.html
Normal file
102
Lab1/Lab3/page-edit.html
Normal file
@ -0,0 +1,102 @@
|
||||
<!doctype html>
|
||||
<html class="h-100" lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Codemonitor</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
|
||||
</head>
|
||||
|
||||
<body class="d-flex flex-column h-100">
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||
<div class="container-fluid">
|
||||
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||
<div class = "LogoText d-none d-sm-block">
|
||||
Codemonitor
|
||||
</div></div></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||
<div class="navbar-nav">
|
||||
<a class="nav-link active" href="index.html">
|
||||
<div class="login-reg-text">
|
||||
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main>
|
||||
<main class="container-fluid p-2">
|
||||
<form id="users-form">
|
||||
<div class="col-md-4 offset-md-4 col-12">
|
||||
<div class="form-container">
|
||||
<form class="form-horizontal">
|
||||
<div class="form-group">
|
||||
<label for >хэндл</label>
|
||||
<input class="form-control" id = "handle" type="text" placeholder="хэндл" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Email</label>
|
||||
<input class="form-control" id = "email" type="email" placeholder="email" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>пароль</label>
|
||||
<input class="form-control" id = "password" type="password" placeholder="пароль" required>
|
||||
</div>
|
||||
<a href="/AdminPage.html" class="btn btn-secondary">Назад</a>
|
||||
<button type="submit" class="btn btn-primary">Сохранить</button>
|
||||
</form>
|
||||
<script type = "module" src = "/js/sendToServer.js"></script>
|
||||
</div>
|
||||
</form>
|
||||
</main>
|
||||
</main>
|
||||
|
||||
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||
<nav>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<h1>При поддержке</h1>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25 img-fluid"
|
||||
src="assets/UlSTU Logo.png"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</footer>
|
||||
|
||||
<script type="module">
|
||||
import { usersForm } from "./js/users"
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
usersForm();
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
167
Lab1/Lab3/style.css
Normal file
167
Lab1/Lab3/style.css
Normal file
@ -0,0 +1,167 @@
|
||||
.navbar-brand img {
|
||||
width: 100%;
|
||||
margin-left: 4%;
|
||||
margin-top: 7%;
|
||||
}
|
||||
|
||||
.login-reg-text a {
|
||||
font-family: "Courier";
|
||||
font-size: 1.8em;
|
||||
color: #0000cf;
|
||||
overflow: hidden;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.remember-month{
|
||||
font-family: "Courier";
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: #ebe6e6;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100%;
|
||||
min-width: 320px;
|
||||
}
|
||||
|
||||
.navToMain {
|
||||
flex-wrap: wrap;
|
||||
text-decoration: none;
|
||||
font-family: "Courier";
|
||||
color: #0000cf;
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
|
||||
footer a {
|
||||
font-family: "Courier";
|
||||
color: #0000cf;
|
||||
text-decoration: none;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
footer h1 {
|
||||
font-family: "Courier";
|
||||
text-decoration: none;
|
||||
font-size: 1.5em;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
main .profile-inf {
|
||||
font-family: "Courier";
|
||||
font-size: 1.5em;
|
||||
margin-top: 5%;
|
||||
padding-left: 6%;
|
||||
}
|
||||
|
||||
main .group-name {
|
||||
font-family: "Courier";
|
||||
font-size: 1.8em;
|
||||
margin-left: 6%;
|
||||
}
|
||||
|
||||
main h1 {
|
||||
font-family: "Courier";
|
||||
font-size: 2em;
|
||||
margin-left: 6%;
|
||||
margin-top: 5%;
|
||||
}
|
||||
|
||||
main .register-panel {
|
||||
font-family: "Courier";
|
||||
font-size: 1.56em;
|
||||
}
|
||||
|
||||
main a {
|
||||
font-family: "Courier";
|
||||
font-size: 1.8em;
|
||||
margin-left: 6%;
|
||||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
color: #0000cf;
|
||||
}
|
||||
|
||||
main table{
|
||||
font-family: "Courier";
|
||||
}
|
||||
|
||||
main {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.register-success{
|
||||
margin-top: 5%;
|
||||
font-family: "Courier";
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.form-container {
|
||||
background: #ffffff;
|
||||
font-family: 'Nunito', sans-serif;
|
||||
padding: 40px;
|
||||
border-radius: 20px;
|
||||
border-color:#000;
|
||||
}
|
||||
|
||||
.form-container .form-horizontal .form-group {
|
||||
margin: 0 0 25px 0;
|
||||
}
|
||||
|
||||
.form-container .form-horizontal .form-group label {
|
||||
font-family: "Courier";
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
|
||||
.form-container .form-horizontal .btn {
|
||||
font-family: "Courier";
|
||||
color: #000;
|
||||
background-color: #efefef;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.form-container .form-horizontal .btn:hover,
|
||||
.form-container .form-horizontal .btn:focus {
|
||||
color: #fff;
|
||||
letter-spacing: 3px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.add-group{
|
||||
font-family: "Courier";
|
||||
font-size: 1.5em;
|
||||
padding: 5%;
|
||||
}
|
||||
|
||||
.add-group button{
|
||||
font-family: "Courier";
|
||||
font-size: 35px;
|
||||
}
|
||||
|
||||
.group-link{
|
||||
font-family: "Courier";
|
||||
font-size: 2em;
|
||||
margin-left: 6%;
|
||||
margin-top: 5%;
|
||||
}
|
||||
header a{
|
||||
text-decoration: none;
|
||||
}
|
||||
header img {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.LogoText{
|
||||
font-family: "Courier";
|
||||
font-size: 3em;
|
||||
color: #000;
|
||||
vertical-align: bottom;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
84
Lab1/Lab3/test-page.html
Normal file
84
Lab1/Lab3/test-page.html
Normal file
@ -0,0 +1,84 @@
|
||||
<!doctype html>
|
||||
<html class="h-100" lang="en">
|
||||
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Codemonitor</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
|
||||
</head>
|
||||
|
||||
<body class="d-flex flex-column h-100">
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||
<div class="container-fluid">
|
||||
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||
<div class = "LogoText d-none d-sm-block">
|
||||
Codemonitor
|
||||
</div></div></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||
<div class="navbar-nav">
|
||||
<a class="nav-link active" href="index.html">
|
||||
<div class="login-reg-text">
|
||||
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row" id = "for-test">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||
<nav>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<h1>При поддержке</h1>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25 img-fluid"
|
||||
src="assets/UlSTU Logo.png"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</footer>
|
||||
|
||||
<script type="module">
|
||||
import { testForm2 } from "./js/test"
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
testForm2();
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
21
Lab1/Lab3/vite.config.js
Normal file
21
Lab1/Lab3/vite.config.js
Normal file
@ -0,0 +1,21 @@
|
||||
import { resolve } from 'path'
|
||||
import { defineConfig } from 'vite'
|
||||
|
||||
export default defineConfig({
|
||||
build: {
|
||||
rollupOptions: {
|
||||
input: {
|
||||
main: resolve(__dirname, "index.html"),
|
||||
AddGroupPage: resolve(__dirname, "AddGroupPage.html"),
|
||||
AddMember: resolve(__dirname, "AddMember.html"),
|
||||
AdminPage: resolve(__dirname, "AdminPage.html"),
|
||||
GroupPage: resolve(__dirname, "GroupPage.html"),
|
||||
LoginPage: resolve(__dirname, "LoginPage.html"),
|
||||
pageEdit: resolve(__dirname, "page-edit.html"),
|
||||
ProfilePage: resolve(__dirname, "ProfilePage.html"),
|
||||
RegisterSuccessPage: resolve(__dirname, "RegisterSuccessPage.html"),
|
||||
RegistrationPage: resolve(__dirname, "RegistrationPage.html"),
|
||||
},
|
||||
},
|
||||
},
|
||||
})
|
||||
BIN
Lab1/Lab3/Для отчета 1.PNG
Normal file
BIN
Lab1/Lab3/Для отчета 1.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
BIN
Lab1/Lab3/Для отчета 2.PNG
Normal file
BIN
Lab1/Lab3/Для отчета 2.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
BIN
Lab1/Lab3/Для отчета 3.PNG
Normal file
BIN
Lab1/Lab3/Для отчета 3.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
Lab1/Lab3/Для отчета 4.PNG
Normal file
BIN
Lab1/Lab3/Для отчета 4.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
Lab1/Lab3/Для отчета 5.PNG
Normal file
BIN
Lab1/Lab3/Для отчета 5.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
Lab1/Lab3/Для отчета 6.PNG
Normal file
BIN
Lab1/Lab3/Для отчета 6.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
BIN
Lab1/Lab3/Отчет.doc
Normal file
BIN
Lab1/Lab3/Отчет.doc
Normal file
Binary file not shown.
BIN
Lab1/Lab3/Снимок.PNG
Normal file
BIN
Lab1/Lab3/Снимок.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
Loading…
Reference in New Issue
Block a user