dari laptop
This commit is contained in:
Saufi
74
resources/views/profile/edit.blade.php
Normal file
74
resources/views/profile/edit.blade.php
Normal file
@@ -0,0 +1,74 @@
|
||||
@extends('layouts.appmin')
|
||||
|
||||
@section('tajuk')
|
||||
Profil
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="breadcrumbs mb-3">
|
||||
<li class="nav-home">
|
||||
<a href="#">
|
||||
<i class="icon-home"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="separator">
|
||||
<i class="icon-arrow-right"></i>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#">Profil</a>
|
||||
</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
@if (session('success'))
|
||||
<div class="alert alert-success mt-3" role="alert">
|
||||
{{ session('success') }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-8 ">
|
||||
@include('profile.partials.update-profile-information-form')
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
@include('profile.partials.update-password-form')
|
||||
</div>
|
||||
<?php /*
|
||||
<div class="col-12">
|
||||
@include('profile.partials.delete-user-form')
|
||||
</div> */ ?>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
|
||||
@section('js')
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
@if (session('status') === 'profile-updated')
|
||||
// Automatically hide the alert after 2 seconds
|
||||
setTimeout(function () {
|
||||
$('#alert-message').fadeOut('slow', function () {
|
||||
$(this).alert('close'); // Closes the alert after fade out
|
||||
});
|
||||
}, 2000);
|
||||
@endif
|
||||
|
||||
@if (session('status') === 'password-updated')
|
||||
// Automatically hide the alert after 2 seconds
|
||||
setTimeout(function () {
|
||||
$('#alert-message2').fadeOut('slow', function () {
|
||||
$(this).alert('close'); // Closes the alert after fade out
|
||||
});
|
||||
}, 2000);
|
||||
@endif
|
||||
|
||||
$('#deleteAccountButton').on('click', function () {
|
||||
$('#confirmUserDeletionModal').modal('show');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
49
resources/views/profile/edited.blade.php
Normal file
49
resources/views/profile/edited.blade.php
Normal file
@@ -0,0 +1,49 @@
|
||||
@extends('layouts.appmin')
|
||||
|
||||
@section('tajuk')
|
||||
Profil
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="breadcrumbs mb-3">
|
||||
<li class="nav-home">
|
||||
<a href="#">
|
||||
<i class="icon-home"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="separator">
|
||||
<i class="icon-arrow-right"></i>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#">Profil</a>
|
||||
</li>
|
||||
<li class="separator">
|
||||
<i class="icon-arrow-right"></i>
|
||||
</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="py-12">
|
||||
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
|
||||
<div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
|
||||
<div class="max-w-xl">
|
||||
@include('profile.partials.update-profile-information-form')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
|
||||
<div class="max-w-xl">
|
||||
@include('profile.partials.update-password-form')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
|
||||
<div class="max-w-xl">
|
||||
@include('profile.partials.delete-user-form')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
61
resources/views/profile/partials/delete-user-form.blade.php
Normal file
61
resources/views/profile/partials/delete-user-form.blade.php
Normal file
@@ -0,0 +1,61 @@
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2>{{ __('profil.HAPUS_AKAUN') }} <small>{{ __('profil.HAPUS_AKAUN_AYAT') }}</small></h2>
|
||||
<ul class="nav navbar-right panel_toolbox">
|
||||
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<br />
|
||||
<!-- Delete Account Button -->
|
||||
<button type="button" class="btn btn-danger" id="deleteAccountButton" >
|
||||
{{ __('profil.HAPUS_AKAUN') }}
|
||||
</button>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="confirmUserDeletionModal" tabindex="-1" aria-labelledby="confirmUserDeletionModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<form method="post" action="{{ route('profile.destroy') }}" class="form-label-left input_mask">
|
||||
@csrf
|
||||
@method('delete')
|
||||
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="confirmUserDeletionModalLabel">{{ __('profil.HAPUS_AKAUN_CONFIRM') }}</h5>
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>
|
||||
{{ __('profil.HAPUS_AKAUN_CONFIRM_AYAT') }}
|
||||
</p>
|
||||
<div class="item form-group">
|
||||
<label class="col-form-label col-md-3 col-sm-3 label-align" for="password">{{ __('profil.KATALALUAN') }}
|
||||
</label>
|
||||
<div class="col-md-6 col-sm-6 ">
|
||||
<input
|
||||
type="password"
|
||||
id="password"
|
||||
name="password"
|
||||
class="form-control @error('password') is-invalid @enderror"
|
||||
placeholder=""
|
||||
>
|
||||
@error('password')
|
||||
<div class="invalid-feedback">
|
||||
{{ $message }}
|
||||
</div>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('profil.BATAL') }}</button>
|
||||
<button type="submit" class="btn btn-danger">{{ __('profil.HAPUS_AKAUN') }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,48 @@
|
||||
|
||||
<div class="card mb-3">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">TUKAR PASSWORD</h3>
|
||||
</div> <!-- /.card-header -->
|
||||
<div class="card-body">
|
||||
<form class="form-label-left input_mask" method="post" action="{{ route('password.update') }}">
|
||||
@csrf
|
||||
@method('put')
|
||||
<div class="form-group">
|
||||
<label class="col-form-label col-md-3 col-sm-3 label-align" for="nokp">Katalaluan Semasa
|
||||
</label>
|
||||
<div class="col-12 ">
|
||||
<input type="password" id="update_password_current_password" name="update_password_current_password" class="form-control @error('update_password_current_password') is-invalid @enderror" >
|
||||
@error('update_password_current_password')
|
||||
<div class="alert alert-danger">{{ $message }}</div>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-form-label col-md-3 col-sm-3 label-align" for="update_password_password">Katalaluan Baru
|
||||
</label>
|
||||
<div class="col-12 ">
|
||||
<input type="password" id="update_password_password" name="password" class="form-control @error('password') is-invalid @enderror" >
|
||||
@error('password')
|
||||
<div class="alert alert-danger">{{ $message }}</div>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-form-label col-md-3 col-sm-3 label-align" for="update_password_password_confirmation">Sahkan Katalaluan Baru
|
||||
</label>
|
||||
<div class="col-12 ">
|
||||
<input type="password" id="update_password_password_confirmation" name="password_confirmation" class="form-control @error('password_confirmation') is-invalid @enderror" >
|
||||
@error('password_confirmation')
|
||||
<div class="alert alert-danger">{{ $message }}</div>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
<div class="ln_solid"></div>
|
||||
<div class="form-group">
|
||||
<div class="col-12 offset-md-3">
|
||||
<button type="submit" class="btn btn-success btn-sm ms-auto">SIMPAN</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div> <!-- /.card -->
|
||||
@@ -0,0 +1,94 @@
|
||||
|
||||
<div class="card mb-3">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">MAKLUMAT PROFIL</h3>
|
||||
</div> <!-- /.card-header -->
|
||||
<div class="card-body">
|
||||
<form id="send-verification" method="post" action="{{ route('verification.send') }}" enctype="multipart/form-data">
|
||||
@csrf
|
||||
</form>
|
||||
<form class="form-label-left input_mask" method="post" action="{{ route('profile.update') }}" enctype="multipart/form-data">
|
||||
@csrf
|
||||
@method('patch')
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label col-md-3 col-sm-3 label-align" for="nokp">No KP <span class="required">*</span>
|
||||
</label>
|
||||
<div class="col-12">
|
||||
<input type="text" id="nokp" name="nokp" required="required" class="form-control" value="{{$user->nokp}}" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-form-label col-md-3 col-sm-3 label-align" for="name">Nama <span class="required">*</span>
|
||||
</label>
|
||||
<div class="col-12">
|
||||
<input type="text" id="name" name="name" required="required" class="form-control @error('name') is-invalid @enderror" value="{{old('name', $user->name)}}" autofocus>
|
||||
@error('name')
|
||||
<div class="alert alert-danger">{{ $message }}</div>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-form-label col-md-3 col-sm-3 label-align" for="email">Emel <span class="required">*</span>
|
||||
</label>
|
||||
<div class="col-12">
|
||||
<input type="email" id="email" name="email" required="required" class="form-control @error('email') is-invalid @enderror" value="{{old('email', $user->email)}}" >
|
||||
@error('email')
|
||||
<div class="alert alert-danger">{{ $message }}</div>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
@if ($user instanceof \Illuminate\Contracts\Auth\MustVerifyEmail && ! $user->hasVerifiedEmail())
|
||||
<div>
|
||||
<p class="mt-2 text-warning">
|
||||
{{ __('Your email address is unverified.') }}
|
||||
|
||||
<button form="send-verification" class="btn btn-primary">
|
||||
{{ __('Click here to re-send the verification email.') }}
|
||||
</button>
|
||||
</p>
|
||||
|
||||
@if (session('status') === 'verification-link-sent')
|
||||
<p class="mt-2 text-success">
|
||||
{{ __('A new verification link has been sent to your email address.') }}
|
||||
</p>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="col-form-label col-md-3 col-sm-3 label-align" for="notelefon">No Telefon
|
||||
</label>
|
||||
<div class="col-12">
|
||||
<input type="text" id="notelefon" name="notelefon" class="form-control " value="{{old('email', $user->notelefon)}}" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
|
||||
<div class="avatar avatar-xxl">
|
||||
@if(!is_null($user->avatar_path))
|
||||
<img src="{{ route('profil.stream', [$user->avatar_path]) }}" class="avatar-img rounded-circle">
|
||||
@else
|
||||
<img src="{{ asset('img/avatar.png') }}" class="avatar-img rounded">
|
||||
@endif
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-12">
|
||||
<input type="file" id="avatar" name="avatar" class="form-control" value="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ln_solid"></div>
|
||||
<div class="form-group">
|
||||
<div class="col-12 offset-md-3">
|
||||
<button type="submit" class="btn btn-success btn-sm ms-auto">SIMPAN</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user