164 lines
16 KiB
PHP
164 lines
16 KiB
PHP
|
<x-other.modal id="mFormDetMeeting" size="xl" title="Detail Meeting" subTitle="" info="" :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_det" 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"> --}}
|
||
|
|
<!--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.detail title="Meeting ID" id="meeting_id_det" value=""/>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4">
|
||
|
|
<x-form.detail title="Judul" id="title_det" value=""/>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4">
|
||
|
|
<x-form.detail title="Tanggal" id="start_date_det" value=""/>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4">
|
||
|
|
<x-form.detail title="Jam Mulai" id="start_time_det" value=""/>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4">
|
||
|
|
<x-form.detail title="Jam Selesai" id="end_time_det" value=""/>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4">
|
||
|
|
<x-form.detail title="Status Meeting" id="is_done_det" value=""/>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<x-form.detail title="Isi Undangan" id="inv_content_det" value=""/>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<x-form.detail title="Resume Meeting" id="mom_content_det" value=""/>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label>Dokumen Risalah Meeting</label>
|
||
|
|
<p><a id="mom_doc_url_det" href="#" class="btn btn-sm btn-info" target="_blank">
|
||
|
|
<i class="la la-file font-size-h6"></i> Download Dokumen
|
||
|
|
</a><span id="textDocKosong"></span></p>
|
||
|
|
</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 Hadir</h3>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<table class="table table-separate table-head-custom table-checkable">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>No</th>
|
||
|
|
<th>Nama</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody id="anggota_tim_tbody_det"></tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<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 Tidak Hadir</h3>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<table class="table table-separate table-head-custom table-checkable">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>No</th>
|
||
|
|
<th>Nama</th>
|
||
|
|
<th>Keterangan</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody id="anggota_tim_tbody2_det"></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>
|