romanov73/ng-tracker
1
0
Fork 0
Code Issues 18 Pull Requests 4 Projects Releases Wiki Activity

#54 add custom deadline-list, add edit-button, add edit and delete icons

Browse Source
This commit is contained in:
Nightblade73 2019-03-10 22:15:09 +04:00
parent 7fff337c3a
commit d332282e03
4 changed files with 61 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/main/resources/public/css/conference.css
View File

@ -1,3 +1,16 @@
.deadline-list{
height: 200px;
padding: 0px;
}
.deadline{
margin: 0;
}
.deadline-text{
flex: 1;
}
.member-list{ .member-list{
height: 200px; height: 200px;
padding: 0px; padding: 0px;
@ -5,6 +18,21 @@
.member{ .member{
margin: 0; margin: 0;
}
.icon{
width: 38px;
height: 38px;
padding: 2px;
cursor: pointer;
}
.icon-edit-input-text{
width: 27px;
height: 27px;
}
.grey-border{
color: #495057; color: #495057;
background-color: #fff; background-color: #fff;
background-clip: padding-box; background-clip: padding-box;

BIN
src/main/resources/public/img/conference/delete.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 174 B

BIN
src/main/resources/public/img/conference/edit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 254 B

47
src/main/resources/templates/conferences/conference.html
View File

@ -23,27 +23,46 @@
<input type="hidden" name="id"/> <input type="hidden" name="id"/>
<div class="form-group"> <div class="form-group">
<label for="title">Название:</label> <label for="title">Название:</label>
<img class="icon grey-border float-right icon-edit-input-text"
src="/img/conference/edit.png" alt="Редактировать"/>
<input class="form-control" id="title" type="text" <input class="form-control" id="title" type="text"
placeholder="Название конференции:"/> placeholder="Название конференции"/>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="url">URL:</label> <label for="url">URL:</label>
<img class="icon grey-border float-right icon-edit-input-text"
src="/img/conference/edit.png" alt="Редактировать"/>
<input class="form-control" id="url" type="text" <input class="form-control" id="url" type="text"
placeholder="URL адрес:"/> placeholder="URL адрес"/>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="description">Описание:</label> <label for="description">Описание:</label>
<img class="icon grey-border float-right icon-edit-input-text"
src="/img/conference/edit.png" alt="Редактировать"/>
<textarea class="form-control" rows="8" id="description"> <textarea class="form-control" rows="8" id="description">
</textarea> </textarea>
</div> </div>
<div class="form-group"> <div class="form-group">
<label>Дедлайны:</label> <label for="deadlines">Дедлайны:</label>
<div class="deadline-list form-control" id="deadlines">
<div class="row deadline grey-border">
<input class="form-control deadline-text" type="text"
placeholder="Текст дедлайна"/>
<input type="date"/>
<img class="icon grey-border" src="/img/conference/edit.png"
alt="Редактировать"/>
<img class="icon grey-border" src="/img/conference/delete.png"
alt="Удалить"/>
</div>
</div>
</div> </div>
<div class="form-group"> <div class="form-group float-right">
<input type="submit" id="addDeadline" name="addDeadline" class="btn btn-primary" <input type="submit" id="addDeadline" name="addDeadline"
class="btn btn-primary float-right"
value="Добавить дедлайн"/> value="Добавить дедлайн"/>
</div> </div>
</div> </div>
@ -52,9 +71,9 @@
<label for="dates">Дата проведения:</label> <label for="dates">Дата проведения:</label>
<div class="row" id="dates"> <div class="row" id="dates">
<div class="col"> <div class="col">
<input type="date" id="date-begin" name="date"/> <input type="date" id="date-begin"/>
- -
<input type="date" id="date-end" name="date"/> <input type="date" id="date-end"/>
</div> </div>
</div> </div>
</div> </div>
@ -62,22 +81,22 @@
<div class="form-group"> <div class="form-group">
<label for="members">Участники:</label> <label for="members">Участники:</label>
<div class="member-list form-control" id="members"> <div class="member-list form-control" id="members">
<div class="row member"> <div class="row member grey-border">
<div class="col member-name"> <div class="col-5 member-name">
Пользователь 1 Пользователь 1
</div> </div>
<div class="col member-participation"> <div class="col-3 member-participation">
очная очная
</div> </div>
<div class="col member-deposit"> <div class="col member-deposit">
статья статья
</div> </div>
</div> </div>
<div class="row member"> <div class="row member grey-border">
<div class="col member-name"> <div class="col-5 member-name">
Пользователь 2 Пользователь 2
</div> </div>
<div class="col member-participation"> <div class="col-3 member-participation">
заочная заочная
</div> </div>
<div class="col member-deposit"> <div class="col member-deposit">
@ -89,7 +108,7 @@
<div class="form-group"> <div class="form-group">
<button id="pingButton" class="btn btn-primary text-uppercase" <button id="pingButton" class="btn btn-primary float-right"
type="button"> type="button">
Принять участие Принять участие
</button> </button>