160 lines
15 KiB
PHP
160 lines
15 KiB
PHP
|
<x-other.modal id="mFormMeeting" size="xl" title="Form Meeting" subTitle="" info="Buat Meeting Baru" :separator="true">
|
||
|
|
<x-slot name="action">
|
||
|
|
{{-- <button onclick="storeMeeting()" class="btn btn-success font-weight-bold mr-2">Simpan</button> --}}
|
||
|
|
</x-slot>
|
||
|
|
<x-slot name="content">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-12">
|
||
|
|
<div class="card card-custom card-border card-stretch gutter-b">
|
||
|
|
<div class="card-body">
|
||
|
|
<div class="wizard wizard-1" id="kt_meetings_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">Informasi Meeting</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">Peserta Meeting</h3>
|
||
|
|
</div>
|
||
|
|
</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_meetings_add_form">
|
||
|
|
<input type="hidden" name="get_id" id="get_id" value="">
|
||
|
|
<input type="hidden" name="id_project" id="id_project" value="{{ $id_project }}">
|
||
|
|
<!--begin::Step 1-->
|
||
|
|
<div class="pb-5" data-wizard-type="step-content" data-wizard-state="current">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-4">
|
||
|
|
<x-form.input title="Judul" id="title" value=""/>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-2">
|
||
|
|
<x-form.date title="Tanggal Meeting" id="start_date" value="" />
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-3">
|
||
|
|
<div class="form-group">
|
||
|
|
<label>Jam Mulai</label>
|
||
|
|
<div class="input-group timepicker">
|
||
|
|
<input class="form-control znTime" id="start_time" name="start_time" readonly="readonly" placeholder="Select time" type="text" />
|
||
|
|
<div class="input-group-append">
|
||
|
|
<span class="input-group-text">
|
||
|
|
<i class="la la-clock-o"></i>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-3">
|
||
|
|
<div class="form-group">
|
||
|
|
<label>Jam Selesai</label>
|
||
|
|
<div class="input-group timepicker">
|
||
|
|
<input class="form-control znTime" id="end_time" name="end_time" readonly="readonly" placeholder="Select time" type="text" />
|
||
|
|
<div class="input-group-append">
|
||
|
|
<span class="input-group-text">
|
||
|
|
<i class="la la-clock-o"></i>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<div class="form-group">
|
||
|
|
<label>Isi Undangan</label>
|
||
|
|
<div class="summernote" id="inv_content" name="inv_content"></div>
|
||
|
|
</div>
|
||
|
|
</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">Peserta Meeting</h3>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-3 col-xl-6 text-right">
|
||
|
|
<a href="#" onclick="tambahAllPersonil('{{ $id_project }}')" class="btn btn-primary font-weight-bold mr-2">Tambah All Member</a>
|
||
|
|
<a href="#" onclick="tambahPersonil('{{ $id_project }}')" 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>Action</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody id="anggota_tim_tbody"></tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--end::Step 2-->
|
||
|
|
<!--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="storeMeeting()">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>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</x-slot>
|
||
|
|
</x-other.modal>
|