r4sas/recastin-panel
1
0
Fork 0
mirror of https://github.com/r4sas/recastin-panel synced 2025-03-12 13:21:14 +00:00
Code Issues Releases Wiki Activity

Added Account Settings page to change password

Browse Source
This commit is contained in:
Shyim 2018-04-26 16:42:03 +02:00
parent d91d394af6
commit 4a101cc703
7 changed files with 133 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/static/css/app.css
View File

File diff suppressed because one or more lines are too long

2
public/static/js/app.js
View File

File diff suppressed because one or more lines are too long

3
public/theme/src/components/Dashboard/Layout/TopNavbar.vue
View File

@ -16,6 +16,9 @@
<div class="collapse navbar-collapse justify-content-end">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="#/ucp/settings" class="nav-link">
Account Settings
</a>
<a href="#" v-on:click="logout" class="nav-link">
Log out
</a>

80
public/theme/src/components/ReCast/AccountSettings.vue Normal file
View File

@ -0,0 +1,80 @@
<template>
<div class="content">
<div class="container-fluid">
<card>
<h4>Change Password</h4>
<form @submit="changePassword">
<fg-input label="Current Password" v-model="resetPassword.currentPassword" type="password" required="required"></fg-input>
<fg-input label="New Password" v-model="resetPassword.newPassword" pattern=".{6,}" type="password" required="required"></fg-input>
<small>Passwords must have at minimum 6 characters</small>
<fg-input label="New Password Repeat" v-model="resetPassword.newPassword2" pattern=".{6,}" type="password" required="required"></fg-input>
<button class="btn btn-primary">Change Password</button>
</form>
</card>
</div>
</div>
</template>
<script>
import Card from "../UIComponents/Cards/Card";
export default {
components: {
Card
},
data() {
return {
resetPassword: {
currentPassword: '',
newPassword: '',
newPassword2: '',
}
}
},
methods: {
changePassword: function (e) {
e.preventDefault();
if (this.resetPassword.newPassword !== this.resetPassword.newPassword2) {
const notification = {
template: `<span>New Passwords are not equal</span>`
};
this.$notify(
{
component: notification,
icon: 'fa fa-exclamation-triangle',
horizontalAlign: 'right',
verticalAlign: 'top',
type: 'danger'
});
} else {
this.axios.post('/auth/changePassword', {currentPassword: this.resetPassword.currentPassword, newPassword: this.resetPassword.newPassword}).then(response => {
this.$auth.logout({
redirect: {name: 'login'}
})
}).catch(error => {
const notification = {
template: `<span>${error.response.data.message}</span>`
};
this.$notify(
{
component: notification,
icon: 'fa fa-exclamation-triangle',
horizontalAlign: 'right',
verticalAlign: 'top',
type: 'danger'
});
})
}
}
}
}
</script>
<style>
h4 {
margin-top: 0;
}
</style>

6
public/theme/src/components/UIComponents/Inputs/Checkbox.vue
View File

@ -54,4 +54,10 @@
.form-check {
padding: 0;
}
.form-check .form-check-label {
padding-left: 25px;
}
.form-check .form-check-sign::before, .form-check .form-check-sign::after {
margin-top: -17px;
}
</style>

7
public/theme/src/routes/routes.js
View File

@ -14,6 +14,8 @@ import EditStream from 'src/components/ReCast/Streams/EditStream.vue'
import SetupStream from 'src/components/ReCast/Streams/SetupStream.vue'
import EditEndpoint from 'src/components/ReCast/Endpoints/EditEndpoint.vue'
import AccountSettings from 'src/components/ReCast/AccountSettings.vue'
const routes = [
{
path: '/',
@ -36,6 +38,11 @@ const routes = [
component: Overview,
meta: {auth: true},
},
{
path: 'settings',
component: AccountSettings,
meta: {auth: true},
},
{
path: 'streams',
name: 'My Streams',

37
src/Controller/User.php
View File

@ -5,15 +5,18 @@ namespace App\Controller;
use Sensio\Bundle\FrameworkExtraBundle\Configuration\Route;
use Symfony\Bundle\FrameworkBundle\Controller\Controller;
use Symfony\Component\HttpFoundation\JsonResponse;
use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\Security\Core\Encoder\UserPasswordEncoderInterface;
/**
* @Route("/api/auth")
* Class User
* @author Soner Sayakci <shyim@posteo.de>
*/
class User extends Controller
{
/**
* @Route(path="/api/auth/user")
* @Route(path="/user")
* @author Soner Sayakci <shyim@posteo.de>
*/
public function me()
@ -22,11 +25,41 @@ class User extends Controller
}
/**
* @Route(path="/api/auth/refresh")
* @Route(path="/refresh")
* @author Soner Sayakci <shyim@posteo.de>
*/
public function refresh()
{
return new JsonResponse(['success' => true]);
}
/**
* @Route(path="/changePassword")
* @author Soner Sayakci <shyim@posteo.de>
* @param Request $request
* @param UserPasswordEncoderInterface $userPasswordEncoder
* @return JsonResponse
* @throws \Doctrine\ORM\ORMException
*/
public function changePassword(Request $request, UserPasswordEncoderInterface $userPasswordEncoder) : JsonResponse
{
$currentPassword = $request->request->get('currentPassword');
$newPassword = $request->request->get('newPassword');
/** @var \App\Entity\User $user */
$user = $this->getUser();
if (!$userPasswordEncoder->isPasswordValid($user, $currentPassword)) {
return new JsonResponse(['message' => 'Current password does not match'], 500);
}
$encodedPassword = $userPasswordEncoder->encodePassword($user, $newPassword);
$user->setPassword($encodedPassword);
$manager = $this->get('doctrine.orm.default_entity_manager');
$manager->persist($user);
$manager->flush();
return new JsonResponse();
}
}