Only add checklist items if they apply due to sso state

dashboard/src/theme.scss

@@ -676,6 +676,21 @@ multiselect {
     }
 }
 
+.checklist-item {
+    padding: 8px;
+    border: none;
+    border-left: 2px solid rgb(255, 76, 76);
+    background-color: #ff000014;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.checklist-item-acknowledged {
+    border-left: 2px solid transparent;
+    background-color: transparent;
+}
+
 // ----------------------------
 // Mail view
 // ----------------------------

dashboard/src/views/app.html

@@ -770,6 +770,13 @@
 
         <br/>
 
+        <div class="checklist-item" ng-repeat="item in info.checklist">
+          {{ item.message }}
+          <button class="btn btn-sm btn-default btn-outline" ng-click="alert('you wish')"><i class="fas fa-check"></i></button>
+        </div>
+
+        <br/>
+
         <p><label class="control-label">{{ 'app.info.notes.title' | tr }}</label></p>
         <div class="row">
           <div class="col-md-12">

dashboard/src/views/app.js

@@ -174,6 +174,9 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
             $scope.info.notes.busy = false;
             $scope.info.notes.content = $scope.app.notes;
             $scope.info.notes.editing = false;
+
+            console.log('--', $scope.app)
+            $scope.info.checklist = $scope.app.checklist;
         }
     };