-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
8 changed files
with
408 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| .idea/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,128 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <title>Adminka</title> | ||
| <!-- Bootstrap --> | ||
| <!-- Latest compiled and minified Bootstrap CSS --> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" | ||
| integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> | ||
| <link href="css/addObject.css" rel="stylesheet"> | ||
| <!-- jQuery library --> | ||
| <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" | ||
| integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" | ||
| crossorigin="anonymous"></script> | ||
|
|
||
| <!-- Popper --> | ||
| <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> | ||
|
|
||
| <!-- Latest compiled and minified Bootstrap JavaScript --> | ||
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" | ||
| integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" | ||
| crossorigin="anonymous"></script> | ||
| <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> | ||
| <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> | ||
| <script src="js/addObject.js"></script> | ||
| <link href="css/main.css" rel="stylesheet"> | ||
| </head> | ||
| <body> | ||
|
|
||
| <nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-info text-white" id="option"> | ||
| <a class="navbar-brand" href="#">Kharkitecture</a> | ||
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" | ||
| aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
|
|
||
| <div class="collapse navbar-collapse" id="navbarSupportedContent1"> | ||
|
|
||
| <ul class="navbar-nav mr-auto"> | ||
| <li class="nav-item active"> | ||
| <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> | ||
| </li> | ||
| <li class="nav-item dropdown"> | ||
| <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" | ||
| aria-haspopup="true" aria-expanded="false"> | ||
| Building | ||
| </a> | ||
| <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
| <a class="dropdown-item" href="#">View</a> | ||
| <a class="dropdown-item" href="#">Add</a> | ||
| <a class="dropdown-item" href="#">Edit</a> | ||
| <div class="dropdown-divider"></div> | ||
| <a class="dropdown-item" href="#">Something else here</a> | ||
| </div> | ||
| </li> | ||
| <li class="nav-item dropdown"> | ||
| <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" | ||
| aria-haspopup="true" aria-expanded="false"> | ||
| Сategories | ||
| </a> | ||
| <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
| <a class="dropdown-item" href="#">View</a> | ||
| <a class="dropdown-item" href="#">Add</a> | ||
| <a class="dropdown-item" href="#">Edit</a> | ||
| <div class="dropdown-divider"></div> | ||
| <a class="dropdown-item" href="#">Something else here</a> | ||
| </div> | ||
| </li> | ||
|
|
||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#">Map</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#">Mail <span class="badge badge-pill badge-light">8</span></a> | ||
| </li> | ||
| </ul> | ||
| <form class="form-inline my-2 my-lg-0"> | ||
| <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"> | ||
|
|
||
| <button type="button" class="btn btn-link text-white">Search</button> | ||
| </form> | ||
| <i class="fa fa-power-off" aria-hidden="true"></i> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <div class="container"> | ||
| <form action="#" method="post" enctype="multipart/form-data"> | ||
| <div class="form-group"> | ||
| <label for="object-name">Название</label> | ||
| <input type="text" id="object-name" class="form-control" placeholder="Название" required> | ||
| </div> | ||
|
|
||
| <div class="form-group"> | ||
| <label for="description">Описание</label> | ||
| <textarea id="description" class="form-control" rows="3" maxlength="5000" required></textarea> | ||
| </div> | ||
|
|
||
| <div class="image"> | ||
| <fieldset class="form-group"> | ||
| <input type="file" id="images" name="images[]" accept=".bmp, .jpg, .jpeg .png" multiple> | ||
| </fieldset> | ||
| <div class="preview-images-zone"></div> | ||
| <a href="#" onclick="$('#images').click()">Добавить изображения</a> | ||
| </div> | ||
|
|
||
| <div class="form-group"> | ||
| <label for="categories-list">Категория</label> | ||
| <select id="categories-list" multiple class="form-control"> | ||
| <option>1</option> | ||
| <option>2</option> | ||
| <option>3</option> | ||
| <option>4</option> | ||
| <option>5</option> | ||
| </select> | ||
| </div> | ||
| <button type="submit" class="btn btn-outline-primary">Добавить</button> | ||
| </form> | ||
|
|
||
| </div> | ||
|
|
||
| <footer> | ||
| </footer> | ||
| </body> | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,92 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <title>Adminka</title> | ||
|
|
||
| <!-- Bootstrap --> | ||
| <!-- Latest compiled and minified Bootstrap CSS --> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" | ||
| integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> | ||
|
|
||
| <!-- jQuery library --> | ||
| <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" | ||
| integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" | ||
| crossorigin="anonymous"></script> | ||
|
|
||
| <!-- Popper --> | ||
| <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> | ||
|
|
||
| <!-- Latest compiled and minified Bootstrap JavaScript --> | ||
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" | ||
| integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" | ||
| crossorigin="anonymous"></script> | ||
| <link href="css/main.css" rel="stylesheet"> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-info text-white" id="option"> | ||
| <a class="navbar-brand" href="#">Kharkitecture</a> | ||
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" | ||
| aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
|
|
||
| <div class="collapse navbar-collapse" id="navbarSupportedContent1"> | ||
|
|
||
| <ul class="navbar-nav mr-auto"> | ||
| <li class="nav-item active"> | ||
| <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> | ||
| </li> | ||
| <li class="nav-item dropdown"> | ||
| <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" | ||
| aria-haspopup="true" aria-expanded="false"> | ||
| Building | ||
| </a> | ||
| <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
| <a class="dropdown-item" href="#">View</a> | ||
| <a class="dropdown-item" href="addObject.html">Add</a> | ||
| <a class="dropdown-item" href="#">Edit</a> | ||
| <div class="dropdown-divider"></div> | ||
| <a class="dropdown-item" href="#">Something else here</a> | ||
| </div> | ||
| </li> | ||
| <li class="nav-item dropdown"> | ||
| <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" | ||
| aria-haspopup="true" aria-expanded="false"> | ||
| Сategories | ||
| </a> | ||
| <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
| <a class="dropdown-item" href="#">View</a> | ||
| <a class="dropdown-item" href="#">Add</a> | ||
| <a class="dropdown-item" href="#">Edit</a> | ||
| <div class="dropdown-divider"></div> | ||
| <a class="dropdown-item" href="#">Something else here</a> | ||
| </div> | ||
| </li> | ||
|
|
||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#">Map</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#">Mail <span class="badge badge-pill badge-light">8</span></a> | ||
| </li> | ||
| </ul> | ||
| <form class="form-inline my-2 my-lg-0"> | ||
| <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"> | ||
|
|
||
| <button type="button" class="btn btn-link text-white">Search</button> | ||
| </form> | ||
| <i class="fa fa-power-off" aria-hidden="true"></i> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <footer> | ||
| </footer> | ||
| </body> | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,77 @@ | ||
| .preview-images-zone { | ||
| width: 100%; | ||
| border: 1px solid #ddd; | ||
| min-height: 180px; | ||
| /*display: flex;*/ | ||
| padding: 5px 5px 0 5px; | ||
| position: relative; | ||
| overflow: auto; | ||
| } | ||
|
|
||
| .preview-images-zone > .preview-image:first-child { | ||
| height: 185px; | ||
| width: 185px; | ||
| position: relative; | ||
| margin-right: 5px; | ||
| } | ||
|
|
||
| .preview-images-zone > .preview-image { | ||
| height: 185px; | ||
| width: 185px; | ||
| position: relative; | ||
| margin-right: 5px; | ||
| float: left; | ||
| margin-bottom: 5px; | ||
| } | ||
|
|
||
| .preview-images-zone > .preview-image > .image-zone { | ||
| width: 100%; | ||
| height: 100%; | ||
| } | ||
|
|
||
| .preview-images-zone > .preview-image > .image-zone > img { | ||
| width: 100%; | ||
| height: 100%; | ||
| } | ||
|
|
||
| .preview-images-zone > .preview-image > .tools-edit-image { | ||
| position: absolute; | ||
| z-index: 100; | ||
| color: #fff; | ||
| bottom: 0; | ||
| width: 100%; | ||
| text-align: center; | ||
| margin-bottom: 10px; | ||
| display: none; | ||
| } | ||
|
|
||
| .preview-images-zone > .preview-image > .image-cancel { | ||
| font-size: 18px; | ||
| position: absolute; | ||
| top: 0; | ||
| right: 0; | ||
| font-weight: bold; | ||
| margin-right: 10px; | ||
| cursor: pointer; | ||
| display: none; | ||
| z-index: 100; | ||
| } | ||
|
|
||
| .preview-image:hover > .image-zone { | ||
| cursor: move; | ||
| opacity: .5; | ||
| } | ||
|
|
||
| .preview-image:hover > .tools-edit-image, | ||
| .preview-image:hover > .image-cancel { | ||
| display: block; | ||
| } | ||
|
|
||
| .ui-sortable-helper { | ||
| width: 90px !important; | ||
| height: 90px !important; | ||
| } | ||
|
|
||
| #images { | ||
| display: none; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| @import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css); | ||
|
|
||
| .container { | ||
| padding: 1rem; | ||
| } | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,63 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <title>Admin Panel</title> | ||
|
|
||
| <!-- Bootstrap --> | ||
| <!-- Latest compiled and minified Bootstrap CSS --> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" | ||
| integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> | ||
|
|
||
| <!-- jQuery library --> | ||
| <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" | ||
| integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" | ||
| crossorigin="anonymous"></script> | ||
|
|
||
| <!-- Popper --> | ||
| <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> | ||
|
|
||
| <!-- Latest compiled and minified Bootstrap JavaScript --> | ||
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" | ||
| integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" | ||
| crossorigin="anonymous"></script> | ||
| <link href="css/main.css" rel="stylesheet"> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <div class="container"> | ||
|
|
||
|
|
||
| <div class="col-xs-12 col-sm-12 col-lg-6"> | ||
|
|
||
| <form action="admin.html" method="get"> | ||
| <div class="form-group"> | ||
| <label for="email">Email address</label> | ||
| <input type="email" class="form-control" id="email" | ||
| placeholder="Enter email" required> | ||
|
|
||
| </div> | ||
| <div class="form-group"> | ||
| <label for="password">Password</label> | ||
| <input type="password" class="form-control" id="password" placeholder="Password" minlength="8" | ||
| maxlength="20" required> | ||
| </div> | ||
| <div class="form-group form-check"> | ||
| <input type="checkbox" class="form-check-input" id="remember"> | ||
| <label class="form-check-label" for="remember">Remember me</label> | ||
| </div> | ||
| <button type="submit" class="btn btn-primary">Submit</button> | ||
| </form> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| <footer> | ||
| </footer> | ||
| </body> | ||
|
|
Oops, something went wrong.