Mahayoga
/
MIF_E31231392
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: Mahayoga:1d8ade06f1de88981b21dabf550d01233bd1379a
Branches Tags
Mahayoga:master
Mahayoga:halaman-psikolog
Mahayoga:auth-page
Mahayoga:skoring-kecemasan
Mahayoga:landing-page
Mahayoga:status-booking-user
Mahayoga:halaman-ujian
Mahayoga:tutorial-tes
Mahayoga:appointment
Mahayoga:websocket-tobii
Mahayoga:template
..
compare: Mahayoga:cc783674b689961903cc84b28946e37d25a4307e
Branches Tags
Mahayoga:master
Mahayoga:halaman-psikolog
Mahayoga:auth-page
Mahayoga:skoring-kecemasan
Mahayoga:landing-page
Mahayoga:status-booking-user
Mahayoga:halaman-ujian
Mahayoga:tutorial-tes
Mahayoga:appointment
Mahayoga:websocket-tobii
Mahayoga:template

No commits in common. "1d8ade06f1de88981b21dabf550d01233bd1379a" and "cc783674b689961903cc84b28946e37d25a4307e" have entirely different histories.
1d8ade06f1 ... cc783674b6

19 changed files with 327 additions and 821 deletions
Show Stats Expand all files Collapse all files

10
app/Http/Controllers/BookingController.php
View File

@ -19,7 +19,7 @@ public function getchData() {
$data = BookingModel::get();
$data_ = $data->toArray();
foreach($data_ as $key => $value) {
if(time() > $value['unix_expired_time'] && $value['status_tes'] != '2') {
if(time() > $value['unix_expired_time']) {
$data_session = TestSessionsModel::where('id_booking', $value['id_booking'])->first();
$data_booking = BookingModel::where('id_booking', $value['id_booking'])->first();
if($data_session != null) {
@ -38,7 +38,7 @@ public function getchData() {
}
}
$data = BookingModel::orderBy('updated_at', 'desc')->get();
$data = BookingModel::get();
return response()->json([
'status' => true,
@ -166,10 +166,8 @@ public function update(Request $request, string $id)
'status_tes' => ['required']
]);
$data = BookingModel::where('id_booking', $id)->first();
$data->update([
'status_tes' => str($request->status_tes)
BookingModel::where('id_booking', $id)->update([
'status_tes' => $request->status_tes
]);
return response()->json([

80
app/Http/Controllers/DashboardController.php
View File

@ -2,90 +2,10 @@
namespace App\Http\Controllers;
use App\Models\BookingModel;
use App\Models\LogKecemasanModel;
use App\Models\TestSessionsModel;
use Illuminate\Http\Request;
class DashboardController extends Controller
{
public function getDataForDashboardTable()
{
$data_booking = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m-d') . '%')->get();
$result = [];
foreach ($data_booking as $booking) {
$status_session = '0';
$data_sessions = TestSessionsModel::where('id_booking', $booking->id_booking)->first();
if($data_sessions != null) {
$status_session = $data_sessions->status_session;
}
$result[] = [
'nama_lengkap' => $booking->nama_lengkap,
'email' => $booking->email,
'no_telp' => $booking->no_telp,
'tanggal_booking' => $booking->created_at->format('Y-m-d'),
'status_session' => $status_session,
'status_tes' => $booking->status_tes,
];
}
return response()->json([
'status' => true,
'data' => $result
]);
}
public function getDataDashboard()
{
$data_booking_today = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m-d') . '%')->count();
$data_booking_yesterday = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m-d', strtotime('-1 day')) . '%')->count();
$data_booking_month = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m') . '%')->count();
$booking_diff = $data_booking_month - $data_booking_today;
$booking_percent = $data_booking_month > 0 ? ($booking_diff / $data_booking_month) * 100 : 0;
$data_tes_today = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m-d') . '%')->where('status_tes', '2')->count();
$data_tes_yesterday = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m-d', strtotime('-1 day')) . '%')->where('status_tes', '2')->count();
$data_tes_month = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m') . '%')->where('status_tes', '2')->count();
$tes_diff = $data_tes_month - $data_tes_today;
$tes_percent = $data_tes_month > 0 ? ($tes_diff / $data_tes_month) * 100 : 0;
$data_tes_berlangsung_today = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m-d') . '%')->where('status_tes', '1')->count();
$data_tes_berlangsung_yesterday = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m-d', strtotime('-1 day')) . '%')->where('status_tes', '1')->count();
$data_tes_berlangsung_month = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m') . '%')->where('status_tes', '1')->count();
$tes_berlangsung_diff = $data_tes_berlangsung_month - $data_tes_berlangsung_today;
$tes_berlangsung_percent = $data_tes_berlangsung_month > 0 ? ($tes_berlangsung_diff / $data_tes_berlangsung_month) * 100 : 0;
$data_rata_rata_kecemasan_today = LogKecemasanModel::where('created_at', 'LIKE', '%' . date('Y-m-d') . '%')->avg('skor_kecemasan');
$data_rata_rata_kecemasan_yesterday = LogKecemasanModel::where('created_at', 'LIKE', '%' . date('Y-m-d', strtotime('-1 day')) . '%')->avg('skor_kecemasan');
$data_rata_rata_kecemasan_month = LogKecemasanModel::where('created_at', 'LIKE', '%' . date('Y-m') . '%')->avg('skor_kecemasan');
$rata_rata_kecemasan_diff = $data_rata_rata_kecemasan_month - $data_rata_rata_kecemasan_today;
$rata_rata_kecemasan_percent = $data_rata_rata_kecemasan_month > 0 ? ($rata_rata_kecemasan_diff / $data_rata_rata_kecemasan_month) * 100 : 0;
return response()->json([
'total_booking' => $data_booking_today,
'booking_percent' => number_format($booking_percent, 1),
'booking_diff' => $booking_diff,
'booking_trend' => $booking_diff >= 0 ? 'bertambah' : 'berkurang',
'from_month_booking_count' => $data_booking_month,
'total_tes' => $data_tes_today,
'tes_percent' => number_format($tes_percent, 1),
'tes_diff' => $tes_diff,
'tes_trend' => $tes_diff >= 0 ? 'bertambah' : 'berkurang',
'from_month_tes_count' => $data_tes_month,
'total_tes_berlangsung' => $data_tes_berlangsung_today,
'tes_berlangsung_percent' => number_format($tes_berlangsung_percent, 1),
'tes_berlangsung_diff' => $tes_berlangsung_diff,
'tes_berlangsung_trend' => $tes_berlangsung_diff >= 0 ? 'bertambah' : 'berkurang',
'from_month_tes_berlangsung_count' => $data_tes_berlangsung_month,
'rata_rata_kecemasan' => number_format($data_rata_rata_kecemasan_today, 1),
'rata_rata_kecemasan_percent' => number_format($rata_rata_kecemasan_percent, 1),
'rata_rata_kecemasan_diff' => number_format($rata_rata_kecemasan_diff, 1),
'rata_rata_kecemasan_trend' => $rata_rata_kecemasan_diff >= 0 ? 'bertambah' : 'berkurang',
'from_month_rata_rata_kecemasan' => number_format($data_rata_rata_kecemasan_month, 1),
]);
}
/**
* Display a listing of the resource.
*/

4
app/Http/Controllers/DataSoalController.php
View File

@ -46,7 +46,7 @@ public function store(Request $request)
'jawaban_c' => $request->jawaban_c,
'jawaban_d' => $request->jawaban_d,
'jawaban_e' => $request->jawaban_e,
'is_reverse' => $request->is_reverse,
'jawaban_benar' => $request->jawaban_benar,
]);
return response()->json([
@ -91,7 +91,7 @@ public function update(Request $request, string $id)
'jawaban_c' => $request->jawaban_c,
'jawaban_d' => $request->jawaban_d,
'jawaban_e' => $request->jawaban_e,
'is_reverse' => $request->is_reverse,
'jawaban_benar' => $request->jawaban_benar,
]);
return response()->json([

23
app/Http/Controllers/FinishUjianController.php
View File

@ -5,7 +5,6 @@
use App\Models\BookingModel;
use App\Models\DataSoalModel;
use App\Models\DetailTestModel;
use App\Models\LogKecemasanModel;
use App\Models\TestSessionsModel;
use Illuminate\Http\Request;
@ -132,11 +131,6 @@ public function index(Request $request)
$difference = gmdate("i:s", $end - $start);
$data_booking = BookingModel::where('id_booking', $data_session->id_booking)->first();
if($data_booking != null) {
if($data_booking->status_tes == '0') {
return redirect()->route('cek-status.index')->with('error', 'Data sesi tes tidak ditemukan atau telah dinonaktifkan.');
}
}
$data_information = [
'kode' => $data_booking->kode_unik,
'nama' => $data_booking->nama_lengkap,
@ -193,23 +187,6 @@ public function index(Request $request)
'totalScore' => $totalScore
];
$log_kecemasan = LogKecemasanModel::where('id_test_sessions', $id_session)->first();
if($log_kecemasan == null) {
LogKecemasanModel::create([
'id_booking' => $data_session->id_booking,
'id_test_sessions' => $id_session,
'start_timestamp' => $start,
'end_timestamp' => $end,
'difference_timestamp' => $end - $start,
'screen_width' => $data_session->screen_w,
'screen_height' => $data_session->screen_h,
'answered_count' => $answered,
'not_answered_count' => $soalTidakTerjawab,
'total_question' => $question_count,
'skor_kecemasan' => $totalScore
]);
}
$data_booking = BookingModel::where('id_booking', $data_session->id_booking)->first();
if($data_session->status_session == '0') {
return redirect()->route('cek-status.index')->with('error', 'Data sesi tes dinonaktifkan. Silahkan cek status dengan kode untuk informasi lebih lanjut.');

56
app/Http/Controllers/HasilTesController.php
View File

@ -2,34 +2,10 @@
namespace App\Http\Controllers;
use App\Models\BookingModel;
use App\Models\TestSessionsModel;
use Illuminate\Http\Request;
class HasilTesController extends Controller
{
public function fetchData() {
$data_booking = BookingModel::orderBy('updated_at', 'desc')->get();
$result = [];
foreach($data_booking as $booking) {
$data_test = TestSessionsModel::where('id_booking', $booking->id_booking)->first();
if($data_test != null) {
$result[] = [
'id_test_session' => $data_test->id_test_sessions,
'nama_lengkap' => $booking->nama_lengkap,
'tgl_tes' => $data_test->created_at->format('d-m-Y'),
'jam_tes' => $data_test->created_at->format('H:i'),
'kode_booking' => $booking->kode_unik,
'status_tes' => $booking->status_tes
];
}
}
return response()->json([
'status' => true,
'data' => $result
]);
}
/**
* Display a listing of the resource.
*/
@ -59,20 +35,7 @@ public function store(Request $request)
*/
public function show(string $id)
{
$data = TestSessionsModel::where('id_test_sessions', $id)->first();
if($data != null) {
$data_booking = BookingModel::where('id_booking', $data->id_booking)->first();
return response()->json([
'status' => true,
'nama' => $data_booking->nama_lengkap
]);
}
return response()->json([
'status' => false,
'msg' => 'Data tidak ditemukan!'
]);
//
}
/**
@ -96,21 +59,6 @@ public function update(Request $request, string $id)
*/
public function destroy(string $id)
{
$data = TestSessionsModel::where('id_test_sessions', $id)->first();
if($data != null) {
$data_booking = BookingModel::where('id_booking', $data->id_booking)->first();
$data_booking->update([
'status_tes' => '0'
]);
return response()->json([
'status' => true,
'msg' => 'Data berhasil dinonaktifkan'
]);
}
return response()->json([
'status' => false,
'msg' => 'Data tidak ditemukan!'
]);
//
}
}

19
app/Http/Controllers/UsersController.php
View File

@ -4,7 +4,6 @@
use App\Models\User;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
class UsersController extends Controller
{
@ -12,7 +11,7 @@ class UsersController extends Controller
* Display data for javascript ajax
*/
public function getData() {
$data = User::where('id', '!=', Auth::user()->id)->get();
$data = User::get();
return response()->json([
'status' => true,
'data' => $data->toArray()
@ -40,18 +39,7 @@ public function create()
*/
public function store(Request $request)
{
$data = User::create([
'name' => $request->name,
'email' => $request->email,
'role' => $request->role,
'alamat' => $request->alamat,
'password' => bcrypt('password', ['rounds' => 12])
]);
return response()->json([
'status' => true,
'msg' => 'Data berhasil di tambahkan'
]);
//
}
/**
@ -86,8 +74,7 @@ public function update(Request $request, string $id)
$data = User::where('id', $id)->update([
'name' => $request->name,
'email' => $request->email,
'role' => $request->role,
'alamat' => $request->alamat
'role' => $request->role
]);
return response()->json([

47
app/Models/LogKecemasanModel.php
View File

@ -1,47 +0,0 @@
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Model;
class LogKecemasanModel extends Model
{
protected $table = 'log_hasil_kecemasan';
protected $primaryKey = 'id_log_kecemasan';
protected $keyType = 'string';
public $incrementing = false;
protected $fillable = [
'id_log_kecemasan',
'id_booking',
'id_test_sessions',
'start_timestamp',
'end_timestamp',
'difference_timestamp',
'screen_width',
'screen_height',
'answered_count',
'not_answered_count',
'total_question',
'skor_kecemasan'
];
protected $casts = [
'id_log_kecemasan' => 'string',
'id_booking' => 'string',
'id_test_sessions' => 'string',
];
public static function boot()
{
parent::boot();
static::creating(function ($model) {
if (empty($model->id_log_kecemasan)) {
$model->id_log_kecemasan = (string) \Illuminate\Support\Str::uuid();
}
});
}
}

13
app/Models/User.php
View File

@ -21,8 +21,7 @@ class User extends Authenticatable
'name',
'email',
'password',
'role',
'alamat'
'role'
];
/**
@ -47,14 +46,4 @@ protected function casts(): array
'password' => 'hashed',
];
}
public static function boot()
{
parent::boot();
static::creating(function ($model) {
if (empty($model->id_user)) {
$model->id_user = (string) \Illuminate\Support\Str::uuid();
}
});
}
}

38
database/migrations/2026_05_23_165924_create_log_hasil_kecemasan_table.php
View File

@ -1,38 +0,0 @@
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
/**
* Run the migrations.
*/
public function up(): void
{
Schema::create('log_hasil_kecemasan', function (Blueprint $table) {
$table->uuid('id_log_kecemasan')->primary();
$table->uuid('id_booking');
$table->uuid('id_test_sessions');
$table->char('start_timestamp', 20);
$table->char('end_timestamp', 20);
$table->char('difference_timestamp', 20);
$table->char('screen_width', 10);
$table->char('screen_height', 10);
$table->integer('answered_count');
$table->integer('not_answered_count');
$table->integer('total_question');
$table->integer('skor_kecemasan');
$table->timestamps();
});
}
/**
* Reverse the migrations.
*/
public function down(): void
{
Schema::dropIfExists('log_hasil_kecemasan');
}
};

BIN
public/assets/users/assets/img/overlay/overlay.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 76 KiB

After

Width:  |  Height:  |  Size: 69 KiB

BIN
public/assets/users/assets/img/overlay/overlay_grid.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 41 KiB

4
resources/views/admin/layouts/sidebar.blade.php
View File

@ -1,9 +1,9 @@
<nav class="pc-sidebar">
<div class="navbar-wrapper">
<div class="m-header">
<a href="{{ route('dashboard.index') }}" class="b-brand text-primary fs-3 fw-bold text-dark">
<a href="{{ route('dashboard.index') }}" class="b-brand text-primary">
<!-- ======== Change your logo from here ============ -->
{{ env('APP_NAME') }}
<img src="{{ asset('assets/admin/assets/images/logo-dark.svg') }}" class="img-fluid logo-lg" alt="logo" id="logo-admin">
</a>
</div>
<div class="navbar-content">

372
resources/views/admin/pages/dashboard/index.blade.php
View File

@ -24,15 +24,10 @@
<div class="col-md-6 col-xl-3">
<div class="card">
<div class="card-body">
<h6 class="mb-2 f-w-400 text-muted">Total Booking hari ini</h6>
<h4 class="mb-3">
<span id="total_booking"></span>
<span class="badge bg-light-primary border border-primary">
<i class="ti" id="trending-icon-booking"></i>
<span id="booking_percent">%</span>
</span>
</h4>
<p class="mb-0 text-muted text-sm">Booking <span id="booking_trend">bertambah</span> <span class="text-primary" id="from_month_booking_count"></span> dari bulan lalu
<h6 class="mb-2 f-w-400 text-muted">Total Page Views</h6>
<h4 class="mb-3">4,42,236 <span class="badge bg-light-primary border border-primary"><i
class="ti ti-trending-up"></i> 59.3%</span></h4>
<p class="mb-0 text-muted text-sm">You made an extra <span class="text-primary">35,000</span> this year
</p>
</div>
</div>
@ -40,146 +35,271 @@
<div class="col-md-6 col-xl-3">
<div class="card">
<div class="card-body">
<h6 class="mb-2 f-w-400 text-muted">Total tes selesai hari ini</h6>
<h4 class="mb-3">
<span id="total_tes"></span>
<span class="badge bg-light-primary border border-primary">
<i class="ti" id="trending-icon-tes"></i>
<span id="tes_percent">%</span>
</span>
</h4>
<p class="mb-0 text-muted text-sm">Tes <span id="tes_trend">bertambah</span> <span class="text-primary" id="from_month_tes_count"></span> dari bulan lalu
</p>
<h6 class="mb-2 f-w-400 text-muted">Total Users</h6>
<h4 class="mb-3">78,250 <span class="badge bg-light-success border border-success"><i
class="ti ti-trending-up"></i> 70.5%</span></h4>
<p class="mb-0 text-muted text-sm">You made an extra <span class="text-success">8,900</span> this year</p>
</div>
</div>
</div>
<div class="col-md-6 col-xl-3">
<div class="card">
<div class="card-body">
<h6 class="mb-2 f-w-400 text-muted">Total tes masih berlangsung hari ini</h6>
<h4 class="mb-3">
<span id="total_tes_berlangsung"></span>
<span class="badge bg-light-primary border border-primary">
<i class="ti" id="trending-icon-tes-berlangsung"></i>
<span id="tes_berlangsung_percent">%</span>
</span>
</h4>
<p class="mb-0 text-muted text-sm">Tes yang sedang berlangsung <span id="tes_berlangsung_trend">bertambah</span> <span class="text-primary" id="from_month_tes_berlangsung_count"></span> dari bulan lalu
</p>
<h6 class="mb-2 f-w-400 text-muted">Total Order</h6>
<h4 class="mb-3">18,800 <span class="badge bg-light-warning border border-warning"><i
class="ti ti-trending-down"></i> 27.4%</span></h4>
<p class="mb-0 text-muted text-sm">You made an extra <span class="text-warning">1,943</span> this year</p>
</div>
</div>
</div>
<div class="col-md-6 col-xl-3">
<div class="card">
<div class="card-body">
<h6 class="mb-2 f-w-400 text-muted">Rata rata skor kecemasan hari ini</h6>
<h4 class="mb-3">
<span id="rata_rata_kecemasan"></span>
<span class="badge bg-light-primary border border-primary">
<i class="ti" id="trending-icon-rata-rata"></i>
<span id="rata_rata_kecemasan_percent">%</span>
</span>
</h4>
<p class="mb-0 text-muted text-sm">Rata rata skor kecemasan <span id="rata_rata_kecemasan_trend">bertambah</span> <span class="text-primary" id="from_month_rata_rata_kecemasan_count"></span> dari bulan lalu
<h6 class="mb-2 f-w-400 text-muted">Total Sales</h6>
<h4 class="mb-3">$35,078 <span class="badge bg-light-danger border border-danger"><i
class="ti ti-trending-down"></i> 27.4%</span></h4>
<p class="mb-0 text-muted text-sm">You made an extra <span class="text-danger">$20,395</span> this year
</p>
</div>
</div>
</div>
<div class="col-md-12 col-xl-8">
<h5 class="mb-3">Tabel Monitoring Tes</h5>
<table id="table-data-booking" class="table table-bordered">
<div class="d-flex align-items-center justify-content-between mb-3">
<h5 class="mb-0">Unique Visitor</h5>
<ul class="nav nav-pills justify-content-end mb-0" id="chart-tab-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link" id="chart-tab-home-tab" data-bs-toggle="pill" data-bs-target="#chart-tab-home"
type="button" role="tab" aria-controls="chart-tab-home" aria-selected="true">Month</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link active" id="chart-tab-profile-tab" data-bs-toggle="pill"
data-bs-target="#chart-tab-profile" type="button" role="tab" aria-controls="chart-tab-profile"
aria-selected="false">Week</button>
</li>
</ul>
</div>
<div class="card">
<div class="card-body">
<div class="tab-content" id="chart-tab-tabContent">
<div class="tab-pane" id="chart-tab-home" role="tabpanel" aria-labelledby="chart-tab-home-tab"
tabindex="0">
<div id="visitor-chart-1"></div>
</div>
<div class="tab-pane show active" id="chart-tab-profile" role="tabpanel"
aria-labelledby="chart-tab-profile-tab" tabindex="0">
<div id="visitor-chart"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-xl-4">
<h5 class="mb-3">Income Overview</h5>
<div class="card">
<div class="card-body">
<h6 class="mb-2 f-w-400 text-muted">This Week Statistics</h6>
<h3 class="mb-3">$7,650</h3>
<div id="income-overview-chart"></div>
</div>
</div>
</div>
<div class="col-md-12 col-xl-8">
<h5 class="mb-3">Recent Orders</h5>
<div class="card tbl-card">
<div class="card-body">
<div class="table-responsive">
<table class="table table-hover table-borderless mb-0">
<thead>
<tr>
<th>No</th>
<th>Nama</th>
<th>Email</th>
<th>Telepon</th>
<th>Tanggal Booking</th>
<th>Status Tes</th>
<th>Status Sesi</th>
<th>TRACKING NO.</th>
<th>PRODUCT NAME</th>
<th>TOTAL ORDER</th>
<th>STATUS</th>
<th class="text-end">TOTAL AMOUNT</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#" class="text-muted">84564564</a></td>
<td>Camera Lens</td>
<td>40</td>
<td><span class="d-flex align-items-center gap-2"><i
class="fas fa-circle text-danger f-10 m-r-5"></i>Rejected</span>
</td>
<td class="text-end">$40,570</td>
</tr>
<tr>
<td><a href="#" class="text-muted">84564564</a></td>
<td>Laptop</td>
<td>300</td>
<td><span class="d-flex align-items-center gap-2"><i
class="fas fa-circle text-warning f-10 m-r-5"></i>Pending</span>
</td>
<td class="text-end">$180,139</td>
</tr>
<tr>
<td><a href="#" class="text-muted">84564564</a></td>
<td>Mobile</td>
<td>355</td>
<td><span class="d-flex align-items-center gap-2"><i
class="fas fa-circle text-success f-10 m-r-5"></i>Approved</span></td>
<td class="text-end">$180,139</td>
</tr>
<tr>
<td><a href="#" class="text-muted">84564564</a></td>
<td>Camera Lens</td>
<td>40</td>
<td><span class="d-flex align-items-center gap-2"><i
class="fas fa-circle text-danger f-10 m-r-5"></i>Rejected</span>
</td>
<td class="text-end">$40,570</td>
</tr>
<tr>
<td><a href="#" class="text-muted">84564564</a></td>
<td>Laptop</td>
<td>300</td>
<td><span class="d-flex align-items-center gap-2"><i
class="fas fa-circle text-warning f-10 m-r-5"></i>Pending</span>
</td>
<td class="text-end">$180,139</td>
</tr>
<tr>
<td><a href="#" class="text-muted">84564564</a></td>
<td>Mobile</td>
<td>355</td>
<td><span class="d-flex align-items-center gap-2"><i
class="fas fa-circle text-success f-10 m-r-5"></i>Approved</span></td>
<td class="text-end">$180,139</td>
</tr>
<tr>
<td><a href="#" class="text-muted">84564564</a></td>
<td>Camera Lens</td>
<td>40</td>
<td><span class="d-flex align-items-center gap-2"><i
class="fas fa-circle text-danger f-10 m-r-5"></i>Rejected</span>
</td>
<td class="text-end">$40,570</td>
</tr>
<tr>
<td><a href="#" class="text-muted">84564564</a></td>
<td>Laptop</td>
<td>300</td>
<td><span class="d-flex align-items-center gap-2"><i
class="fas fa-circle text-warning f-10 m-r-5"></i>Pending</span>
</td>
<td class="text-end">$180,139</td>
</tr>
<tr>
<td><a href="#" class="text-muted">84564564</a></td>
<td>Mobile</td>
<td>355</td>
<td><span class="d-flex align-items-center gap-2"><i
class="fas fa-circle text-success f-10 m-r-5"></i>Approved</span></td>
<td class="text-end">$180,139</td>
</tr>
<tr>
<td><a href="#" class="text-muted">84564564</a></td>
<td>Mobile</td>
<td>355</td>
<td><span class="d-flex align-items-center gap-2"><i
class="fas fa-circle text-success f-10 m-r-5"></i>Approved</span></td>
<td class="text-end">$180,139</td>
</tr>
</tbody>
</table>
</div>
</div>
@endsection
@section('script')
<script>
let table = null;
$(document).ready(function() {
$.get('{{ route("dashboard.fetchData") }}', function(data) {
$('#total_booking').text(data.total_booking);
$('#booking_percent').text(data.booking_percent + '%');
$('#from_month_booking_count').text(data.from_month_booking_count);
$('#booking_trend').text(data.booking_trend);
if (data.booking_diff >= 0) {
$('#trending-icon-booking').addClass('ti-trending-up');
$('#booking_percent').addClass('text-primary');
} else {
$('#trending-icon-booking').addClass('ti-trending-down');
$('#booking_percent').addClass('text-danger');
}
$('#total_tes').text(data.total_tes);
$('#tes_percent').text(data.tes_percent + '%');
$('#from_month_tes_count').text(data.from_month_tes_count);
$('#tes_trend').text(data.tes_trend);
if (data.tes_diff >= 0) {
$('#trending-icon-tes').addClass('ti-trending-up');
$('#tes_percent').addClass('text-primary');
} else {
$('#trending-icon-tes').addClass('ti-trending-down');
$('#tes_percent').addClass('text-danger');
}
$('#total_tes_berlangsung').text(data.total_tes_berlangsung);
$('#tes_berlangsung_percent').text(data.tes_berlangsung_percent + '%');
$('#from_month_tes_berlangsung_count').text(data.from_month_tes_berlangsung_count);
$('#tes_berlangsung_trend').text(data.tes_berlangsung_trend);
if (data.tes_berlangsung_diff >= 0) {
$('#trending-icon-tes-berlangsung').addClass('ti-trending-up');
$('#tes_berlangsung_percent').addClass('text-primary');
} else {
$('#trending-icon-tes-berlangsung').addClass('ti-trending-down');
$('#tes_berlangsung_percent').addClass('text-danger');
}
$('#rata_rata_kecemasan').text(data.rata_rata_kecemasan);
$('#rata_rata_kecemasan_percent').text(data.rata_rata_kecemasan_percent + '%');
$('#from_month_rata_rata_kecemasan_count').text(data.from_month_rata_rata_kecemasan);
$('#rata_rata_kecemasan_trend').text(data.rata_rata_kecemasan_trend);
if (data.rata_rata_kecemasan_diff >= 0) {
$('#trending-icon-rata-rata').addClass('ti-trending-up');
$('#rata_rata_kecemasan_percent').addClass('text-primary');
} else {
$('#trending-icon-rata-rata').addClass('ti-trending-down');
$('#rata_rata_kecemasan_percent').addClass('text-danger');
}
table = new DataTable('#table-data-booking', {
searching: false,
paging: false,
ajax: {
url: '{{ route("dashboard.fetchDataTable") }}',
},
columns: [
{
data: null,
render: function(data, type, row, meta) {
return meta.row + 1;
}
},
{ data: 'nama_lengkap' },
{ data: 'email', name: 'email' },
{ data: 'no_telp' },
{ data: 'tanggal_booking' },
{ data: 'status_tes' },
{ data: 'status_session' },
]
});
});
});
</script>
</div>
</div>
<div class="col-md-12 col-xl-4">
<h5 class="mb-3">Analytics Report</h5>
<div class="card">
<div class="list-group list-group-flush">
<a href="#"
class="list-group-item list-group-item-action d-flex align-items-center justify-content-between">Company
Finance Growth<span class="h5 mb-0">+45.14%</span></a>
<a href="#"
class="list-group-item list-group-item-action d-flex align-items-center justify-content-between">Company
Expenses Ratio<span class="h5 mb-0">0.58%</span></a>
<a href="#"
class="list-group-item list-group-item-action d-flex align-items-center justify-content-between">Business
Risk Cases<span class="h5 mb-0">Low</span></a>
</div>
<div class="card-body px-2">
<div id="analytics-report-chart"></div>
</div>
</div>
</div>
<div class="col-md-12 col-xl-8">
<h5 class="mb-3">Sales Report</h5>
<div class="card">
<div class="card-body">
<h6 class="mb-2 f-w-400 text-muted">This Week Statistics</h6>
<h3 class="mb-0">$7,650</h3>
<div id="sales-report-chart"></div>
</div>
</div>
</div>
<div class="col-md-12 col-xl-4">
<h5 class="mb-3">Transaction History</h5>
<div class="card">
<div class="list-group list-group-flush">
<a href="#" class="list-group-item list-group-item-action">
<div class="d-flex">
<div class="flex-shrink-0">
<div class="avtar avtar-s rounded-circle text-success bg-light-success">
<i class="ti ti-gift f-18"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-1">Order #002434</h6>
<p class="mb-0 text-muted">Today, 2:00 AM</P>
</div>
<div class="flex-shrink-0 text-end">
<h6 class="mb-1">+ $1,430</h6>
<p class="mb-0 text-muted">78%</P>
</div>
</div>
</a>
<a href="#" class="list-group-item list-group-item-action">
<div class="d-flex">
<div class="flex-shrink-0">
<div class="avtar avtar-s rounded-circle text-primary bg-light-primary">
<i class="ti ti-message-circle f-18"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-1">Order #984947</h6>
<p class="mb-0 text-muted">5 August, 1:45 PM</P>
</div>
<div class="flex-shrink-0 text-end">
<h6 class="mb-1">- $302</h6>
<p class="mb-0 text-muted">8%</P>
</div>
</div>
</a>
<a href="#" class="list-group-item list-group-item-action">
<div class="d-flex">
<div class="flex-shrink-0">
<div class="avtar avtar-s rounded-circle text-danger bg-light-danger">
<i class="ti ti-settings f-18"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-1">Order #988784</h6>
<p class="mb-0 text-muted">7 hours ago</P>
</div>
<div class="flex-shrink-0 text-end">
<h6 class="mb-1">- $682</h6>
<p class="mb-0 text-muted">16%</P>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
@endsection

246
resources/views/admin/pages/data_hasil_kecemasan/index.blade.php
View File

@ -41,13 +41,30 @@
<thead>
<tr>
<th>No</th>
<th>Nama</th>
<th>Kode Unik</th>
<th>Tgl dan Jam Ujian</th>
<th>Status Data</th>
<th>Dummy</th>
<th>Dummy</th>
<th>Dummy</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>lorem</td>
<td>lorem</td>
<td>lorem</td>
<td>
<div class="btn-group">
<button type="button" class="btn btn-info btn-sm rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#editModal" onclick="getDataEdit(this)" data-id="${data.id}">
<i class="ti ti-edit"></i>
</button>
<button class="btn btn-sm btn-danger delete-btn rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#deleteModal" onclick="getDataHapus(this)" data-id="${data.id}">
<i class="ti ti-trash"></i>
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
@ -55,229 +72,10 @@
<!-- [ sample-page ] end -->
</div>
<!-- [ Main Content ] end -->
<!-- Modal Delete -->
<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Hapus Data</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Apakah anda akan menghapus data dengan nama "<span id="delete_test" class="fw-bold"></span>" ini? (data hanya akan dinonaktikan)
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
<button type="button" class="btn btn-danger" onclick="hapusData()">Hapus</button>
</div>
</div>
</div>
</div>
{{-- <!-- Modal Restore -->
<div class="modal fade" id="restoreModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Restore Data</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Apakah anda akan memulihkan data dengan nama "<span id="restore_test" class="fw-bold"></span>" ini? (data akan diperiksa dengan status terakhirnya)
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
<button type="button" class="btn btn-danger" onclick="restoreData()">Hapus</button>
</div>
</div>
</div>
</div> --}}
@endsection
@section('script')
<script>
let idHapus = null;
let tableData = null;
let ws = null;
function fetchRowData() {
if(tableData != null) {
tableData.ajax.reload(null, false);
}
}
function getDataInfo(btn) {
let idShow = btn.getAttribute('data-id');
Swal.fire({
title: 'Alert',
icon: 'question',
text: 'Apakah Anda ingin melihat hasil dari data ini?',
confirmButtonText: 'Ya',
cancelButtonText: 'Tidak',
showCancelButton: true,
showCloseButton: true,
}).then((result) => {
if (result.isConfirmed) {
window.open("{{ route('hasil-tes.index') }}?id_test_sessions=" + idShow, "_blank");
}
});
}
function getDataDownload(btn) {
let idShow = btn.getAttribute('data-id');
Swal.fire({
title: 'Alert',
icon: 'question',
text: 'Apakah Anda ingin mendownload hasil dari data ini?',
confirmButtonText: 'Ya',
cancelButtonText: 'Tidak',
showCancelButton: true,
showCloseButton: true,
}).then((result) => {
if (result.isConfirmed) {
ws.send(JSON.stringify({
'type': 'download_hasil_tes',
'id_test_sessions': idShow
}));
}
});
}
function getDataHapus(btn) {
idHapus = btn.getAttribute('data-id');
let urlShow = '{{ route('hasil_tes.show', ['__ID__']) }}';
$.get(urlShow.replace('__ID__', idHapus), function(data, status) {
if(data.status) {
$('#delete_test').html(data.nama);
}
});
}
function hapusData() {
if(idHapus != null) {
let urlDestroy = '{{ route('hasil_tes.destroy', ['__ID__']) }}';
$.post(urlDestroy.replace('__ID__', idHapus), {
'_token': document.getElementById('_token').getAttribute('value'),
'_method': 'DELETE'
}, function(data, status) {
if(data.status) {
$('#deleteModal').modal('hide');
Swal.fire({
title: "Info",
text: "Data berhasil dinonakstifkan!",
icon: "success"
});
fetchRowData();
idHapus = null;
}
});
}
}
$(document).ready(function() {
tableData = new DataTable("#table-data", {
'ajax': {
'url': '{{ route('hasil-tes.fetchData') }}'
},
'columns': [
{
data: null,
render: function(data, type, row, meta) {
return meta.row + 1;
}
},
{
data: 'nama_lengkap'
},
{
data: 'kode_booking'
},
{
data: null,
render: function(data, type, row, meta) {
return `${data.tgl_tes} ${data.jam_tes}`;
}
},
{
data: null,
render: function(data, type, row, meta) {
let bgClass = ['secondary', 'warning', 'success'];
let text = ['Nonaktif', 'Dalam Ujian', 'Selesai'];
return `
<span class="badge rounded-pill text-bg-${bgClass[data.status_tes]}">${text[data.status_tes]}</span>
`;
}
},
{
data: null,
render: function(data, type, row, meta) {
if(data.status_tes == 0) {
return `
<div class="btn-group">
<a class="btn btn-info btn-sm rounded-circle mx-1 text-light" onclick="getDataInfo(this)" data-id="${data.id_test_session}">
<i class="ti ti-file-info"></i>
</a>
</div>
`;
}
return `
<div class="btn-group">
<a class="btn btn-info btn-sm rounded-circle mx-1 text-light" onclick="getDataInfo(this)" data-id="${data.id_test_session}">
<i class="ti ti-file-info"></i>
</a>
<button class="btn btn-sm btn-success rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#downloadModal" onclick="getDataDownload(this)" data-id="${data.id_test_session}">
<i class="ti ti-download"></i>
</button>
<button class="btn btn-sm btn-danger delete-btn rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#deleteModal" onclick="getDataHapus(this)" data-id="${data.id_test_session}">
<i class="ti ti-trash"></i>
</button>
</div>
`;
}
},
]
});
console.log("Connecting to WebSocket...");
ws = new WebSocket("{{ env('WEBSOCKET_URL') }}");
ws.onopen = function() {
console.log("WebSocket connection established.");
};
ws.onmessage = function(event) {
const data = JSON.parse(event.data);
if(data.type === 'download_hasil_tes_response') {
if(data.data != null) {
console.log(data)
const blob = new Blob([JSON.stringify(data.data)], { type: 'text/plain;charset=utf-8' });
const link = document.createElement('a');
const url = URL.createObjectURL(blob);
link.href = url;
link.download = `hasil_tes_${data.id_test_sessions}.json`;
link.style.display = 'none';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
Swal.fire({
title: 'Sukses',
text: 'Hasil tes berhasil didownload!',
icon: 'success'
});
} else {
Swal.fire({
title: 'Error',
text: 'Gagal mendownload hasil tes.',
icon: 'error'
});
}
}
};
});
new DataTable("#table-data", {});
</script>
@endsection

45
resources/views/admin/pages/data_soal/index.blade.php
View File

@ -93,10 +93,13 @@
<input disabled type="text" class="form-control" id="info_jawaban_e" name="info_jawaban_e">
</div>
<div class="col-md-6 my-1">
<label for="info_is_reverse" class="form-label">Apakah jawaban positif?</label>
<select disabled class="form-select" name="info_is_reverse" id="info_is_reverse">
<option value="0">Tidak</option>
<option value="1">Ya</option>
<label for="info_jawaban_benar" class="form-label">Jawaban Benar</label>
<select disabled class="form-select" name="info_jawaban_benar" id="info_jawaban_benar">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
<option value="d">D</option>
<option value="e">E</option>
</select>
</div>
</div>
@ -143,10 +146,13 @@
<input type="text" class="form-control" id="jawaban_e" name="jawaban_e">
</div>
<div class="col-md-6 my-1">
<label for="is_reverse" class="form-label">Apakah jawaban positif?</label>
<select class="form-select" name="is_reverse" id="is_reverse">
<option value="0">Tidak</option>
<option value="1">Ya</option>
<label for="jawaban_benar" class="form-label">Jawaban Benar</label>
<select class="form-select" name="jawaban_benar" id="jawaban_benar">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
<option value="d">D</option>
<option value="e">E</option>
</select>
</div>
</div>
@ -194,10 +200,13 @@
<input type="text" class="form-control" id="edit_jawaban_e" name="edit_jawaban_e">
</div>
<div class="col-md-6 my-1">
<label for="is_reverse" class="form-label">Apakah jawaban positif?</label>
<select class="form-select" name="edit_is_reverse" id="edit_is_reverse">
<option value="0">Tidak</option>
<option value="1">Ya</option>
<label for="edit_jawaban_benar" class="form-label">Jawaban Benar</label>
<select class="form-select" name="edit_jawaban_benar" id="edit_jawaban_benar">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
<option value="d">D</option>
<option value="e">E</option>
</select>
</div>
</div>
@ -287,7 +296,7 @@ function simpanAddData() {
'jawaban_c': $('#jawaban_c').val(),
'jawaban_d': $('#jawaban_d').val(),
'jawaban_e': $('#jawaban_e').val(),
'is_reverse': $('#is_reverse').val(),
'jawaban_benar': $('#jawaban_benar').val(),
}, function(data, status) {
$('#addModal').modal('hide');
Swal.fire({
@ -310,7 +319,7 @@ function getDataInfo(btn) {
$('#info_jawaban_c').attr('disabled', '');
$('#info_jawaban_d').attr('disabled', '');
$('#info_jawaban_e').attr('disabled', '');
$('#info_is_reverse').attr('disabled', '');
$('#info_jawaban_benar').attr('disabled', '');
$('#info_pertanyaan').val(data.data.pertanyaan);
$('#info_jawaban_a').val(data.data.jawaban_a);
@ -318,7 +327,7 @@ function getDataInfo(btn) {
$('#info_jawaban_c').val(data.data.jawaban_c);
$('#info_jawaban_d').val(data.data.jawaban_d);
$('#info_jawaban_e').val(data.data.jawaban_e);
$('#info_is_reverse').val(data.data.is_reverse);
$('#info_jawaban_benar').val(data.data.jawaban_benar);
$('#info_pertanyaan').attr('disabled', 'disabled');
$('#info_jawaban_a').attr('disabled', 'disabled');
@ -326,7 +335,7 @@ function getDataInfo(btn) {
$('#info_jawaban_c').attr('disabled', 'disabled');
$('#info_jawaban_d').attr('disabled', 'disabled');
$('#info_jawaban_e').attr('disabled', 'disabled');
$('#info_is_reverse').attr('disabled', 'disabled');
$('#info_jawaban_benar').attr('disabled', 'disabled');
}
});
}
@ -343,7 +352,7 @@ function getDataEdit(btn) {
$('#edit_jawaban_c').val(data.data.jawaban_c);
$('#edit_jawaban_d').val(data.data.jawaban_d);
$('#edit_jawaban_e').val(data.data.jawaban_e);
$('#edit_is_reverse').val(data.data.is_reverse);
$('#edit_jawaban_benar').val(data.data.jawaban_benar);
}
});
}
@ -361,7 +370,7 @@ function simpanEditData() {
'jawaban_c': $('#edit_jawaban_c').val(),
'jawaban_d': $('#edit_jawaban_d').val(),
'jawaban_e': $('#edit_jawaban_e').val(),
'is_reverse': $('#edit_is_reverse').val(),
'jawaban_benar': $('#edit_jawaban_benar').val(),
}, function(data, status) {
if(data.status) {
$('#editModal').modal('hide');

85
resources/views/admin/pages/data_user/index.blade.php
View File

@ -25,16 +25,7 @@
<div class="col-sm-12">
<div class="card">
<div class="card-header">
<div class="row">
<div class="col-md-6">
<h5>Data Users</h5>
</div>
<div class="col-md-6 d-flex justify-content-end">
<button class="btn btn-sm btn-info delete-btn rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#addModal">
<i class="ti ti-database-import"></i>
</button>
</div>
</div>
<h5>Tabel Data</h5>
</div>
<div class="card-body">
<table class="table" id="table-data">
@ -57,45 +48,6 @@
</div>
<!-- [ Main Content ] end -->
<!-- Modal Add -->
<div class="modal fade" id="addModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Add Data</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-6 my-1">
<label for="add_nama_user" class="form-label">Nama User</label>
<input type="text" class="form-control" id="add_nama_user" name="add_nama_user">
</div>
<div class="col-md-6 my-1">
<label for="add_email" class="form-label">Email</label>
<input type="text" class="form-control" id="add_email" name="add_email">
</div>
<div class="col-md-6 my-1">
<label for="add_alamat" class="form-label">Alamat</label>
<input type="text" class="form-control" id="add_alamat" name="add_alamat">
</div>
<div class="col-md-6 my-1">
<label for="add_role" class="form-label">Role</label>
<select class="form-select" name="add_role" id="add_role">
<option value="admin">Admin</option>
<option value="psikolog">Psikolog</option>
</select>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
<button type="button" class="btn btn-primary" onclick="simpanAddData()">Simpan</button>
</div>
</div>
</div>
</div>
<!-- Modal Edit -->
<div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
@ -114,15 +66,12 @@
<label for="edit_email" class="form-label">Email</label>
<input type="text" class="form-control" id="edit_email" name="edit_email">
</div>
<div class="col-md-6 my-1">
<label for="edit_alamat" class="form-label">Alamat</label>
<input type="text" class="form-control" id="edit_alamat" name="edit_alamat">
</div>
<div class="col-md-6 my-1">
<label for="edit_role" class="form-label">Role</label>
<select class="form-select" name="edit_role" id="edit_role">
<option value="admin">Admin</option>
<option value="psikolog">Psikolog</option>
<option value="user">User</option>
</select>
</div>
</div>
@ -218,7 +167,6 @@ function getDataEdit(btn) {
$('#edit_nama_user').val(data.data.name);
$('#edit_email').val(data.data.email);
$('#edit_role').val(data.data.role);
$('#edit_alamat').val(data.data.alamat);
}
});
}
@ -233,30 +181,6 @@ function getDataHapus(btn) {
});
}
function simpanAddData() {
$.post('{{ route('users.store') }}', {
'_token': document.getElementById('_token').getAttribute('value'),
'name': $('#add_nama_user').val(),
'email': $('#add_email').val(),
'role': $('#add_role').val(),
'alamat': $('#add_alamat').val()
}, function(data, status) {
if(data.status) {
$('#addModal').modal('hide');
Swal.fire({
title: "Info",
text: "Data berhasil ditambahkan!",
icon: "success"
});
fetchRowData();
$('#add_nama_user').val('');
$('#add_email').val('');
$('#add_role').val('admin');
$('#add_alamat').val('');
}
});
}
function simpanEditData() {
if(idEdit != null) {
let urlUpdate = '{{ route('users.update', ['__ID__']) }}';
@ -265,14 +189,13 @@ function simpanEditData() {
'_method': 'PUT',
'name': $('#edit_nama_user').val(),
'email': $('#edit_email').val(),
'role': $('#edit_role').val(),
'alamat': $('#edit_alamat').val()
'role': $('#edit_role').val()
}, function(data, status) {
if(data.status) {
$('#editModal').modal('hide');
Swal.fire({
title: "Info",
text: "Data berhasil diubah!",
text: "Data berhasil ditambahkan!",
icon: "success"
});
fetchRowData();

84
resources/views/user/pages/finish_ujian/index.blade.php
View File

@ -81,7 +81,7 @@
<h4 class="card-title">
Tingkat Kecemasan
</h4>
@if ($data_aswered['totalScore'] <= 37)
@if ($data_aswered['totalScore'] <= 20)
<h2 class="mt-4 text-success">
Normal
</h2>
@ -114,11 +114,11 @@
<h4 class="card-title">
Prediksi AI
</h4>
<h2 class="mt-4" id="result-model">
Loading...
</h2>
<h5 class="mt-4">
Belum tersedia
</h5>
<p class="text-muted">
Model Confidence: <span id="confidence-model"></span>
Model AI masih dalam tahap pengembangan
</p>
</div>
<div class="col-md-2 d-flex justify-content-center align-items-center bg-primary-subtle border border primary rounded-circle" style="aspect-ratio: 1/1;">
@ -190,23 +190,6 @@
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="bg-custom p-4 my-3 border rounded">
<div class="row">
<div class="col-md-10">
<h5 class="text-body">Detail Confidence Prediksi Model</h5>
</div>
<div class="col-md-2 d-flex justify-content-center align-items-center bg-primary-subtle border border primary rounded-circle" style="aspect-ratio: 1/1;">
<i class="bi bi-easel fs-4"></i>
</div>
</div>
<ul class="list-unstyled">
<li><strong>Normal:</strong> <span id="normal-confidence">0%</span></li>
<li><strong>Sedang:</strong> <span id="sedang-confidence"></span></li>
<li><strong>Tinggi:</strong> <span id="tinggi-confidence"></span></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="bg-custom p-4 my-3 border rounded">
<div class="row">
@ -334,13 +317,6 @@
<div id="heatmapChart" style="aspect-ratio: 16/9;"></div>
</div>
</div>
<div class="col-lg-12 mt-5">
<h2 class="title text-center">Heatmap Pergerakan Mata (Grid)</h2>
<div style="position: relative; aspect-ratio: 16/9;">
<img src="{{ asset('assets/users/assets/img/overlay/overlay_grid.png') }}" style="width:100%; height:100%; object-fit: cover; position: absolute;">
<div id="heatmapChartGrid" style="aspect-ratio: 16/9;"></div>
</div>
</div>
</div>
</div>
</section><!-- /About Section -->
@ -370,11 +346,9 @@
let recordedScreenWidth = null
let recordedScreenHeight = null
let mappedHeatmapData = null;
let mappedHeatmapDataGrid = null;
let scaleX = null;
let scaleY = null;
let heatmapInstance = null;
let heatmapInstanceGrid = null;
let score = null;
let totalScore = null;
let soalTerjawab = 0;
@ -436,39 +410,8 @@ function renderVelocityChart(timeseries) {
max: 10,
data: mappedHeatmapData
});
mappedHeatmapDataGrid = result.heatmap.map(point => ({
x: point.x * scaleX,
y: point.y * scaleY,
value: point.value
}));
heatmapInstanceGrid.setData({
max: 10,
data: mappedHeatmapDataGrid
});
heatmapContainer.style.removeProperty('position');
renderStats(result.statistics);
}
}
async function getPredict(data) {
const res = await fetch("{{ env('PYTHON_API_URL') }}/predict", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(data)
});
const result = await res.json();
if(result != null) {
let classBg = ['text-success', 'text-warning', 'text-danger'];
let textResult = ['Normal', 'Sedang', 'Tinggi'];
$('#result-model').addClass(classBg[result.hasil_prediksi]);
$('#result-model').html(textResult[result.hasil_prediksi]);
$('#confidence-model').html(result.confidence + '%');
$('#normal-confidence').html(result.detail_probabilitas.normal + "%");
$('#sedang-confidence').html(result.detail_probabilitas.sedang + "%");
$('#tinggi-confidence').html(result.detail_probabilitas.tinggi + "%");
Swal.close();
}
}
@ -675,7 +618,6 @@ function showInsight(type) {
ws.onmessage = (event) => {
const data = JSON.parse(event.data);
// console.log(data);
if(data.type === 'json_file_data') {
if(data.data != null) {
data_tobii = null;
@ -706,14 +648,7 @@ function showInsight(type) {
maxOpacity: 0.6,
blur: 0.85
});
heatmapInstanceGrid = h337.create({
container: document.getElementById('heatmapChartGrid'),
radius: 40,
maxOpacity: 0.6,
blur: 0.85
});
loadData(data_tobii);
getPredict(data_tobii.data);
} else {
Swal.fire({
title: 'Error',
@ -729,15 +664,6 @@ function showInsight(type) {
xhttp.open('GET', '{{ route('test-sessions.getScreen', ['id_test_sessions' => $id_session]) }}', true);
xhttp.send();
} else {
Swal.fire({
title: 'Error',
text: 'Gagal memuat data mata, silahkan coba lagi nanti',
icon: 'error',
showConfirmButton: true,
allowOutsideClick: false,
allowEscapeKey: false
});
}
}
};

5
resources/views/user/pages/ujian/temp_index.blade.php
View File

@ -30,8 +30,8 @@
<div class="row justify-content-center flex-column p-4">
<div class="col-md-12 border-bottom fs-4 fw-bold p-2">Soal</div>
<div class="col-md-12 p-2 d-none" id="id_question" style="text-align: justify"></div>
<div class="col-md-12 p-2 fs-1 text-muted" id="text_question" style="text-align: justify"></div>
<div class="col-md-12 fs-1 text-muted" id="answer_field">
<div class="col-md-12 p-2" id="text_question" style="text-align: justify"></div>
<div class="col-md-12" id="answer_field">
<div class="fs-4 fw-bold p-2">Jawaban:</div>
</div>
</div>
@ -300,7 +300,6 @@ function finishExam() {
ws.send(JSON.stringify({
type: "command",
action: "stop",
finish: true,
session_id: SESSION_ID
}));

5
routes/web.php
View File

@ -36,7 +36,7 @@
Route::resource('cek-status', CekStatusController::class)->only(['index', 'show']);
Route::resource('tutorial-tes', TutorialTesController::class)->only(['index']);
Route::resource('test-sessions', TestSessionsController::class)->only(['store', 'show']);
Route::get('test-sessions/get/screen', [TestSessionsController::class, 'getScreen'])->name('test-sessions.getScreen');
Route::get('test-sessions/get/screen', [TestSessionsController::class, 'getScreen'])->name('test-sessions.getScreen');;
Route::resource('tobii-receiver', TobiiReceiverController::class)->only(['store', 'show']);
Route::get('tobii-receiver/fetch/data/{id_test_sessions}', [TobiiReceiverController::class, 'fetchDataTobii'])->name('tobii-receiver.fetchData');
Route::resource('ujian', HalamanUjianController::class);
@ -49,8 +49,6 @@
Route::get('hasil-tes/get/all-not-answer', [FinishUjianController::class, 'getNotAnswered'])->name('hasil-tes.getNotAnswered');
Route::middleware(['auth', 'role.auth'])->group(function() {
Route::resource('dashboard', DashboardController::class);
Route::get('dashboard/fetch/data', [DashboardController::class, 'getDataDashboard'])->name('dashboard.fetchData');
Route::get('dashboard/fetch/data-table', [DashboardController::class, 'getDataForDashboardTable'])->name('dashboard.fetchDataTable');
Route::resource('users', UsersController::class);
Route::get('users/fetch/data', [UsersController::class, 'getData'])->name('users.fetchData');
Route::resource('booking', BookingController::class)->except(['store']);
@ -58,7 +56,6 @@
Route::resource('soal', DataSoalController::class);
Route::get('soal/fetch/data', [DataSoalController::class, 'getData'])->name('soal.fetchData');
Route::resource('hasil_tes', HasilTesController::class);
Route::get('hasil_tes/fetch/data', [HasilTesController::class, 'fetchData'])->name('hasil-tes.fetchData');
});
Route::get('email/test', function(Request $req) {