2023-04-11 09:21:20 +00:00
|
|
|
<!--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-->
|
2023-11-03 09:12:15 +00:00
|
|
|
<h1 class="fw-bold text-gray-900">Upload Files</h1>
|
2023-04-11 09:21:20 +00:00
|
|
|
<!--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-->
|