Configuration create,edit,delete fixed

flask_monitoringdashboard/static/pages/configuration.html

@@ -37,9 +37,9 @@ <h4>Configuration settings</h4>
                     <td>
                         <div>
                             <input type="radio" ng-model="telemetryConsent" value="true"
-                                   ng-change="handleTelemetry(true)"> Agree
+                                ng-change="handleTelemetry(true)"> Agree
                             <input type="radio" ng-model="telemetryConsent" value="false"
-                                   ng-change="handleTelemetry(false)"> Decline
+                                ng-change="handleTelemetry(false)"> Decline
                         </div>
                     </td>
                 </tr>
@@ -56,25 +56,25 @@ <h4>Configuration settings</h4>
     <div class="form-group row">
         <label class="col-md-4 col-form-label text-md-right" for="create-username">Username</label>
         <div class="col-md-8">
-            <input type="text" id="create-username" class="form-control" required/>
+            <input type="text" id="create-username" class="form-control" required />
         </div>
     </div>
     <div class="form-group row">
         <label class="col-md-4 col-form-label text-md-right" for="create-pwd">Password</label>
         <div class="col-md-8">
-            <input type="password" id="create-pwd" class="form-control" required/>
+            <input type="password" id="create-pwd" class="form-control" required />
         </div>
     </div>
     <div class="form-group row">
         <label class="col-md-4 col-form-label text-md-right" for="create-pwd2">Confirm password</label>
         <div class="col-md-8">
-            <input type="password" id="create-pwd2" class="form-control" required/>
+            <input type="password" id="create-pwd2" class="form-control" required />
         </div>
     </div>
     <div class="form-group row">
         <label class="col-md-4 col-form-label text-md-right" for="create-admin">Admin</label>
         <div class="col-md-8">
-            <input type="checkbox" id="create-admin" class="form-control"/>
+            <input type="checkbox" id="create-admin"/>
         </div>
     </div>
 </modal>
@@ -83,31 +83,31 @@ <h4>Configuration settings</h4>
     <div class="form-group row">
         <label class="col-md-4 col-form-label text-md-right" for="edit-username">Username</label>
         <div class="col-md-8">
-            <input type="text" id="edit-username" class="form-control" value="{{ user.username }}" disabled required/>
+            <input type="text" id="edit-username" class="form-control" value="{{ user.username }}" disabled required />
         </div>
     </div>
     <div class="form-group row">
         <label class="col-md-4 col-form-label text-md-right" for="edit-old-pwd">Old password</label>
         <div class="col-md-8">
-            <input type="password" id="edit-old-pwd" class="form-control" required/>
+            <input type="password" id="edit-old-pwd" class="form-control" required />
         </div>
     </div>
     <div class="form-group row">
         <label class="col-md-4 col-form-label text-md-right" for="edit-new-pwd">New password</label>
         <div class="col-md-8">
-            <input type="password" id="edit-new-pwd" class="form-control" required/>
+            <input type="password" id="edit-new-pwd" class="form-control" required />
         </div>
     </div>
     <div class="form-group row">
         <label class="col-md-4 col-form-label text-md-right" for="edit-new-pwd2">Confirm new password</label>
         <div class="col-md-8">
-            <input type="password" id="edit-new-pwd2" class="form-control" required/>
+            <input type="password" id="edit-new-pwd2" class="form-control" required />
         </div>
     </div>
     <div class="form-group row">
         <label class="col-md-4 col-form-label text-md-right" for="edit-admin">Admin</label>
         <div class="col-md-8">
-            <input type="checkbox" id="edit-admin" class="form-control" ng-model="user.is_admin"/>
+            <input type="checkbox" id="edit-admin" ng-model="user.is_admin">
         </div>
     </div>
 </modal>
@@ -131,14 +131,17 @@ <h4>User management</h4>
                     <td>{{ user.username }}</td>
                     <td>{{ user.is_admin ? 'Yes' : 'No' }}</td>
                     <td>
-                        <button class="btn btn-primary" ng-click="openModal('edit', user)">Edit</button>
+                        <button class="btn btn-primary" ng-click="openModal('edit', user)" data-bs-toggle="modal"
+                            data-bs-target="#editModal">Edit</button>
                     </td>
                     <td>
-                        <button class="btn btn-primary" ng-click="openModal('delete', user)">Delete</button>
+                        <button class="btn btn-primary" ng-click="openModal('delete', user)" data-bs-toggle="modal"
+                            data-bs-target="#deleteModal">Delete</button>
                     </td>
                 </tr>
             </table>
-            <button class="btn btn-primary" ng-click="openModal('create', null)">Create new user</button>
+            <button class="btn btn-primary" ng-click="openModal('create', null)" data-bs-toggle="modal"
+                data-bs-target="#createModal">Create new user</button>
         </div>
     </div>
 </div>