/
nalsur
/
winter
Обзор
Документация
Войти
/
nalsur
/
winter
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
src/main/resources/static/index.html
105 строк
4 KB
Ruslan Bulatov
Правки по второму уроку
12 окт 2024, 19:51
12 окт 2024, 19:51
7eb1a4f
Код
Авторство
О чём код?
<!doctype html> <html ng-app = "app"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.0/angular.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ngStorage/0.3.11/ngStorage.min.js"></script> <script src="index.js"></script> </head> <body> <div class="container" ng-controller="indexController"> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#">Winter Market</a> </li> <li class="nav-item" ng-show="!isUserLoggedIn()"> <form class="align-middle" ng-submit="tryToAuth()"> <div class="input-group input-group-sm" style=""> <input id="navLoginField" class="form-control" ng-model="user.username" type="text" aria-describedby="inputGroup-sizing-sm" style=""> <input id="navPasswordField" class="form-control" ng-model="user.password" type="password" aria-describedby="inputGroup-sizing-sm" style=""> <button id="navLoginSubmit" class="btn btn-outline-warning btn-sm" style="" type="submit">Войти </button> </div> </form> </li> <li class="nav-item" ng-show="isUserLoggedIn()" style=""> <button class="btn btn-outline-secondary btn-sm" ng-click="tryToLogout()">Выйти </button> </li> <li class="nav-item"> <button class="btn btn-outline-warning btn-sm" ng-click="checkAuth()">Кто я? </button> </li> </ul> </div> </nav> <h1>Маркет</h1> <h3>Список товаров</h3> <table class="table table-hover" cellpadding="0" cellspacing="0"> <tr> <td>ID</td> <td>Название</td> <td>Цена</td> <td>Create</td> <td>Update</td> </tr> <tbody> <tr ng-repeat="p in productsList"> <td>{{p.id}}</td> <td>{{p.title}}</td> <td>{{p.price}}</td> <td> <!-- <button class="btn btn-primary" ng-click="showProductInfo(p.id)">Инфо</button>--> <button class="btn btn-primary" ng-click="addProductToCart(p.id)">Добавить в корзину</button> </td> </tr> </tbody> </table> <h1>Корзина</h1> <h3>Список товаров</h3> <table class="table table-hover" cellpadding="0" cellspacing="0"> <tr> <td>Название</td> <td>Количество</td> <td>Цена</td> </tr> <tbody> <tr ng-repeat="item in cart.items"> <td>{{item.productTitle}}</td> <td>{{item.quantity}}</td> <td>{{item.pricePerProduct + ' x ' + item.quantity + ' = ' + item.price}}</td> <td><td><button class="btn btn-danger" ng-click="removeFromCart(item.productId)">Убрать товар из корзины полностью</button></td></td> </tr> <tr> <td>Итого</td> <td></td> <td>{{cart.totalPrice}}</td> </tr> <tr> <td></td> <td></td> <td><button class="btn btn-danger" ng-click="clearCart()">Очистить корзину</button></td> </tr> </tbody> </table> </div> </body> </html>