Update Responsive UI
- Mengubah tampilan pada dashboard - Mengubah tampilan pada kuesioner
This commit is contained in:
parent
9e74c18f5f
commit
cf326ce3d7
|
@ -25,7 +25,7 @@
|
|||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width: {{ $item->km_total/85*100 }}%;" aria-valuenow="{{ $item->km_total }}" aria-valuemin="0" aria-valuemax="85"></div>
|
||||
</div>
|
||||
<div class="pt-1 d-flex justify-content-between"><span>Nilai anda</span> {{ $item->km_total }} </div>
|
||||
<div class="pt-1 d-flex justify-content-between"><span>Nilai anda</span> {{ $item->km_total }} ({{ $item->km_class }})</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
|
@ -41,13 +41,13 @@
|
|||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" style="width: {{ $item->km_total/175*100 }}%;" aria-valuenow="{{ $item->rm_total }}" aria-valuemin="0" aria-valuemax="175"></div>
|
||||
</div>
|
||||
<div class="pt-1 d-flex justify-content-between"><span>Nilai anda</span> {{ $item->rm_total }}</div>
|
||||
<div class="pt-1 d-flex justify-content-between"><span>Nilai anda</span> {{ $item->rm_total }} ({{ $item->rm_class }})</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Hasil Nilai Kuesioner RM -->
|
||||
|
||||
<!-- Komponen 3: Rangkuman -->
|
||||
{{-- <!-- Komponen 3: Rangkuman -->
|
||||
<div class="col-xxl-4 col-md-6">
|
||||
<div class="card info-card">
|
||||
<div class="card-body">
|
||||
|
@ -61,7 +61,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Rangkuman -->
|
||||
</div><!-- End Rangkuman --> --}}
|
||||
|
||||
<!-- Komponen 4: Histori Pengisian Kuesioner -->
|
||||
<div class="col-12">
|
||||
|
@ -82,7 +82,7 @@
|
|||
<th>Periode</th>
|
||||
<th>KM</th>
|
||||
<th>RM</th>
|
||||
<th>Detail Hasil</th>
|
||||
<th>Detail</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php $i=1;?>
|
||||
|
@ -105,7 +105,7 @@
|
|||
</div><!-- End Histori Pengisian Kuesioner -->
|
||||
|
||||
<!-- Komponen 5: Penjelasan KM -->
|
||||
<div class="col-6">
|
||||
<div class="col-sm-6 col-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Penjelasan KM</h5>
|
||||
|
@ -120,7 +120,7 @@
|
|||
</div><!-- End Penjelasan KM -->
|
||||
|
||||
<!-- Komponen 6: Penjelasan RM -->
|
||||
<div class="col-6">
|
||||
<div class="col-sm-6 col-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Penjelasan RM</h5>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
@section('content')
|
||||
<main id="main" class="main bg-white">
|
||||
<div class="bg-white p-3 text-center">
|
||||
<img src="{{ asset('admin_backend/assets/img/not_filled.png') }}" alt="" style="max-height: 50vh">
|
||||
<img src="{{ asset('admin_backend/assets/img/not_filled.png') }}" alt="" class="col-12 col-sm-8 col-md-6 col-xl-5">
|
||||
<h4 class="font-bold pt-4">Ups! Kamu belum mengisi Kuisioner!</h4>
|
||||
<p class="pt-1 text-secondary">Sebelum dapat mengakses materi pemebelajaran, kamu harus mengisi kuisioner dan melakukan pretest. Hasil dari pretest akan digunakan untuk menentukan materi pembelajaran yang cocok untuk kamu nantinya </p>
|
||||
|
||||
|
|
|
@ -49,7 +49,7 @@
|
|||
|
||||
</div>
|
||||
@endforeach
|
||||
<div class="pt-5">
|
||||
<div class="pt-5 text-center">
|
||||
<button type="submit" class="btn btn-primary px-5">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
|
|
Loading…
Reference in New Issue