webui: Allow live databases to be deleted from the profile page

Author: justinclift

webui/templates/profile.html

@@ -262,9 +262,12 @@ <h4 style="vertical-align: middle;"><a class="blackLink" href="https://api.dbhub
                 <div class="col-md-6">
                     <table class="table table-striped table-responsive profileTable" data-cy="livedbstbl">
                         <tr ng-repeat="row in livedbs">
-                            <td>
+                            <td style="border: 1px solid #ddd">
                                 <h4>{{ row.owner_name }}/{{ row.database_name }}</h4>
                             </td>
+                            <td>
+                                <button type="button" class="btn btn-danger" ng-click="confirmDelete(row.database_name)" data-cy="delbtn">Delete database</button>
+                            </td>
                         </tr>
                     </table>
                 </div>
@@ -287,6 +290,12 @@ <h4>{{ row.owner_name }}/{{ row.database_name }}</h4>
         $scope.stars = { Stars: [[ .Stars ]] };
         $scope.watching = [[ .Watching ]];
 
+        // Bounce to the database deletion page
+        $scope.confirmDelete = function(path) {
+          //console.log(path);
+          window.location = '/confirmdelete/[[ .Meta.Owner ]]/' + path;
+        };
+
         // Returns a nicely presented "time elapsed" string
         $scope.getTimePeriodTxt = function(date1, includeOn) {
             return getTimePeriod(date1, includeOn)