303 lines
23 KiB
PHP
303 lines
23 KiB
PHP
@section('content')
|
|
<!--begin::Subheader-->
|
|
<div class="subheader py-2 py-lg-4 subheader-transparent" id="kt_subheader">
|
|
<div class="container-fluid d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
|
|
<!--begin::Details-->
|
|
<div class="d-flex align-items-center flex-wrap mr-2">
|
|
<!--begin::Title-->
|
|
<h5 class="text-dark font-weight-bold mt-2 mb-2 mr-5">Add Project</h5>
|
|
<!--end::Title-->
|
|
<!--begin::Separator-->
|
|
<div class="subheader-separator subheader-separator-ver mt-2 mb-2 mr-5 bg-gray-200"></div>
|
|
<!--end::Separator-->
|
|
<!--begin::Search Form-->
|
|
<div class="d-flex align-items-center" id="kt_subheader_search">
|
|
<span class="text-dark-50 font-weight-bold" id="kt_subheader_total">Enter project details and submit</span>
|
|
</div>
|
|
<!--end::Search Form-->
|
|
</div>
|
|
<!--end::Details-->
|
|
<!--begin::Toolbar-->
|
|
<div class="d-flex align-items-center">
|
|
<!--begin::Button-->
|
|
<a href="javascript:;" onclick="loadContent('projects', this, event)" class="btn btn-info font-weight-bold">Kembali</a>
|
|
<!--end::Button-->
|
|
<!--begin::Dropdown-->
|
|
<div class="btn-group ml-2">
|
|
<button type="button" onclick="storeData()" class="btn btn-primary font-weight-bold">Submit</button>
|
|
{{-- <button type="button" class="btn btn-primary font-weight-bold dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
|
|
<div class="dropdown-menu dropdown-menu-sm p-0 m-0 dropdown-menu-right">
|
|
<ul class="navi py-5">
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-icon">
|
|
<i class="flaticon2-writing"></i>
|
|
</span>
|
|
<span class="navi-text">Save & continue</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-icon">
|
|
<i class="flaticon2-medical-records"></i>
|
|
</span>
|
|
<span class="navi-text">Save & add new</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-icon">
|
|
<i class="flaticon2-hourglass-1"></i>
|
|
</span>
|
|
<span class="navi-text">Save & exit</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div> --}}
|
|
</div>
|
|
<!--end::Dropdown-->
|
|
</div>
|
|
<!--end::Toolbar-->
|
|
</div>
|
|
</div>
|
|
<!--end::Subheader-->
|
|
<!--begin::Card-->
|
|
<div class="card card-custom">
|
|
<div class="card-body p-0">
|
|
<div class="wizard wizard-1" id="kt_projects_add" data-wizard-state="step-first" data-wizard-clickable="true">
|
|
<div class="kt-grid__item">
|
|
<!--begin::Wizard Nav-->
|
|
<div class="wizard-nav border-bottom">
|
|
<div class="wizard-steps p-8 p-lg-10">
|
|
<div class="wizard-step" data-wizard-type="step" data-wizard-state="current">
|
|
<div class="wizard-label">
|
|
<span class="svg-icon svg-icon-4x wizard-icon">
|
|
<!--begin::Svg Icon | path:assets/media/svg/icons/Communication/Chat-check.svg-->
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
|
|
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
<rect x="0" y="0" width="24" height="24" />
|
|
<path d="M4.875,20.75 C4.63541667,20.75 4.39583333,20.6541667 4.20416667,20.4625 L2.2875,18.5458333 C1.90416667,18.1625 1.90416667,17.5875 2.2875,17.2041667 C2.67083333,16.8208333 3.29375,16.8208333 3.62916667,17.2041667 L4.875,18.45 L8.0375,15.2875 C8.42083333,14.9041667 8.99583333,14.9041667 9.37916667,15.2875 C9.7625,15.6708333 9.7625,16.2458333 9.37916667,16.6291667 L5.54583333,20.4625 C5.35416667,20.6541667 5.11458333,20.75 4.875,20.75 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
|
|
<path d="M2,11.8650466 L2,6 C2,4.34314575 3.34314575,3 5,3 L19,3 C20.6568542,3 22,4.34314575 22,6 L22,15 C22,15.0032706 21.9999948,15.0065399 21.9999843,15.009808 L22.0249378,15 L22.0249378,19.5857864 C22.0249378,20.1380712 21.5772226,20.5857864 21.0249378,20.5857864 C20.7597213,20.5857864 20.5053674,20.4804296 20.317831,20.2928932 L18.0249378,18 L12.9835977,18 C12.7263047,14.0909841 9.47412135,11 5.5,11 C4.23590829,11 3.04485894,11.3127315 2,11.8650466 Z M6,7 C5.44771525,7 5,7.44771525 5,8 C5,8.55228475 5.44771525,9 6,9 L15,9 C15.5522847,9 16,8.55228475 16,8 C16,7.44771525 15.5522847,7 15,7 L6,7 Z" fill="#000000" />
|
|
</g>
|
|
</svg>
|
|
<!--end::Svg Icon-->
|
|
</span>
|
|
<h3 class="wizard-title">Data Project</h3>
|
|
</div>
|
|
<span class="svg-icon svg-icon-xl wizard-arrow">
|
|
<!--begin::Svg Icon | path:assets/media/svg/icons/Navigation/Arrow-right.svg-->
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
|
|
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
<polygon points="0 0 24 0 24 24 0 24" />
|
|
<rect fill="#000000" opacity="0.3" transform="translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000)" x="11" y="5" width="2" height="14" rx="1" />
|
|
<path d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997)" />
|
|
</g>
|
|
</svg>
|
|
<!--end::Svg Icon-->
|
|
</span>
|
|
</div>
|
|
<div class="wizard-step" data-wizard-type="step">
|
|
<div class="wizard-label">
|
|
<span class="svg-icon svg-icon-4x wizard-icon">
|
|
<!--begin::Svg Icon | path:assets/media/svg/icons/Devices/Display1.svg-->
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
|
|
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
<polygon points="0 0 24 0 24 24 0 24"></polygon>
|
|
<path d="M18,8 L16,8 C15.4477153,8 15,7.55228475 15,7 C15,6.44771525 15.4477153,6 16,6 L18,6 L18,4 C18,3.44771525 18.4477153,3 19,3 C19.5522847,3 20,3.44771525 20,4 L20,6 L22,6 C22.5522847,6 23,6.44771525 23,7 C23,7.55228475 22.5522847,8 22,8 L20,8 L20,10 C20,10.5522847 19.5522847,11 19,11 C18.4477153,11 18,10.5522847 18,10 L18,8 Z M9,11 C6.790861,11 5,9.209139 5,7 C5,4.790861 6.790861,3 9,3 C11.209139,3 13,4.790861 13,7 C13,9.209139 11.209139,11 9,11 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"></path>
|
|
<path d="M0.00065168429,20.1992055 C0.388258525,15.4265159 4.26191235,13 8.98334134,13 C13.7712164,13 17.7048837,15.2931929 17.9979143,20.2 C18.0095879,20.3954741 17.9979143,21 17.2466999,21 C13.541124,21 8.03472472,21 0.727502227,21 C0.476712155,21 -0.0204617505,20.45918 0.00065168429,20.1992055 Z" fill="#000000" fill-rule="nonzero"></path>
|
|
</g>
|
|
</svg>
|
|
<h3 class="wizard-title">Anggota Tim</h3>
|
|
</div>
|
|
<span class="svg-icon svg-icon-xl wizard-arrow">
|
|
<!--begin::Svg Icon | path:assets/media/svg/icons/Navigation/Arrow-right.svg-->
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
|
|
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
<polygon points="0 0 24 0 24 24 0 24" />
|
|
<rect fill="#000000" opacity="0.3" transform="translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000)" x="11" y="5" width="2" height="14" rx="1" />
|
|
<path d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997)" />
|
|
</g>
|
|
</svg>
|
|
<!--end::Svg Icon-->
|
|
</span>
|
|
</div>
|
|
<div class="wizard-step" data-wizard-type="step">
|
|
<div class="wizard-label">
|
|
<span class="svg-icon svg-icon-4x wizard-icon">
|
|
<!--begin::Svg Icon | path:assets/media/svg/icons/General/Notification2.svg-->
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
|
|
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
<rect x="0" y="0" width="24" height="24" />
|
|
<path d="M13.2070325,4 C13.0721672,4.47683179 13,4.97998812 13,5.5 C13,8.53756612 15.4624339,11 18.5,11 C19.0200119,11 19.5231682,10.9278328 20,10.7929675 L20,17 C20,18.6568542 18.6568542,20 17,20 L7,20 C5.34314575,20 4,18.6568542 4,17 L4,7 C4,5.34314575 5.34314575,4 7,4 L13.2070325,4 Z" fill="#000000" />
|
|
<circle fill="#000000" opacity="0.3" cx="18.5" cy="5.5" r="2.5" />
|
|
</g>
|
|
</svg>
|
|
<!--end::Svg Icon-->
|
|
</span>
|
|
<h3 class="wizard-title">Review and Submit</h3>
|
|
</div>
|
|
<span class="svg-icon svg-icon-xl wizard-arrow last">
|
|
<!--begin::Svg Icon | path:assets/media/svg/icons/Navigation/Arrow-right.svg-->
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
|
|
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
<polygon points="0 0 24 0 24 24 0 24" />
|
|
<rect fill="#000000" opacity="0.3" transform="translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000)" x="11" y="5" width="2" height="14" rx="1" />
|
|
<path d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997)" />
|
|
</g>
|
|
</svg>
|
|
<!--end::Svg Icon-->
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Wizard Nav-->
|
|
</div>
|
|
<div class="row justify-content-center my-10 px-8 my-lg-15 px-lg-10">
|
|
<div class="col-xl-12 col-xxl-7">
|
|
<!--begin::Form Wizard-->
|
|
<form class="form" id="kt_projects_add_form">
|
|
<input type="hidden" name="get_id" id="get_id" value="">
|
|
<!--begin::Step 1-->
|
|
<div class="pb-5" data-wizard-type="step-content" data-wizard-state="current">
|
|
<h3 class="mb-10 font-weight-bold text-dark">Data Project:</h3>
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<x-form.input title="Nama Project" id="nama_project" value=""/>
|
|
</div>
|
|
{{-- <div class="col-lg-4">
|
|
<x-form.input title="Kode Project" id="kode_project" value=""/>
|
|
</div> --}}
|
|
<div class="col-lg-4">
|
|
<x-form.select title="Project Owner" id="project_owner">
|
|
<x-slot name="option">
|
|
@if($projectOwner)
|
|
<option value="">Pilih Project Owner</option>
|
|
@foreach ($projectOwner as $pj)
|
|
<option value="{{ $pj->id }}">{{ $pj->unit_name }}</option>
|
|
@endforeach
|
|
@endif
|
|
</x-slot>
|
|
</x-form.select>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<x-form.date title="Tanggal Mulai" id="tgl_mulai" value="" />
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<x-form.date title="Tanggal Selesai" id="tgl_selesai" value="" />
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="form-group mb-1">
|
|
<label>Logo Project</label>
|
|
<div class="custom-file">
|
|
<input type="file" class="custom-file-input" name="logo_project" id="logo_project">
|
|
<label class="custom-file-label selected" for="customFile"></label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<x-form.currency title="Budget Awal" id="budget_amount" value="" maxlength="" label="Isian budgeting awal project"/>
|
|
</div>
|
|
<div class="col-lg-12">
|
|
<x-form.textarea title="Info Detail Project" id="info_detail_project" value="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Step 1-->
|
|
<!--begin::Step 2-->
|
|
<div class="pb-5" data-wizard-type="step-content">
|
|
<div class="row">
|
|
<div class="col-xl-12">
|
|
<div class="form-group row">
|
|
<div class="col-lg-9 col-xl-6">
|
|
<h3 class="kt-section__title kt-section__title-md">Anggota Tim</h3>
|
|
</div>
|
|
<div class="col-lg-3 col-xl-6 text-right">
|
|
<a href="#" onclick="tambahPersonil()" class="btn btn-primary font-weight-bold mr-2">Tambah</a>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="team_code" id="team_code" value="">
|
|
<input type="hidden" name="row_anggota" id="row_anggota" value="0">
|
|
<table class="table table-separate table-head-custom table-checkable">
|
|
<thead>
|
|
<tr>
|
|
<th>No</th>
|
|
<th>Nama</th>
|
|
<th>Project Role</th>
|
|
<th>Status</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="anggota_tim_tbody">
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Step 2-->
|
|
<!--begin::Step 3-->
|
|
<div class="pb-5" data-wizard-type="step-content">
|
|
<h4 class="mb-10 font-weight-bold">Review Project and Submit</h4>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<h6 class="font-weight-bold mb-3">Data Project:</h6>
|
|
<table class="w-100" id="review_project">
|
|
<tr>
|
|
<td class="font-weight-bold text-muted">Nama Project:</td>
|
|
<td class="font-weight-bold text-right"></td>
|
|
</tr>
|
|
{{-- <tr>
|
|
<td class="font-weight-bold text-muted">Kode Project:</td>
|
|
<td class="font-weight-bold text-right"></td>
|
|
</tr> --}}
|
|
<tr>
|
|
<td class="font-weight-bold text-muted">Info Detail Project:</td>
|
|
<td class="font-weight-bold text-right"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="font-weight-bold text-muted">Project Owner:</td>
|
|
<td class="font-weight-bold text-right"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="font-weight-bold text-muted">Tanggal Mulai:</td>
|
|
<td class="font-weight-bold text-right"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="font-weight-bold text-muted">Tanggal Selesai:</td>
|
|
<td class="font-weight-bold text-right"></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<h6 class="font-weight-bold mb-3">Anggota Tim:</h6>
|
|
<table class="w-100" id="review_anggota_tim">
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="separator separator-dashed my-5"></div>
|
|
</div>
|
|
<!--end::Step 3-->
|
|
<!--begin::Actions-->
|
|
<div class="d-flex justify-content-between border-top mt-5 pt-10">
|
|
<div class="mr-2">
|
|
<button type="button" class="btn btn-light-primary font-weight-bold text-uppercase px-9 py-4" data-wizard-type="action-prev">Previous</button>
|
|
</div>
|
|
<div>
|
|
<button type="button" class="btn btn-success font-weight-bold text-uppercase px-9 py-4" data-wizard-type="action-submit" onclick="storeData()">Submit</button>
|
|
<button type="button" class="btn btn-primary font-weight-bold text-uppercase px-9 py-4" data-wizard-type="action-next">Next Step</button>
|
|
</div>
|
|
</div>
|
|
<!--end::Actions-->
|
|
</form>
|
|
<!--end::Form Wizard-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Card-->
|
|
@include('content.projects.personil')
|
|
@endsection
|
|
@section('script')
|
|
@include('content.projects.actionForm')
|
|
@endsection |