Add button to show accounts section

webadmin/src/views/apps.html

@@ -203,6 +203,25 @@
     </div>
 </div>
 
+<!-- Modal accounts app -->
+<div class="modal fade" id="appAccountsModal" tabindex="-1" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title">{{ Account information for appAccounts.app.fqdn }}</h4>
+            </div>
+            <div class="modal-body">
+                <div class="appstore-install-description">
+                    <div ng-bind-html="appAccounts.info | markdown2html"></div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
+            </div>
+        </div>
+    </div>
+</div>
+
 <!-- Modal error app -->
 <div class="modal fade" id="appErrorModal" tabindex="-1" role="dialog">
     <div class="modal-dialog">
@@ -347,6 +366,11 @@
                                         <div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ app.progress }}%"></div>
                                     </div>
                                 </div>
+                                <div>
+                                    <a href="" ng-click="showAccounts(app)" ng-style="{ 'visibility': (app | installationActive) ? 'visible' : 'hidden' }">
+                                        <i class="fa fa-users scale"></i>
+                                    </a>
+                                </div>
                             </div>
                         </div>
                     </div>

webadmin/src/views/apps.js

@@ -65,6 +65,11 @@ angular.module('Application').controller('AppsController', ['$scope', '$location
         password: ''
     };
 
+    $scope.appAccounts = {
+        app: {},
+        info: ''
+    };
+
     $scope.appError = {
         app: {}
     };
@@ -275,6 +280,17 @@ angular.module('Application').controller('AppsController', ['$scope', '$location
         });
     };
 
+    $scope.showAccounts = function (app) {
+        $scope.reset();
+
+        $scope.appAccounts.app = app;
+        $scope.appAccounts.info = app.manifest.description;
+
+        $('#appAccountsModal').modal('show');
+
+        return false; // prevent propagation and default
+    };
+
     $scope.showError = function (app) {
         $scope.reset();
 
@@ -291,6 +307,8 @@ angular.module('Application').controller('AppsController', ['$scope', '$location
         $scope.appRestore.app = app;
 
         $('#appRestoreModal').modal('show');
+
+        return false; // prevent propagation and default
     };
 
     $scope.doRestore = function () {