diff --git a/app/Http/Controllers/PlayerController.php b/app/Http/Controllers/PlayerController.php index 8ada88e..13bbd83 100644 --- a/app/Http/Controllers/PlayerController.php +++ b/app/Http/Controllers/PlayerController.php @@ -137,7 +137,7 @@ class PlayerController extends Controller if ($certificate->count() == 0) { $certificate_data['user_id'] = auth()->user()->id; $certificate_data['course_id'] = $request->course_id; - $certificate_data['identifier'] = random(12); + $certificate_data['identifier'] = $this->generateIdentifier(12); $certificate_data['created_at'] = date('Y-m-d H:i:s'); Certificate::insert($certificate_data); } @@ -146,6 +146,22 @@ class PlayerController extends Controller return redirect()->back(); } + private function generateIdentifier($length = 12) + { + $characters = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ'; + $charactersLength = strlen($characters); + $randomString = ''; + + for ($i = 0; $i < $length; $i++) { + $randomString .= $characters[rand(0, $charactersLength - 1)]; + } + + return $randomString; + } + + + + public function prepend_watermark() { return view('course_player.watermark'); diff --git a/app/Http/Controllers/frontend/HomeController.php b/app/Http/Controllers/frontend/HomeController.php index 85cb4ac..7addf79 100644 --- a/app/Http/Controllers/frontend/HomeController.php +++ b/app/Http/Controllers/frontend/HomeController.php @@ -60,6 +60,8 @@ class HomeController extends Controller $page_data['certificate'] = $certificate->first(); $page_data['qrcode'] = $qrcode; + + // dd($qr_code_content_value); return view('curriculum.certificate.download', $page_data); } else { return redirect(route('home'))->with('error', get_phrase('Certificate not found at this url')); diff --git a/app/Http/Controllers/student/QuizController.php b/app/Http/Controllers/student/QuizController.php index b78949f..5b04961 100644 --- a/app/Http/Controllers/student/QuizController.php +++ b/app/Http/Controllers/student/QuizController.php @@ -208,7 +208,7 @@ class QuizController extends Controller Certificate::create([ 'user_id' => $student_id, 'course_id' => $course_id, - 'identifier' => substr(md5(uniqid(mt_rand(), true)), 0, 10), // Generate random ID + 'identifier' => $this->generateIdentifier(12), ]); } } @@ -216,6 +216,18 @@ class QuizController extends Controller return true; } + private function generateIdentifier($length = 12) + { + $characters = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ'; + $charactersLength = strlen($characters); + $randomString = ''; + for ($i = 0; $i < $length; $i++) { + $randomString .= $characters[rand(0, $charactersLength - 1)]; + } + + return $randomString; + } + public function load_result(Request $request) { $page_data['quiz'] = Lesson::where('id', $request->quiz_id)->first(); diff --git a/public/uploads/certificate-template/certificate-default.png b/public/uploads/certificate-template/certificate-default.png deleted file mode 100644 index 0fc72bb..0000000 Binary files a/public/uploads/certificate-template/certificate-default.png and /dev/null differ diff --git a/public/uploads/certificate-template/optimized/certificate-default.png b/public/uploads/certificate-template/optimized/certificate-default.png deleted file mode 100644 index f38307c..0000000 Binary files a/public/uploads/certificate-template/optimized/certificate-default.png and /dev/null differ diff --git a/resources/views/admin/certificate/builder.blade.php b/resources/views/admin/certificate/builder.blade.php index 65267ce..b628cc9 100644 --- a/resources/views/admin/certificate/builder.blade.php +++ b/resources/views/admin/certificate/builder.blade.php @@ -15,20 +15,31 @@ + {{-- Font Awesome untuk ikon tambahan --}} + + - - - - - - - +
- - + + + + {{ get_phrase('Certificate Designer') }} + + {{ get_phrase('Back') }} - {{ get_phrase('Certificate elements') }} - {{ get_phrase('Back') }}
-
-
-
{{ get_phrase('Available Variable Data') }}
- {course_duration} - {instructor_name} - {student_name} - {course_title} - {number_of_lesson} - {qr_code} - {course_completion_date} - {certificate_download_date} - {course_level} - {course_language} +
+
+
+ {{ get_phrase('Available Variables') }} +
+
+ {course_duration} + {certificate_id} + {instructor_name} + {student_name} + {course_title} + {number_of_lesson} + {qr_code} + {course_completion_date} + {certificate_download_date} + {course_level} + {course_language} +
-
-
-
{{ get_phrase('Add a new element') }}
+ +
+
+
+ {{ get_phrase('Add New Element') }} +
+
-
- - +
+
+ {{ get_phrase('Text Content') }} +
+
+ + +
-
-
-
-
+ +
+
+ {{ get_phrase('Font Styling') }} +
+ +
+ +
+ +
+
+ +
+ + +
+ Thin + Normal + Bold + Black +
+
+ +
+ +
+ + + +
+
+ +
+ +
+ + + + +
+
+ +
+ +
+ +
+
+
+ +
+ + +
-
-
- + +
+
+ {{ get_phrase('Text Alignment') }} +
+
+
+ + + + +
+
-
- + +
+
-
- + +
+
-
-
-
- {{-- Common style for page builder start --}} {{-- Common style for page builder END --}} @if (get_settings('certificate_builder_content')) @php $htmlContent = get_settings('certificate_builder_content'); - - // Use regex to update the src attribute of the tag with the class 'certificate-template'. $newSrc = get_image(get_settings('certificate_template')); - $certificate_builder_content = preg_replace('/(]*class=["\']certificate-template["\'][^>]*src=["\'])([^"\']*)(["\'])/i', '${1}' . $newSrc . '${3}', $htmlContent); @endphp {!! $certificate_builder_content !!} @@ -220,9 +556,140 @@
@endif
+ - - + \ No newline at end of file diff --git a/resources/views/curriculum/certificate/download.blade.php b/resources/views/curriculum/certificate/download.blade.php index 26b636a..9dd65fb 100644 --- a/resources/views/curriculum/certificate/download.blade.php +++ b/resources/views/curriculum/certificate/download.blade.php @@ -9,7 +9,7 @@ - + @@ -26,31 +26,83 @@ display: none !important; } - .certificate-layout-module { - left: unset !important; - top: unset !important; - margin-left: auto !important; - margin-right: auto !important; - } + .certificate-layout-module { + left: unset !important; + top: unset !important; + margin-left: auto !important; + margin-right: auto !important; + } - svg { - width: 100%; - height: 100%; - } + svg { + width: 100%; + height: 100%; + } + .download-wrapper { + position: fixed; + bottom: 20px; + right: 20px; + display: flex; + gap: 15px; + z-index: 100; + } + + .download-btn { + padding: 12px 24px; + border-radius: 8px; + color: #ffffff; + background: linear-gradient(135deg, #3d9bff 0%, #0066cc 100%); + border: none; + font-weight: 600; + font-size: 16px; + text-decoration: none; + box-shadow: 0 4px 12px rgba(61, 155, 255, 0.3); + cursor: pointer; + transition: all 0.3s ease; + display: inline-block; + white-space: nowrap; + text-align: center; + min-width: 160px; + } + + .download-btn.secondary { + background: linear-gradient(135deg, #6c757d 0%, #495057 100%); + box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3); + } + + .download-btn.secondary:hover { + background: linear-gradient(135deg, #5a6268 0%, #3d4349 100%); + box-shadow: 0 6px 16px rgba(108, 117, 125, 0.4); + } + + .download-btn:hover { + background: linear-gradient(135deg, #2d8bef 0%, #0055b3 100%); + transform: translateY(-2px); + box-shadow: 0 6px 16px rgba(61, 155, 255, 0.4); + } + + .download-btn:active { + transform: translateY(0); + box-shadow: 0 2px 8px rgba(61, 155, 255, 0.3); + } + + .download-btn:focus { + outline: 2px solid rgba(61, 155, 255, 0.5); + outline-offset: 2px; + } + + /* Responsive untuk mobile */ + @media (max-width: 768px) { .download-btn { - position: fixed; - bottom: 10px; - right: 10px; - padding: 20px 32px; - border-radius: 5px; - color: #3d9bff; - background-color: #d3e8ff; - z-index: 100; + bottom: 16px; + right: 16px; + padding: 10px 20px; + font-size: 14px; } + } .absolute-view{ - background-color: #fff; + background-color: #e6e6e6; position: fixed; top: 0; bottom: 0; @@ -75,12 +127,37 @@ {{-- Downloadable canvas --}}
@php + $bulan_indonesia = [ + 1 => 'Januari', + 2 => 'Februari', + 3 => 'Maret', + 4 => 'April', + 5 => 'Mei', + 6 => 'Juni', + 7 => 'Juli', + 8 => 'Agustus', + 9 => 'September', + 10 => 'Oktober', + 11 => 'November', + 12 => 'Desember' + ]; + + // Jika date_formatter() mengembalikan tanggal string + $completion_date = $certificate->created_at; // Ambil timestamp asli + + // Konversi ke format Indonesia + $timestamp = strtotime($completion_date); // atau $completion_date jika sudah timestamp + $hari = date('j', $timestamp); // tanggal tanpa nol + $bulan_angka = (int)date('n', $timestamp); // bulan angka + $tahun = date('Y', $timestamp); + + $course_completion_date = $hari . ' ' . $bulan_indonesia[$bulan_angka] . ' ' . $tahun; $course_duration = $certificate->course->total_duration(); $student_name = $certificate->user->name; $course_title = $certificate->course->title; $number_of_lesson = $certificate->course->lessons->count(); $qr_code = $qrcode; - $course_completion_date = date_formatter($certificate->created_at); + $certificate_id = $certificate->identifier; $certificate_download_date = date('d M Y'); $course_level = ucfirst($certificate->course->level); $course_language = ucfirst($certificate->course->language); @@ -98,6 +175,7 @@ $certificate_builder_content = str_replace('{number_of_lesson}', $number_of_lesson, $certificate_builder_content); $certificate_builder_content = str_replace('{qr_code}', $qr_code, $certificate_builder_content); $certificate_builder_content = str_replace('{course_completion_date}', $course_completion_date, $certificate_builder_content); + $certificate_builder_content = str_replace('{certificate_id}', $certificate_id, $certificate_builder_content); $certificate_builder_content = str_replace('{certificate_download_date}', $certificate_download_date, $certificate_builder_content); $certificate_builder_content = str_replace('{course_level}', $course_level, $certificate_builder_content); $certificate_builder_content = str_replace('{course_language}', $course_language, $certificate_builder_content); @@ -121,7 +199,19 @@ {{-- Preview certificate end--}} - {{ get_phrase('Download') }} +
+ + {{ get_phrase('Download Image') }} + + + + {{ get_phrase('Download PDF') }} + +
+ +