edit password

src/components/ChangeLog.vue

@@ -16,8 +16,8 @@
       </div>
       <div class="change-list">
         <div
-          v-for="change in changelog"
+          v-for="(change, index) in changelog"
-          :key="change.title"
+          :key="index"
           class="change"
         >
           <div class="date">

src/components/app/Popouts/Popouts/SettingsPanels/EditProfile.vue

@@ -23,6 +23,11 @@
             <div class="title">Current Password</div>
             <input type="password" autocomplete="new-password" @input="inputEvent('password', $event)" />
           </div>
+          <div class="link" v-if="!resetPassword" @click="resetPassword = true">Reset Password</div>
+          <div class="outer-input" v-if="resetPassword">
+            <div class="title">New Password</div>
+            <input type="password" autocomplete="new-password" @input="inputEvent('new_password', $event)" />
+          </div>
         </form>
       </div>
 
@@ -64,6 +69,7 @@ export default {
       errors: null,
       requestSent: false,
       changed: false,
+      resetPassword: false,
       update: {}
     };
   },
@@ -117,6 +123,7 @@ export default {
         }
         this.errors = data.errors;
       } else {
+        this.resetPassword = false
         this.update = {};
       }
       this.requestSent = false;
@@ -244,6 +251,15 @@ export default {
   padding: 10px;
   align-self: center;
 }
+.link {
+  user-select: none;
+  cursor: pointer;
+  margin-left: 35px;
+}
+.link:hover {
+  text-decoration: underline;
+}
+
 @media (max-width: 740px) {
   .inner-content {
     flex-direction: column;
@@ -264,6 +280,10 @@ export default {
   .outer-input {
     margin-left: initial;
   }
+  .link {
+    margin: 0;
+    text-align: center;
+  }
 }
 
 </style>

src/utils/changelog.js

@@ -16,12 +16,13 @@ const config = [
 
   {
     version: 5.8,
-    title: "Bug fixes",
+    title: "Bug fixes, Change password.",
     shortTitle: "",
-    date: "04/08/2019",
+    date: "05/08/2019",
-    headColor: "rgba(79, 38, 50, 0.77)",
+    headColor: "rgba(255, 75, 127, 0.77)",
     new: [
       "Added more badges (Bug Catcher, Idea Queen)",
+      "You can now change your password.",
     ],
     fix: [
       "Fixed a bug where desktop notifications would show for your own messages.",