Initial commit
This commit is contained in:
Daeng Deni Mardaeni
@ -0,0 +1,86 @@
|
||||
<!--begin::Modal - Create Project-->
|
||||
<div class="modal fade" id="kt_modal_create_project" tabindex="-1" aria-hidden="true">
|
||||
<!--begin::Modal dialog-->
|
||||
<div class="modal-dialog modal-fullscreen p-9">
|
||||
<!--begin::Modal content-->
|
||||
<div class="modal-content modal-rounded">
|
||||
<!--begin::Modal header-->
|
||||
<div class="modal-header">
|
||||
<!--begin::Modal title-->
|
||||
<h2>Create Project</h2>
|
||||
<!--end::Modal title-->
|
||||
<!--begin::Close-->
|
||||
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
|
||||
{!! getSvgIcon('duotune/arrows/arr061.svg', 'svg-icon svg-icon-1') !!}
|
||||
</div>
|
||||
<!--end::Close-->
|
||||
</div>
|
||||
<!--end::Modal header-->
|
||||
<!--begin::Modal body-->
|
||||
<div class="modal-body scroll-y m-5">
|
||||
<!--begin::Stepper-->
|
||||
<div class="stepper stepper-links d-flex flex-column" id="kt_modal_create_project_stepper">
|
||||
<!--begin::Container-->
|
||||
<div class="container">
|
||||
<!--begin::Nav-->
|
||||
<div class="stepper-nav justify-content-center py-2">
|
||||
<!--begin::Step 1-->
|
||||
<div class="stepper-item me-5 me-md-15 current" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Project Type</h3>
|
||||
</div>
|
||||
<!--end::Step 1-->
|
||||
<!--begin::Step 2-->
|
||||
<div class="stepper-item me-5 me-md-15" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Project Settings</h3>
|
||||
</div>
|
||||
<!--end::Step 2-->
|
||||
<!--begin::Step 3-->
|
||||
<div class="stepper-item me-5 me-md-15" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Budget</h3>
|
||||
</div>
|
||||
<!--end::Step 3-->
|
||||
<!--begin::Step 4-->
|
||||
<div class="stepper-item me-5 me-md-15" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Build A Team</h3>
|
||||
</div>
|
||||
<!--end::Step 4-->
|
||||
<!--begin::Step 5-->
|
||||
<div class="stepper-item me-5 me-md-15" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Set First Target</h3>
|
||||
</div>
|
||||
<!--end::Step 5-->
|
||||
<!--begin::Step 6-->
|
||||
<div class="stepper-item me-5 me-md-15" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Upload Files</h3>
|
||||
</div>
|
||||
<!--end::Step 6-->
|
||||
<!--begin::Step 7-->
|
||||
<div class="stepper-item" data-kt-stepper-element="nav">
|
||||
<h3 class="stepper-title">Completed</h3>
|
||||
</div>
|
||||
<!--end::Step 7-->
|
||||
</div>
|
||||
<!--end::Nav-->
|
||||
<!--begin::Form-->
|
||||
<form class="mx-auto w-100 mw-600px pt-15 pb-10" novalidate="novalidate" id="kt_modal_create_project_form" method="post">
|
||||
@incldue('partials/modals/create-project/steps/type')
|
||||
@incldue('partials/modals/create-project/steps/settings')
|
||||
@incldue('partials/modals/create-project/steps/budget')
|
||||
@incldue('partials/modals/create-project/steps/team')
|
||||
@incldue('partials/modals/create-project/steps/targets')
|
||||
@incldue('partials/modals/create-project/steps/files')
|
||||
@incldue('partials/modals/create-project/steps/complete')
|
||||
</form>
|
||||
<!--end::Form-->
|
||||
</div>
|
||||
<!--begin::Container-->
|
||||
</div>
|
||||
<!--end::Stepper-->
|
||||
</div>
|
||||
<!--end::Modal body-->
|
||||
</div>
|
||||
<!--end::Modal content-->
|
||||
</div>
|
||||
<!--end::Modal dialog-->
|
||||
</div>
|
||||
<!--end::Modal - Create Project-->
|
||||
@ -0,0 +1,121 @@
|
||||
<!--begin::Budget-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-10 pb-lg-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Budget</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check
|
||||
<a href="#" class="link-primary">Project Guidelines</a></div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="d-flex align-items-center fs-6 fw-semibold mb-2">
|
||||
<span class="required">Setup Budget</span>
|
||||
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="popover" data-bs-trigger="hover" data-bs-html="true" data-bs-content="<div class='p-4 rounded bg-light'> <div class='d-flex flex-stack text-muted mb-4'> <i class='fas fa-university fs-3 me-3'></i> <div class='fw-bold'>INCBANK **** 1245 STATEMENT</div> </div> <div class='d-flex flex-stack fw-semibold text-gray-600'> <div>Amount</div> <div>Transaction</div> </div> <div class='separator separator-dashed my-2'></div> <div class='d-flex flex-stack text-dark fw-bold mb-2'> <div>USD345.00</div> <div>KEENTHEMES*</div> </div> <div class='d-flex flex-stack text-muted mb-2'> <div>USD75.00</div> <div>Hosting fee</div> </div> <div class='d-flex flex-stack text-muted'> <div>USD3,950.00</div> <div>Payrol</div> </div> </div>"></i>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Dialer-->
|
||||
<div class="position-relative w-lg-250px" id="kt_modal_create_project_budget_setup" data-kt-dialer="true" data-kt-dialer-min="50" data-kt-dialer-max="50000" data-kt-dialer-step="100" data-kt-dialer-prefix="$" data-kt-dialer-decimals="2">
|
||||
<!--begin::Decrease control-->
|
||||
<button type="button" class="btn btn-icon btn-active-color-gray-700 position-absolute translate-middle-y top-50 start-0" data-kt-dialer-control="decrease">{!! getSvgIcon('duotune/general/gen042.svg', 'svg-icon svg-icon-1') !!}</button>
|
||||
<!--end::Decrease control-->
|
||||
<!--begin::Input control-->
|
||||
<input type="text" class="form-control form-control-solid border-0 ps-12" data-kt-dialer-control="input" placeholder="Amount" name="budget_setup" readonly="readonly" value="$50" />
|
||||
<!--end::Input control-->
|
||||
<!--begin::Increase control-->
|
||||
<button type="button" class="btn btn-icon btn-active-color-gray-700 position-absolute translate-middle-y top-50 end-0" data-kt-dialer-control="increase">{!! getSvgIcon('duotune/general/gen041.svg', 'svg-icon svg-icon-1') !!}</button>
|
||||
<!--end::Increase control-->
|
||||
</div>
|
||||
<!--end::Dialer-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="fs-6 fw-semibold mb-2">Budget Usage</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Row-->
|
||||
<div class="row g-9" data-kt-buttons="true" data-kt-buttons-target="[data-kt-button='true']">
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6 col-lg-12 col-xxl-6">
|
||||
<!--begin::Option-->
|
||||
<label class="btn btn-outline btn-outline-dashed btn-active-light-primary active d-flex text-start p-6" data-kt-button="true">
|
||||
<!--begin::Radio-->
|
||||
<span class="form-check form-check-custom form-check-solid form-check-sm align-items-start mt-1">
|
||||
<input class="form-check-input" type="radio" name="budget_usage" value="1" checked="checked" />
|
||||
</span>
|
||||
<!--end::Radio-->
|
||||
<!--begin::Info-->
|
||||
<span class="ms-5">
|
||||
<span class="fs-4 fw-bold text-gray-800 mb-2 d-block">Precise Usage</span>
|
||||
<span class="fw-semibold fs-7 text-gray-600">Withdraw money to your bank account per transaction under $50,000 budget</span>
|
||||
</span>
|
||||
<!--end::Info-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6 col-lg-12 col-xxl-6">
|
||||
<!--begin::Option-->
|
||||
<label class="btn btn-outline btn-outline-dashed btn-active-light-primary d-flex text-start p-6" data-kt-button="true">
|
||||
<!--begin::Radio-->
|
||||
<span class="form-check form-check-custom form-check-solid form-check-sm align-items-start mt-1">
|
||||
<input class="form-check-input" type="radio" name="budget_usage" value="2" />
|
||||
</span>
|
||||
<!--end::Radio-->
|
||||
<!--begin::Info-->
|
||||
<span class="ms-5">
|
||||
<span class="fs-4 fw-bold text-gray-800 mb-2 d-block">Extreme Usage</span>
|
||||
<span class="fw-semibold fs-7 text-gray-600">Withdraw money to your bank account per transaction under $50,000 budget</span>
|
||||
</span>
|
||||
<!--end::Info-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-15">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5">
|
||||
<label class="fs-6 fw-semibold">Allow Changes in Budget</label>
|
||||
<div class="fs-7 fw-semibold text-muted">If you need more info, please check budget planning</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Switch-->
|
||||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="checkbox" value="1" name="budget_allow" checked="checked" />
|
||||
<span class="form-check-label fw-semibold text-muted">Allowed</span>
|
||||
</label>
|
||||
<!--end::Switch-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-stack">
|
||||
<button type="button" class="btn btn-lg btn-light me-3" data-kt-element="budget-previous">Project Settings</button>
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-element="budget-next">
|
||||
<span class="indicator-label">Build Team</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Budget-->
|
||||
@ -0,0 +1,28 @@
|
||||
<!--begin::Complete-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-12 text-center">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Project Created!</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check how to create project</div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-center pb-20">
|
||||
<button type="button" class="btn btn-lg btn-light me-3" data-kt-element="complete-start">Create New Project</button>
|
||||
<a href="" class="btn btn-lg btn-primary" data-bs-toggle="tooltip" title="Coming Soon">View Project</a>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
<!--begin::Illustration-->
|
||||
<div class="text-center px-4">
|
||||
<img src="{{ asset('illustrations/sketchy-1/9.png') }}" alt="" class="mww-100 mh-350px" />
|
||||
</div>
|
||||
<!--end::Illustration-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Complete-->
|
||||
@ -0,0 +1,214 @@
|
||||
<!--begin::Files-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-10 pb-lg-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Upload Files</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check
|
||||
<a href="#" class="link-primary">Project Guidelines</a></div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Dropzone-->
|
||||
<div class="dropzone" id="kt_modal_create_project_files_upload">
|
||||
<!--begin::Message-->
|
||||
<div class="dz-message needsclick">
|
||||
<!--begin::Icon-->
|
||||
{!! getSvgIcon('duotune/files/fil010.svg', 'svg-icon svg-icon-3hx svg-icon-primary') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<div class="ms-4">
|
||||
<h3 class="dfs-3 fw-bold text-gray-900 mb-1">Drop files here or click to upload.</h3>
|
||||
<span class="fw-semibold fs-4 text-muted">Upload up to 10 files</span>
|
||||
</div>
|
||||
<!--end::Info--></div>
|
||||
</div>
|
||||
<!--end::Dropzone-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="fs-6 fw-semibold mb-2">Uploaded File</label>
|
||||
<!--End::Label-->
|
||||
<!--begin::Files-->
|
||||
<div class="mh-300px scroll-y me-n7 pe-7">
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/pdf.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Avionica Technical Requirements</a>
|
||||
<div class="fw-semibold text-muted">230kb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/doc.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">9 Degree CURD draftplan</a>
|
||||
<div class="fw-semibold text-muted">3.6mb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/css.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">User CRUD Styles</a>
|
||||
<div class="fw-semibold text-muted">85kb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/ai.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Design Initial Logo</a>
|
||||
<div class="fw-semibold text-muted">40kb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
<!--begin::File-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px">
|
||||
<img src="{{ image('svg/files/tif.svg') }}" alt="icon" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-6">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Tower Hill Bilboard</a>
|
||||
<div class="fw-semibold text-muted">27mb</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--begin::Menu-->
|
||||
<div class="min-w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
|
||||
<option></option>
|
||||
<option value="1">Remove</option>
|
||||
<option value="2">Modify</option>
|
||||
<option value="3">Select</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::File-->
|
||||
</div>
|
||||
<!--end::Files-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5">
|
||||
<label class="fs-6 fw-semibold">Allow Changes in Budget</label>
|
||||
<div class="fs-7 fw-semibold text-muted">If you need more info, please check budget planning</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Switch-->
|
||||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="checkbox" value="1" name="target_allow" checked="checked" />
|
||||
<span class="form-check-label fw-semibold text-muted">Allowed</span>
|
||||
</label>
|
||||
<!--end::Switch-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-stack">
|
||||
<button type="button" class="btn btn-lg btn-light me-3" data-kt-element="files-previous">Set First Target</button>
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-element="files-next">
|
||||
<span class="indicator-label">Complete</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Files-->
|
||||
@ -0,0 +1,139 @@
|
||||
<!--begin::Settings-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Project Settings</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check
|
||||
<a href="#" class="link-primary">Project Guidelines</a></div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Dropzone-->
|
||||
<div class="dropzone" id="kt_modal_create_project_settings_logo">
|
||||
<!--begin::Message-->
|
||||
<div class="dz-message needsclick">
|
||||
<!--begin::Icon-->
|
||||
{!! getSvgIcon('duotune/files/fil010.svg', 'svg-icon svg-icon-3hx svg-icon-primary') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<div class="ms-4">
|
||||
<h3 class="dfs-3 fw-bold text-gray-900 mb-1">Drop files here or click to upload.</h3>
|
||||
<span class="fw-semibold fs-4 text-muted">Upload up to 10 files</span>
|
||||
</div>
|
||||
<!--end::Info--></div>
|
||||
</div>
|
||||
<!--end::Dropzone-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="required fs-6 fw-semibold mb-2">Customer</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input-->
|
||||
<select class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Select..." name="settings_customer">
|
||||
<option></option>
|
||||
<option value="1">Keenthemes</option>
|
||||
<option value="2">CRM App</option>
|
||||
</select>
|
||||
<!--end::Input-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
|
||||
<span class="required">Project Name</span>
|
||||
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Specify project name"></i>
|
||||
</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input-->
|
||||
<input type="text" class="form-control form-control-solid" placeholder="Enter Project Name" value="StockPro Mobile App" name="settings_name" />
|
||||
<!--end::Input-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="required fs-6 fw-semibold mb-2">Project Description</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input-->
|
||||
<textarea class="form-control form-control-solid" rows="3" placeholder="Enter Project Description" name="settings_description">Experience share market at your fingertips with TICK PRO stock investment mobile trading app</textarea>
|
||||
<!--end::Input-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="required fs-6 fw-semibold mb-2">Release Date</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="position-relative d-flex align-items-center">
|
||||
<!--begin::Icon-->
|
||||
{!! getSvgIcon('duotune/general/gen014.svg', 'svg-icon svg-icon-2 position-absolute mx-4') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Input-->
|
||||
<input class="form-control form-control-solid ps-12" placeholder="Pick date range" name="settings_release_date" />
|
||||
<!--end::Input--></div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-15">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5">
|
||||
<label class="required fs-6 fw-semibold">Notifications</label>
|
||||
<div class="fs-7 fw-semibold text-muted">Allow Notifications by Phone or Email</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Checkboxes-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-10">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input h-20px w-20px" type="checkbox" value="email" name="settings_notifications[]" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<span class="form-check-label fw-semibold">Email</span>
|
||||
<!--end::Label-->
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input h-20px w-20px" type="checkbox" value="phone" checked="checked" name="settings_notifications[]" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<span class="form-check-label fw-semibold">Phone</span>
|
||||
<!--end::Label-->
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
</div>
|
||||
<!--end::Checkboxes-->
|
||||
</div>
|
||||
<!--begin::Wrapper-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-stack">
|
||||
<button type="button" class="btn btn-lg btn-light me-3" data-kt-element="settings-previous">Project Type</button>
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-element="settings-next">
|
||||
<span class="indicator-label">Budget</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Settings-->
|
||||
@ -0,0 +1,134 @@
|
||||
<!--begin::Targets-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Set First Target</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Title-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check
|
||||
<a href="#" class="link-primary">Project Guidelines</a></div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<label class="fs-6 fw-semibold mb-2">Target Title</label>
|
||||
<input type="text" class="form-control form-control-solid" placeholder="Enter Target Title" name="Project Launch" />
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="row g-9 mb-8">
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6 fv-row">
|
||||
<label class="required fs-6 fw-semibold mb-2">Assign</label>
|
||||
<select class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Select a Team Member" name="target_assign">
|
||||
<option></option>
|
||||
<option value="1">Karina Clark</option>
|
||||
<option value="2" selected="selected">Robert Doe</option>
|
||||
<option value="3">Niel Owen</option>
|
||||
<option value="4">Olivia Wild</option>
|
||||
<option value="5">Sean Bean</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6 fv-row">
|
||||
<label class="required fs-6 fw-semibold mb-2">Due Date</label>
|
||||
<div class="position-relative d-flex align-items-center">
|
||||
<!--begin::Icon-->
|
||||
{!! getSvgIcon('duotune/general/gen014.svg', 'svg-icon svg-icon-2 position-absolute mx-4') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Datepicker-->
|
||||
<input class="form-control form-control-solid ps-12" placeholder="Pick date range" name="target_due_date" />
|
||||
<!--end::Datepicker--></div>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<label class="fs-6 fw-semibold mb-2">Target Details</label>
|
||||
<textarea class="form-control form-control-solid" rows="2" name="target_details" placeholder="Type Target Details">Experience share market at your fingertips with TICK PRO stock investment mobile trading app</textarea>
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<label class="required fs-6 fw-semibold mb-2">Tags</label>
|
||||
<input class="form-control form-control-solid" value="Important, Urgent" name="target_tags" />
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-8">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5">
|
||||
<label class="fs-6 fw-semibold">Allow Changes in Budget</label>
|
||||
<div class="fs-7 fw-semibold text-muted">If you need more info, please check budget planning</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Switch-->
|
||||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="checkbox" value="1" name="target_allow" checked="checked" />
|
||||
<span class="form-check-label fw-semibold text-muted">Allowed</span>
|
||||
</label>
|
||||
<!--end::Switch-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-15">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5">
|
||||
<label class="fs-6 fw-semibold">Notifications</label>
|
||||
<div class="fs-7 fw-semibold text-muted">Allow Notifications by Phone or Email</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Checkboxes-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid me-10">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input h-20px w-20px" type="checkbox" value="email" name="target_notifications[]" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<span class="form-check-label fw-semibold">Email</span>
|
||||
<!--end::Label-->
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
<!--begin::Checkbox-->
|
||||
<label class="form-check form-check-custom form-check-solid">
|
||||
<!--begin::Input-->
|
||||
<input class="form-check-input h-20px w-20px" type="checkbox" value="phone" checked="checked" name="target_notifications[]" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<span class="form-check-label fw-semibold">Phone</span>
|
||||
<!--end::Label-->
|
||||
</label>
|
||||
<!--end::Checkbox-->
|
||||
</div>
|
||||
<!--end::Checkboxes-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-stack">
|
||||
<button type="button" class="btn btn-lg btn-light me-3" data-kt-element="targets-previous">Build a Team</button>
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-element="targets-next">
|
||||
<span class="indicator-label">Upload Files</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Targets-->
|
||||
@ -0,0 +1,541 @@
|
||||
<!--begin::Team-->
|
||||
<div data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Build a Team</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check
|
||||
<a href="#" class="link-primary">Project Guidelines</a></div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-8">
|
||||
<!--begin::Label-->
|
||||
<label class="fs-6 fw-semibold mb-2">Invite Teammates</label>
|
||||
<!--end::Label-->
|
||||
<!--begin::Input-->
|
||||
<input type="text" class="form-control form-control-solid" placeholder="Add project memnbers by name or email.." name="invite_teammates" />
|
||||
<!--end::Input-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Input group-->
|
||||
<div class="mb-8">
|
||||
<!--begin::Label-->
|
||||
<div class="fs-6 fw-semibold mb-2">Team Members</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Users-->
|
||||
<div class="mh-300px scroll-y me-n7 pe-7">
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-6.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Emma Smith</a>
|
||||
<div class="fw-semibold text-muted">smith@kpmg.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">M</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Melody Macy</a>
|
||||
<div class="fw-semibold text-muted">melody@altbox.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-1.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Max Smith</a>
|
||||
<div class="fw-semibold text-muted">max@kt.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-5.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Sean Bean</a>
|
||||
<div class="fw-semibold text-muted">sean@dellito.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-25.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Brian Cox</a>
|
||||
<div class="fw-semibold text-muted">brian@exchange.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-warning text-warning fw-semibold">C</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Mikaela Collins</a>
|
||||
<div class="fw-semibold text-muted">mik@pex.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-9.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Francis Mitcham</a>
|
||||
<div class="fw-semibold text-muted">f.mit@kpmg.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">O</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Olivia Wild</a>
|
||||
<div class="fw-semibold text-muted">olivia@corpmail.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-primary text-primary fw-semibold">N</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Neil Owen</a>
|
||||
<div class="fw-semibold text-muted">owen.neil@gmail.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-23.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Dan Wilson</a>
|
||||
<div class="fw-semibold text-muted">dam@consilting.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-danger text-danger fw-semibold">E</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Emma Bold</a>
|
||||
<div class="fw-semibold text-muted">emma@intenso.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-12.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Ana Crown</a>
|
||||
<div class="fw-semibold text-muted">ana.cf@limtel.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-info text-info fw-semibold">A</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Robert Doe</a>
|
||||
<div class="fw-semibold text-muted">robert@benko.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-13.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">John Miller</a>
|
||||
<div class="fw-semibold text-muted">miller@mapple.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-success text-success fw-semibold">L</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Lucy Kunic</a>
|
||||
<div class="fw-semibold text-muted">lucy.m@fentech.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2" selected="selected">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4 border-bottom border-gray-300 border-bottom-dashed">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<img alt="Pic" src="{{ image('avatars/300-21.jpg') }}" />
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Ethan Wilder</a>
|
||||
<div class="fw-semibold text-muted">ethan@loop.com.au</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1" selected="selected">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
<!--begin::User-->
|
||||
<div class="d-flex flex-stack py-4">
|
||||
<!--begin::Details-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Avatar-->
|
||||
<div class="symbol symbol-35px symbol-circle">
|
||||
<span class="symbol-label bg-light-info text-info fw-semibold">A</span>
|
||||
</div>
|
||||
<!--end::Avatar-->
|
||||
<!--begin::Details-->
|
||||
<div class="ms-5">
|
||||
<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Robert Doe</a>
|
||||
<div class="fw-semibold text-muted">robert@benko.com</div>
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
</div>
|
||||
<!--end::Details-->
|
||||
<!--begin::Access menu-->
|
||||
<div class="ms-2 w-100px">
|
||||
<select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true">
|
||||
<option value="1">Guest</option>
|
||||
<option value="2">Owner</option>
|
||||
<option value="3" selected="selected">Can Edit</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Access menu-->
|
||||
</div>
|
||||
<!--end::User-->
|
||||
</div>
|
||||
<!--end::Users-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Notice-->
|
||||
<div class="d-flex flex-stack mb-15">
|
||||
<!--begin::Label-->
|
||||
<div class="me-5 fw-semibold">
|
||||
<label class="fs-6">Adding Users by Team Members</label>
|
||||
<div class="fs-7 text-muted">If you need more info, please check budget planning</div>
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Switch-->
|
||||
<label class="form-check form-switch form-check-custom form-check-solid">
|
||||
<input class="form-check-input" type="checkbox" value="" checked="checked" />
|
||||
</label>
|
||||
<!--end::Switch-->
|
||||
</div>
|
||||
<!--end::Notice-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex flex-stack">
|
||||
<button type="button" class="btn btn-lg btn-light me-3" data-kt-element="team-previous">Budget</button>
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-element="team-next">
|
||||
<span class="indicator-label">Set Target</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Team-->
|
||||
@ -0,0 +1,70 @@
|
||||
<!--begin::Type-->
|
||||
<div class="current" data-kt-stepper-element="content">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="w-100">
|
||||
<!--begin::Heading-->
|
||||
<div class="pb-7 pb-lg-12">
|
||||
<!--begin::Title-->
|
||||
<h1 class="fw-bold text-dark">Project Type</h1>
|
||||
<!--end::Title-->
|
||||
<!--begin::Description-->
|
||||
<div class="text-muted fw-semibold fs-4">If you need more info, please check out
|
||||
<a href="#" class="link-primary fw-bold">FAQ Page</a></div>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Input group-->
|
||||
<div class="fv-row mb-15" data-kt-buttons="true">
|
||||
<!--begin::Option-->
|
||||
<label class="btn btn-outline btn-outline-dashed btn-active-light-primary d-flex text-start p-6 mb-6 active">
|
||||
<!--begin::Input-->
|
||||
<input class="btn-check" type="radio" checked="checked" name="project_type" value="1" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<span class="d-flex">
|
||||
<!--begin::Icon-->
|
||||
{!! getSvgIcon('duotune/communication/com006.svg', 'svg-icon svg-icon-3hx') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<span class="ms-4">
|
||||
<span class="fs-3 fw-bold text-gray-900 mb-2 d-block">Personal Project</span>
|
||||
<span class="fw-semibold fs-4 text-muted">If you need more info, please check it out</span>
|
||||
</span>
|
||||
<!--end::Info--></span>
|
||||
<!--end::Label-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
<!--begin::Option-->
|
||||
<label class="btn btn-outline btn-outline-dashed btn-active-light-primary d-flex text-start p-6">
|
||||
<!--begin::Input-->
|
||||
<input class="btn-check" type="radio" name="project_type" value="2" />
|
||||
<!--end::Input-->
|
||||
<!--begin::Label-->
|
||||
<span class="d-flex">
|
||||
<!--begin::Icon-->
|
||||
{!! getSvgIcon('duotune/general/gen002.svg', 'svg-icon svg-icon-3hx') !!}
|
||||
<!--end::Icon-->
|
||||
<!--begin::Info-->
|
||||
<span class="ms-4">
|
||||
<span class="fs-3 fw-bold text-gray-900 mb-2 d-block">Team Project</span>
|
||||
<span class="fw-semibold fs-4 text-muted">Create corporate account to manage users</span>
|
||||
</span>
|
||||
<!--end::Info--></span>
|
||||
<!--end::Label-->
|
||||
</label>
|
||||
<!--end::Option-->
|
||||
</div>
|
||||
<!--end::Input group-->
|
||||
<!--begin::Actions-->
|
||||
<div class="d-flex justify-content-end">
|
||||
<button type="button" class="btn btn-lg btn-primary" data-kt-element="type-next">
|
||||
<span class="indicator-label">Project Settings</span>
|
||||
<span class="indicator-progress">Please wait...
|
||||
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Type-->
|
||||
Reference in New Issue
Block a user