katam/Konfirmsibank
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Daeng Deni Mardaeni
2023-07-03 14:33:24 +07:00
commit 6210e33a3b
3798 changed files with 258149 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

182
resources/views/partials/modals/create-app/_main.blade.php Normal file
View File

@ -0,0 +1,182 @@
<!--begin::Modal - Create App-->
<div class="modal fade" id="kt_modal_create_app" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-900px">
<!--begin::Modal content-->
<div class="modal-content">
<!--begin::Modal header-->
<div class="modal-header">
<!--begin::Modal title-->
<h2>Create App</h2>
<!--end::Modal title-->
<!--begin::Close-->
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">{!! getIcon('cross', 'fs-1') !!}</div>
<!--end::Close-->
</div>
<!--end::Modal header-->
<!--begin::Modal body-->
<div class="modal-body py-lg-10 px-lg-10">
<!--begin::Stepper-->
<div class="stepper stepper-pills stepper-column d-flex flex-column flex-xl-row flex-row-fluid" id="kt_modal_create_app_stepper">
<!--begin::Aside-->
<div class="d-flex justify-content-center justify-content-xl-start flex-row-auto w-100 w-xl-300px">
<!--begin::Nav-->
<div class="stepper-nav ps-lg-10">
<!--begin::Step 1-->
<div class="stepper-item current" data-kt-stepper-element="nav">
<!--begin::Wrapper-->
<div class="stepper-wrapper">
<!--begin::Icon-->
<div class="stepper-icon w-40px h-40px">
<i class="stepper-check fas fa-check"></i>
<span class="stepper-number">1</span>
</div>
<!--end::Icon-->
<!--begin::Label-->
<div class="stepper-label">
<h3 class="stepper-title">Details</h3>
<div class="stepper-desc">Name your App</div>
</div>
<!--end::Label-->
</div>
<!--end::Wrapper-->
<!--begin::Line-->
<div class="stepper-line h-40px"></div>
<!--end::Line-->
</div>
<!--end::Step 1-->
<!--begin::Step 2-->
<div class="stepper-item" data-kt-stepper-element="nav">
<!--begin::Wrapper-->
<div class="stepper-wrapper">
<!--begin::Icon-->
<div class="stepper-icon w-40px h-40px">
<i class="stepper-check fas fa-check"></i>
<span class="stepper-number">2</span>
</div>
<!--begin::Icon-->
<!--begin::Label-->
<div class="stepper-label">
<h3 class="stepper-title">Frameworks</h3>
<div class="stepper-desc">Define your app framework</div>
</div>
<!--begin::Label-->
</div>
<!--end::Wrapper-->
<!--begin::Line-->
<div class="stepper-line h-40px"></div>
<!--end::Line-->
</div>
<!--end::Step 2-->
<!--begin::Step 3-->
<div class="stepper-item" data-kt-stepper-element="nav">
<!--begin::Wrapper-->
<div class="stepper-wrapper">
<!--begin::Icon-->
<div class="stepper-icon w-40px h-40px">
<i class="stepper-check fas fa-check"></i>
<span class="stepper-number">3</span>
</div>
<!--end::Icon-->
<!--begin::Label-->
<div class="stepper-label">
<h3 class="stepper-title">Database</h3>
<div class="stepper-desc">Select the app database type</div>
</div>
<!--end::Label-->
</div>
<!--end::Wrapper-->
<!--begin::Line-->
<div class="stepper-line h-40px"></div>
<!--end::Line-->
</div>
<!--end::Step 3-->
<!--begin::Step 4-->
<div class="stepper-item" data-kt-stepper-element="nav">
<!--begin::Wrapper-->
<div class="stepper-wrapper">
<!--begin::Icon-->
<div class="stepper-icon w-40px h-40px">
<i class="stepper-check fas fa-check"></i>
<span class="stepper-number">4</span>
</div>
<!--end::Icon-->
<!--begin::Label-->
<div class="stepper-label">
<h3 class="stepper-title">Billing</h3>
<div class="stepper-desc">Provide payment details</div>
</div>
<!--end::Label-->
</div>
<!--end::Wrapper-->
<!--begin::Line-->
<div class="stepper-line h-40px"></div>
<!--end::Line-->
</div>
<!--end::Step 4-->
<!--begin::Step 5-->
<div class="stepper-item mark-completed" data-kt-stepper-element="nav">
<!--begin::Wrapper-->
<div class="stepper-wrapper">
<!--begin::Icon-->
<div class="stepper-icon w-40px h-40px">
<i class="stepper-check fas fa-check"></i>
<span class="stepper-number">5</span>
</div>
<!--end::Icon-->
<!--begin::Label-->
<div class="stepper-label">
<h3 class="stepper-title">Completed</h3>
<div class="stepper-desc">Review and Submit</div>
</div>
<!--end::Label-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Step 5-->
</div>
<!--end::Nav-->
</div>
<!--begin::Aside-->
<!--begin::Content-->
<div class="flex-row-fluid py-lg-5 px-lg-15">
<!--begin::Form-->
<form class="form" novalidate="novalidate" id="kt_modal_create_app_form">
@include('partials/modals/create-app/steps/_step-1')
@include('partials/modals/create-app/steps/_step-2')
@include('partials/modals/create-app/steps/_step-3')
@include('partials/modals/create-app/steps/_step-4')
@include('partials/modals/create-app/steps/_step-5')
<!--begin::Actions-->
<div class="d-flex flex-stack pt-10">
<!--begin::Wrapper-->
<div class="me-2">
<button type="button" class="btn btn-lg btn-light-primary me-3" data-kt-stepper-action="previous">{!! getIcon('arrow-left', 'fs-3 me-1') !!} Back</button>
</div>
<!--end::Wrapper-->
<!--begin::Wrapper-->
<div>
<button type="button" class="btn btn-lg btn-primary" data-kt-stepper-action="submit">
<span class="indicator-label">Submit {!! getIcon('arrow-right', 'fs-3 ms-2 me-0') !!}</span>
<span class="indicator-progress">Please wait...
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
</button>
<button type="button" class="btn btn-lg btn-primary" data-kt-stepper-action="next">Continue {!! getIcon('arrow-right', 'fs-3 ms-1 me-0') !!}</button>
</div>
<!--end::Wrapper-->
</div>
<!--end::Actions-->
</form>
<!--end::Form-->
</div>
<!--end::Content-->
</div>
<!--end::Stepper-->
</div>
<!--end::Modal body-->
</div>
<!--end::Modal content-->
</div>
<!--end::Modal dialog-->
</div>
<!--end::Modal - Create App-->

105
resources/views/partials/modals/create-app/steps/_step-1.blade.php Normal file
View File

@ -0,0 +1,105 @@
<!--begin::Step 1-->
<div class="current" data-kt-stepper-element="content">
<div class="w-100">
<!--begin::Input group-->
<div class="fv-row mb-10">
<!--begin::Label-->
<label class="d-flex align-items-center fs-5 fw-semibold mb-2">
<span class="required">App Name</span>
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Specify your unique app name"></i>
</label>
<!--end::Label-->
<!--begin::Input-->
<input type="text" class="form-control form-control-lg form-control-solid" name="name" placeholder="" value="" />
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="fv-row">
<!--begin::Label-->
<label class="d-flex align-items-center fs-5 fw-semibold mb-4">
<span class="required">Category</span>
<span class="ms-1" data-bs-toggle="tooltip" title="Select your app category"></span>
</label>
<!--end::Label-->
<!--begin:Options-->
<div class="fv-row">
<!--begin:Option-->
<label class="d-flex flex-stack mb-5 cursor-pointer">
<!--begin:Label-->
<span class="d-flex align-items-center me-2">
<!--begin:Icon-->
<span class="symbol symbol-50px me-6">
<span class="symbol-label bg-light-primary">{!! getIcon('compass', 'fs-1 text-primary') !!}</span>
</span>
<!--end:Icon-->
<!--begin:Info-->
<span class="d-flex flex-column">
<span class="fw-bold fs-6">Quick Online Courses</span>
<span class="fs-7 text-muted">Creating a clear text structure is just one SEO</span>
</span>
<!--end:Info-->
</span>
<!--end:Label-->
<!--begin:Input-->
<span class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="radio" name="category" value="1" />
</span>
<!--end:Input-->
</label>
<!--end::Option-->
<!--begin:Option-->
<label class="d-flex flex-stack mb-5 cursor-pointer">
<!--begin:Label-->
<span class="d-flex align-items-center me-2">
<!--begin:Icon-->
<span class="symbol symbol-50px me-6">
<span class="symbol-label bg-light-danger">{!! getIcon('element-11', 'fs-1 text-danger') !!}</span>
</span>
<!--end:Icon-->
<!--begin:Info-->
<span class="d-flex flex-column">
<span class="fw-bold fs-6">Face to Face Discussions</span>
<span class="fs-7 text-muted">Creating a clear text structure is just one aspect</span>
</span>
<!--end:Info-->
</span>
<!--end:Label-->
<!--begin:Input-->
<span class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="radio" name="category" value="2" />
</span>
<!--end:Input-->
</label>
<!--end::Option-->
<!--begin:Option-->
<label class="d-flex flex-stack cursor-pointer">
<!--begin:Label-->
<span class="d-flex align-items-center me-2">
<!--begin:Icon-->
<span class="symbol symbol-50px me-6">
<span class="symbol-label bg-light-success">{!! getIcon('timer', 'fs-1 text-success') !!}</span>
</span>
<!--end:Icon-->
<!--begin:Info-->
<span class="d-flex flex-column">
<span class="fw-bold fs-6">Full Intro Training</span>
<span class="fs-7 text-muted">Creating a clear text structure copywriting</span>
</span>
<!--end:Info-->
</span>
<!--end:Label-->
<!--begin:Input-->
<span class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="radio" name="category" value="3" />
</span>
<!--end:Input-->
</label>
<!--end::Option-->
</div>
<!--end:Options-->
</div>
<!--end::Input group-->
</div>
</div>
<!--end::Step 1-->

120
resources/views/partials/modals/create-app/steps/_step-2.blade.php Normal file
View File

@ -0,0 +1,120 @@
<!--begin::Step 2-->
<div data-kt-stepper-element="content">
<div class="w-100">
<!--begin::Input group-->
<div class="fv-row">
<!--begin::Label-->
<label class="d-flex align-items-center fs-5 fw-semibold mb-4">
<span class="required">Select Framework</span>
<span class="ms-1" data-bs-toggle="tooltip" title="Specify your apps framework"></span>
</label>
<!--end::Label-->
<!--begin:Option-->
<label class="d-flex flex-stack cursor-pointer mb-5">
<!--begin:Label-->
<span class="d-flex align-items-center me-2">
<!--begin:Icon-->
<span class="symbol symbol-50px me-6">
<span class="symbol-label bg-light-warning">
<i class="fab fa-html5 text-warning fs-2x"></i>
</span>
</span>
<!--end:Icon-->
<!--begin:Info-->
<span class="d-flex flex-column">
<span class="fw-bold fs-6">HTML5</span>
<span class="fs-7 text-muted">Base Web Projec</span>
</span>
<!--end:Info-->
</span>
<!--end:Label-->
<!--begin:Input-->
<span class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="radio" checked="checked" name="framework" value="1" />
</span>
<!--end:Input-->
</label>
<!--end::Option-->
<!--begin:Option-->
<label class="d-flex flex-stack cursor-pointer mb-5">
<!--begin:Label-->
<span class="d-flex align-items-center me-2">
<!--begin:Icon-->
<span class="symbol symbol-50px me-6">
<span class="symbol-label bg-light-success">
<i class="fab fa-react text-success fs-2x"></i>
</span>
</span>
<!--end:Icon-->
<!--begin:Info-->
<span class="d-flex flex-column">
<span class="fw-bold fs-6">ReactJS</span>
<span class="fs-7 text-muted">Robust and flexible app framework</span>
</span>
<!--end:Info-->
</span>
<!--end:Label-->
<!--begin:Input-->
<span class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="radio" name="framework" value="2" />
</span>
<!--end:Input-->
</label>
<!--end::Option-->
<!--begin:Option-->
<label class="d-flex flex-stack cursor-pointer mb-5">
<!--begin:Label-->
<span class="d-flex align-items-center me-2">
<!--begin:Icon-->
<span class="symbol symbol-50px me-6">
<span class="symbol-label bg-light-danger">
<i class="fab fa-angular text-danger fs-2x"></i>
</span>
</span>
<!--end:Icon-->
<!--begin:Info-->
<span class="d-flex flex-column">
<span class="fw-bold fs-6">Angular</span>
<span class="fs-7 text-muted">Powerful data mangement</span>
</span>
<!--end:Info-->
</span>
<!--end:Label-->
<!--begin:Input-->
<span class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="radio" name="framework" value="3" />
</span>
<!--end:Input-->
</label>
<!--end::Option-->
<!--begin:Option-->
<label class="d-flex flex-stack cursor-pointer">
<!--begin:Label-->
<span class="d-flex align-items-center me-2">
<!--begin:Icon-->
<span class="symbol symbol-50px me-6">
<span class="symbol-label bg-light-primary">
<i class="fab fa-vuejs text-primary fs-2x"></i>
</span>
</span>
<!--end:Icon-->
<!--begin:Info-->
<span class="d-flex flex-column">
<span class="fw-bold fs-6">Vue</span>
<span class="fs-7 text-muted">Lightweight and responsive framework</span>
</span>
<!--end:Info-->
</span>
<!--end:Label-->
<!--begin:Input-->
<span class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="radio" name="framework" value="4" />
</span>
<!--end:Input-->
</label>
<!--end::Option-->
</div>
<!--end::Input group-->
</div>
</div>
<!--end::Step 2-->

104
resources/views/partials/modals/create-app/steps/_step-3.blade.php Normal file
View File

@ -0,0 +1,104 @@
<!--begin::Step 3-->
<div data-kt-stepper-element="content">
<div class="w-100">
<!--begin::Input group-->
<div class="fv-row mb-10">
<!--begin::Label-->
<label class="required fs-5 fw-semibold mb-2">Database Name</label>
<!--end::Label-->
<!--begin::Input-->
<input type="text" class="form-control form-control-lg form-control-solid" name="dbname" placeholder="" value="master_db" />
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="fv-row">
<!--begin::Label-->
<label class="d-flex align-items-center fs-5 fw-semibold mb-4">
<span class="required">Select Database Engine</span>
<span class="ms-1" data-bs-toggle="tooltip" title="Select your app database engine"></span>
</label>
<!--end::Label-->
<!--begin:Option-->
<label class="d-flex flex-stack cursor-pointer mb-5">
<!--begin::Label-->
<span class="d-flex align-items-center me-2">
<!--begin::Icon-->
<span class="symbol symbol-50px me-6">
<span class="symbol-label bg-light-success">
<i class="fas fa-database text-success fs-2x"></i>
</span>
</span>
<!--end::Icon-->
<!--begin::Info-->
<span class="d-flex flex-column">
<span class="fw-bold fs-6">MySQL</span>
<span class="fs-7 text-muted">Basic MySQL database</span>
</span>
<!--end::Info-->
</span>
<!--end::Label-->
<!--begin::Input-->
<span class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="radio" name="dbengine" checked="checked" value="1" />
</span>
<!--end::Input-->
</label>
<!--end::Option-->
<!--begin:Option-->
<label class="d-flex flex-stack cursor-pointer mb-5">
<!--begin::Label-->
<span class="d-flex align-items-center me-2">
<!--begin::Icon-->
<span class="symbol symbol-50px me-6">
<span class="symbol-label bg-light-danger">
<i class="fab fa-google text-danger fs-2x"></i>
</span>
</span>
<!--end::Icon-->
<!--begin::Info-->
<span class="d-flex flex-column">
<span class="fw-bold fs-6">Firebase</span>
<span class="fs-7 text-muted">Google based app data management</span>
</span>
<!--end::Info-->
</span>
<!--end::Label-->
<!--begin::Input-->
<span class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="radio" name="dbengine" value="2" />
</span>
<!--end::Input-->
</label>
<!--end::Option-->
<!--begin:Option-->
<label class="d-flex flex-stack cursor-pointer">
<!--begin::Label-->
<span class="d-flex align-items-center me-2">
<!--begin::Icon-->
<span class="symbol symbol-50px me-6">
<span class="symbol-label bg-light-warning">
<i class="fab fa-amazon text-warning fs-2x"></i>
</span>
</span>
<!--end::Icon-->
<!--begin::Info-->
<span class="d-flex flex-column">
<span class="fw-bold fs-6">DynamoDB</span>
<span class="fs-7 text-muted">Amazon Fast NoSQL Database</span>
</span>
<!--end::Info-->
</span>
<!--end::Label-->
<!--begin::Input-->
<span class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="radio" name="dbengine" value="3" />
</span>
<!--end::Input-->
</label>
<!--end::Option-->
</div>
<!--end::Input group-->
</div>
</div>
<!--end::Step 3-->

7
resources/views/partials/modals/create-app/steps/_step-4.blade.php Normal file
View File

@ -0,0 +1,7 @@
<!--begin::Step 4-->
<div data-kt-stepper-element="content">
<div class="w-100">
@include('partials/modals/new-card/_form')
</div>
</div>
<!--end::Step 4-->

17
resources/views/partials/modals/create-app/steps/_step-5.blade.php Normal file
View File

@ -0,0 +1,17 @@
<!--begin::Step 5-->
<div data-kt-stepper-element="content">
<div class="w-100 text-center">
<!--begin::Heading-->
<h1 class="fw-bold text-dark mb-3">Release!</h1>
<!--end::Heading-->
<!--begin::Description-->
<div class="text-muted fw-semibold fs-3">Submit your app to kickstart your project.</div>
<!--end::Description-->
<!--begin::Illustration-->
<div class="text-center px-4 py-15">
<img src="assets/media/illustrations/sketchy-1/9.png" alt="" class="mw-100 mh-300px" />
</div>
<!--end::Illustration-->
</div>
</div>
<!--end::Step 5-->