Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Syafiq Dzaky Abhiyasa #46

Open
wants to merge 10 commits into
base: master
Choose a base branch
from
Open

Syafiq Dzaky Abhiyasa #46

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
0c2a1ea
Create Splash Screen ref #18
dzakyabhiyasa Mar 22, 2021
a886cca
Tampilan app
dzakyabhiyasa Mar 29, 2021
3b3d057
Create Tampilan app awal ref #18
dzakyabhiyasa Mar 29, 2021
562e509
Create Tampilan awal app ref #18
dzakyabhiyasa Mar 29, 2021
790788f
Create Register ref #28
dzakyabhiyasa Apr 1, 2021
b9b51bd
Create register verif ref #28
dzakyabhiyasa Apr 1, 2021
e88d021
Create Login ref #27
dzakyabhiyasa Apr 1, 2021
788e7cb
Create Password regist & login ref #28
dzakyabhiyasa Apr 1, 2021
adf0655
Create pengaturan profil ref #29
dzakyabhiyasa Apr 1, 2021
b6790b3
crete ganti pass (di pengaturan profil) ref #30
dzakyabhiyasa Apr 1, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
131 changes: 131 additions & 0 deletions (pass)profile.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,131 @@
@extends('layouts._app')

@section('title')
Profil Pengguna
@endsection

@section('css')

@endsection

@section('header')
Profil Pengguna
@endsection

@section('content')
<div class="row">
<div class="col-lg-4 col-xlg-3 col-md-5">
<div class="card">
<div class="card-body">
<center class="m-t-30">
<img src="https://ui-avatars.com/api/?bold=true&background=10bed2&color=ffffff&name={{ Auth::user()['name'] }}" class="rounded-circle" width="150" />
<h4 class="card-title m-t-10">{{ Auth::user()['name'] }}</h4>
</center>
</div>
<hr>
<div class="card-body">
<small class="text-muted">Alamat Email</small>
<h6>{{ Auth::user()['email'] }}</h6>
<small class="text-muted p-t-30 db">Nomor Handphone</small>
<h6>+62 {{ Auth::user()['phone_number'] }}</h6>
<small class="text-muted p-t-30 db">Alamat</small>
<h6>{{ Auth::user()['address'] }}</h6>
</div>
</div>
</div>
<div class="col-lg-8 col-xlg-9 col-md-7">
<div class="card">
<ul class="nav nav-pills custom-pills" id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="pills-timeline-tab" data-toggle="pill" href="#current-month" role="tab" aria-controls="pills-timeline" aria-selected="true">
Identitas Diri
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#last-month" role="tab" aria-controls="pills-profile" aria-selected="false">
Ubah Password
</a>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="current-month" role="tabpanel" aria-labelledby="pills-timeline-tab">
<div class="card-body">
<form method="POST">
@csrf
<div class="form-group">
<label for="nama_lengkap">Nama Lengkap</label>
<input name="name" type="text" value="{{ Auth::user()['name'] }}" type="text" class="form-control" id="nama_lengkap" aria-describedby="Nama Lengkap" placeholder="Nama Lengkap" required>
@error('name')
<small class="form-text text-danger">{{ $message }}</small>
@enderror
</div>
<div class="form-group">
<label for="email">Alamat Email</label>
<input value="{{ Auth::user()['email'] }}" type="text" class="form-control" id="email" aria-describedby="Alamat Email" placeholder="Alamat Email" disabled>
</div>
<div class="form-group">
<label for="phone_number">Nomor Handphone</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">+62</span>
</div>
<input name="phone_number" type="number" value="{{ Auth::user()['phone_number'] }}" type="text" class="form-control" id="phone_number" aria-describedby="Nomor Handphone" placeholder="Nomor Handphone" required>
</div>
@error('phone_number')
<small class="form-text text-danger">{{ $message }}</small>
@enderror
</div>
<div class="form-group">
<label for="address">Alamat Lengkap</label>
<textarea class="form-control" name="address" id="address" cols="30" rows="2" required>{{ Auth::user()['address'] }}</textarea>
@error('address')
<small class="form-text text-danger">{{ $message }}</small>
@enderror
</div>
<hr>
<button class="btn btn-info" type="submit">
Simpan Perubahan
</button>
</form>
</div>
</div>
<div class="tab-pane fade" id="last-month" role="tabpanel" aria-labelledby="pills-profile-tab">
<div class="card-body">
<form method="POST" action="{{ route('profile.password') }}">
@csrf
<div class="form-group">
<label for="old_password">Password Lama</label>
<input name="old_password" type="password" class="form-control" id="old_password" aria-describedby="Password Lama" placeholder="Password Lama" required>
@error('old_password')
<small class="form-text text-danger">{{ $message }}</small>
@enderror
</div>
<div class="form-group">
<label for="password">Password Baru</label>
<input name="password" type="password" class="form-control" id="password" aria-describedby="Password Baru" placeholder="Password Baru" required>
@error('password')
<small class="form-text text-danger">{{ $message }}</small>
@enderror
</div>
<div class="form-group">
<label for="password_confirmation">Konfirmasi Password</label>
<input name="password_confirmation" type="password" class="form-control" id="password_confirmation" aria-describedby="Konfirmasi Password" placeholder="Konfirmasi Password" required>
@error('password_confirmation')
<small class="form-text text-danger">{{ $message }}</small>
@enderror
</div>
<hr>
<button class="btn btn-info" type="submit">
Ubah Password
</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection

@section('js')
@endsection
10 changes: 10 additions & 0 deletions Fitur Tampilan Awal.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!DOCTYPE html>
<head>

</head>

<body>
<h1>
Fitur experience dari Splash Screen
</h1>
</body>
221 changes: 221 additions & 0 deletions _app.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,221 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
<base href="{{ url('/') }}">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>@yield('title') - {{ env('APP_NAME', 'CEGU') }} </title>
<link rel="shortcut icon" href="favicon.ico" />

<link href="dist/css/style.min.css" rel="stylesheet">

@yield('css')

<style>
.bg-footer {
background-color: #efefef;
}
</style>
</head>

<body>
<div class="preloader">
<div class="lds-ripple">
<div class="lds-pos"></div>
<div class="lds-pos"></div>
</div>
</div>
<div id="main-wrapper">
<header class="topbar">
<nav class="navbar top-navbar navbar-expand-md navbar-dark">
<div class="navbar-header">
<a class="nav-toggler waves-effect waves-light d-block d-md-none" href="javascript:void(0)">
<i class="ti-menu ti-close"></i>
</a>
<a class="navbar-brand" href="{{ route('index') }}">
<b class="logo-icon">
<img src="img/header-logo.png" alt="homepage" class="dark-logo" />
<img src="img/header-logo.png" alt="homepage" class="light-logo" />
</b>
<span class="logo-text">
<img src="img/header-text-dark.png" alt="homepage" class="dark-logo" />
<img src="img/header-text.png" class="light-logo" alt="homepage" />
</span>
</a>
<a class="topbartoggler d-block d-md-none waves-effect waves-light" href="javascript:void(0)" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="ti-more"></i>
</a>
</div>
<div class="navbar-collapse collapse" id="navbarSupportedContent">
<div class="mr-auto"></div>
<ul class="navbar-nav float-right">
@guest
<li class="nav-item d-flex align-items-center">
@if (Route::has('login'))
<a href="{{ route('login') }}" class="btn waves-effect waves-light btn-rounded btn-outline-light mr-2 px-5">Masuk</a>
@endif
@if (Route::has('register'))
<a href="{{ route('register') }}" class="btn waves-effect waves-light btn-rounded btn-danger px-5">Daftar</a>
@endif
</li>
@else
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-muted waves-effect waves-dark pro-pic" href="" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">

<span class="font-weight-bold text-light mr-2">{{ Auth::user()['name'] }}</span>
<img src="https://ui-avatars.com/api/?bold=true&background=FFFFFF&color=10bed2&name={{ Auth::user()['name'] }}" alt="user" class="rounded-circle" width="31">
</a>
<div class="dropdown-menu dropdown-menu-right user-dd animated flipInY">
<span class="with-arrow">
<span class="bg-info"></span>
</span>
<div class="d-flex no-block align-items-center p-15 bg-info text-white m-b-10">
<div class="">
<img src="https://ui-avatars.com/api/?bold=true&background=FFFFFF&color=10bed2&name={{ Auth::user()['name'] }}" alt="user" class="rounded-circle" width="60">
</div>
<div class="m-l-10">
<h4 class="m-b-0">{{ Auth::user()['name'] }}</h4>
<p class=" m-b-0">{{ Auth::user()['email'] }}</p>
</div>
</div>
<a class="dropdown-item" href="{{ route('profile') }}">
<i class="ti-user m-r-5 m-l-5"></i>
Profil Saya
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
<i class="fa fa-power-off m-r-5 m-l-5"></i>
Keluar
</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
@csrf
</form>
</div>
</li>
@endguest
</ul>
</div>
</nav>
</header>
<aside class="left-sidebar">
<div class="scroll-sidebar">
<nav class="sidebar-nav">
<ul id="sidebarnav">
<li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark" href="starter-kit.html" aria-expanded="false"><i class="icon-File-Hide"></i><span class="hide-menu">Starter page </span></a></li>
<li class="nav-small-cap"><i class="mdi mdi-dots-horizontal"></i> <span class="hide-menu">Personal</span></li>
<li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="icon-Car-Wheel"></i><span class="hide-menu">Dashboard </span></a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item"><a href="{{ route('index') }}" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> Dashboard 1 </span></a></li>
<li class="sidebar-item"><a href="index2.html" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> Dashboard 2 </span></a></li>
<li class="sidebar-item"><a href="index3.html" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> Dashboard 3 </span></a></li>
</ul>
</li>
<li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="icon-Increase-Inedit"></i><span class="hide-menu">Multi Level DD</span></a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item"><a href="javascript:void(0)" class="sidebar-link"><i class="mdi mdi-octagram"></i><span class="hide-menu"> item 1.1</span></a></li>
<li class="sidebar-item"><a href="javascript:void(0)" class="sidebar-link"><i class="mdi mdi-octagram"></i><span class="hide-menu"> item 1.2</span></a></li>
<li class="sidebar-item"> <a class="has-arrow sidebar-link" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-playlist-plus"></i> <span class="hide-menu">Menu 1.3</span></a>
<ul aria-expanded="false" class="collapse second-level">
<li class="sidebar-item"><a href="javascript:void(0)" class="sidebar-link"><i class="mdi mdi-octagram"></i><span class="hide-menu"> item 1.3.1</span></a></li>
<li class="sidebar-item"><a href="javascript:void(0)" class="sidebar-link"><i class="mdi mdi-octagram"></i><span class="hide-menu"> item 1.3.2</span></a></li>
<li class="sidebar-item"><a href="javascript:void(0)" class="sidebar-link"><i class="mdi mdi-octagram"></i><span class="hide-menu"> item 1.3.3</span></a></li>
<li class="sidebar-item"><a href="javascript:void(0)" class="sidebar-link"><i class="mdi mdi-octagram"></i><span class="hide-menu"> item 1.3.4</span></a></li>
</ul>
</li>
<li class="sidebar-item"><a href="javascript:void(0)" class="sidebar-link"><i class="mdi mdi-playlist-check"></i><span class="hide-menu"> item 1.4</span></a></li>
</ul>
</li>
</ul>
</nav>
</div>
</aside>
<div class="page-wrapper">
<div class="page-breadcrumb">
<div class="row">
<div class="col-12 align-self-center">
<h3 class="page-title text-info font-weight-bold">@yield('header')</h3>
<div class="d-flex align-items-center">

</div>
</div>
<div class="col-7 align-self-center">
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12">
@include('alert')
</div>
</div>
@yield('content')
</div>
</div>
</div>


<footer class="footer bg-footer">
<div class="container">
<div class="row py-4">
<div class="col-12 col-lg-6">
<div class="d-flex mb-3">
<div class="mr-3 align-items-center">
<i class="ti-home text-info"></i>
</div>
<div class="align-items-center">
Jl. Telekomunikasi Jl. Terusan Buah Batu, Sukapura, Kec. Dayeuhkolot, Kota Bandung, Jawa Barat 40257
</div>
</div>
<div class="d-flex mb-3">
<div class="mr-3 align-items-center">
<i class="ti-pin-alt text-info"></i>
</div>
<div class="align-items-center">
+62812 1234 5678 9876
</div>
</div>
</div>
<div class="col-12 col-lg-6 text-lg-right text-center">
<h3 class="text-info">
- Our Vision -
</h3>
<h5>Buatlah dirimu merasa aman dan nyaman dengan gedung dan ruangan kami</h5>
</div>
</div>
</div>
<hr>
<div class="text-center">
All Rights Reserved by AdminBite admin. Designed and Developed by
<a href="https://wrappixel.com">WrapPixel</a>.
</div>
</footer>

<script src="assets/libs/jquery/dist/jquery.min.js"></script>
<script src="assets/libs/popper.js/dist/umd/popper.min.js"></script>
<script src="assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>

<script src="dist/js/app.min.js"></script>
<script src="dist/js/app.init.horizontal.js"></script>
<script src="dist/js/app-style-switcher.horizontal.js"></script>
<script src="assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script>
<script src="assets/extra-libs/sparkline/sparkline.js"></script>
<script src="dist/js/waves.js"></script>
<script src="dist/js/sidebarmenu.js"></script>
<script src="dist/js/custom.min.js"></script>

@yield('js')

<script>
$('#main-wrapper').attr("data-header-position", 'fixed' );
$('#main-wrapper').attr("data-sidebar-position", 'fixed' );
$('.topbar .top-navbar .navbar-header').attr("data-navheader", 'fixed' );
</script>

</body>
</html>
Loading