Added Reset Password button

src/components/admin/status/agentsUserManagementPage.vue

@@ -66,8 +66,12 @@
             <th>
               <b>Reset Password</b>
             </th>
-            <th></th>
-            <th></th>
+            <th>
+              <b>Modify</b>
+            </th>
+            <th>
+              <b>Remove</b>
+            </th>
           </tr>
         </thead>
         <tbody>
@@ -80,7 +84,9 @@
             <td>{{ item.email }}</td>
             <td v-if="item.user">{{ item.user.role }}</td>
             <td v-else></td>
-            <td></td>
+            <td>
+              <button type="button" class="btn" style="margin:2px; color: #60CBEB">Reset</button>
+            </td>
             <td>
               <button
                 type="button"

src/components/admin/status/userManagementPage.vue

@@ -63,8 +63,12 @@
             <th>
               <b>Reset Password</b>
             </th>
-            <th></th>
-            <th></th>
+            <th>
+              <b>Modify</b>
+            </th>
+            <th>
+              <b>Remove</b>
+            </th>
           </tr>
         </thead>
         <tbody>
@@ -77,7 +81,9 @@
             <td>{{ item.email }}</td>
             <td v-if="item.user">{{ item.user.role }}</td>
             <td v-else></td>
-            <td></td>
+            <td>
+              <button type="button" class="btn" style="margin:2px; color: #60CBEB">Reset</button>
+            </td>
             <td>
               <button
                 type="button"

src/components/user/updateProfileInfo.vue

@@ -36,10 +36,23 @@
             <td>
               <button
                 type="button"
-                @click="Edit(item)"
+                data-toggle="modal"
+                :data-target="'#myModal' + i"
                 class="btn"
                 style="margin:2px; color: #60CBEB"
               >Edit</button>
+              <div :id="'myModal' + i" class="modal fade" role="dialog">
+                <div class="modal-dialog modal-lg">
+                  <div class="modal-content">
+                    <div class="modal-header">
+                      <button type="button" class="close" data-dismiss="modal">&times;</button>
+                    </div>
+                    <div padding-left="20px">
+                      <Individual name="PrivateIndividual" :isAddIndividual="false" :item="item" />
+                    </div>
+                  </div>
+                </div>
+              </div>
             </td>
           </tr>
         </tbody>
@@ -51,12 +64,17 @@
 
 <script>
 import { mapState, mapActions } from 'vuex';
-// import axios from 'axios';
+import Individual from './registerPage.vue';
 
 export default {
   name: 'UpdateInfo',
+  components: {
+    Individual,
+  },
   data() {
-    return {};
+    return {
+      item: {},
+    };
   },
   methods: {
     ...mapActions('register', ['getIndividuals']),