#54 add custom paper-list

src/main/resources/public/css/conference.css

@@ -1,6 +1,13 @@
+.form-group textarea{
+    min-height: 206px;
+    max-height: 463px;
+}
+
+
 .deadline-list{
     height: 200px;
     padding: 0px;
+    overflow-y: scroll;
 }
 
 .deadline{
@@ -14,12 +21,32 @@
 .member-list{
     height: 200px;
     padding: 0px;
+    overflow-y: scroll;
 }
 
 .member{
     margin: 0;
 }
 
+.paper-list{
+    height: 200px;
+    padding: 0px;
+    overflow-y: scroll;
+}
+
+.paper{
+    margin: 0;
+}
+
+.paper-name{
+    flex: 1;
+}
+
+.paper-name span{
+    margin: 6px 15px;
+    display: inline-block;
+}
+
 .icon{
     width: 38px;
     height: 38px;
@@ -27,9 +54,21 @@
     cursor: pointer;
 }
 
+.icon-delete{
+    background: #ff4444;
+}
+
+.icon-paper{
+     height: 26px;
+     width: 26px;
+     float: right;
+     margin: 5px;
+}
+
 .icon-edit-input-text{
     width: 27px;
     height: 27px;
+    float: right;
 }
 
 .grey-border{

src/main/resources/templates/conferences/conference.html

@@ -19,8 +19,10 @@
                 <div class="col-lg-12">
                     <form id="paper-form" method="post">
                         <div class="row">
+
                             <div class="col-md-7 col-sm-12">
                                 <input type="hidden" name="id"/>
+
                                 <div class="form-group">
                                     <label for="title">Название:</label>
                                     <img class="icon grey-border float-right icon-edit-input-text"
@@ -54,18 +56,19 @@
                                             <input type="date"/>
                                             <img class="icon grey-border" src="/img/conference/edit.png"
                                                  alt="Редактировать"/>
-                                            <img class="icon grey-border" src="/img/conference/delete.png"
+                                            <img class="icon grey-border icon-delete" src="/img/conference/delete.png"
                                                  alt="Удалить"/>
                                         </div>
-
                                     </div>
                                 </div>
+
                                 <div class="form-group float-right">
-                                    <input type="submit" id="addDeadline" name="addDeadline"
-                                           class="btn btn-primary float-right"
+                                    <input type="submit" id="add-deadline" name="add-deadline"
+                                           class="btn btn-primary"
                                            value="Добавить дедлайн"/>
                                 </div>
                             </div>
+
                             <div class="col-md-5 col-sm-12 offset-sm-0">
                                 <div class="form-group">
                                     <label for="dates">Дата проведения:</label>
@@ -106,13 +109,40 @@
                                     </div>
                                 </div>
 
-
                                 <div class="form-group">
-                                    <button id="pingButton" class="btn btn-primary float-right"
+                                    <button id="take-part" class="btn btn-primary"
                                             type="button">
                                         Принять участие
                                     </button>
                                 </div>
+
+                                <div class="form-group">
+                                    <label for="papers">Статьи:</label>
+                                    <div class="paper-list form-control" id="papers">
+                                        <div class="row paper grey-border">
+                                            <div class="paper-name grey-border">
+                                                <span>
+                                                    Имя статьи
+                                                </span>
+                                                <img class="icon-paper" src="/img/conference/paper.png"/>
+                                            </div>
+                                            <img class="icon grey-border icon-delete" src="/img/conference/delete.png"
+                                                 alt="Удалить"/>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="form-group">
+                                    <button id="attach-paper" class="btn btn-primary"
+                                            type="button">
+                                        Прикрепить статью
+                                    </button>
+                                    <button id="add-paper" class="btn btn-primary"
+                                            type="button">
+                                        Добавить статью
+                                    </button>
+                                </div>
+
+
                             </div>
 
                             <div class="clearfix"></div>