diff --git a/guidelines/web/index.html b/guidelines/web/index.html
index b8df6ac..82944bf 100644
--- a/guidelines/web/index.html
+++ b/guidelines/web/index.html
@@ -9,7 +9,7 @@
     <meta http-equiv="cache-control" content="max-age=0" />
     <meta http-equiv="expires" content="0" />
     <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
-    <meta http-equiv="pragma" content="no-cache" />  
+    <meta http-equiv="pragma" content="no-cache" />
 
     <title>Ontology guidelines application</title>
 
@@ -28,225 +28,279 @@
 
 <body>
 
-<div class="container">
-    <div class="row">
-        <section>
-            <div class="wizard">
-                <div class="wizard-inner">
-                    <div class="connecting-line"></div>
-                    <ul class="nav nav-tabs" role="tablist">
-
-                        <li role="presentation" class="active">
-                            <a href="#step1" data-toggle="tab" aria-controls="step1" role="tab"
-                               title="Load your ontology">
+    <div class="container">
+        <div class="row">
+            <section>
+                <div class="wizard">
+                    <div class="wizard-inner">
+                        <div class="connecting-line"></div>
+                        <ul class="nav nav-tabs" role="tablist">
+
+                            <li role="presentation" class="active">
+                                <a href="#step1" data-toggle="tab" aria-controls="step1" role="tab" title="Load your ontology">
                                     <span class="round-tab">
                                         <i class="glyphicon glyphicon-folder-open"></i>
                                     </span>
-                            </a>
-                        </li>
+                                </a>
+                            </li>
 
-                        <li role="presentation" class="disabled">
-                            <a href="#step2" data-toggle="tab" aria-controls="step2" role="tab"
-                               title="Enable your tests">
+                            <li role="presentation" class="disabled">
+                                <a href="#step2" data-toggle="tab" aria-controls="step2" role="tab" title="Enable your tests">
                                     <span class="round-tab">
                                         <i class="glyphicon glyphicon-pencil"></i>
                                     </span>
-                            </a>
-                        </li>
+                                </a>
+                            </li>
 
-                        <li role="presentation" class="disabled">
-                            <a href="#complete" data-toggle="tab" aria-controls="complete" role="tab"
-                               title="See tests results">
+                            <li role="presentation" class="disabled">
+                                <a href="#complete" data-toggle="tab" aria-controls="complete" role="tab" title="See tests results">
                                     <span class="round-tab">
                                         <i class="glyphicon glyphicon-ok"></i>
                                     </span>
-                            </a>
-                        </li>
-                    </ul>
-                </div>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
 
-                <!-- form role="form" -->
-                <form action="" method="post" enctype="multipart/form-data" id="js-upload-form" role="form">
-                    <div class="tab-content">
-                        <div class="tab-pane active" role="tabpanel" id="step1">
-                            <div class="panel panel-default">
-                                <div class="panel-heading">
-                                    <h2>Load your ontology</h2>
-                                </div>
-                                <div class="panel-body">
-                                    <em>Where is your ontology?</em>
-                                    <br/>
-                                    <br/>
-                                    <div class="wrapper">
-                                        <div class="col-xs-2 pull-left">
-                                            <a href="#modal-upload" title="In my computer" data-toggle="modal"
-                                               data-placement="left" class="pull-left">
-                                                <span class="round-tab">
-                                                    <i class="glyphicon glyphicon-hdd"></i>
-                                                </span>
-                                            </a>
-                                        </div>
-                                        <div class="col-xs-2 pull-left">
-                                            <a href="#modal-remote" title="In a remote server" data-toggle="modal"
-                                               data-placement="left" class="pull-left">
-                                                <span class="round-tab">
-                                                    <i class="glyphicon glyphicon-globe"></i>
-                                                </span>
-                                            </a>
+                    <!-- form role="form" -->
+                    <form action="" method="post" enctype="multipart/form-data" id="js-upload-form" role="form">
+                        <div class="tab-content">
+                            <div class="tab-pane active" role="tabpanel" id="step1">
+                                <div class="panel panel-default">
+                                    <div class="panel-heading">
+                                        <h2>Load your ontology</h2>
+                                    </div>
+                                    <div class="panel-body">
+                                        <em>Where is your ontology?</em>
+                                        <br/>
+                                        <br/>
+                                        <div class="wrapper">
+                                            <div class="col-xs-2 pull-left">
+                                                <a href="#modal-upload" title="In my computer" data-toggle="modal" data-placement="left" class="pull-left">
+                                                    <span class="round-tab">
+                                                        <i class="glyphicon glyphicon-hdd"></i>
+                                                    </span>
+                                                </a>
+                                            </div>
+                                            <div class="col-xs-2 pull-left">
+                                                <a href="#modal-remote" title="In a remote server" data-toggle="modal" data-placement="left" class="pull-left">
+                                                    <span class="round-tab">
+                                                        <i class="glyphicon glyphicon-globe"></i>
+                                                    </span>
+                                                </a>
+                                            </div>
                                         </div>
+                                        <br style="clear: both;" />
+                                        <br/>
+                                        <br/>
+                                        <br/>
                                     </div>
-                                    <br style="clear: both;"/>
-                                    <br/>
-                                    <br/>
-                                    <br/>
                                 </div>
-                            </div>
 
-                            <ul class="list-inline pull-right">
-                                <li>
-                                    <button type="button" class="btn btn-primary next-step" id="complete-step-1">Continue</button>
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="tab-pane" role="tabpanel" id="step2">
-                            <div class="panel panel-default">
-                                <div class="panel-heading">
-                                    <h2>Guidelines selection</h2>
-                                </div>
-                                <div class="panel-body">
-                                    <div id="questionnaire">
+                                <ul class="list-inline pull-right">
+                                    <li>
+                                        <button type="button" class="btn btn-primary next-step" id="complete-step-1">Continue</button>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="tab-pane" role="tabpanel" id="step2">
+                                <div class="panel panel-default">
+                                    <div class="panel-heading">
+                                        <h2>Guidelines selection</h2>
+                                    </div>
+                                    <div class="panel-body">
+                                        <div id="questionnaire">
+                                        </div>
                                     </div>
                                 </div>
+                                <ul class="list-inline pull-right">
+                                    <li>
+                                        <button type="button" class="btn btn-default prev-step">Previous</button>
+                                    </li>
+                                    <li>
+                                        <button type="submit" class="btn btn-primary next-step" id="js-upload-submit" disabled>Run tests</button>
+                                    </li>
+                                </ul>
                             </div>
-                            <ul class="list-inline pull-right">
-                                <li>
-                                    <button type="button" class="btn btn-default prev-step">Previous</button>
-                                </li>
-                                <li>
-                                    <button type="submit" class="btn btn-primary next-step" id="js-upload-submit" disabled>Run tests</button>
-                                </li>
-                            </ul>
-                        </div>
-                        </form>
-                        <div class="tab-pane" role="tabpanel" id="complete">
-                            <div class="panel panel-default">
-                                <div class="panel-heading">
-                                    <h2>Test results</h2>
-                                </div>
-                                <div class="panel-body">
-                                    <ul class="list-group">
-                                        <li class="list-group-item list-group-item-success">3 tests passed</li>
-                                        <li class="list-group-item list-group-item-warning">5 warnings found</li>
-                                        <li class="list-group-item list-group-item-danger">2 errors found</li>
-                                    </ul>
+                    </form>
+                    <div class="tab-pane" role="tabpanel" id="complete">
+                        <div class="panel panel-default">
+                            <div class="panel-heading">
+                                <h2>Test results</h2>
+                            </div>
+                            <div class="panel-body" id="results">
+                                <ul class="list-group">
+                                    <a data-toggle="collapse" href="#list-success" aria-expanded="false" aria-controls="collapseExample">
+                                        <li class="list-group-item list-group-item-success">
+                                            <h2>3 tests passed</h2>
+                                        </li>
+                                    </a>
+                                    <div class="collapse" id="list-success">
+                                        <ul>
+                                            <li class="list-group-item list-group-item-success">Success item</li>
+                                            <li class="list-group-item list-group-item-success">Success item</li>
+                                            <li class="list-group-item list-group-item-success">Success item</li>
+                                            <li class="list-group-item list-group-item-success">Success item</li>
+                                            <li class="list-group-item list-group-item-success">Success item</li>
+                                            <li class="list-group-item list-group-item-success">Success item</li>
+                                            <li class="list-group-item list-group-item-success">Success item</li>
+                                        </ul>
+                                    </div>
+                                    <a data-toggle="collapse" href="#list-warning" aria-expanded="false" aria-controls="collapseExample">
+                                        <li class="list-group-item list-group-item-warning">
+                                            <h2>4 warnings found</h2>
+                                        </li>
+                                    </a>
+                                    <div class="collapse" id="list-warning">
+                                        <ul>
+                                            <li class="list-group-item list-group-item-warning">Warn item</li>
+                                            <li class="list-group-item list-group-item-warning">Warn item</li>
+                                            <li class="list-group-item list-group-item-warning">Warn item</li>
+                                            <li class="list-group-item list-group-item-warning">Warn item</li>
+                                            <li class="list-group-item list-group-item-warning">Warn item</li>
+                                            <li class="list-group-item list-group-item-warning">Warn item</li>
+                                            <li class="list-group-item list-group-item-warning">Warn item</li>
+                                        </ul>
+                                    </div>
+                                    <a data-toggle="collapse" href="#list-error" aria-expanded="false" aria-controls="collapseExample">
+                                        <li class="list-group-item list-group-item-danger">
+                                            <h2>2 errors found</h2>
+                                        </li>
+                                    </a>
+                                    <div class="collapse" id="list-error">
+                                        <ul>
+                                            <li class="list-group-item list-group-item-danger">Error item</li>
+                                            <li class="list-group-item list-group-item-danger">Error item</li>
+                                            <li class="list-group-item list-group-item-danger">Error item</li>
+                                            <li class="list-group-item list-group-item-danger">Error item</li>
+                                            <li class="list-group-item list-group-item-danger">Error item</li>
+                                            <li class="list-group-item list-group-item-danger">Error item</li>
+                                            <li class="list-group-item list-group-item-danger">Error item</li>
+                                        </ul>
+                                    </div>
+
+                                </ul>
 
-                                </div>
                             </div>
-                            <ul class="list-inline pull-right">
-                                <li>
-                                    <button type="button" class="btn btn-danger" onclick="window.location.reload(true);">Restart</button>
-                                </li>
-                            </ul>
                         </div>
-                        <div class="clearfix"></div>
+                        <ul class="list-inline pull-right">
+                            <li>
+                                <button type="button" class="btn btn-danger" onclick="window.location.reload(true);">Restart</button>
+                            </li>
+                        </ul>
                     </div>
-                </form>
-            </div>
-        </section>
+                    <div class="clearfix"></div>
+                    </div>
+                    </form>
+                </div>
+            </section>
+        </div>
     </div>
-</div>
-
-<!-- Modals // the javascript popups -->
-<!-- Modal#1 - upload ontology -->
-<div class="modal fade" id="modal-upload" tabindex="-1" role="dialog" aria-labelledby="upload">
-    <div class="modal-dialog" role="document">
-        <div class="modal-content">
-            <div class="modal-header">
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
-                </button>
-                <h4 class="modal-title" id="uploadModal">Upload ontology</h4>
-            </div>
-            <div class="modal-body">
-
-                <!-- Standar Form -->
-                <h4>Select files from your computer</h4>
-                <!-- form action="" method="post" enctype="multipart/form-data" id="js-upload-form" -->
-                <form action="" id="js-upload-ontology">
-                    <div class="form-inline">
-                        <div class="form-group">
-                            <input type="file" name="ontology" id="js-upload-files">
+
+    <!-- Modals // the javascript popups -->
+    <!-- Modal#1 - upload ontology -->
+    <div class="modal fade" id="modal-upload" tabindex="-1" role="dialog" aria-labelledby="upload">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                    <h4 class="modal-title" id="uploadModal">Upload ontology</h4>
+                </div>
+                <div class="modal-body">
+
+                    <!-- Standar Form -->
+                    <h4>Select files from your computer</h4>
+                    <!-- form action="" method="post" enctype="multipart/form-data" id="js-upload-form" -->
+                    <form action="" id="js-upload-ontology">
+                        <div class="form-inline">
+                            <div class="form-group">
+                                <input type="file" name="ontology" id="js-upload-files">
+                            </div>
+                            <!-- button type="submit" class="btn btn-sm btn-primary" id="js-upload-submit">Upload file</button -->
                         </div>
-                        <!-- button type="submit" class="btn btn-sm btn-primary" id="js-upload-submit">Upload file</button -->
-                    </div>
 
-                <!-- Drop Zone 
+                        <!-- Drop Zone 
                 <h4>Or drag and drop files below</h4>
                 <div class="upload-drop-zone" id="drop-zone">
                     Just drag and drop files here
                 </div>-->
 
-                <!-- Progress Bar -->
-                <div class="progress" id="upload-progress">
-                    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"
-                         style="width: 0%;">
-                        <span class="sr-only">0% Complete</span>
-                    </div>
-                </div>
+                        <!-- Progress Bar -->
+                        <div class="progress" id="upload-progress">
+                            <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
+                                <span class="sr-only">0% Complete</span>
+                            </div>
+                        </div>
 
-                <!-- Upload Finished -->
-                <div class="js-upload-finished">
-                    <!-- h3>Processed files</h3 -->
-                    <div class="list-group">
-                        <a href="#" class="list-group-item" id="upload-info"></a>
-                        <!-- a href="#" class="list-group-item list-group-item-success">
+                        <!-- Upload Finished -->
+                        <div class="js-upload-finished">
+                            <!-- h3>Processed files</h3 -->
+                            <div class="list-group">
+                                <a href="#" class="list-group-item" id="upload-info"></a>
+                                <!-- a href="#" class="list-group-item list-group-item-success">
                             <span class="badge alert-success pull-right">Success</span>image-02.jpg</a -->
-                    </div>
+                            </div>
+                        </div>
                 </div>
+                <div class="modal-footer">
+                    <!-- button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button -->
+                    <button type="button" class="btn btn-primary" data-dismiss="modal" id="js-ontology-submit">Continue</button>
+                </div>
+                </form>
             </div>
-            <div class="modal-footer">
-                <!-- button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button -->
-                <button type="button" class="btn btn-primary" data-dismiss="modal" id="js-ontology-submit">Continue</button>
-            </div>
-        </form>
         </div>
     </div>
-</div>
-<!-- end Modal#1 -->
-
-<!-- Modal#2 - remote ontology  -->
-<div class="modal fade" id="modal-remote" tabindex="-1" role="dialog" aria-labelledby="remote">
-    <div class="modal-dialog" role="document">
-        <div class="modal-content">
-            <div class="modal-header">
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
-                </button>
-                <h4 class="modal-title" id="remoteModal">Remote ontology</h4>
-            </div>
-            <div class="modal-body">
-                Ontology URL: <input type="text" id="remote-url" style="width: 80%;" placeholder="Insert full URL of an ontology in turtle format">
-            </div>
-            <div class="modal-footer">
-                <!-- button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button -->
-                <button type="button" class="btn btn-primary" data-dismiss="modal" id="js-remote-submit">Continue</button>
+    <!-- end Modal#1 -->
+
+    <!-- Modal#2 - remote ontology  -->
+    <div class="modal fade" id="modal-remote" tabindex="-1" role="dialog" aria-labelledby="remote">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                    <h4 class="modal-title" id="remoteModal">Remote ontology</h4>
+                </div>
+                <div class="modal-body">
+                    Ontology URL:
+                    <input type="text" id="remote-url" style="width: 80%;" placeholder="Insert full URL of an ontology in turtle format">
+                </div>
+                <div class="modal-footer">
+                    <!-- button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button -->
+                    <button type="button" class="btn btn-primary" data-dismiss="modal" id="js-remote-submit">Continue</button>
+                </div>
             </div>
         </div>
     </div>
-</div>
-<!-- end Modal#2 -->
-
-    <div class="lds-spinner lightbox"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
-                   
-
-<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
-<!-- script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script -->
-<script src="js/jquery.min.js"></script>
-<!-- Include all compiled plugins (below), or include individual files as needed -->
-<script src="js/bootstrap.min.js"></script>
-<script src="js/checkbox.min.js"></script>
-<script src="js/app.js"></script>
-<!-- script src="http://formbuilder.online/assets/js/form-render.min.js"></script -->
+    <!-- end Modal#2 -->
+
+    <div class="lds-spinner lightbox">
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+    </div>
+
+
+    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+    <!-- script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script -->
+    <script src="js/jquery.min.js"></script>
+    <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <script src="js/bootstrap.min.js"></script>
+    <script src="js/checkbox.min.js"></script>
+    <script src="js/app.js"></script>
+    <!-- script src="http://formbuilder.online/assets/js/form-render.min.js"></script -->
 </body>
 
 </html>
\ No newline at end of file
diff --git a/guidelines/web/js/app.js b/guidelines/web/js/app.js
index 668a931..80ed310 100644
--- a/guidelines/web/js/app.js
+++ b/guidelines/web/js/app.js
@@ -5,9 +5,9 @@
 var $ = jQuery;
 
 /* TO-DOs
-* handle ontology remote input
-* integration with webservice (list test results)
-*/
+ * handle ontology remote input
+ * integration with webservice (list test results)
+ */
 
 
 $(document).ready(function () {
@@ -19,6 +19,16 @@ $(document).ready(function () {
     $('.nav-tabs > li a[title]').tooltip();
     $('.col-xs-2 > a[title]').tooltip();
 
+    $('#list-success').collapse({
+        toggle: false
+    });
+    $('#list-warning').collapse({
+        toggle: false
+    });
+    $('#list-error').collapse({
+        toggle: false
+    });
+
     //Initialize wizard navigation bar
     $('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
 
@@ -43,7 +53,7 @@ $(document).ready(function () {
 
     });
 
-    $('#complete-step-1').prop("disabled",true);
+    $('#complete-step-1').prop("disabled", true);
 
     $('form').on('change', ':checkbox', function () {
         //console.log('checkbox ' + this.name + ' toggled');
@@ -100,7 +110,7 @@ $(document).ready(function () {
         query = query.replace(regex, replaceString);
         regex = /^.*(<\$input\$>).*$/gm;
         query = query.replace(regex, "");
-        
+
         //console.log(query);
     });
 
@@ -219,19 +229,22 @@ function ($) {
             url: 'http://localhost:8080/ws/users/ontologyUpload',
             method: 'POST',
             type: 'POST',
-            accepts: { "*": "text/turtle" },
+            accepts: {
+                "*": "text/turtle"
+            },
             contentType: false,
             processData: false,
             cache: false,
             async: false,
             success: function (r) {
-                console.log(r);
+                var response = JSON.parse(r);
+                console.log(response);
             },
             xhr: function () {
                 let xhr = new window.XMLHttpRequest();
                 return xhr;
             }
-        }).complete(function() { 
+        }).complete(function () {
             $(".lds-spinner").hide();
         });
     };
@@ -249,7 +262,7 @@ function ($) {
 }(jQuery);
 
 //arrays for storing the SHACL tests for actual selected questions
-let SHACL_selected_class = new Map(); 
+let SHACL_selected_class = new Map();
 let SHACL_selected_prop = new Map();
 //arrays for storing the SHACL tests for all questions
 let SHACL_questions_class = new Map();
@@ -271,7 +284,7 @@ jQuery(function ($) {
     $.getJSON("guideline_form.json", function (loadedJson) {
         //console.log(loadedJson); // debug: output json to console
         let groups = $.parseJSON(JSON.stringify(loadedJson[0]));
-        
+
         for (let [index, group] of entries(groups)) {
             //console.log(index);
             //console.log(group);
@@ -292,7 +305,7 @@ jQuery(function ($) {
                     `;
                 }
             }
-            
+
             //check whether there is a single or multiple targetSubjectsOf 
             if (typeof groups[index].targetSubjectsOf === 'string') {
                 SHACL_tests_group += `sh:targetSubjectsOf ${groups[index].targetSubjectsOf};
@@ -312,7 +325,7 @@ jQuery(function ($) {
                 "<div class=\"panel-body\">";
 
             let questions = groups[index].questions;
-            
+
             for (var i in questions) {
                 let questionRendered = '';
                 let placeholder;
@@ -375,7 +388,7 @@ jQuery(function ($) {
             }
             renderGroup += "</div></div>";
             $("#questionnaire").append(renderGroup);
-            
+
         }
         //console.log(SHACL_questions);
 
