From f483b3089534246e0a876c1c6aec1c9740f287d2 Mon Sep 17 00:00:00 2001
From: Diamadis Tziotzios <dtziotzios@cite.gr>
Date: Fri, 8 Dec 2017 14:18:11 +0200
Subject: [PATCH] no message

---
 .../section-form/section-form.component.html  | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/dmp-admin/src/app/section-form/section-form.component.html b/dmp-admin/src/app/section-form/section-form.component.html
index df217bf85..2313a557b 100644
--- a/dmp-admin/src/app/section-form/section-form.component.html
+++ b/dmp-admin/src/app/section-form/section-form.component.html
@@ -24,6 +24,31 @@
             </div>
         </div>
     </div>
+
+    <div *ngIf="dataModel.sections.length > 0" class="panel-group" style="margin-top:10px;">
+        <div *ngFor="let section of dataModel.sections; let i=index;" class="panel panel-default">
+            <div class="panel-heading clearfix">
+                <a *ngIf="form.get('sections').get(''+i).get('title').value" data-toggle="collapse" href="#{{'s' + i}}" class="panel-title pull-left"
+                    style="padding-top: 7.5px;">{{i + 1}}. {{form.get('sections').get(''+i).get('title').value}}</a>
+                <a *ngIf="!form.get('sections').get(''+i).get('title').value" data-toggle="collapse" href="#{{'s' + i}}" class="panel-title pull-left"
+                    style="padding-top: 7.5px;">{{i + 1}}. Section {{i + 1}}</a>
+                <div class="btn-group pull-right">
+                    <button type="button" class="btn btn-sm" style="margin-left:5px;" (click)="DeleteSection(i);">
+                        <span class="glyphicon glyphicon-erase"></span>
+                    </button>
+                </div>
+            </div>
+            <div id="{{'s' + i}}" class="panel-collapse collapse in">
+                <div class="panel-body">
+                    <section-form [form]="form.get('sections').get(''+i)" [dataModel]="section" [indexPath]="'s' + i"></section-form>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+
+
     <div *ngIf="dataModel.fieldGroups" class="panel-group" style="margin-top:10px;">
         <div *ngFor="let fieldGroup of dataModel.fieldGroups let i=index;" class="panel panel-default">
             <div class="panel-heading clearfix">