Compare commits
20 Commits
fix/dashbo
...
fix/sync-t
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
22ee7502ad | ||
|
|
2f3bc172eb | ||
|
|
bba932b2ba | ||
|
|
3f5d0eb1cd | ||
|
|
1f33d0de4e | ||
|
|
86d694bcac | ||
|
|
cb5a3243fc | ||
|
|
15210a56ee | ||
|
|
a08f2cb2b7 | ||
|
|
632433c496 | ||
|
|
5b4780495e | ||
|
|
0a7012a57c | ||
|
|
435a19346b | ||
|
|
8fcf8859d6 | ||
|
|
43a246d234 | ||
|
|
d6d0acf8fb | ||
|
|
b4ec7a9d25 | ||
|
|
5203babe11 | ||
|
|
c0faafdbd7 | ||
|
|
572b86299c |
@@ -7,6 +7,7 @@ use App\Services\OpenAIService;
|
|||||||
use App\Http\Controllers\Controller;
|
use App\Http\Controllers\Controller;
|
||||||
use Illuminate\Http\Response;
|
use Illuminate\Http\Response;
|
||||||
use Illuminate\Support\Facades\DB;
|
use Illuminate\Support\Facades\DB;
|
||||||
|
use Illuminate\Support\Facades\Log;
|
||||||
|
|
||||||
class ChatbotController extends Controller
|
class ChatbotController extends Controller
|
||||||
{
|
{
|
||||||
@@ -19,7 +20,6 @@ class ChatbotController extends Controller
|
|||||||
|
|
||||||
public function generateText(Request $request)
|
public function generateText(Request $request)
|
||||||
{
|
{
|
||||||
info($request);
|
|
||||||
$request->validate([
|
$request->validate([
|
||||||
'tab_active' => 'required|string',
|
'tab_active' => 'required|string',
|
||||||
'prompt' => 'required|string',
|
'prompt' => 'required|string',
|
||||||
@@ -33,52 +33,87 @@ class ChatbotController extends Controller
|
|||||||
default => "UNKNOWN",
|
default => "UNKNOWN",
|
||||||
};
|
};
|
||||||
|
|
||||||
|
$chatHistory = $request->input('chatHistory');
|
||||||
|
// Log::info('Chat history sebelum disimpan:', ['history' => $chatHistory]);
|
||||||
|
|
||||||
if ($main_content === "UNKNOWN") {
|
if ($main_content === "UNKNOWN") {
|
||||||
return response()->json(['response' => 'Invalid tab_active value.'], 400);
|
return response()->json(['response' => 'Invalid tab_active value.'], 400);
|
||||||
}
|
}
|
||||||
|
|
||||||
info($main_content);
|
// info($main_content);
|
||||||
|
|
||||||
// Klasifikasi apakah pertanyaan butuh database atau bisa dijawab langsung
|
$queryResponse = $this->openAIService->generateQueryBasedMainContent($request->input('prompt'), $main_content, $chatHistory);
|
||||||
$classifyResponse = $this->openAIService->generateClassifyMainContent($request->input('prompt'), $main_content);
|
|
||||||
|
|
||||||
if ($classifyResponse === "DATABASE") {
|
$firstValidation = $this->openAIService->validateSyntaxQuery($queryResponse);
|
||||||
$queryResponse = $this->openAIService->generateQueryBasedMainContent($request->input('prompt'), $main_content);
|
$secondValidation = $this->openAIService->validateSyntaxQuery($queryResponse);
|
||||||
if (is_array($queryResponse)) {
|
|
||||||
info('Query Response is an array: ', $queryResponse);
|
|
||||||
} else {
|
|
||||||
info('Query Response is a string: ' . $queryResponse);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Validasi query dua kali sebelum eksekusi
|
$formattedResultQuery = "[]";
|
||||||
if (
|
|
||||||
$this->openAIService->validateSyntaxQuery($queryResponse) === "VALID" &&
|
|
||||||
$this->openAIService->validateSyntaxQuery($queryResponse) === "VALID"
|
|
||||||
) {
|
|
||||||
info($queryResponse);
|
|
||||||
$queryResponse = str_replace(['```sql', '```'], '', $queryResponse);
|
$queryResponse = str_replace(['```sql', '```'], '', $queryResponse);
|
||||||
$resultQuery = DB::select($queryResponse);
|
$resultQuery = DB::select($queryResponse);
|
||||||
$formattedResultQuery = json_encode($resultQuery, JSON_PRETTY_PRINT);
|
$formattedResultQuery = json_encode($resultQuery, JSON_PRETTY_PRINT);
|
||||||
|
// info($formattedResultQuery);
|
||||||
|
|
||||||
$nlpResult = $this->openAIService->generateNLPFromQuery($request->input('prompt'), $formattedResultQuery);
|
$nlpResult = $this->openAIService->generateNLPFromQuery($request->input('prompt'), $formattedResultQuery);
|
||||||
$finalGeneratedText =$this->openAIService->generateFinalText($nlpResult);
|
$finalGeneratedText =$this->openAIService->generateFinalText($nlpResult);
|
||||||
return response()->json(['response' => $finalGeneratedText]);
|
return response()->json(['response' => $finalGeneratedText, 'nlpResponse' => $queryResponse]);
|
||||||
}
|
}
|
||||||
|
|
||||||
return response()->json(['response' => ''], 400);
|
public function mainGenerateText(Request $request)
|
||||||
|
{
|
||||||
|
// Log hanya data yang relevan
|
||||||
|
info("Received prompt: " . $request->input('prompt'));
|
||||||
|
|
||||||
|
// Validasi input
|
||||||
|
$request->validate([
|
||||||
|
'prompt' => 'required|string',
|
||||||
|
]);
|
||||||
|
|
||||||
|
try {
|
||||||
|
// Panggil service untuk generate text
|
||||||
|
$classifyResponse = $this->openAIService->classifyMainGenerateText($request->input('prompt'));
|
||||||
|
info($classifyResponse);
|
||||||
|
|
||||||
|
// Pastikan hasil klasifikasi valid sebelum melanjutkan
|
||||||
|
$validCategories = [
|
||||||
|
'reklame', 'business_or_industries', 'customers',
|
||||||
|
'pbg', 'retribusi', 'spatial_plannings',
|
||||||
|
'tourisms', 'umkms'
|
||||||
|
];
|
||||||
|
|
||||||
|
if (!in_array($classifyResponse, $validCategories)) {
|
||||||
|
return response()->json([
|
||||||
|
'error' => ''
|
||||||
|
], 400);
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($classifyResponse === "GENERAL") {
|
$chatHistory = $request->input('chatHistory');
|
||||||
$nlpResult = $this->openAIService->generateGeneralText($request->input('prompt'), $main_content);
|
Log::info('Chat history sebelum disimpan:', ['history' => $chatHistory]);
|
||||||
|
|
||||||
|
$queryResponse = $this->openAIService->createMainQuery($classifyResponse, $request->input('prompt'), $chatHistory);
|
||||||
|
info($queryResponse);
|
||||||
|
|
||||||
|
$firstValidation = $this->openAIService->validateSyntaxQuery($queryResponse);
|
||||||
|
$secondValidation = $this->openAIService->validateSyntaxQuery($queryResponse);
|
||||||
|
|
||||||
|
$formattedResultQuery = "[]";
|
||||||
|
|
||||||
|
$queryResponse = str_replace(['```sql', '```'], '', $queryResponse);
|
||||||
|
$queryResult = DB::select($queryResponse);
|
||||||
|
|
||||||
|
$formattedResultQuery = json_encode($queryResult, JSON_PRETTY_PRINT);
|
||||||
|
|
||||||
|
$nlpResult = $this->openAIService->generateNLPFromQuery($request->input('prompt'), $formattedResultQuery);
|
||||||
$finalGeneratedText =$this->openAIService->generateFinalText($nlpResult);
|
$finalGeneratedText =$this->openAIService->generateFinalText($nlpResult);
|
||||||
return response()->json(['response' => $finalGeneratedText]);
|
|
||||||
|
return response()->json(['response' => $finalGeneratedText, 'nlpResponse' => $queryResponse]);
|
||||||
|
} catch (\Exception $e) {
|
||||||
|
// Tangani error dan log exception
|
||||||
|
\Log::error("Error generating text: " . $e->getMessage());
|
||||||
|
|
||||||
|
return response()->json([
|
||||||
|
'error' => ''
|
||||||
|
], 500);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return response()->json(['response' => ''], 500);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
private function classifyContent(string $prompt) {
|
|
||||||
$classifyResponse = $this->openAIService->generateClassifyContent($prompt);
|
|
||||||
return $classifyResponse;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers\ChatbotPimpinan;
|
||||||
|
|
||||||
|
use App\Http\Controllers\Controller;
|
||||||
|
use Illuminate\Http\Request;
|
||||||
|
|
||||||
|
class ChatbotPimpinanController extends Controller
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Display a listing of the resource
|
||||||
|
*/
|
||||||
|
public function index()
|
||||||
|
{
|
||||||
|
return view('chatbot-pimpinan.index');
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -62,7 +62,7 @@ class AdvertisementController extends Controller
|
|||||||
// Pastikan model ditemukan
|
// Pastikan model ditemukan
|
||||||
if (!$modelInstance) {
|
if (!$modelInstance) {
|
||||||
info("AdvertisementController@edit: Model tidak ditemukan.");
|
info("AdvertisementController@edit: Model tidak ditemukan.");
|
||||||
return redirect()->route('advertisements.index')->with('error', 'Advertisement not found');
|
return redirect()->route('web.advertisements.index')->with('error', 'Advertisement not found');
|
||||||
}
|
}
|
||||||
|
|
||||||
// Mengambil dan memetakan village_name dan district_name
|
// Mengambil dan memetakan village_name dan district_name
|
||||||
|
|||||||
@@ -58,7 +58,7 @@ class TourismController extends Controller
|
|||||||
$modelInstance = Tourism::find($id);
|
$modelInstance = Tourism::find($id);
|
||||||
// Pastikan model ditemukan
|
// Pastikan model ditemukan
|
||||||
if (!$modelInstance) {
|
if (!$modelInstance) {
|
||||||
return redirect()->route('tourisms.index') ->with('error', 'Pariwisata tidak ditemukan');
|
return redirect()->route('web-tourisms.index') ->with('error', 'Pariwisata tidak ditemukan');
|
||||||
}
|
}
|
||||||
|
|
||||||
// Mengambil dan memetakan village_name dan district_name
|
// Mengambil dan memetakan village_name dan district_name
|
||||||
|
|||||||
@@ -60,7 +60,7 @@ class UmkmController extends Controller
|
|||||||
$modelInstance = Umkm::find($id);
|
$modelInstance = Umkm::find($id);
|
||||||
// Pastikan model ditemukan
|
// Pastikan model ditemukan
|
||||||
if (!$modelInstance) {
|
if (!$modelInstance) {
|
||||||
return redirect()->route('umkm.index')->with('error', 'Umkm not found');
|
return redirect()->route('web-umkm.index')->with('error', 'Umkm not found');
|
||||||
}
|
}
|
||||||
|
|
||||||
// Mengambil dan memetakan village_name dan district_name
|
// Mengambil dan memetakan village_name dan district_name
|
||||||
|
|||||||
@@ -37,7 +37,7 @@ class PbgTaskController extends Controller
|
|||||||
*/
|
*/
|
||||||
public function show(string $id)
|
public function show(string $id)
|
||||||
{
|
{
|
||||||
$data = PbgTask::with(['pbg_task_retributions','pbg_task_index_integrations', 'pbg_task_retributions.pbg_task_prasarana'])->findOrFail($id);
|
$data = PbgTask::with(['pbg_task_retributions','pbg_task_index_integrations', 'pbg_task_retributions.pbg_task_prasarana', 'taskAssignments'])->findOrFail($id);
|
||||||
return view("pbg_task.show", compact("data"));
|
return view("pbg_task.show", compact("data"));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -33,7 +33,7 @@ class SyncronizeController extends Controller
|
|||||||
|
|
||||||
public function syncIndexIntegration(Request $request, $uuid){
|
public function syncIndexIntegration(Request $request, $uuid){
|
||||||
$token = $request->get('token');
|
$token = $request->get('token');
|
||||||
$res = $this->service_simbg->syncIndexIntegration($uuid, $token);
|
$res = $this->service_simbg->syncIndexIntegration($uuid);
|
||||||
return $res;
|
return $res;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -42,4 +42,9 @@ class SyncronizeController extends Controller
|
|||||||
$res = $this->service_simbg->syncTaskDetailSubmit($uuid, $token);
|
$res = $this->service_simbg->syncTaskDetailSubmit($uuid, $token);
|
||||||
return $res;
|
return $res;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public function syncTaskAssignments($uuid){
|
||||||
|
$res = $this->service_simbg->syncTaskAssignments($uuid);
|
||||||
|
return $res;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -14,6 +14,7 @@ class SyncronizeSIMBG implements ShouldQueue
|
|||||||
{
|
{
|
||||||
use Dispatchable, InteractsWithQueue, Queueable, SerializesModels;
|
use Dispatchable, InteractsWithQueue, Queueable, SerializesModels;
|
||||||
|
|
||||||
|
public $tries = 1;
|
||||||
|
|
||||||
public function __construct()
|
public function __construct()
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -41,4 +41,9 @@ class PbgTask extends Model
|
|||||||
public function googleSheet(){
|
public function googleSheet(){
|
||||||
return $this->hasOne(PbgTaskGoogleSheet::class, 'no_registrasi', 'registration_number');
|
return $this->hasOne(PbgTaskGoogleSheet::class, 'no_registrasi', 'registration_number');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public function taskAssignments()
|
||||||
|
{
|
||||||
|
return $this->hasMany(TaskAssignment::class, 'pbg_task_uid', 'uuid');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
28
app/Models/TaskAssignment.php
Normal file
28
app/Models/TaskAssignment.php
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Models;
|
||||||
|
|
||||||
|
use Illuminate\Database\Eloquent\Model;
|
||||||
|
use Illuminate\Database\Eloquent\Factories\HasFactory;
|
||||||
|
|
||||||
|
class TaskAssignment extends Model
|
||||||
|
{
|
||||||
|
use HasFactory;
|
||||||
|
|
||||||
|
protected $fillable = [
|
||||||
|
'user_id', 'name', 'username', 'email', 'phone_number', 'role',
|
||||||
|
'role_name', 'is_active', 'file', 'expertise', 'experience',
|
||||||
|
'is_verif', 'uid', 'status', 'status_name', 'note', 'pbg_task_uid'
|
||||||
|
];
|
||||||
|
|
||||||
|
protected $casts = [
|
||||||
|
'is_active' => 'boolean',
|
||||||
|
'is_verif' => 'boolean',
|
||||||
|
'file' => 'array', // JSON field casting
|
||||||
|
];
|
||||||
|
|
||||||
|
public function pbgTask()
|
||||||
|
{
|
||||||
|
return $this->belongsTo(PbgTask::class, 'pbg_task_uid', 'uuid');
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -19,6 +19,9 @@ class AppServiceProvider extends ServiceProvider
|
|||||||
*/
|
*/
|
||||||
public function register(): void
|
public function register(): void
|
||||||
{
|
{
|
||||||
|
$this->app->singleton(GoogleSheetService::class, function () {
|
||||||
|
return new GoogleSheetService();
|
||||||
|
});
|
||||||
$this->app->singleton(ServiceSIMBG::class, function ($app) {
|
$this->app->singleton(ServiceSIMBG::class, function ($app) {
|
||||||
return new ServiceSIMBG($app->make(GoogleSheetService::class));
|
return new ServiceSIMBG($app->make(GoogleSheetService::class));
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -4,6 +4,7 @@ namespace App\Services;
|
|||||||
|
|
||||||
use OpenAI;
|
use OpenAI;
|
||||||
use Illuminate\Support\Facades\Storage;
|
use Illuminate\Support\Facades\Storage;
|
||||||
|
use Illuminate\Support\Facades\Log;
|
||||||
|
|
||||||
class OpenAIService
|
class OpenAIService
|
||||||
{
|
{
|
||||||
@@ -11,54 +12,11 @@ class OpenAIService
|
|||||||
|
|
||||||
public function __construct()
|
public function __construct()
|
||||||
{
|
{
|
||||||
|
// $this->client = OpenAI::client(env('OPENAI_API_KEY'));
|
||||||
$this->client = OpenAI::client(env('OPENAI_API_KEY'));
|
$this->client = OpenAI::client(env('OPENAI_API_KEY'));
|
||||||
}
|
}
|
||||||
|
|
||||||
public function generateGeneralText($prompt, $mainContent)
|
public function generateQueryBasedMainContent($prompt, $mainContent, $chatHistory)
|
||||||
{
|
|
||||||
$response = $this->client->chat()->create([
|
|
||||||
'model' => 'gpt-4o-mini',
|
|
||||||
'messages' => [
|
|
||||||
[
|
|
||||||
'role' => 'system',
|
|
||||||
'content' => "You are an expert assistant. Your task is to generate a concise response based on the provided prompt and main content.
|
|
||||||
|
|
||||||
Guidelines:
|
|
||||||
- Summarize the key points in exactly 5 bullet points.
|
|
||||||
- Ensure the response is clear and relevant to the prompt.
|
|
||||||
- Use simple and professional language."
|
|
||||||
],
|
|
||||||
['role' => 'user', 'content' => "Prompt: $prompt \nMain Content: $mainContent"],
|
|
||||||
],
|
|
||||||
]);
|
|
||||||
|
|
||||||
return trim($response['choices'][0]['message']['content'] ?? 'No response');
|
|
||||||
}
|
|
||||||
|
|
||||||
public function generateClassifyMainContent($prompt, $mainContent)
|
|
||||||
{
|
|
||||||
$response = $this->client->chat()->create([
|
|
||||||
'model' => 'gpt-4o-mini',
|
|
||||||
'messages' => [
|
|
||||||
[
|
|
||||||
'role' => 'system',
|
|
||||||
'content' => "You are an expert assistant in classifying questions based on whether their answers must be retrieved from a database or can be explained generally.
|
|
||||||
Your task is to return one of the following two labels:
|
|
||||||
- \"DATABASE\" → If the question requires specific data that can only be obtained from a database.
|
|
||||||
- \"GENERAL\" → If the question can be answered without accessing a database.
|
|
||||||
|
|
||||||
Consider the following context: \"$mainContent\"
|
|
||||||
|
|
||||||
Respond with only one of the labels: \"DATABASE\" or \"GENERAL\"."
|
|
||||||
],
|
|
||||||
['role' => 'user', 'content' => $prompt],
|
|
||||||
],
|
|
||||||
]);
|
|
||||||
|
|
||||||
return trim($response['choices'][0]['message']['content'] ?? 'No response');
|
|
||||||
}
|
|
||||||
|
|
||||||
public function generateQueryBasedMainContent($prompt, $mainContent)
|
|
||||||
{
|
{
|
||||||
// Load file JSON
|
// Load file JSON
|
||||||
$jsonPath = public_path('templates/contentTemplatePrompt.json'); // Sesuaikan path
|
$jsonPath = public_path('templates/contentTemplatePrompt.json'); // Sesuaikan path
|
||||||
@@ -72,18 +30,60 @@ class OpenAIService
|
|||||||
// Ambil template berdasarkan kategori
|
// Ambil template berdasarkan kategori
|
||||||
$promptTemplate = $jsonData[$mainContent]['prompt'];
|
$promptTemplate = $jsonData[$mainContent]['prompt'];
|
||||||
|
|
||||||
|
// Menyusun pesan untuk OpenAI
|
||||||
|
$messages = [
|
||||||
|
['role' => 'system', 'content' => $promptTemplate],
|
||||||
|
];
|
||||||
|
|
||||||
|
// Menambahkan chat history sebagai konteks
|
||||||
|
foreach ($chatHistory as $chat) {
|
||||||
|
if (isset($chat['user'])) {
|
||||||
|
$messages[] = ['role' => 'user', 'content' => $chat['user']];
|
||||||
|
}
|
||||||
|
if (isset($chat['rawBotResponse'])) {
|
||||||
|
$messages[] = ['role' => 'assistant', 'content' => $chat['rawBotResponse']];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tambahkan prompt terbaru user
|
||||||
|
$messages[] = ['role' => 'user', 'content' => $prompt];
|
||||||
|
|
||||||
|
// Kirim request ke OpenAI API
|
||||||
$response = $this->client->chat()->create([
|
$response = $this->client->chat()->create([
|
||||||
'model' => 'gpt-4o-mini',
|
'model' => 'gpt-4o-mini',
|
||||||
'messages' => [
|
'messages' => $messages,
|
||||||
['role' => 'system', 'content' => $promptTemplate],
|
|
||||||
['role' => 'user', 'content' => $prompt],
|
|
||||||
],
|
|
||||||
]);
|
]);
|
||||||
|
|
||||||
return trim($response['choices'][0]['message']['content'] ?? 'No response');
|
return trim($response['choices'][0]['message']['content'] ?? 'No response');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// public function generateQueryBasedMainContent($prompt, $mainContent, $chatHistory)
|
||||||
|
// {
|
||||||
|
// // Load file JSON
|
||||||
|
// $jsonPath = public_path('templates/contentTemplatePrompt.json'); // Sesuaikan path
|
||||||
|
// $jsonData = json_decode(file_get_contents($jsonPath), true);
|
||||||
|
|
||||||
|
// // Periksa apakah kategori ada dalam JSON
|
||||||
|
// if (!isset($jsonData[$mainContent])) {
|
||||||
|
// return "Template prompt tidak ditemukan.";
|
||||||
|
// }
|
||||||
|
|
||||||
|
// // Ambil template berdasarkan kategori
|
||||||
|
// $promptTemplate = $jsonData[$mainContent]['prompt'];
|
||||||
|
|
||||||
|
// $response = $this->client->chat()->create([
|
||||||
|
// 'model' => 'gpt-4o-mini',
|
||||||
|
// 'messages' => [
|
||||||
|
// ['role' => 'system', 'content' => $promptTemplate],
|
||||||
|
// ['role' => 'user', 'content' => $prompt],
|
||||||
|
// ],
|
||||||
|
// ]);
|
||||||
|
|
||||||
|
// return trim($response['choices'][0]['message']['content'] ?? 'No response');
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
public function validateSyntaxQuery($queryResponse)
|
public function validateSyntaxQuery($queryResponse)
|
||||||
{
|
{
|
||||||
$response = $this->client->chat()->create([
|
$response = $this->client->chat()->create([
|
||||||
@@ -154,4 +154,123 @@ class OpenAIService
|
|||||||
return trim($response['choices'][0]['message']['content'] ?? 'No response');
|
return trim($response['choices'][0]['message']['content'] ?? 'No response');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public function classifyMainGenerateText($prompt) {
|
||||||
|
$response = $this->client->chat()->create([
|
||||||
|
'model' => 'gpt-4o-mini',
|
||||||
|
'messages' => [
|
||||||
|
[
|
||||||
|
'role' => 'system',
|
||||||
|
'content' => "You are an assistant that classifies text into one of the following categories:
|
||||||
|
- reklame (ads or product/service promotions)
|
||||||
|
- business_or_industries (business or industries in general)
|
||||||
|
- customers (customers, consumers, or service users)
|
||||||
|
- pbg (tasks related to Building Approval)
|
||||||
|
- retribusi (retributions related to PBG)
|
||||||
|
- spatial_plannings (spatial planning)
|
||||||
|
- tourisms (tourism and tourist destinations)
|
||||||
|
- umkms (Micro, Small, and Medium Enterprises)
|
||||||
|
|
||||||
|
Respond with only one of the categories above without any additional explanation."
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'role' => 'user',
|
||||||
|
'content' => "Classify the following text:\n\n" . $prompt
|
||||||
|
],
|
||||||
|
],
|
||||||
|
]);
|
||||||
|
|
||||||
|
return trim($response['choices'][0]['message']['content'] ?? 'No response');
|
||||||
|
}
|
||||||
|
|
||||||
|
public function createMainQuery($classify, $prompt, $chatHistory)
|
||||||
|
{
|
||||||
|
// Load file JSON
|
||||||
|
$jsonPath = public_path('templates/table_config.json');
|
||||||
|
$jsonConfig = json_decode(file_get_contents($jsonPath), true);
|
||||||
|
|
||||||
|
// Pastikan kategori tersedia dalam konfigurasi
|
||||||
|
if (!isset($jsonConfig[$classify])) {
|
||||||
|
return "Error: Kategori tidak ditemukan dalam konfigurasi.";
|
||||||
|
}
|
||||||
|
|
||||||
|
// Ambil nama tabel dan kolom
|
||||||
|
$tableName = $jsonConfig[$classify]['table_name'];
|
||||||
|
$columns = implode(', ', $jsonConfig[$classify]['list_column']);
|
||||||
|
|
||||||
|
// Konversi chatHistory ke dalam format messages
|
||||||
|
$messages = [
|
||||||
|
[
|
||||||
|
'role' => 'system',
|
||||||
|
'content' => "You are an AI assistant that generates only valid MariaDB queries based on user requests.
|
||||||
|
Use the following table information to construct the SQL query:
|
||||||
|
|
||||||
|
- Table Name: $tableName
|
||||||
|
- Available Columns: $columns
|
||||||
|
|
||||||
|
Generate only the SQL query without any explanation or additional text.
|
||||||
|
The query should include `LIMIT 10` to restrict the results."
|
||||||
|
]
|
||||||
|
];
|
||||||
|
|
||||||
|
// Menambahkan chat history sebagai konteks
|
||||||
|
foreach ($chatHistory as $chat) {
|
||||||
|
if (isset($chat['user'])) {
|
||||||
|
$messages[] = ['role' => 'user', 'content' => $chat['user']];
|
||||||
|
}
|
||||||
|
if (isset($chat['rawBotResponse'])) {
|
||||||
|
$messages[] = ['role' => 'assistant', 'content' => $chat['rawBotResponse']];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tambahkan prompt utama pengguna
|
||||||
|
$messages[] = ['role' => 'user', 'content' => $prompt];
|
||||||
|
|
||||||
|
// Kirim permintaan ke model AI
|
||||||
|
$response = $this->client->chat()->create([
|
||||||
|
'model' => 'gpt-4o-mini',
|
||||||
|
'messages' => $messages
|
||||||
|
]);
|
||||||
|
|
||||||
|
return trim($response['choices'][0]['message']['content'] ?? 'No response');
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// public function createMainQuery($classify, $prompt)
|
||||||
|
// {
|
||||||
|
// // Load file JSON
|
||||||
|
// $jsonPath = public_path('templates/table_config.json');
|
||||||
|
// $jsonConfig = json_decode(file_get_contents($jsonPath), true);
|
||||||
|
|
||||||
|
// // Pastikan kategori tersedia dalam konfigurasi
|
||||||
|
// if (!isset($jsonConfig[$classify])) {
|
||||||
|
// return "Error: Kategori tidak ditemukan dalam konfigurasi.";
|
||||||
|
// }
|
||||||
|
|
||||||
|
// // Ambil nama tabel dan kolom
|
||||||
|
// $tableName = $jsonConfig[$classify]['table_name'];
|
||||||
|
// $columns = implode(', ', $jsonConfig[$classify]['list_column']);
|
||||||
|
|
||||||
|
// $response = $this->client->chat()->create([
|
||||||
|
// 'model' => 'gpt-4o-mini',
|
||||||
|
// 'messages' => [
|
||||||
|
// [
|
||||||
|
// 'role' => 'system',
|
||||||
|
// 'content' => "You are an AI assistant that generates only valid MariaDB queries based on user requests.
|
||||||
|
// Use the following table information to construct the SQL query:
|
||||||
|
|
||||||
|
// - Table Name: $tableName
|
||||||
|
// - Available Columns: $columns
|
||||||
|
|
||||||
|
// Generate only the SQL query without any explanation or additional text
|
||||||
|
// The query should include `LIMIT 10` to restrict the results."
|
||||||
|
// ],
|
||||||
|
// [
|
||||||
|
// 'role' => 'user',
|
||||||
|
// 'content' => $prompt
|
||||||
|
// ],
|
||||||
|
// ],
|
||||||
|
// ]);
|
||||||
|
|
||||||
|
// return trim($response['choices'][0]['message']['content'] ?? 'No response');
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -51,9 +51,25 @@ class ServiceClient
|
|||||||
|
|
||||||
$resultResponse = json_decode($responseBody, true, 512, JSON_THROW_ON_ERROR);
|
$resultResponse = json_decode($responseBody, true, 512, JSON_THROW_ON_ERROR);
|
||||||
return $this->resSuccess($resultResponse);
|
return $this->resSuccess($resultResponse);
|
||||||
|
} catch (\GuzzleHttp\Exception\ClientException $e) {
|
||||||
|
// Handle 4xx errors (e.g., 401 Unauthorized)
|
||||||
|
$responseBody = (string) $e->getResponse()->getBody();
|
||||||
|
$errorResponse = json_decode($responseBody, true);
|
||||||
|
|
||||||
|
if (isset($errorResponse['code']) && $errorResponse['code'] === 'token_not_valid') {
|
||||||
|
return $this->resError('Invalid token, please refresh your token.', $errorResponse, 401);
|
||||||
|
}
|
||||||
|
|
||||||
|
return $this->resError('Client error from API', $errorResponse, $e->getResponse()->getStatusCode());
|
||||||
|
} catch (\GuzzleHttp\Exception\ServerException $e) {
|
||||||
|
// Handle 5xx errors (e.g., Internal Server Error)
|
||||||
|
return $this->resError('Server error from API', (string) $e->getResponse()->getBody(), 500);
|
||||||
|
} catch (\GuzzleHttp\Exception\RequestException $e) {
|
||||||
|
// Handle network errors (e.g., timeout, connection issues)
|
||||||
|
return $this->resError('Network error: ' . $e->getMessage(), null, 503);
|
||||||
} catch (Exception $e) {
|
} catch (Exception $e) {
|
||||||
\Log::error('error from client service'. $e->getMessage());
|
// Handle unexpected errors
|
||||||
return $this->resError($e->getMessage());
|
return $this->resError('Unexpected error: ' . $e->getMessage(), null, 500);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -9,6 +9,7 @@ use App\Models\ImportDatasource;
|
|||||||
use App\Models\PbgTaskIndexIntegrations;
|
use App\Models\PbgTaskIndexIntegrations;
|
||||||
use App\Models\PbgTaskPrasarana;
|
use App\Models\PbgTaskPrasarana;
|
||||||
use App\Models\PbgTaskRetributions;
|
use App\Models\PbgTaskRetributions;
|
||||||
|
use App\Models\TaskAssignment;
|
||||||
use Exception;
|
use Exception;
|
||||||
use App\Models\PbgTask;
|
use App\Models\PbgTask;
|
||||||
use App\Traits\GlobalApiResponse;
|
use App\Traits\GlobalApiResponse;
|
||||||
@@ -66,13 +67,20 @@ class ServiceSIMBG
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
public function syncIndexIntegration($uuids, $token)
|
public function syncIndexIntegration($uuids)
|
||||||
{
|
{
|
||||||
try{
|
try{
|
||||||
if(empty($uuids)){
|
if(empty($uuids)){
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$initResToken = $this->getToken();
|
||||||
|
if (empty($initResToken->original['data']['token']['access'])) {
|
||||||
|
Log::error("API response indicates failure", ['token' => 'Failed to retrieve token']);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
$token = $initResToken->original['data']['token']['access'];
|
||||||
|
|
||||||
$integrations = [];
|
$integrations = [];
|
||||||
foreach($uuids as $uuid){
|
foreach($uuids as $uuid){
|
||||||
$url = "/api/pbg/v1/detail/" . $uuid . "/retribution/indeks-terintegrasi/";
|
$url = "/api/pbg/v1/detail/" . $uuid . "/retribution/indeks-terintegrasi/";
|
||||||
@@ -120,6 +128,7 @@ class ServiceSIMBG
|
|||||||
public function syncTaskPBG()
|
public function syncTaskPBG()
|
||||||
{
|
{
|
||||||
try {
|
try {
|
||||||
|
Log::info("Processing google sheet sync");
|
||||||
$importDatasource = ImportDatasource::create([
|
$importDatasource = ImportDatasource::create([
|
||||||
'status' => ImportDatasourceStatus::Processing->value,
|
'status' => ImportDatasourceStatus::Processing->value,
|
||||||
]);
|
]);
|
||||||
@@ -145,14 +154,14 @@ class ServiceSIMBG
|
|||||||
// If a section is found and we reach "Grand Total", save the corresponding values
|
// If a section is found and we reach "Grand Total", save the corresponding values
|
||||||
if ($found_section && isset($row[0]) && trim($row[0]) === "Grand Total") {
|
if ($found_section && isset($row[0]) && trim($row[0]) === "Grand Total") {
|
||||||
if ($found_section === "MENUNGGU_KLIK_DPMPTSP") {
|
if ($found_section === "MENUNGGU_KLIK_DPMPTSP") {
|
||||||
$data_setting_result["MENUNGGU_KLIK_DPMPTSP_COUNT"] = $row[2] ?? null;
|
$data_setting_result["MENUNGGU_KLIK_DPMPTSP_COUNT"] = $this->convertToInteger($row[2]) ?? null;
|
||||||
$data_setting_result["MENUNGGU_KLIK_DPMPTSP_SUM"] = $row[3] ?? null;
|
$data_setting_result["MENUNGGU_KLIK_DPMPTSP_SUM"] = $this->convertToDecimal($row[3]) ?? null;
|
||||||
} elseif ($found_section === "REALISASI_TERBIT_PBG") {
|
} elseif ($found_section === "REALISASI_TERBIT_PBG") {
|
||||||
$data_setting_result["REALISASI_TERBIT_PBG_COUNT"] = $row[2] ?? null;
|
$data_setting_result["REALISASI_TERBIT_PBG_COUNT"] = $this->convertToInteger($row[2]) ?? null;
|
||||||
$data_setting_result["REALISASI_TERBIT_PBG_SUM"] = $row[4] ?? null;
|
$data_setting_result["REALISASI_TERBIT_PBG_SUM"] = $this->convertToDecimal($row[4]) ?? null;
|
||||||
} elseif ($found_section === "PROSES_DINAS_TEKNIS") {
|
} elseif ($found_section === "PROSES_DINAS_TEKNIS") {
|
||||||
$data_setting_result["PROSES_DINAS_TEKNIS_COUNT"] = $row[2] ?? null;
|
$data_setting_result["PROSES_DINAS_TEKNIS_COUNT"] = $this->convertToInteger($row[2]) ?? null;
|
||||||
$data_setting_result["PROSES_DINAS_TEKNIS_SUM"] = $row[3] ?? null;
|
$data_setting_result["PROSES_DINAS_TEKNIS_SUM"] = $this->convertToDecimal($row[3]) ?? null;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Reset section tracking after capturing "Grand Total"
|
// Reset section tracking after capturing "Grand Total"
|
||||||
@@ -160,6 +169,8 @@ class ServiceSIMBG
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Log::info("data setting result", ['result' => $data_setting_result]);
|
||||||
|
|
||||||
foreach ($data_setting_result as $key => $value) {
|
foreach ($data_setting_result as $key => $value) {
|
||||||
DataSetting::updateOrInsert(
|
DataSetting::updateOrInsert(
|
||||||
["key" => $key], // Find by key
|
["key" => $key], // Find by key
|
||||||
@@ -167,7 +178,6 @@ class ServiceSIMBG
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
$mapToUpsert = [];
|
$mapToUpsert = [];
|
||||||
$count = 0;
|
|
||||||
|
|
||||||
foreach($sheetData as $data){
|
foreach($sheetData as $data){
|
||||||
$mapToUpsert[] =
|
$mapToUpsert[] =
|
||||||
@@ -289,7 +299,7 @@ class ServiceSIMBG
|
|||||||
if (empty($initResToken->original['data']['token']['access'])) {
|
if (empty($initResToken->original['data']['token']['access'])) {
|
||||||
$importDatasource->update([
|
$importDatasource->update([
|
||||||
'status' => ImportDatasourceStatus::Failed->value,
|
'status' => ImportDatasourceStatus::Failed->value,
|
||||||
'message' => 'Failed to retrieve token'
|
'response_body' => 'Failed to retrieve token'
|
||||||
]);
|
]);
|
||||||
return $this->resError("Failed to retrieve token");
|
return $this->resError("Failed to retrieve token");
|
||||||
}
|
}
|
||||||
@@ -303,20 +313,57 @@ class ServiceSIMBG
|
|||||||
if ($totalPage == 0) {
|
if ($totalPage == 0) {
|
||||||
$importDatasource->update([
|
$importDatasource->update([
|
||||||
'status' => ImportDatasourceStatus::Failed->value,
|
'status' => ImportDatasourceStatus::Failed->value,
|
||||||
'message' => 'Invalid response: no total_page'
|
'response_body' => 'Invalid response: no total_page'
|
||||||
]);
|
]);
|
||||||
return $this->resError("Invalid response from API");
|
return $this->resError("Invalid response from API");
|
||||||
}
|
}
|
||||||
|
|
||||||
$savedCount = $failedCount = 0;
|
$savedCount = $failedCount = 0;
|
||||||
|
|
||||||
|
Log::info("Fetching tasks", ['total page' => $totalPage]);
|
||||||
|
|
||||||
for ($currentPage = 1; $currentPage <= $totalPage; $currentPage++) {
|
for ($currentPage = 1; $currentPage <= $totalPage; $currentPage++) {
|
||||||
try {
|
try {
|
||||||
$pageUrl = "/api/pbg/v1/list/?page={$currentPage}&size={$this->fetch_per_page}&sort=ASC";
|
$pageUrl = "/api/pbg/v1/list/?page={$currentPage}&size={$this->fetch_per_page}&sort=ASC";
|
||||||
|
|
||||||
Log::info("Fetching tasks", ['currentPage' => $currentPage]);
|
Log::info("Fetching tasks", ['currentPage' => $currentPage]);
|
||||||
|
$headers = [
|
||||||
|
'Authorization' => "Bearer " . $apiToken, // Update headers
|
||||||
|
];
|
||||||
|
|
||||||
|
for ($attempt = 0; $attempt < 2; $attempt++) { // Try twice (original + retry)
|
||||||
|
|
||||||
$response = $this->service_client->get($pageUrl, $headers);
|
$response = $this->service_client->get($pageUrl, $headers);
|
||||||
|
|
||||||
|
if ($response instanceof \Illuminate\Http\JsonResponse) {
|
||||||
|
$decodedResponse = json_decode($response->getContent(), true);
|
||||||
|
|
||||||
|
if (isset($decodedResponse['errors']['code']) && $decodedResponse['errors']['code'] === 'token_not_valid') {
|
||||||
|
Log::warning("Token is invalid, refreshing token...");
|
||||||
|
|
||||||
|
// Regenerate token
|
||||||
|
$initResToken = $this->getToken();
|
||||||
|
|
||||||
|
// Check if new token is valid
|
||||||
|
if (!empty($initResToken->original['data']['token']['access'])) {
|
||||||
|
$new_token = $initResToken->original['data']['token']['access'];
|
||||||
|
|
||||||
|
// **Fix: Update headers before retrying**
|
||||||
|
$headers['Authorization'] = "Bearer " . $new_token;
|
||||||
|
|
||||||
|
Log::info("Token refreshed successfully, retrying API request...");
|
||||||
|
continue; // Retry with new token
|
||||||
|
} else {
|
||||||
|
Log::error("Failed to refresh token");
|
||||||
|
return $this->resError("Failed to refresh token");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Success case, break loop
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
$tasks = $response->original['data']['data'] ?? [];
|
$tasks = $response->original['data']['data'] ?? [];
|
||||||
|
|
||||||
if (empty($tasks)) {
|
if (empty($tasks)) {
|
||||||
@@ -351,6 +398,7 @@ class ServiceSIMBG
|
|||||||
];
|
];
|
||||||
|
|
||||||
$this->syncTaskDetailSubmit($item['uid'], $apiToken);
|
$this->syncTaskDetailSubmit($item['uid'], $apiToken);
|
||||||
|
$this->syncTaskAssignments($item['uid']);
|
||||||
$savedCount++;
|
$savedCount++;
|
||||||
} catch (Exception $e) {
|
} catch (Exception $e) {
|
||||||
$failedCount++;
|
$failedCount++;
|
||||||
@@ -371,7 +419,7 @@ class ServiceSIMBG
|
|||||||
]);
|
]);
|
||||||
|
|
||||||
$uuids = array_column($tasksCollective, 'uuid');
|
$uuids = array_column($tasksCollective, 'uuid');
|
||||||
$this->syncIndexIntegration($uuids, $apiToken);
|
$this->syncIndexIntegration($uuids);
|
||||||
}
|
}
|
||||||
} catch (Exception $e) {
|
} catch (Exception $e) {
|
||||||
Log::error("Failed to process page", [
|
Log::error("Failed to process page", [
|
||||||
@@ -400,34 +448,61 @@ class ServiceSIMBG
|
|||||||
if (isset($importDatasource)) {
|
if (isset($importDatasource)) {
|
||||||
$importDatasource->update([
|
$importDatasource->update([
|
||||||
'status' => ImportDatasourceStatus::Failed->value,
|
'status' => ImportDatasourceStatus::Failed->value,
|
||||||
'message' => 'Critical failure: ' . $e->getMessage()
|
'response_body' => 'Critical failure: ' . $e->getMessage()
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
return $this->resError("Critical failure occurred: " . $e->getMessage());
|
return $this->resError("Critical failure occurred: " . $e->getMessage());
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
public function syncTaskDetailSubmit($uuid, $token)
|
public function syncTaskDetailSubmit($uuid, $token)
|
||||||
{
|
{
|
||||||
try{
|
try{
|
||||||
$url = "/api/pbg/v1/detail/" . $uuid . "/retribution/submit/";
|
$url = "/api/pbg/v1/detail/" . $uuid . "/retribution/submit/";
|
||||||
|
|
||||||
$headers = [
|
$headers = [
|
||||||
'Authorization' => "Bearer " . $token,
|
'Authorization' => "Bearer " . $token,
|
||||||
];
|
];
|
||||||
|
|
||||||
|
for ($attempt = 0; $attempt < 2; $attempt++) { // Try twice (original + retry)
|
||||||
$res = $this->service_client->get($url, $headers);
|
$res = $this->service_client->get($url, $headers);
|
||||||
|
|
||||||
if (empty($res->original['success']) || !$res->original['success']) {
|
// Check if response is JsonResponse and decode it
|
||||||
// Log error
|
if ($res instanceof \Illuminate\Http\JsonResponse) {
|
||||||
Log::error("API response indicates failure", ['url' => $url, 'uuid' => $uuid]);
|
$decodedResponse = json_decode($res->getContent(), true);
|
||||||
return false;
|
|
||||||
|
// Handle invalid token case
|
||||||
|
if (isset($decodedResponse['errors']['code']) && $decodedResponse['errors']['code'] === 'token_not_valid') {
|
||||||
|
Log::warning("Token is invalid, refreshing token...");
|
||||||
|
|
||||||
|
// Regenerate the token
|
||||||
|
$initResToken = $this->getToken();
|
||||||
|
|
||||||
|
// Check if the new token is valid
|
||||||
|
if (!empty($initResToken->original['data']['token']['access'])) {
|
||||||
|
$new_token = $initResToken->original['data']['token']['access'];
|
||||||
|
|
||||||
|
// **Fix: Update headers with the new token**
|
||||||
|
$headers['Authorization'] = "Bearer " . $new_token;
|
||||||
|
|
||||||
|
Log::info("Token refreshed successfully, retrying API request...");
|
||||||
|
continue; // Retry the request with the new token
|
||||||
|
} else {
|
||||||
|
Log::error("Failed to refresh token");
|
||||||
|
return $this->resError("Failed to refresh token");
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$data = $res->original['data']['data'] ?? [];
|
// If request succeeds, break out of retry loop
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Ensure response is valid before accessing properties
|
||||||
|
$responseData = $res->original ?? [];
|
||||||
|
$data = $responseData['data']['data'] ?? [];
|
||||||
if (empty($data)) {
|
if (empty($data)) {
|
||||||
Log::error("No data returned from API", ['url' => $url, 'uuid' => $uuid]);
|
Log::error("API response indicates failure", ['url' => $url, 'uuid' => $uuid, 'response' => $responseData]);
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -489,6 +564,58 @@ class ServiceSIMBG
|
|||||||
throw $e;
|
throw $e;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public function syncTaskAssignments($uuid){
|
||||||
|
try{
|
||||||
|
$init_token = $this->getToken();
|
||||||
|
$token = $init_token->original['data']['token']['access'];
|
||||||
|
$url = "/api/pbg/v1/list-tim-penilai/". $uuid . "/?page=1&size=10";
|
||||||
|
$headers = [
|
||||||
|
'Authorization' => "Bearer " . $token,
|
||||||
|
];
|
||||||
|
|
||||||
|
$response = $this->service_client->get($url, $headers);
|
||||||
|
$datas = $response->original['data']['data'] ?? [];
|
||||||
|
if(empty($datas)){
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
$task_assignments = [];
|
||||||
|
|
||||||
|
foreach ($datas as $data) {
|
||||||
|
$task_assignments[] = [
|
||||||
|
'pbg_task_uid' => $uuid, // Assuming this is a foreign key
|
||||||
|
'user_id' => $data['user_id'],
|
||||||
|
'name' => $data['name'],
|
||||||
|
'username' => $data['username'],
|
||||||
|
'email' => $data['email'],
|
||||||
|
'phone_number' => $data['phone_number'],
|
||||||
|
'role' => $data['role'],
|
||||||
|
'role_name' => $data['role_name'],
|
||||||
|
'is_active' => $data['is_active'],
|
||||||
|
'file' => json_encode($data['file']), // Store as JSON if it's an array
|
||||||
|
'expertise' => $data['expertise'],
|
||||||
|
'experience' => $data['experience'],
|
||||||
|
'is_verif' => $data['is_verif'],
|
||||||
|
'uid' => $data['uid'], // Unique identifier
|
||||||
|
'status' => $data['status'],
|
||||||
|
'status_name' => $data['status_name'],
|
||||||
|
'note' => $data['note'],
|
||||||
|
'created_at' => now(),
|
||||||
|
'updated_at' => now(),
|
||||||
|
];
|
||||||
|
}
|
||||||
|
TaskAssignment::upsert(
|
||||||
|
$task_assignments, // Data to insert/update
|
||||||
|
['uid'], // Unique key for conflict resolution
|
||||||
|
['name', 'username', 'email', 'phone_number', 'role', 'role_name', 'is_active', 'file', 'expertise', 'experience', 'is_verif', 'status', 'status_name', 'note', 'updated_at']
|
||||||
|
);
|
||||||
|
return true;
|
||||||
|
}catch(Exception $e){
|
||||||
|
Log::error("Failed to sync task assignments", ['error' => $e->getMessage()]);
|
||||||
|
throw $e;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
protected function convertToDecimal(?string $value): ?float
|
protected function convertToDecimal(?string $value): ?float
|
||||||
{
|
{
|
||||||
if (empty($value)) {
|
if (empty($value)) {
|
||||||
@@ -522,8 +649,10 @@ class ServiceSIMBG
|
|||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$cleaned = str_replace('.','', $value);
|
||||||
|
|
||||||
// Otherwise, cast to integer
|
// Otherwise, cast to integer
|
||||||
return (int) $value;
|
return (int) $cleaned;
|
||||||
}
|
}
|
||||||
|
|
||||||
protected function convertToDate($dateString)
|
protected function convertToDate($dateString)
|
||||||
|
|||||||
@@ -57,7 +57,7 @@
|
|||||||
],
|
],
|
||||||
"dev": [
|
"dev": [
|
||||||
"Composer\\Config::disableProcessTimeout",
|
"Composer\\Config::disableProcessTimeout",
|
||||||
"npx concurrently -c \"#93c5fd,#c4b5fd,#fb7185,#fdba74\" \"php artisan serve\" \"php artisan queue:listen --tries=1\" \"php artisan pail --timeout=0\" \"npm run dev\" --names=server,queue,logs,vite"
|
"npx concurrently -c \"#93c5fd,#c4b5fd,#fb7185,#fdba74\" \"php artisan serve\" \"php artisan pail --timeout=0\" \"npm run dev\" --names=server,queue,logs,vite"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"extra": {
|
"extra": {
|
||||||
|
|||||||
@@ -0,0 +1,48 @@
|
|||||||
|
<?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('task_assignments', function (Blueprint $table) {
|
||||||
|
$table->id(); // Auto-increment primary key
|
||||||
|
|
||||||
|
// Foreign key reference to pbg_tasks (uid column)
|
||||||
|
$table->string('pbg_task_uid');
|
||||||
|
$table->foreign('pbg_task_uid')->references('uuid')->on('pbg_task')->onDelete('cascade');
|
||||||
|
|
||||||
|
$table->unsignedBigInteger('user_id'); // Reference to users table
|
||||||
|
$table->string('name');
|
||||||
|
$table->string('username')->unique();
|
||||||
|
$table->string('email')->unique();
|
||||||
|
$table->string('phone_number')->nullable();
|
||||||
|
$table->unsignedInteger('role'); // Assuming role is numeric
|
||||||
|
$table->string('role_name');
|
||||||
|
$table->boolean('is_active')->default(true);
|
||||||
|
$table->json('file')->nullable(); // Store as JSON if 'file' is an array
|
||||||
|
$table->string('expertise')->nullable();
|
||||||
|
$table->string('experience')->nullable();
|
||||||
|
$table->boolean('is_verif')->default(false);
|
||||||
|
$table->string('uid')->unique();
|
||||||
|
$table->unsignedTinyInteger('status')->default(0); // Assuming status is a small integer
|
||||||
|
$table->string('status_name')->nullable();
|
||||||
|
$table->text('note')->nullable();
|
||||||
|
$table->timestamps();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reverse the migrations.
|
||||||
|
*/
|
||||||
|
public function down(): void
|
||||||
|
{
|
||||||
|
Schema::dropIfExists('task_assignments');
|
||||||
|
}
|
||||||
|
};
|
||||||
@@ -74,6 +74,13 @@ class UsersRoleMenuSeeder extends Seeder
|
|||||||
"icon" => "mingcute:report-line",
|
"icon" => "mingcute:report-line",
|
||||||
"parent_id" => null,
|
"parent_id" => null,
|
||||||
"sort_order" => 6,
|
"sort_order" => 6,
|
||||||
|
],
|
||||||
|
[
|
||||||
|
"name" => "Neng Bedas",
|
||||||
|
"url" => "/chat",
|
||||||
|
"icon" => "mingcute:wechat-line",
|
||||||
|
"parent_id" => null,
|
||||||
|
"sort_order" => 7,
|
||||||
]
|
]
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -92,6 +99,7 @@ class UsersRoleMenuSeeder extends Seeder
|
|||||||
$dataSettings = Menu::where('name', 'Data Settings')->first();
|
$dataSettings = Menu::where('name', 'Data Settings')->first();
|
||||||
$data = Menu::where('name', 'Data')->first();
|
$data = Menu::where('name', 'Data')->first();
|
||||||
$laporan = Menu::where('name', 'Laporan')->first();
|
$laporan = Menu::where('name', 'Laporan')->first();
|
||||||
|
$chat_bedas = Menu::where('name', 'Neng Bedas')->first();
|
||||||
|
|
||||||
// create children menu
|
// create children menu
|
||||||
$children_menus = [
|
$children_menus = [
|
||||||
@@ -167,7 +175,7 @@ class UsersRoleMenuSeeder extends Seeder
|
|||||||
],
|
],
|
||||||
[
|
[
|
||||||
"name" => "Reklame",
|
"name" => "Reklame",
|
||||||
"url" => "advertisements.index",
|
"url" => "web.advertisements.index",
|
||||||
"icon" => null,
|
"icon" => null,
|
||||||
"parent_id" => $data->id,
|
"parent_id" => $data->id,
|
||||||
"sort_order" => 2,
|
"sort_order" => 2,
|
||||||
@@ -181,21 +189,21 @@ class UsersRoleMenuSeeder extends Seeder
|
|||||||
],
|
],
|
||||||
[
|
[
|
||||||
"name" => "UMKM",
|
"name" => "UMKM",
|
||||||
"url" => "umkm.index",
|
"url" => "web-umkm.index",
|
||||||
"icon" => null,
|
"icon" => null,
|
||||||
"parent_id" => $data->id,
|
"parent_id" => $data->id,
|
||||||
"sort_order" => 4,
|
"sort_order" => 4,
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
"name" => "Pariwisata",
|
"name" => "Pariwisata",
|
||||||
"url" => "tourisms.index",
|
"url" => "web-tourisms.index",
|
||||||
"icon" => null,
|
"icon" => null,
|
||||||
"parent_id" => $data->id,
|
"parent_id" => $data->id,
|
||||||
"sort_order" => 5,
|
"sort_order" => 5,
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
"name" => "Tata Ruang",
|
"name" => "Tata Ruang",
|
||||||
"url" => "spatial-plannings.index",
|
"url" => "web-spatial-plannings.index",
|
||||||
"icon" => null,
|
"icon" => null,
|
||||||
"parent_id" => $data->id,
|
"parent_id" => $data->id,
|
||||||
"sort_order" => 6,
|
"sort_order" => 6,
|
||||||
@@ -209,7 +217,7 @@ class UsersRoleMenuSeeder extends Seeder
|
|||||||
],
|
],
|
||||||
[
|
[
|
||||||
"name" => "Lap Pariwisata",
|
"name" => "Lap Pariwisata",
|
||||||
"url" => "tourisms.index",
|
"url" => "tourisms-report.index",
|
||||||
"icon" => null,
|
"icon" => null,
|
||||||
"parent_id" => $laporan->id,
|
"parent_id" => $laporan->id,
|
||||||
"sort_order" => 1,
|
"sort_order" => 1,
|
||||||
@@ -221,6 +229,13 @@ class UsersRoleMenuSeeder extends Seeder
|
|||||||
"parent_id" => $laporan->id,
|
"parent_id" => $laporan->id,
|
||||||
"sort_order" => 2,
|
"sort_order" => 2,
|
||||||
],
|
],
|
||||||
|
[
|
||||||
|
"name" => "Chat",
|
||||||
|
"url" => "main-chatbot.index",
|
||||||
|
"icon" => null,
|
||||||
|
"parent_id" => $chat_bedas->id,
|
||||||
|
"sort_order" => 1,
|
||||||
|
],
|
||||||
];
|
];
|
||||||
|
|
||||||
foreach ($children_menus as $child_menu) {
|
foreach ($children_menus as $child_menu) {
|
||||||
@@ -245,6 +260,7 @@ class UsersRoleMenuSeeder extends Seeder
|
|||||||
$pdam = Menu::where('name', 'PDAM')->first();
|
$pdam = Menu::where('name', 'PDAM')->first();
|
||||||
$peta = Menu::where('name', 'PETA')->first();
|
$peta = Menu::where('name', 'PETA')->first();
|
||||||
$bigdata_resume = Menu::where('name', 'Lap Pimpinan')->first();
|
$bigdata_resume = Menu::where('name', 'Lap Pimpinan')->first();
|
||||||
|
$chatbot = Menu::where('name', 'Chat')->first();
|
||||||
|
|
||||||
// Superadmin gets all menus
|
// Superadmin gets all menus
|
||||||
$superadmin->menus()->sync([
|
$superadmin->menus()->sync([
|
||||||
@@ -255,6 +271,7 @@ class UsersRoleMenuSeeder extends Seeder
|
|||||||
$dataSettings->id => ["allow_show" => true, "allow_create" => false, "allow_update" => false, "allow_destroy" => false],
|
$dataSettings->id => ["allow_show" => true, "allow_create" => false, "allow_update" => false, "allow_destroy" => false],
|
||||||
$data->id => ["allow_show" => true, "allow_create" => false, "allow_update" => false, "allow_destroy" => false],
|
$data->id => ["allow_show" => true, "allow_create" => false, "allow_update" => false, "allow_destroy" => false],
|
||||||
$laporan->id => ["allow_show" => true, "allow_create" => false, "allow_update" => false, "allow_destroy" => false],
|
$laporan->id => ["allow_show" => true, "allow_create" => false, "allow_update" => false, "allow_destroy" => false],
|
||||||
|
$chat_bedas->id => ["allow_show" => true, "allow_create" => false, "allow_update" => false, "allow_destroy" => false],
|
||||||
// children
|
// children
|
||||||
$dashboard_pimpinan->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
|
$dashboard_pimpinan->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
|
||||||
$dashboard_pbg->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
|
$dashboard_pbg->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
|
||||||
@@ -274,6 +291,7 @@ class UsersRoleMenuSeeder extends Seeder
|
|||||||
$pdam->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
|
$pdam->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
|
||||||
$peta->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
|
$peta->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
|
||||||
$bigdata_resume->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
|
$bigdata_resume->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
|
||||||
|
$chatbot->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
|
||||||
]);
|
]);
|
||||||
|
|
||||||
// Admin gets limited menus
|
// Admin gets limited menus
|
||||||
|
|||||||
21
database/view_query/v_advertisements.sql
Normal file
21
database/view_query/v_advertisements.sql
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
CREATE VIEW v_advertisements AS
|
||||||
|
SELECT
|
||||||
|
a.no,
|
||||||
|
a.business_name,
|
||||||
|
a.npwpd,
|
||||||
|
a.advertisement_type,
|
||||||
|
a.advertisement_content,
|
||||||
|
a.business_address,
|
||||||
|
a.advertisement_location,
|
||||||
|
v.village_name AS village_name,
|
||||||
|
d.district_name AS district_name,
|
||||||
|
a.length,
|
||||||
|
a.width,
|
||||||
|
a.viewing_angle,
|
||||||
|
a.face,
|
||||||
|
a.area,
|
||||||
|
a.angle,
|
||||||
|
a.contact
|
||||||
|
FROM advertisements a
|
||||||
|
JOIN villages v ON a.village_code = v.village_code
|
||||||
|
JOIN districts d ON a.district_code = d.district_code;
|
||||||
8
database/view_query/v_tourism_base_kbli.sql
Normal file
8
database/view_query/v_tourism_base_kbli.sql
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
CREATE VIEW v_tourisms_based_kbli AS
|
||||||
|
SELECT kbli_title, total_records
|
||||||
|
FROM (
|
||||||
|
SELECT kbli, kbli_title, COUNT(*) AS total_records
|
||||||
|
FROM tourisms
|
||||||
|
GROUP BY kbli, kbli_title
|
||||||
|
) AS subquery
|
||||||
|
ORDER BY total_records DESC;
|
||||||
29
database/view_query/v_tourisms.sql
Normal file
29
database/view_query/v_tourisms.sql
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
CREATE VIEW v_tourisms AS
|
||||||
|
SELECT
|
||||||
|
t.project_id,
|
||||||
|
t.project_type_id,
|
||||||
|
t.nib,
|
||||||
|
t.business_name,
|
||||||
|
t.oss_publication_date,
|
||||||
|
t.investment_status_description,
|
||||||
|
t.business_form,
|
||||||
|
t.project_risk,
|
||||||
|
t.project_name,
|
||||||
|
t.business_scale,
|
||||||
|
t.business_address,
|
||||||
|
v.village_name as village_name,
|
||||||
|
d.district_name as district_name,
|
||||||
|
t.longitude,
|
||||||
|
t.latitude,
|
||||||
|
t.project_submission_date,
|
||||||
|
t.kbli_title,
|
||||||
|
t.supervisory_sector,
|
||||||
|
t.user_name,
|
||||||
|
t.email,
|
||||||
|
t.contact,
|
||||||
|
t.land_area_in_m2,
|
||||||
|
t.investment_amount,
|
||||||
|
t.tki
|
||||||
|
FROM tourisms t
|
||||||
|
JOIN villages v on t.village_code = v.village_code
|
||||||
|
JOIN districts d on t.district_code = d.district_code;
|
||||||
28
database/view_query/v_umkms.sql
Normal file
28
database/view_query/v_umkms.sql
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
CREATE VIEW v_umkms AS
|
||||||
|
SELECT
|
||||||
|
u.business_address,
|
||||||
|
u.business_contact,
|
||||||
|
u.business_desc,
|
||||||
|
bf.business_form,
|
||||||
|
u.business_id_number,
|
||||||
|
u.business_name,
|
||||||
|
bs.business_scale,
|
||||||
|
u.business_type,
|
||||||
|
u.created_at,
|
||||||
|
d.district_name,
|
||||||
|
u.land_area,
|
||||||
|
u.number_of_employee,
|
||||||
|
u.owner_address,
|
||||||
|
u.owner_contact,
|
||||||
|
u.owner_id,
|
||||||
|
u.owner_name,
|
||||||
|
ps.permit_status,
|
||||||
|
u.revenue,
|
||||||
|
u.updated_at,
|
||||||
|
v.village_name
|
||||||
|
FROM umkms u
|
||||||
|
JOIN business_form bf on u.business_form_id = bf.id
|
||||||
|
JOIN permit_status ps on u.permit_status_id = ps.id
|
||||||
|
JOIn business_scale bs on u.business_scale_id = bs.id
|
||||||
|
JOIN villages v on u.village_code = v.village_code
|
||||||
|
JOIN districts d on u.district_code = v.district_code;
|
||||||
8
deploy.sh
Normal file → Executable file
8
deploy.sh
Normal file → Executable file
@@ -14,17 +14,13 @@ npm ci --no-audit --no-fund
|
|||||||
npm run build
|
npm run build
|
||||||
|
|
||||||
echo "📦 Installing composer dependencies..."
|
echo "📦 Installing composer dependencies..."
|
||||||
composer install --no-interaction --optimize-autoloader
|
COMPOSER_ALLOW_SUPERUSER=1 composer install --no-interaction --optimize-autoloader
|
||||||
|
|
||||||
echo "🗄️ Running migrations..."
|
echo "🗄️ Running migrations..."
|
||||||
php artisan migrate --force
|
php artisan migrate --force
|
||||||
|
|
||||||
echo "⚡ Optimizing application..."
|
echo "⚡ Optimizing application..."
|
||||||
php artisan cache:clear
|
php artisan optimize:clear
|
||||||
php artisan config:clear
|
|
||||||
php artisan config:cache
|
|
||||||
php artisan route:cache
|
|
||||||
php artisan view:cache
|
|
||||||
|
|
||||||
echo "🔄 Restarting PHP service..."
|
echo "🔄 Restarting PHP service..."
|
||||||
systemctl restart $PHP_VERSION-fpm
|
systemctl restart $PHP_VERSION-fpm
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
{
|
{
|
||||||
"RETRIBUTION": {
|
"RETRIBUTION": {
|
||||||
"prompt": "You are a MariaDB SQL expert. Your task is to generate an efficient and optimized SQL query based on user input.\n\n The query should retrieve data from the view table `v_pbg_task_with_retributions`, specifically selecting the following columns:\n\n - nilai_retribusi_bangunan\n - land_certificate_phase\n - due_date\n - consultation_type\n - function_type\n - slf_status_name\n - slf_status\n - status_name\n - status\n - address\n - document_number\n - registration_number\n - application_type_name\n - application_type\n - owner_name\n - name\n\n Ensure the query is well-structured, uses best indexing practices, and avoids performance bottlenecks.\n\n Consider the following context: \"$mainContent\".\n\n Always return only the SQL query without any additional explanation."
|
"prompt": "You are a MariaDB SQL expert. Your task is to generate an efficient and optimized SQL query based on user input.\n\n The query should retrieve data from the view table `v_pbg_task_with_retributions`, specifically selecting the following columns:\n\n - nilai_retribusi_bangunan\n - land_certificate_phase\n - due_date\n - consultation_type\n - function_type\n - slf_status_name\n - slf_status\n - status_name\n - status\n - address\n - document_number\n - registration_number\n - application_type_name\n - application_type\n - owner_name\n - name\n\n Ensure the query is well-structured, uses best indexing practices, and avoids performance bottlenecks.\n\n Consider the following context: \"$mainContent\".\n\n Always return only the SQL query without any additional explanation.\n\n The query should include `LIMIT 5` to restrict the results."
|
||||||
},
|
},
|
||||||
"DOCUMENT VALIDATION": {
|
"DOCUMENT VALIDATION": {
|
||||||
"prompt": "You are a MariaDB SQL expert. Your task is to generate an efficient and optimized SQL query based on user input.\n\n The query should retrieve data from the view table `pbg_task`, specifically selecting the following columns:\n\n - name\n - owner_name\n - application_type\n - application_type_name\n - registration_number\n - document_number\n - address\n - status_name\n - slf_status\n - slf_status_name\n - function_type\n - consultation_type\n - function_type\n - consultation_type\n - due_date\n - land_certificate_phase\n\n Ensure the query is well-structured, uses best indexing practices, and avoids performance bottlenecks.\n\n Consider the following context: \"$mainContent\".\n\n Always return only the SQL query without any additional explanation."
|
"prompt": "You are a MariaDB SQL expert. Your task is to generate an efficient and optimized SQL query based on user input.\n\n The query should retrieve data from the view table `pbg_task`, specifically selecting the following columns:\n\n - name\n - owner_name\n - application_type\n - application_type_name\n - registration_number\n - document_number\n - address\n - status_name\n - slf_status\n - slf_status_name\n - function_type\n - consultation_type\n - function_type\n - consultation_type\n - due_date\n - land_certificate_phase\n\n Ensure the query is well-structured, uses best indexing practices, and avoids performance bottlenecks.\n\n Consider the following context: \"$mainContent\".\n\n Always return only the SQL query without any additional explanation.\n\n The query should include `LIMIT 5` to restrict the results."
|
||||||
},
|
},
|
||||||
"DATA SUMMARY": {
|
"DATA SUMMARY": {
|
||||||
"prompt": "You are a MariaDB SQL expert. Your task is to generate an efficient and optimized SQL query based on user input.\n\n The query should retrieve data from the view table `bigdata_resumes`, specifically selecting the following columns:\n\n - potention_count\n - potention_sum\n - non_verified_count\n - non_verified_sum\n - verified_sum\n - verified_count\n - business_count\n - business_sum\n - non_business_count\n - non_business_sum\n - spatial_count\n - spatial_sum\n - updated_at\n\n Ensure the query is well-structured, uses best indexing practices, and avoids performance bottlenecks.\n\n Consider the following context: \"$mainContent\".\n\n Always return only the SQL query without any additional explanation."
|
"prompt": "You are a MariaDB SQL expert. Your task is to generate an efficient and optimized SQL query based on user input.\n\n The query should retrieve data from the view table `bigdata_resumes`, specifically selecting the following columns:\n\n - potention_count\n - potention_sum\n - non_verified_count\n - non_verified_sum\n - verified_sum\n - verified_count\n - business_count\n - business_sum\n - non_business_count\n - non_business_sum\n - spatial_count\n - spatial_sum\n - updated_at\n\n Ensure the query is well-structured, uses best indexing practices, and avoids performance bottlenecks.\n\n Consider the following context: \"$mainContent\".\n\n Always return only the SQL query without any additional explanation.\n\n The query should include `LIMIT 5` to restrict the results."
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
169
public/templates/table_config.json
Normal file
169
public/templates/table_config.json
Normal file
@@ -0,0 +1,169 @@
|
|||||||
|
{
|
||||||
|
"reklame": {
|
||||||
|
"table_name": "v_advertisements",
|
||||||
|
"list_column": [
|
||||||
|
"no",
|
||||||
|
"business_name",
|
||||||
|
"npwpd",
|
||||||
|
"advertisement_type",
|
||||||
|
"advertisement_content",
|
||||||
|
"business_address",
|
||||||
|
"advertisement_location",
|
||||||
|
"village_name",
|
||||||
|
"district_name",
|
||||||
|
"length",
|
||||||
|
"width",
|
||||||
|
"viewing_angle",
|
||||||
|
"face",
|
||||||
|
"area",
|
||||||
|
"angle",
|
||||||
|
"contact"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"business_or_industries": {
|
||||||
|
"table_name": "business_or_industries",
|
||||||
|
"list_column": [
|
||||||
|
"nama_kecamatan",
|
||||||
|
"nama_kelurahan",
|
||||||
|
"nop",
|
||||||
|
"nama_wajib_pajak",
|
||||||
|
"alamat_wajib_pajak",
|
||||||
|
"alamat_objek_pajak",
|
||||||
|
"luas_bumi",
|
||||||
|
"luas_bangunan",
|
||||||
|
"njop_bumi",
|
||||||
|
"njop_bangunan",
|
||||||
|
"ketetapan",
|
||||||
|
"tahun_pajak",
|
||||||
|
"created_at",
|
||||||
|
"updated_at"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"customers": {
|
||||||
|
"table_name": "customers",
|
||||||
|
"list_column": [
|
||||||
|
"nomor_pelanggan",
|
||||||
|
"kota_pelayanan",
|
||||||
|
"nama",
|
||||||
|
"alamat",
|
||||||
|
"latitude",
|
||||||
|
"longitude",
|
||||||
|
"created_at",
|
||||||
|
"updated_at"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"pbg": {
|
||||||
|
"table_name": "pbg_task",
|
||||||
|
"list_column": [
|
||||||
|
"uuid",
|
||||||
|
"name",
|
||||||
|
"owner_name",
|
||||||
|
"application_type",
|
||||||
|
"application_type_name",
|
||||||
|
"condition",
|
||||||
|
"registration_number",
|
||||||
|
"document_number",
|
||||||
|
"address",
|
||||||
|
"status_name",
|
||||||
|
"slf_status_name",
|
||||||
|
"function_type",
|
||||||
|
"consultation_type",
|
||||||
|
"due_date",
|
||||||
|
"land_certificate_phase",
|
||||||
|
"created_at",
|
||||||
|
"updated_at",
|
||||||
|
"task_created_at"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"retribusi": {
|
||||||
|
"table_name": "v_pbg_task_with_retributions",
|
||||||
|
"list_column": [
|
||||||
|
"uuid",
|
||||||
|
"name",
|
||||||
|
"owner_name",
|
||||||
|
"application_type",
|
||||||
|
"application_type_name",
|
||||||
|
"condition",
|
||||||
|
"registration_number",
|
||||||
|
"document_number",
|
||||||
|
"address",
|
||||||
|
"status_name",
|
||||||
|
"slf_status_name",
|
||||||
|
"consultation_type",
|
||||||
|
"due_date",
|
||||||
|
"land_certificate_phase",
|
||||||
|
"created_at",
|
||||||
|
"updated_at",
|
||||||
|
"task_created_at",
|
||||||
|
"nilai_retribusi_bangunan"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"spatial_plannings": {
|
||||||
|
"table_name": "spatial_plannings",
|
||||||
|
"list_column": [
|
||||||
|
"created_at",
|
||||||
|
"updated_at",
|
||||||
|
"name",
|
||||||
|
"kbli",
|
||||||
|
"activities",
|
||||||
|
"area",
|
||||||
|
"location",
|
||||||
|
"number",
|
||||||
|
"date"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"tourisms": {
|
||||||
|
"table_name": "v_tourisms",
|
||||||
|
"list_column": [
|
||||||
|
"project_id",
|
||||||
|
"project_type_id",
|
||||||
|
"nib",
|
||||||
|
"business_name",
|
||||||
|
"oss_publication_date",
|
||||||
|
"investment_status_description",
|
||||||
|
"business_form",
|
||||||
|
"project_risk",
|
||||||
|
"project_name",
|
||||||
|
"business_scale",
|
||||||
|
"business_address",
|
||||||
|
"village_name",
|
||||||
|
"district_name",
|
||||||
|
"longitude",
|
||||||
|
"latitude",
|
||||||
|
"project_submission_date",
|
||||||
|
"kbli_title",
|
||||||
|
"supervisory_sector",
|
||||||
|
"user_name",
|
||||||
|
"email",
|
||||||
|
"contact",
|
||||||
|
"land_area_in_m2",
|
||||||
|
"investment_amount",
|
||||||
|
"tki"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"umkms": {
|
||||||
|
"table_name": "v_umkms",
|
||||||
|
"list_column": [
|
||||||
|
"business_address",
|
||||||
|
"business_contact",
|
||||||
|
"business_desc",
|
||||||
|
"business_form",
|
||||||
|
"business_id_number",
|
||||||
|
"business_name",
|
||||||
|
"business_scale",
|
||||||
|
"business_type",
|
||||||
|
"created_at",
|
||||||
|
"district_name",
|
||||||
|
"land_area",
|
||||||
|
"number_of_employee",
|
||||||
|
"owner_address",
|
||||||
|
"owner_contact",
|
||||||
|
"owner_id",
|
||||||
|
"owner_name",
|
||||||
|
"permit_status",
|
||||||
|
"revenue",
|
||||||
|
"updated_at",
|
||||||
|
"village_name"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -66,11 +66,11 @@ class BigdataResume {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
sort: true,
|
sort: true,
|
||||||
search: {
|
// search: {
|
||||||
server: {
|
// server: {
|
||||||
url: (prev, keyword) => `${prev}?search=${keyword}`,
|
// url: (prev, keyword) => `${prev}?search=${keyword}`,
|
||||||
},
|
// },
|
||||||
},
|
// },
|
||||||
server: {
|
server: {
|
||||||
url: `${GlobalConfig.apiHost}/api/bigdata-report`,
|
url: `${GlobalConfig.apiHost}/api/bigdata-report`,
|
||||||
headers: {
|
headers: {
|
||||||
@@ -109,8 +109,10 @@ class BigdataResume {
|
|||||||
},
|
},
|
||||||
total: (data) => data.total,
|
total: (data) => data.total,
|
||||||
},
|
},
|
||||||
|
width: "auto",
|
||||||
}).render(tableContainer);
|
}).render(tableContainer);
|
||||||
}
|
}
|
||||||
|
handleSearch() {}
|
||||||
async handleDelete(deleteButton) {
|
async handleDelete(deleteButton) {
|
||||||
const id = deleteButton.getAttribute("data-id");
|
const id = deleteButton.getAttribute("data-id");
|
||||||
|
|
||||||
|
|||||||
155
resources/js/chatbot-pimpinan/index.js
Normal file
155
resources/js/chatbot-pimpinan/index.js
Normal file
@@ -0,0 +1,155 @@
|
|||||||
|
import GlobalConfig from "../global-config.js";
|
||||||
|
|
||||||
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
|
const timeElements = document.querySelectorAll(".sending-message-time p");
|
||||||
|
|
||||||
|
timeElements.forEach((element) => {
|
||||||
|
element.textContent = getCurrentTime();
|
||||||
|
});
|
||||||
|
|
||||||
|
const textarea = document.getElementById("user-message");
|
||||||
|
const sendButton = document.getElementById("send");
|
||||||
|
const conversationArea = document.querySelector(".row.flex-grow");
|
||||||
|
const chatHistory = [];
|
||||||
|
|
||||||
|
// Fungsi untuk mengirim pesan
|
||||||
|
async function sendMessage() {
|
||||||
|
const userText = textarea.value.trim();
|
||||||
|
if (userText !== "") {
|
||||||
|
// Kosongkan textarea setelah mengirim
|
||||||
|
textarea.value = "";
|
||||||
|
|
||||||
|
// Tambahkan pesan user ke UI
|
||||||
|
addMessage(userText, "user");
|
||||||
|
|
||||||
|
// Tambahkan pesan bot sementara dengan "Loading..."
|
||||||
|
const botMessageElement = addMessage('<div class="bot-message-text">...</div>', "bot");
|
||||||
|
|
||||||
|
const messageTextContainer = botMessageElement.querySelector(".bot-message-text");
|
||||||
|
if (messageTextContainer) {
|
||||||
|
messageTextContainer.innerHTML = '<div class="loader ms-3"></div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Panggil API untuk mendapatkan respons dari bot
|
||||||
|
const botResponse = await getBotResponse(userText, chatHistory);
|
||||||
|
|
||||||
|
// Perbarui pesan bot dengan respons yang sebenarnya
|
||||||
|
if (messageTextContainer) {
|
||||||
|
messageTextContainer.innerHTML = botResponse;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Event listener untuk klik tombol
|
||||||
|
sendButton.addEventListener("click", sendMessage);
|
||||||
|
|
||||||
|
// Event listener untuk menekan Enter di textarea
|
||||||
|
textarea.addEventListener("keydown", function (event) {
|
||||||
|
if (event.key === "Enter" && !event.shiftKey) {
|
||||||
|
event.preventDefault(); // Mencegah newline di textarea
|
||||||
|
sendMessage(); // Panggil fungsi kirim pesan
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
function getCurrentTime() {
|
||||||
|
const now = new Date();
|
||||||
|
return now.getHours().toString().padStart(2, "0") + ":" + now.getMinutes().toString().padStart(2, "0");
|
||||||
|
}
|
||||||
|
|
||||||
|
function addMessage(text, sender) {
|
||||||
|
const messageRow = document.createElement("div");
|
||||||
|
// Atur posisi berdasarkan sender (user -> end, bot -> start)
|
||||||
|
messageRow.classList.add("row", "flex-grow", "overflow-auto", sender === "user" ? "justify-content-end" : "justify-content-start");
|
||||||
|
|
||||||
|
const messageCol = document.createElement("div");
|
||||||
|
messageCol.classList.add("col-9", "w-auto");
|
||||||
|
|
||||||
|
// Atur lebar maksimum berdasarkan sender
|
||||||
|
messageCol.style.maxWidth = sender === "user" ? "50%" : "75%";
|
||||||
|
|
||||||
|
// Container untuk menyimpan nama dan bubble chat
|
||||||
|
const messageWrapper = document.createElement("div");
|
||||||
|
messageWrapper.classList.add("d-flex", "flex-column");
|
||||||
|
|
||||||
|
// Tambahkan Nama di luar bubble chat
|
||||||
|
const messageName = document.createElement("p");
|
||||||
|
messageName.classList.add("fw-bolder", sender === "user" ? "text-end" : "text-start", "mb-1");
|
||||||
|
messageName.textContent = sender === "user" ? "You" : "Neng Bedas";
|
||||||
|
|
||||||
|
// Bubble Chat
|
||||||
|
const messageContainer = document.createElement("div");
|
||||||
|
messageContainer.classList.add("p-2", "rounded", "mb-2", "d-inline-block");
|
||||||
|
if (sender === "user") {
|
||||||
|
messageContainer.classList.add("user-response", "bg-primary", "text-white");
|
||||||
|
} else {
|
||||||
|
messageContainer.classList.add("bot-response", "bg-light");
|
||||||
|
}
|
||||||
|
|
||||||
|
const messageContent = document.createElement("div");
|
||||||
|
messageContent.classList.add("bot-message-text", "mb-0", "text-start");
|
||||||
|
messageContent.textContent = text;
|
||||||
|
|
||||||
|
// Waktu di dalam bubble chat
|
||||||
|
const messageTime = document.createElement("div");
|
||||||
|
messageTime.classList.add("sending-message-time", "text-end", "mt-1");
|
||||||
|
messageTime.innerHTML = `<p class="small mb-0 ${sender === "user" ? "text-white text-start" : "text-muted"}">${getCurrentTime()}</p>`;
|
||||||
|
|
||||||
|
messageContainer.appendChild(messageContent);
|
||||||
|
messageContainer.appendChild(messageTime);
|
||||||
|
|
||||||
|
// Jika pengirim adalah bot, tambahkan avatar
|
||||||
|
if (sender !== "user") {
|
||||||
|
const avatarContainer = document.createElement("div");
|
||||||
|
avatarContainer.classList.add("col-auto", "pe-0");
|
||||||
|
|
||||||
|
const avatarImg = document.createElement("img");
|
||||||
|
avatarImg.classList.add("rounded-circle");
|
||||||
|
avatarImg.width = 45;
|
||||||
|
avatarImg.src = "/images/iconchatbot.jpeg";
|
||||||
|
avatarImg.alt = "bot-avatar";
|
||||||
|
|
||||||
|
avatarContainer.appendChild(avatarImg);
|
||||||
|
messageRow.appendChild(avatarContainer);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Masukkan nama dan bubble ke dalam wrapper
|
||||||
|
messageWrapper.appendChild(messageName);
|
||||||
|
messageWrapper.appendChild(messageContainer);
|
||||||
|
messageCol.appendChild(messageWrapper);
|
||||||
|
messageRow.appendChild(messageCol);
|
||||||
|
|
||||||
|
conversationArea.appendChild(messageRow);
|
||||||
|
conversationArea.scrollTop = conversationArea.scrollHeight;
|
||||||
|
|
||||||
|
return messageContainer;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fungsi untuk memanggil API
|
||||||
|
async function getBotResponse(userText, historyChat) {
|
||||||
|
try {
|
||||||
|
const url = `${GlobalConfig.apiHost}/api/main-generate-text`;
|
||||||
|
const response = await fetch(url, {
|
||||||
|
method: "POST",
|
||||||
|
body: JSON.stringify({prompt: userText, chatHistory: historyChat}),
|
||||||
|
headers: {
|
||||||
|
Authorization: `Bearer ${document
|
||||||
|
.querySelector('meta[name="api-token"]')
|
||||||
|
.getAttribute("content")}`,
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const data = await response.json();
|
||||||
|
const rawBotResponse = data.nlpResponse;
|
||||||
|
// Tambahkan ke chatHistory
|
||||||
|
chatHistory.push({
|
||||||
|
user: userText,
|
||||||
|
rawBotResponse: rawBotResponse,
|
||||||
|
});
|
||||||
|
return data.response || "Maaf, saya tidak mengerti.";
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Error fetching bot response:", error);
|
||||||
|
return "Terjadi kesalahan, coba lagi nanti.";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
@@ -1,11 +1,63 @@
|
|||||||
import GlobalConfig from "../global-config.js";
|
import GlobalConfig from "../global-config.js";
|
||||||
|
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
|
const tabs = document.querySelectorAll(".nav-link");
|
||||||
|
const timeElements = document.querySelectorAll(".sending-message-time p");
|
||||||
|
|
||||||
|
timeElements.forEach((element) => {
|
||||||
|
element.textContent = getCurrentTime();
|
||||||
|
});
|
||||||
|
|
||||||
|
function activateTab(tab) {
|
||||||
|
tabs.forEach(btn => {
|
||||||
|
btn.classList.remove("border-3", "bg-primary", "text-white"); // Reset semua tab
|
||||||
|
});
|
||||||
|
tab.classList.add("border-3", "bg-primary", "text-white"); // Tambahkan warna pada tab aktif
|
||||||
|
}
|
||||||
|
|
||||||
|
tabs.forEach(tab => {
|
||||||
|
tab.addEventListener("click", function () {
|
||||||
|
activateTab(this);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Set warna awal untuk tab aktif (jika ada)
|
||||||
|
const initialActiveTab = document.querySelector(".nav-link.active");
|
||||||
|
if (initialActiveTab) {
|
||||||
|
activateTab(initialActiveTab);
|
||||||
|
}
|
||||||
|
|
||||||
document.querySelectorAll(".nav-link").forEach(tab => {
|
document.querySelectorAll(".nav-link").forEach(tab => {
|
||||||
tab.addEventListener("click", function () {
|
tab.addEventListener("click", function () {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
const tab_active = getActiveTabId();
|
const tab_active = getActiveTabId();
|
||||||
console.log("Active Tab ID:", tab_active);
|
console.log("Active Tab ID:", tab_active);
|
||||||
|
|
||||||
|
// Hapus semua chat kecuali pesan default bot
|
||||||
|
conversationArea.innerHTML = `
|
||||||
|
<div class="row flex-grow overflow-auto align-items-start">
|
||||||
|
<!-- Avatar -->
|
||||||
|
<div class="col-auto alignpe-0">
|
||||||
|
<img class="rounded-circle" width="45" src="/images/iconchatbot.jpeg" alt="avatar-3">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Nama dan Bubble Chat -->
|
||||||
|
<div class="col-9 w-auto">
|
||||||
|
<!-- Nama Bot -->
|
||||||
|
<p class="fw-bolder mb-1">Neng Bedas</p>
|
||||||
|
|
||||||
|
<!-- Bubble Chat -->
|
||||||
|
<div class="bot-response p-2 bg-light rounded mb-2 d-inline-block">
|
||||||
|
<p class="mb-0">Halo! Ada yang bisa saya bantu?</p>
|
||||||
|
|
||||||
|
<!-- Waktu (Tetap di Dalam Bubble Chat) -->
|
||||||
|
<div class="sending-message-time text-end mt-1">
|
||||||
|
<p class="text-muted small mb-0">Now</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
}, 100); // Timeout untuk memastikan class `active` sudah diperbarui
|
}, 100); // Timeout untuk memastikan class `active` sudah diperbarui
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -13,6 +65,7 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
const textarea = document.getElementById("user-message");
|
const textarea = document.getElementById("user-message");
|
||||||
const sendButton = document.getElementById("send");
|
const sendButton = document.getElementById("send");
|
||||||
const conversationArea = document.querySelector(".row.flex-grow");
|
const conversationArea = document.querySelector(".row.flex-grow");
|
||||||
|
const chatHistory = [];
|
||||||
|
|
||||||
// Fungsi untuk mengirim pesan
|
// Fungsi untuk mengirim pesan
|
||||||
async function sendMessage() {
|
async function sendMessage() {
|
||||||
@@ -28,13 +81,20 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
addMessage(userText, "user");
|
addMessage(userText, "user");
|
||||||
|
|
||||||
// Tambahkan pesan bot sementara dengan "Loading..."
|
// Tambahkan pesan bot sementara dengan "Loading..."
|
||||||
const botMessageElement = addMessage('<div class="loader w-auto"></div>', "bot");
|
const botMessageElement = addMessage('<div class="bot-message-text">...</div>', "bot");
|
||||||
|
|
||||||
// Panggil API untuk mendapatkan response dari bot
|
const messageTextContainer = botMessageElement.querySelector(".bot-message-text");
|
||||||
const botResponse = await getBotResponse(currentTab, userText);
|
if (messageTextContainer) {
|
||||||
|
messageTextContainer.innerHTML = '<div class="loader ms-3"></div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Panggil API untuk mendapatkan respons dari bot
|
||||||
|
const botResponse = await getBotResponse(currentTab, userText, chatHistory);
|
||||||
|
|
||||||
// Perbarui pesan bot dengan respons yang sebenarnya
|
// Perbarui pesan bot dengan respons yang sebenarnya
|
||||||
botMessageElement.innerHTML = botResponse;;
|
if (messageTextContainer) {
|
||||||
|
messageTextContainer.innerHTML = botResponse;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -49,110 +109,86 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
function getCurrentTime() {
|
||||||
|
const now = new Date();
|
||||||
|
return now.getHours().toString().padStart(2, "0") + ":" + now.getMinutes().toString().padStart(2, "0");
|
||||||
|
}
|
||||||
|
|
||||||
function addMessage(text, sender) {
|
function addMessage(text, sender) {
|
||||||
const messageRow = document.createElement("div");
|
const messageRow = document.createElement("div");
|
||||||
messageRow.classList.add("row", "flex-grow", "overflow-auto");
|
// Atur posisi berdasarkan sender (user -> end, bot -> start)
|
||||||
|
messageRow.classList.add("row", "flex-grow", "overflow-auto", sender === "user" ? "justify-content-end" : "justify-content-start");
|
||||||
|
|
||||||
const messageCol = document.createElement("div");
|
const messageCol = document.createElement("div");
|
||||||
messageCol.classList.add("w-auto", "d-inline-block"); // Menyesuaikan lebar konten
|
messageCol.classList.add("col-9", "w-auto");
|
||||||
|
|
||||||
|
// Atur lebar maksimum berdasarkan sender
|
||||||
|
messageCol.style.maxWidth = sender === "user" ? "50%" : "75%";
|
||||||
|
|
||||||
|
// Container untuk menyimpan nama dan bubble chat
|
||||||
|
const messageWrapper = document.createElement("div");
|
||||||
|
messageWrapper.classList.add("d-flex", "flex-column");
|
||||||
|
|
||||||
|
// Tambahkan Nama di luar bubble chat
|
||||||
|
const messageName = document.createElement("p");
|
||||||
|
messageName.classList.add("fw-bolder", sender === "user" ? "text-end" : "text-start", "mb-1");
|
||||||
|
messageName.textContent = sender === "user" ? "You" : "Neng Bedas";
|
||||||
|
|
||||||
|
// Bubble Chat
|
||||||
|
const messageContainer = document.createElement("div");
|
||||||
|
messageContainer.classList.add("p-2", "rounded", "mb-2", "d-inline-block");
|
||||||
if (sender === "user") {
|
if (sender === "user") {
|
||||||
messageCol.classList.add("ms-auto", "max-w-50"); // Rata kanan, max 50% (setara col-6)
|
messageContainer.classList.add("user-response", "bg-primary", "text-white");
|
||||||
} else {
|
} else {
|
||||||
messageCol.classList.add("max-w-75"); // Max 75% (setara col-9)
|
messageContainer.classList.add("bot-response", "bg-light");
|
||||||
|
}
|
||||||
|
|
||||||
// Tambahkan avatar hanya untuk bot
|
const messageContent = document.createElement("div");
|
||||||
const avatarSpan = document.createElement("span");
|
messageContent.classList.add("bot-message-text", "mb-0", "text-start");
|
||||||
avatarSpan.classList.add("d-flex", "align-items-center", "mb-1");
|
messageContent.textContent = text;
|
||||||
|
|
||||||
|
// Waktu di dalam bubble chat
|
||||||
|
const messageTime = document.createElement("div");
|
||||||
|
messageTime.classList.add("sending-message-time", "text-end", "mt-1");
|
||||||
|
messageTime.innerHTML = `<p class="small mb-0 ${sender === "user" ? "text-white text-start" : "text-muted"}">${getCurrentTime()}</p>`;
|
||||||
|
|
||||||
|
messageContainer.appendChild(messageContent);
|
||||||
|
messageContainer.appendChild(messageTime);
|
||||||
|
|
||||||
|
// Jika pengirim adalah bot, tambahkan avatar
|
||||||
|
if (sender !== "user") {
|
||||||
|
const avatarContainer = document.createElement("div");
|
||||||
|
avatarContainer.classList.add("col-auto", "pe-0");
|
||||||
|
|
||||||
const avatarImg = document.createElement("img");
|
const avatarImg = document.createElement("img");
|
||||||
avatarImg.classList.add("rounded-circle");
|
avatarImg.classList.add("rounded-circle");
|
||||||
avatarImg.width = 32;
|
avatarImg.width = 45;
|
||||||
avatarImg.src = "/images/iconchatbot.jpeg";
|
avatarImg.src = "/images/iconchatbot.jpeg";
|
||||||
avatarImg.alt = "bot-avatar";
|
avatarImg.alt = "bot-avatar";
|
||||||
|
|
||||||
avatarSpan.appendChild(avatarImg);
|
avatarContainer.appendChild(avatarImg);
|
||||||
messageCol.appendChild(avatarSpan);
|
messageRow.appendChild(avatarContainer);
|
||||||
}
|
}
|
||||||
|
|
||||||
const messageDiv = document.createElement("div");
|
// Masukkan nama dan bubble ke dalam wrapper
|
||||||
messageDiv.classList.add("p-2", "rounded", "mb-2");
|
messageWrapper.appendChild(messageName);
|
||||||
|
messageWrapper.appendChild(messageContainer);
|
||||||
if (sender === "user") {
|
messageCol.appendChild(messageWrapper);
|
||||||
messageDiv.classList.add("user-response", "bg-primary", "text-white");
|
|
||||||
} else {
|
|
||||||
messageDiv.classList.add("bot-response", "bg-light");
|
|
||||||
}
|
|
||||||
|
|
||||||
// Menyisipkan konten HTML langsung (bisa berupa teks atau loader)
|
|
||||||
messageDiv.innerHTML = text;
|
|
||||||
messageCol.appendChild(messageDiv);
|
|
||||||
messageRow.appendChild(messageCol);
|
messageRow.appendChild(messageCol);
|
||||||
|
|
||||||
// Tambahkan ke area percakapan
|
|
||||||
conversationArea.appendChild(messageRow);
|
conversationArea.appendChild(messageRow);
|
||||||
|
|
||||||
// Scroll otomatis ke bawah
|
|
||||||
conversationArea.scrollTop = conversationArea.scrollHeight;
|
conversationArea.scrollTop = conversationArea.scrollHeight;
|
||||||
|
|
||||||
return messageDiv; // Mengembalikan elemen agar bisa diperbarui nanti
|
return messageContainer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// function addMessage(text, sender) {
|
|
||||||
// const messageRow = document.createElement("div");
|
|
||||||
// messageRow.classList.add("row", "flex-grow", "overflow-auto");
|
|
||||||
|
|
||||||
// const messageCol = document.createElement("div");
|
|
||||||
// messageCol.classList.add("col-9", "w-auto");
|
|
||||||
|
|
||||||
// if (sender === "user") {
|
|
||||||
// messageCol.classList.add("ms-auto"); // Geser ke kanan untuk user
|
|
||||||
// }
|
|
||||||
|
|
||||||
// const messageDiv = document.createElement("div");
|
|
||||||
// messageDiv.classList.add("p-2", "rounded", "mb-2");
|
|
||||||
|
|
||||||
// if (sender === "user") {
|
|
||||||
// messageDiv.classList.add("user-response", "bg-primary", "text-white");
|
|
||||||
// } else {
|
|
||||||
// messageDiv.classList.add("bot-response", "bg-light");
|
|
||||||
|
|
||||||
// // Tambahkan avatar hanya untuk bot
|
|
||||||
// const avatarSpan = document.createElement("span");
|
|
||||||
// avatarSpan.classList.add("d-flex", "align-items-center", "mb-1");
|
|
||||||
|
|
||||||
// const avatarImg = document.createElement("img");
|
|
||||||
// avatarImg.classList.add("rounded-circle");
|
|
||||||
// avatarImg.width = 32;
|
|
||||||
// avatarImg.src = "/images/iconchatbot.jpeg";
|
|
||||||
// avatarImg.alt = "bot-avatar";
|
|
||||||
|
|
||||||
// avatarSpan.appendChild(avatarImg);
|
|
||||||
// messageCol.appendChild(avatarSpan);
|
|
||||||
// }
|
|
||||||
|
|
||||||
// // Menyisipkan konten HTML langsung (bisa berupa teks atau loader)
|
|
||||||
// messageDiv.innerHTML = text;
|
|
||||||
// messageCol.appendChild(messageDiv);
|
|
||||||
// messageRow.appendChild(messageCol);
|
|
||||||
|
|
||||||
// // Tambahkan ke area percakapan
|
|
||||||
// conversationArea.appendChild(messageRow);
|
|
||||||
|
|
||||||
// // Scroll otomatis ke bawah
|
|
||||||
// conversationArea.scrollTop = conversationArea.scrollHeight;
|
|
||||||
|
|
||||||
// return messageDiv; // Mengembalikan elemen agar bisa diperbarui nanti
|
|
||||||
// }
|
|
||||||
|
|
||||||
// Fungsi untuk memanggil API
|
// Fungsi untuk memanggil API
|
||||||
async function getBotResponse(tab_active, userText) {
|
async function getBotResponse(tab_active, userText, historyChat) {
|
||||||
try {
|
try {
|
||||||
const url = `${GlobalConfig.apiHost}/api/generate-text`;
|
const url = `${GlobalConfig.apiHost}/api/generate-text`;
|
||||||
const response = await fetch(url, {
|
const response = await fetch(url, {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
body: JSON.stringify({tab_active:tab_active, prompt: userText }),
|
body: JSON.stringify({tab_active:tab_active, prompt: userText, chatHistory: historyChat }),
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${document
|
Authorization: `Bearer ${document
|
||||||
.querySelector('meta[name="api-token"]')
|
.querySelector('meta[name="api-token"]')
|
||||||
@@ -162,6 +198,12 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
});
|
});
|
||||||
|
|
||||||
const data = await response.json();
|
const data = await response.json();
|
||||||
|
const rawBotResponse = data.nlpResponse;
|
||||||
|
// Tambahkan ke chatHistory
|
||||||
|
chatHistory.push({
|
||||||
|
user: userText,
|
||||||
|
rawBotResponse: rawBotResponse,
|
||||||
|
});
|
||||||
return data.response || "Maaf, saya tidak mengerti.";
|
return data.response || "Maaf, saya tidak mengerti.";
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("Error fetching bot response:", error);
|
console.error("Error fetching bot response:", error);
|
||||||
|
|||||||
@@ -16,10 +16,10 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
Loading...
|
Loading...
|
||||||
`;
|
`;
|
||||||
const isEdit = saveButton.classList.contains("btn-edit");
|
const isEdit = saveButton.classList.contains("btn-edit");
|
||||||
const formData = new FormData(form)
|
const formData = new FormData(form);
|
||||||
const toast = document.getElementById('toastEditUpdate');
|
const toast = document.getElementById("toastEditUpdate");
|
||||||
const toastBody = toast.querySelector('.toast-body');
|
const toastBody = toast.querySelector(".toast-body");
|
||||||
const toastHeader = toast.querySelector('.toast-header small');
|
const toastHeader = toast.querySelector(".toast-header small");
|
||||||
|
|
||||||
const data = {};
|
const data = {};
|
||||||
|
|
||||||
@@ -40,52 +40,54 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
.querySelector('meta[name="api-token"]')
|
.querySelector('meta[name="api-token"]')
|
||||||
.getAttribute("content")}`,
|
.getAttribute("content")}`,
|
||||||
"Content-Type": "application/json",
|
"Content-Type": "application/json",
|
||||||
}
|
},
|
||||||
})
|
})
|
||||||
.then(response => response.json())
|
.then((response) => response.json())
|
||||||
.then(data => {
|
.then((data) => {
|
||||||
if (!data.errors) {
|
if (!data.errors) {
|
||||||
// Remove existing icon (if any) before adding the new one
|
// Remove existing icon (if any) before adding the new one
|
||||||
if (authLogo) {
|
if (authLogo) {
|
||||||
// Hapus ikon yang sudah ada jika ada
|
// Hapus ikon yang sudah ada jika ada
|
||||||
const existingIcon = authLogo.querySelector('.bx');
|
const existingIcon = authLogo.querySelector(".bx");
|
||||||
if (existingIcon) {
|
if (existingIcon) {
|
||||||
authLogo.removeChild(existingIcon);
|
authLogo.removeChild(existingIcon);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Buat ikon baru
|
// Buat ikon baru
|
||||||
const icon = document.createElement('i');
|
const icon = document.createElement("i");
|
||||||
icon.classList.add('bx', 'bxs-check-square');
|
icon.classList.add("bx", "bxs-check-square");
|
||||||
icon.style.fontSize = '25px';
|
icon.style.fontSize = "25px";
|
||||||
icon.style.color = 'green'; // Pastikan 'green' dalam bentuk string
|
icon.style.color = "green"; // Pastikan 'green' dalam bentuk string
|
||||||
|
|
||||||
// Tambahkan ikon ke dalam auth-logo
|
// Tambahkan ikon ke dalam auth-logo
|
||||||
authLogo.appendChild(icon);
|
authLogo.appendChild(icon);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Set success message for the toast
|
// Set success message for the toast
|
||||||
toastBody.textContent = isEdit ? "Data updated successfully!" : "Data created successfully!";
|
toastBody.textContent = isEdit
|
||||||
toast.classList.add('show'); // Show the toast
|
? "Data updated successfully!"
|
||||||
|
: "Data created successfully!";
|
||||||
|
toast.classList.add("show"); // Show the toast
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
toast.classList.remove('show'); // Hide the toast after 3 seconds
|
toast.classList.remove("show"); // Hide the toast after 3 seconds
|
||||||
}, 2000);
|
}, 2000);
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.href = '/data/advertisements';
|
window.location.href = "/data/web-advertisements";
|
||||||
}, 1000);
|
}, 1000);
|
||||||
} else {
|
} else {
|
||||||
if (authLogo) {
|
if (authLogo) {
|
||||||
// Hapus ikon yang sudah ada jika ada
|
// Hapus ikon yang sudah ada jika ada
|
||||||
const existingIcon = authLogo.querySelector('.bx');
|
const existingIcon = authLogo.querySelector(".bx");
|
||||||
if (existingIcon) {
|
if (existingIcon) {
|
||||||
authLogo.removeChild(existingIcon);
|
authLogo.removeChild(existingIcon);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Buat ikon baru
|
// Buat ikon baru
|
||||||
const icon = document.createElement('i');
|
const icon = document.createElement("i");
|
||||||
icon.classList.add('bx', 'bxs-error-alt');
|
icon.classList.add("bx", "bxs-error-alt");
|
||||||
icon.style.fontSize = '25px';
|
icon.style.fontSize = "25px";
|
||||||
icon.style.color = 'red'; // Pastikan 'green' dalam bentuk string
|
icon.style.color = "red"; // Pastikan 'green' dalam bentuk string
|
||||||
|
|
||||||
// Tambahkan ikon ke dalam auth-logo
|
// Tambahkan ikon ke dalam auth-logo
|
||||||
authLogo.appendChild(icon);
|
authLogo.appendChild(icon);
|
||||||
@@ -96,27 +98,28 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
modalButton.innerHTML = isEdit ? "Update" : "Create";
|
modalButton.innerHTML = isEdit ? "Update" : "Create";
|
||||||
|
|
||||||
// Set error message for the toast
|
// Set error message for the toast
|
||||||
toastBody.textContent = "Failed: " + (data.message || "Something went wrong");
|
toastBody.textContent =
|
||||||
toast.classList.add('show'); // Show the toast
|
"Failed: " + (data.message || "Something went wrong");
|
||||||
|
toast.classList.add("show"); // Show the toast
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
toast.classList.remove('show'); // Hide the toast after 3 seconds
|
toast.classList.remove("show"); // Hide the toast after 3 seconds
|
||||||
}, 3000);
|
}, 3000);
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(errors => {
|
.catch((errors) => {
|
||||||
if (authLogo) {
|
if (authLogo) {
|
||||||
// Hapus ikon yang sudah ada jika ada
|
// Hapus ikon yang sudah ada jika ada
|
||||||
const existingIcon = authLogo.querySelector('.bx');
|
const existingIcon = authLogo.querySelector(".bx");
|
||||||
if (existingIcon) {
|
if (existingIcon) {
|
||||||
authLogo.removeChild(existingIcon);
|
authLogo.removeChild(existingIcon);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Buat ikon baru
|
// Buat ikon baru
|
||||||
const icon = document.createElement('i');
|
const icon = document.createElement("i");
|
||||||
icon.classList.add('bx', 'bxs-error-alt');
|
icon.classList.add("bx", "bxs-error-alt");
|
||||||
icon.style.fontSize = '25px';
|
icon.style.fontSize = "25px";
|
||||||
icon.style.color = 'red'; // Pastikan 'green' dalam bentuk string
|
icon.style.color = "red"; // Pastikan 'green' dalam bentuk string
|
||||||
|
|
||||||
// Tambahkan ikon ke dalam auth-logo
|
// Tambahkan ikon ke dalam auth-logo
|
||||||
authLogo.appendChild(icon);
|
authLogo.appendChild(icon);
|
||||||
@@ -126,11 +129,12 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
modalButton.innerHTML = isEdit ? "Update" : "Create";
|
modalButton.innerHTML = isEdit ? "Update" : "Create";
|
||||||
|
|
||||||
// Set error message for the toast
|
// Set error message for the toast
|
||||||
toastBody.textContent = "An error occurred while processing your request.";
|
toastBody.textContent =
|
||||||
toast.classList.add('show'); // Show the toast
|
"An error occurred while processing your request.";
|
||||||
|
toast.classList.add("show"); // Show the toast
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
toast.classList.remove('show'); // Hide the toast after 3 seconds
|
toast.classList.remove("show"); // Hide the toast after 3 seconds
|
||||||
}, 3000);
|
}, 3000);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -141,7 +145,11 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
if (inputValue.length < 2) return;
|
if (inputValue.length < 2) return;
|
||||||
let districtValue = document.getElementById("district_name").value; // Ambil kecamatan terpilih
|
let districtValue = document.getElementById("district_name").value; // Ambil kecamatan terpilih
|
||||||
|
|
||||||
let url = `${GlobalConfig.apiHost}/api/combobox/search-options?query=${encodeURIComponent(inputValue)}&field=${field}`;
|
let url = `${
|
||||||
|
GlobalConfig.apiHost
|
||||||
|
}/api/combobox/search-options?query=${encodeURIComponent(
|
||||||
|
inputValue
|
||||||
|
)}&field=${field}`;
|
||||||
|
|
||||||
// Jika field desa, tambahkan kecamatan sebagai filter
|
// Jika field desa, tambahkan kecamatan sebagai filter
|
||||||
if (field === "village_name") {
|
if (field === "village_name") {
|
||||||
@@ -149,30 +157,30 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
}
|
}
|
||||||
|
|
||||||
fetch(url, {
|
fetch(url, {
|
||||||
method: 'GET',
|
method: "GET",
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${document
|
Authorization: `Bearer ${document
|
||||||
.querySelector('meta[name="api-token"]')
|
.querySelector('meta[name="api-token"]')
|
||||||
.getAttribute("content")}`,
|
.getAttribute("content")}`,
|
||||||
"Content-Type": "application/json",
|
"Content-Type": "application/json",
|
||||||
}
|
},
|
||||||
})
|
})
|
||||||
.then(response => response.json())
|
.then((response) => response.json())
|
||||||
.then(data => {
|
.then((data) => {
|
||||||
let dataList = document.getElementById(field + "Options");
|
let dataList = document.getElementById(field + "Options");
|
||||||
dataList.innerHTML = "";
|
dataList.innerHTML = "";
|
||||||
|
|
||||||
data.forEach(item => {
|
data.forEach((item) => {
|
||||||
let option = document.createElement("option");
|
let option = document.createElement("option");
|
||||||
option.value = item.name;
|
option.value = item.name;
|
||||||
option.dataset.code = item.code;
|
option.dataset.code = item.code;
|
||||||
dataList.appendChild(option);
|
dataList.appendChild(option);
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
.catch(error => console.error("Error fetching options:", error));
|
.catch((error) => console.error("Error fetching options:", error));
|
||||||
};
|
};
|
||||||
|
|
||||||
document.querySelector('.btn-back').addEventListener('click', function() {
|
document.querySelector(".btn-back").addEventListener("click", function () {
|
||||||
window.history.back();
|
window.history.back();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -25,51 +25,54 @@ console.log(dropzonePreviewNode);
|
|||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${document
|
Authorization: `Bearer ${document
|
||||||
.querySelector('meta[name="api-token"]')
|
.querySelector('meta[name="api-token"]')
|
||||||
.getAttribute("content")}`
|
.getAttribute("content")}`,
|
||||||
},
|
},
|
||||||
init: function() {
|
init: function () {
|
||||||
// Listen for the success event
|
// Listen for the success event
|
||||||
this.on("success", function(file, response) {
|
this.on("success", function (file, response) {
|
||||||
console.log("File successfully uploaded:", file);
|
console.log("File successfully uploaded:", file);
|
||||||
console.log("API Response:", response);
|
console.log("API Response:", response);
|
||||||
|
|
||||||
// Show success toast
|
// Show success toast
|
||||||
showToast('bxs-check-square', 'green', response.message);
|
showToast("bxs-check-square", "green", response.message);
|
||||||
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
document.getElementById("submit-upload").innerHTML =
|
||||||
|
"Upload Files";
|
||||||
// Tunggu sebentar lalu reload halaman
|
// Tunggu sebentar lalu reload halaman
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.href = "/data/advertisements";
|
window.location.href = "/data/web-advertisements";
|
||||||
}, 2000);
|
}, 2000);
|
||||||
});
|
});
|
||||||
// Listen for the error event
|
// Listen for the error event
|
||||||
this.on("error", function(file, errorMessage) {
|
this.on("error", function (file, errorMessage) {
|
||||||
console.error("Error uploading file:", file);
|
console.error("Error uploading file:", file);
|
||||||
console.error("Error message:", errorMessage);
|
console.error("Error message:", errorMessage);
|
||||||
// Handle the error response
|
// Handle the error response
|
||||||
|
|
||||||
// Show error toast
|
// Show error toast
|
||||||
showToast('bxs-error-alt', 'red', errorMessage.message);
|
showToast("bxs-error-alt", "red", errorMessage.message);
|
||||||
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
document.getElementById("submit-upload").innerHTML =
|
||||||
|
"Upload Files";
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
})));
|
})));
|
||||||
|
|
||||||
// Add event listener to control the submission manually
|
// Add event listener to control the submission manually
|
||||||
document.querySelector("#submit-upload").addEventListener("click", function() {
|
document.querySelector("#submit-upload").addEventListener("click", function () {
|
||||||
console.log("Ini adalah value dropzone", dropzone.files[0]);
|
console.log("Ini adalah value dropzone", dropzone.files[0]);
|
||||||
const formData = new FormData()
|
const formData = new FormData();
|
||||||
console.log("Dropzonefiles",dropzone.files);
|
console.log("Dropzonefiles", dropzone.files);
|
||||||
|
|
||||||
this.innerHTML = '<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>Loading...';
|
this.innerHTML =
|
||||||
|
'<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>Loading...';
|
||||||
|
|
||||||
// Pastikan ada file dalam queue sebelum memprosesnya
|
// Pastikan ada file dalam queue sebelum memprosesnya
|
||||||
if (dropzone.files.length > 0) {
|
if (dropzone.files.length > 0) {
|
||||||
formData.append('file', dropzone.files[0])
|
formData.append("file", dropzone.files[0]);
|
||||||
console.log("ini adalah form data on submit", ...formData);
|
console.log("ini adalah form data on submit", ...formData);
|
||||||
dropzone.processQueue(); // Ini akan manual memicu upload
|
dropzone.processQueue(); // Ini akan manual memicu upload
|
||||||
} else {
|
} else {
|
||||||
// Show error toast when no file is selected
|
// Show error toast when no file is selected
|
||||||
showToast('bxs-error-alt', 'red', "Please add a file first.");
|
showToast("bxs-error-alt", "red", "Please add a file first.");
|
||||||
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@@ -82,22 +85,24 @@ dropzone.on("addedfile", function (file) {
|
|||||||
console.log("Ukuran File:", (file.size / 1024).toFixed(2) + " KB");
|
console.log("Ukuran File:", (file.size / 1024).toFixed(2) + " KB");
|
||||||
});
|
});
|
||||||
|
|
||||||
dropzone.on("complete", function(file) {
|
dropzone.on("complete", function (file) {
|
||||||
dropzone.removeFile(file);
|
dropzone.removeFile(file);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Add event listener to donwload file template
|
// Add event listener to donwload file template
|
||||||
document.getElementById('downloadtempadvertisement').addEventListener('click', function() {
|
document
|
||||||
|
.getElementById("downloadtempadvertisement")
|
||||||
|
.addEventListener("click", function () {
|
||||||
var url = `${GlobalConfig.apiHost}/api/download-template-advertisement`;
|
var url = `${GlobalConfig.apiHost}/api/download-template-advertisement`;
|
||||||
fetch(url, {
|
fetch(url, {
|
||||||
method: 'GET',
|
method: "GET",
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${document
|
Authorization: `Bearer ${document
|
||||||
.querySelector('meta[name="api-token"]')
|
.querySelector('meta[name="api-token"]')
|
||||||
.getAttribute("content")}`
|
.getAttribute("content")}`,
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
.then(response => {
|
.then((response) => {
|
||||||
if (response.ok) {
|
if (response.ok) {
|
||||||
return response.blob();
|
return response.blob();
|
||||||
} else {
|
} else {
|
||||||
@@ -106,38 +111,42 @@ document.getElementById('downloadtempadvertisement').addEventListener('click', f
|
|||||||
})
|
})
|
||||||
.then((blob) => {
|
.then((blob) => {
|
||||||
const url = window.URL.createObjectURL(blob);
|
const url = window.URL.createObjectURL(blob);
|
||||||
const a = document.createElement('a');
|
const a = document.createElement("a");
|
||||||
a.style.display = 'none';
|
a.style.display = "none";
|
||||||
a.href = url;
|
a.href = url;
|
||||||
a.download = 'template_reklame.xlsx';
|
a.download = "template_reklame.xlsx";
|
||||||
document.body.appendChild(a);
|
document.body.appendChild(a);
|
||||||
a.click();
|
a.click();
|
||||||
window.URL.revokeObjectURL(url);
|
window.URL.revokeObjectURL(url);
|
||||||
})
|
})
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
console.error("Gagal mendownload file:", error);
|
console.error("Gagal mendownload file:", error);
|
||||||
showToast('bxs-error-alt', 'red', "Template file is not already exist.");
|
showToast(
|
||||||
})
|
"bxs-error-alt",
|
||||||
})
|
"red",
|
||||||
|
"Template file is not already exist."
|
||||||
|
);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
// Function to show toast
|
// Function to show toast
|
||||||
function showToast(iconClass, iconColor, message) {
|
function showToast(iconClass, iconColor, message) {
|
||||||
const toastElement = document.getElementById('toastUploadAdvertisement');
|
const toastElement = document.getElementById("toastUploadAdvertisement");
|
||||||
const toastBody = toastElement.querySelector('.toast-body');
|
const toastBody = toastElement.querySelector(".toast-body");
|
||||||
const toastHeader = toastElement.querySelector('.toast-header');
|
const toastHeader = toastElement.querySelector(".toast-header");
|
||||||
|
|
||||||
// Remove existing icon (if any) before adding the new one
|
// Remove existing icon (if any) before adding the new one
|
||||||
const existingIcon = toastHeader.querySelector('.bx');
|
const existingIcon = toastHeader.querySelector(".bx");
|
||||||
if (existingIcon) {
|
if (existingIcon) {
|
||||||
toastHeader.querySelector('.auth-logo').removeChild(existingIcon); // Remove the existing icon
|
toastHeader.querySelector(".auth-logo").removeChild(existingIcon); // Remove the existing icon
|
||||||
}
|
}
|
||||||
|
|
||||||
// Add the new icon to the toast header
|
// Add the new icon to the toast header
|
||||||
const icon = document.createElement('i');
|
const icon = document.createElement("i");
|
||||||
icon.classList.add('bx', iconClass);
|
icon.classList.add("bx", iconClass);
|
||||||
icon.style.fontSize = '25px';
|
icon.style.fontSize = "25px";
|
||||||
icon.style.color = iconColor;
|
icon.style.color = iconColor;
|
||||||
toastHeader.querySelector('.auth-logo').appendChild(icon);
|
toastHeader.querySelector(".auth-logo").appendChild(icon);
|
||||||
|
|
||||||
// Set the toast message
|
// Set the toast message
|
||||||
toastBody.textContent = message;
|
toastBody.textContent = message;
|
||||||
@@ -146,4 +155,3 @@ function showToast(iconClass, iconColor, message) {
|
|||||||
const toast = new bootstrap.Toast(toastElement); // Inisialisasi Bootstrap Toast
|
const toast = new bootstrap.Toast(toastElement); // Inisialisasi Bootstrap Toast
|
||||||
toast.show();
|
toast.show();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -73,7 +73,7 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
}, 3000);
|
}, 3000);
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.href = "/data/spatial-plannings";
|
window.location.href = "/data/web-spatial-plannings";
|
||||||
}, 3000);
|
}, 3000);
|
||||||
} else {
|
} else {
|
||||||
if (authLogo) {
|
if (authLogo) {
|
||||||
|
|||||||
@@ -25,51 +25,54 @@ console.log(dropzonePreviewNode);
|
|||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${document
|
Authorization: `Bearer ${document
|
||||||
.querySelector('meta[name="api-token"]')
|
.querySelector('meta[name="api-token"]')
|
||||||
.getAttribute("content")}`
|
.getAttribute("content")}`,
|
||||||
},
|
},
|
||||||
init: function() {
|
init: function () {
|
||||||
// Listen for the success event
|
// Listen for the success event
|
||||||
this.on("success", function(file, response) {
|
this.on("success", function (file, response) {
|
||||||
console.log("File successfully uploaded:", file);
|
console.log("File successfully uploaded:", file);
|
||||||
console.log("API Response:", response);
|
console.log("API Response:", response);
|
||||||
|
|
||||||
// Show success toast
|
// Show success toast
|
||||||
showToast('bxs-check-square', 'green', response.message);
|
showToast("bxs-check-square", "green", response.message);
|
||||||
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
document.getElementById("submit-upload").innerHTML =
|
||||||
|
"Upload Files";
|
||||||
// Tunggu sebentar lalu reload halaman
|
// Tunggu sebentar lalu reload halaman
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.href = "/data/spatial-plannings";
|
window.location.href = "/data/web-spatial-plannings";
|
||||||
}, 2000);
|
}, 2000);
|
||||||
});
|
});
|
||||||
// Listen for the error event
|
// Listen for the error event
|
||||||
this.on("error", function(file, errorMessage) {
|
this.on("error", function (file, errorMessage) {
|
||||||
console.error("Error uploading file:", file);
|
console.error("Error uploading file:", file);
|
||||||
console.error("Error message:", errorMessage);
|
console.error("Error message:", errorMessage);
|
||||||
// Handle the error response
|
// Handle the error response
|
||||||
|
|
||||||
// Show error toast
|
// Show error toast
|
||||||
showToast('bxs-error-alt', 'red', errorMessage.message);
|
showToast("bxs-error-alt", "red", errorMessage.message);
|
||||||
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
document.getElementById("submit-upload").innerHTML =
|
||||||
|
"Upload Files";
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
})));
|
})));
|
||||||
|
|
||||||
// Add event listener to control the submission manually
|
// Add event listener to control the submission manually
|
||||||
document.querySelector("#submit-upload").addEventListener("click", function() {
|
document.querySelector("#submit-upload").addEventListener("click", function () {
|
||||||
console.log("Ini adalah value dropzone", dropzone.files[0]);
|
console.log("Ini adalah value dropzone", dropzone.files[0]);
|
||||||
const formData = new FormData()
|
const formData = new FormData();
|
||||||
console.log("Dropzonefiles",dropzone.files);
|
console.log("Dropzonefiles", dropzone.files);
|
||||||
|
|
||||||
this.innerHTML = '<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>Loading...';
|
this.innerHTML =
|
||||||
|
'<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>Loading...';
|
||||||
|
|
||||||
// Pastikan ada file dalam queue sebelum memprosesnya
|
// Pastikan ada file dalam queue sebelum memprosesnya
|
||||||
if (dropzone.files.length > 0) {
|
if (dropzone.files.length > 0) {
|
||||||
formData.append('file', dropzone.files[0])
|
formData.append("file", dropzone.files[0]);
|
||||||
console.log("ini adalah form data on submit", ...formData);
|
console.log("ini adalah form data on submit", ...formData);
|
||||||
dropzone.processQueue(); // Ini akan manual memicu upload
|
dropzone.processQueue(); // Ini akan manual memicu upload
|
||||||
} else {
|
} else {
|
||||||
// Show error toast when no file is selected
|
// Show error toast when no file is selected
|
||||||
showToast('bxs-error-alt', 'red', "Please add a file first.");
|
showToast("bxs-error-alt", "red", "Please add a file first.");
|
||||||
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@@ -82,22 +85,24 @@ dropzone.on("addedfile", function (file) {
|
|||||||
console.log("Ukuran File:", (file.size / 1024).toFixed(2) + " KB");
|
console.log("Ukuran File:", (file.size / 1024).toFixed(2) + " KB");
|
||||||
});
|
});
|
||||||
|
|
||||||
dropzone.on("complete", function(file) {
|
dropzone.on("complete", function (file) {
|
||||||
dropzone.removeFile(file);
|
dropzone.removeFile(file);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Add event listener to download file template
|
// Add event listener to download file template
|
||||||
document.getElementById('downloadtempspatialPlannings').addEventListener('click', function() {
|
document
|
||||||
|
.getElementById("downloadtempspatialPlannings")
|
||||||
|
.addEventListener("click", function () {
|
||||||
var url = `${GlobalConfig.apiHost}/api/download-template-spatialPlannings`;
|
var url = `${GlobalConfig.apiHost}/api/download-template-spatialPlannings`;
|
||||||
fetch(url, {
|
fetch(url, {
|
||||||
method: 'GET',
|
method: "GET",
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${document
|
Authorization: `Bearer ${document
|
||||||
.querySelector('meta[name="api-token"]')
|
.querySelector('meta[name="api-token"]')
|
||||||
.getAttribute("content")}`
|
.getAttribute("content")}`,
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
.then(response => {
|
.then((response) => {
|
||||||
if (response.ok) {
|
if (response.ok) {
|
||||||
return response.blob(); // Jika respons OK, konversi menjadi blob
|
return response.blob(); // Jika respons OK, konversi menjadi blob
|
||||||
} else {
|
} else {
|
||||||
@@ -107,38 +112,42 @@ document.getElementById('downloadtempspatialPlannings').addEventListener('click'
|
|||||||
.then((blob) => {
|
.then((blob) => {
|
||||||
console.log(blob);
|
console.log(blob);
|
||||||
const url = window.URL.createObjectURL(blob);
|
const url = window.URL.createObjectURL(blob);
|
||||||
const a = document.createElement('a');
|
const a = document.createElement("a");
|
||||||
a.style.display = 'none';
|
a.style.display = "none";
|
||||||
a.href = url;
|
a.href = url;
|
||||||
a.download = 'template_rencana_tata_ruang.xlsx';
|
a.download = "template_rencana_tata_ruang.xlsx";
|
||||||
document.body.appendChild(a);
|
document.body.appendChild(a);
|
||||||
a.click();
|
a.click();
|
||||||
window.URL.revokeObjectURL(url);
|
window.URL.revokeObjectURL(url);
|
||||||
})
|
})
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
console.error("Gagal mendownload file:", error);
|
console.error("Gagal mendownload file:", error);
|
||||||
showToast('bxs-error-alt', 'red', "Template file is not already exist.");
|
showToast(
|
||||||
})
|
"bxs-error-alt",
|
||||||
})
|
"red",
|
||||||
|
"Template file is not already exist."
|
||||||
|
);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
// Function to show toast
|
// Function to show toast
|
||||||
function showToast(iconClass, iconColor, message) {
|
function showToast(iconClass, iconColor, message) {
|
||||||
const toastElement = document.getElementById('toastUploadSpatialPlannings');
|
const toastElement = document.getElementById("toastUploadSpatialPlannings");
|
||||||
const toastBody = toastElement.querySelector('.toast-body');
|
const toastBody = toastElement.querySelector(".toast-body");
|
||||||
const toastHeader = toastElement.querySelector('.toast-header');
|
const toastHeader = toastElement.querySelector(".toast-header");
|
||||||
|
|
||||||
// Remove existing icon (if any) before adding the new one
|
// Remove existing icon (if any) before adding the new one
|
||||||
const existingIcon = toastHeader.querySelector('.bx');
|
const existingIcon = toastHeader.querySelector(".bx");
|
||||||
if (existingIcon) {
|
if (existingIcon) {
|
||||||
toastHeader.querySelector('.auth-logo').removeChild(existingIcon); // Remove the existing icon
|
toastHeader.querySelector(".auth-logo").removeChild(existingIcon); // Remove the existing icon
|
||||||
}
|
}
|
||||||
|
|
||||||
// Add the new icon to the toast header
|
// Add the new icon to the toast header
|
||||||
const icon = document.createElement('i');
|
const icon = document.createElement("i");
|
||||||
icon.classList.add('bx', iconClass);
|
icon.classList.add("bx", iconClass);
|
||||||
icon.style.fontSize = '25px';
|
icon.style.fontSize = "25px";
|
||||||
icon.style.color = iconColor;
|
icon.style.color = iconColor;
|
||||||
toastHeader.querySelector('.auth-logo').appendChild(icon);
|
toastHeader.querySelector(".auth-logo").appendChild(icon);
|
||||||
|
|
||||||
// Set the toast message
|
// Set the toast message
|
||||||
toastBody.textContent = message;
|
toastBody.textContent = message;
|
||||||
@@ -147,4 +156,3 @@ function showToast(iconClass, iconColor, message) {
|
|||||||
const toast = new bootstrap.Toast(toastElement); // Inisialisasi Bootstrap Toast
|
const toast = new bootstrap.Toast(toastElement); // Inisialisasi Bootstrap Toast
|
||||||
toast.show();
|
toast.show();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -73,7 +73,7 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
}, 3000);
|
}, 3000);
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.href = "/data/tourisms";
|
window.location.href = "/data/web-tourisms";
|
||||||
}, 3000);
|
}, 3000);
|
||||||
} else {
|
} else {
|
||||||
if (authLogo) {
|
if (authLogo) {
|
||||||
|
|||||||
@@ -25,51 +25,54 @@ console.log(dropzonePreviewNode);
|
|||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${document
|
Authorization: `Bearer ${document
|
||||||
.querySelector('meta[name="api-token"]')
|
.querySelector('meta[name="api-token"]')
|
||||||
.getAttribute("content")}`
|
.getAttribute("content")}`,
|
||||||
},
|
},
|
||||||
init: function() {
|
init: function () {
|
||||||
// Listen for the success event
|
// Listen for the success event
|
||||||
this.on("success", function(file, response) {
|
this.on("success", function (file, response) {
|
||||||
console.log("File successfully uploaded:", file);
|
console.log("File successfully uploaded:", file);
|
||||||
console.log("API Response:", response);
|
console.log("API Response:", response);
|
||||||
|
|
||||||
// Show success toast
|
// Show success toast
|
||||||
showToast('bxs-check-square', 'green', response.message);
|
showToast("bxs-check-square", "green", response.message);
|
||||||
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
document.getElementById("submit-upload").innerHTML =
|
||||||
|
"Upload Files";
|
||||||
// Tunggu sebentar lalu reload halaman
|
// Tunggu sebentar lalu reload halaman
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.href = "/data/tourisms";
|
window.location.href = "/data/web-tourisms";
|
||||||
}, 2000);
|
}, 2000);
|
||||||
});
|
});
|
||||||
// Listen for the error event
|
// Listen for the error event
|
||||||
this.on("error", function(file, errorMessage) {
|
this.on("error", function (file, errorMessage) {
|
||||||
console.error("Error uploading file:", file);
|
console.error("Error uploading file:", file);
|
||||||
console.error("Error message:", errorMessage);
|
console.error("Error message:", errorMessage);
|
||||||
// Handle the error response
|
// Handle the error response
|
||||||
|
|
||||||
// Show error toast
|
// Show error toast
|
||||||
showToast('bxs-error-alt', 'red', errorMessage.message);
|
showToast("bxs-error-alt", "red", errorMessage.message);
|
||||||
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
document.getElementById("submit-upload").innerHTML =
|
||||||
|
"Upload Files";
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
})));
|
})));
|
||||||
|
|
||||||
// Add event listener to control the submission manually
|
// Add event listener to control the submission manually
|
||||||
document.querySelector("#submit-upload").addEventListener("click", function() {
|
document.querySelector("#submit-upload").addEventListener("click", function () {
|
||||||
console.log("Ini adalah value dropzone", dropzone.files[0]);
|
console.log("Ini adalah value dropzone", dropzone.files[0]);
|
||||||
const formData = new FormData()
|
const formData = new FormData();
|
||||||
console.log("Dropzonefiles",dropzone.files);
|
console.log("Dropzonefiles", dropzone.files);
|
||||||
|
|
||||||
this.innerHTML = '<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>Loading...';
|
this.innerHTML =
|
||||||
|
'<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>Loading...';
|
||||||
|
|
||||||
// Pastikan ada file dalam queue sebelum memprosesnya
|
// Pastikan ada file dalam queue sebelum memprosesnya
|
||||||
if (dropzone.files.length > 0) {
|
if (dropzone.files.length > 0) {
|
||||||
formData.append('file', dropzone.files[0])
|
formData.append("file", dropzone.files[0]);
|
||||||
console.log("ini adalah form data on submit", ...formData);
|
console.log("ini adalah form data on submit", ...formData);
|
||||||
dropzone.processQueue(); // Ini akan manual memicu upload
|
dropzone.processQueue(); // Ini akan manual memicu upload
|
||||||
} else {
|
} else {
|
||||||
// Show error toast when no file is selected
|
// Show error toast when no file is selected
|
||||||
showToast('bxs-error-alt', 'red', "Please add a file first.");
|
showToast("bxs-error-alt", "red", "Please add a file first.");
|
||||||
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@@ -82,22 +85,24 @@ dropzone.on("addedfile", function (file) {
|
|||||||
console.log("Ukuran File:", (file.size / 1024).toFixed(2) + " KB");
|
console.log("Ukuran File:", (file.size / 1024).toFixed(2) + " KB");
|
||||||
});
|
});
|
||||||
|
|
||||||
dropzone.on("complete", function(file) {
|
dropzone.on("complete", function (file) {
|
||||||
dropzone.removeFile(file);
|
dropzone.removeFile(file);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Add event listener to download file template
|
// Add event listener to download file template
|
||||||
document.getElementById('downloadtemptourisms').addEventListener('click', function() {
|
document
|
||||||
|
.getElementById("downloadtemptourisms")
|
||||||
|
.addEventListener("click", function () {
|
||||||
var url = `${GlobalConfig.apiHost}/api/download-template-tourism`;
|
var url = `${GlobalConfig.apiHost}/api/download-template-tourism`;
|
||||||
fetch(url, {
|
fetch(url, {
|
||||||
method: 'GET',
|
method: "GET",
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${document
|
Authorization: `Bearer ${document
|
||||||
.querySelector('meta[name="api-token"]')
|
.querySelector('meta[name="api-token"]')
|
||||||
.getAttribute("content")}`
|
.getAttribute("content")}`,
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
.then(response => {
|
.then((response) => {
|
||||||
if (response.ok) {
|
if (response.ok) {
|
||||||
return response.blob(); // Jika respons OK, konversi menjadi blob
|
return response.blob(); // Jika respons OK, konversi menjadi blob
|
||||||
} else {
|
} else {
|
||||||
@@ -107,38 +112,42 @@ document.getElementById('downloadtemptourisms').addEventListener('click', functi
|
|||||||
.then((blob) => {
|
.then((blob) => {
|
||||||
console.log(blob);
|
console.log(blob);
|
||||||
const url = window.URL.createObjectURL(blob);
|
const url = window.URL.createObjectURL(blob);
|
||||||
const a = document.createElement('a');
|
const a = document.createElement("a");
|
||||||
a.style.display = 'none';
|
a.style.display = "none";
|
||||||
a.href = url;
|
a.href = url;
|
||||||
a.download = 'template_pariwisata.xlsx';
|
a.download = "template_pariwisata.xlsx";
|
||||||
document.body.appendChild(a);
|
document.body.appendChild(a);
|
||||||
a.click();
|
a.click();
|
||||||
window.URL.revokeObjectURL(url);
|
window.URL.revokeObjectURL(url);
|
||||||
})
|
})
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
console.error("Gagal mendownload file:", error);
|
console.error("Gagal mendownload file:", error);
|
||||||
showToast('bxs-error-alt', 'red', "Template file is not already exist.");
|
showToast(
|
||||||
})
|
"bxs-error-alt",
|
||||||
})
|
"red",
|
||||||
|
"Template file is not already exist."
|
||||||
|
);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
// Function to show toast
|
// Function to show toast
|
||||||
function showToast(iconClass, iconColor, message) {
|
function showToast(iconClass, iconColor, message) {
|
||||||
const toastElement = document.getElementById('toastUploadTourisms');
|
const toastElement = document.getElementById("toastUploadTourisms");
|
||||||
const toastBody = toastElement.querySelector('.toast-body');
|
const toastBody = toastElement.querySelector(".toast-body");
|
||||||
const toastHeader = toastElement.querySelector('.toast-header');
|
const toastHeader = toastElement.querySelector(".toast-header");
|
||||||
|
|
||||||
// Remove existing icon (if any) before adding the new one
|
// Remove existing icon (if any) before adding the new one
|
||||||
const existingIcon = toastHeader.querySelector('.bx');
|
const existingIcon = toastHeader.querySelector(".bx");
|
||||||
if (existingIcon) {
|
if (existingIcon) {
|
||||||
toastHeader.querySelector('.auth-logo').removeChild(existingIcon); // Remove the existing icon
|
toastHeader.querySelector(".auth-logo").removeChild(existingIcon); // Remove the existing icon
|
||||||
}
|
}
|
||||||
|
|
||||||
// Add the new icon to the toast header
|
// Add the new icon to the toast header
|
||||||
const icon = document.createElement('i');
|
const icon = document.createElement("i");
|
||||||
icon.classList.add('bx', iconClass);
|
icon.classList.add("bx", iconClass);
|
||||||
icon.style.fontSize = '25px';
|
icon.style.fontSize = "25px";
|
||||||
icon.style.color = iconColor;
|
icon.style.color = iconColor;
|
||||||
toastHeader.querySelector('.auth-logo').appendChild(icon);
|
toastHeader.querySelector(".auth-logo").appendChild(icon);
|
||||||
|
|
||||||
// Set the toast message
|
// Set the toast message
|
||||||
toastBody.textContent = message;
|
toastBody.textContent = message;
|
||||||
@@ -147,4 +156,3 @@ function showToast(iconClass, iconColor, message) {
|
|||||||
const toast = new bootstrap.Toast(toastElement); // Inisialisasi Bootstrap Toast
|
const toast = new bootstrap.Toast(toastElement); // Inisialisasi Bootstrap Toast
|
||||||
toast.show();
|
toast.show();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -16,10 +16,10 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
Loading...
|
Loading...
|
||||||
`;
|
`;
|
||||||
const isEdit = saveButton.classList.contains("btn-edit");
|
const isEdit = saveButton.classList.contains("btn-edit");
|
||||||
const formData = new FormData(form)
|
const formData = new FormData(form);
|
||||||
const toast = document.getElementById('toastEditUpdate');
|
const toast = document.getElementById("toastEditUpdate");
|
||||||
const toastBody = toast.querySelector('.toast-body');
|
const toastBody = toast.querySelector(".toast-body");
|
||||||
const toastHeader = toast.querySelector('.toast-header small');
|
const toastHeader = toast.querySelector(".toast-header small");
|
||||||
|
|
||||||
const data = {};
|
const data = {};
|
||||||
|
|
||||||
@@ -40,53 +40,55 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
.querySelector('meta[name="api-token"]')
|
.querySelector('meta[name="api-token"]')
|
||||||
.getAttribute("content")}`,
|
.getAttribute("content")}`,
|
||||||
"Content-Type": "application/json",
|
"Content-Type": "application/json",
|
||||||
}
|
},
|
||||||
})
|
})
|
||||||
.then(response => response.json())
|
.then((response) => response.json())
|
||||||
.then(data => {
|
.then((data) => {
|
||||||
console.log("Response data:", data);
|
console.log("Response data:", data);
|
||||||
if (!data.errors) {
|
if (!data.errors) {
|
||||||
// Remove existing icon (if any) before adding the new one
|
// Remove existing icon (if any) before adding the new one
|
||||||
if (authLogo) {
|
if (authLogo) {
|
||||||
// Hapus ikon yang sudah ada jika ada
|
// Hapus ikon yang sudah ada jika ada
|
||||||
const existingIcon = authLogo.querySelector('.bx');
|
const existingIcon = authLogo.querySelector(".bx");
|
||||||
if (existingIcon) {
|
if (existingIcon) {
|
||||||
authLogo.removeChild(existingIcon);
|
authLogo.removeChild(existingIcon);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Buat ikon baru
|
// Buat ikon baru
|
||||||
const icon = document.createElement('i');
|
const icon = document.createElement("i");
|
||||||
icon.classList.add('bx', 'bxs-check-square');
|
icon.classList.add("bx", "bxs-check-square");
|
||||||
icon.style.fontSize = '25px';
|
icon.style.fontSize = "25px";
|
||||||
icon.style.color = 'green'; // Pastikan 'green' dalam bentuk string
|
icon.style.color = "green"; // Pastikan 'green' dalam bentuk string
|
||||||
|
|
||||||
// Tambahkan ikon ke dalam auth-logo
|
// Tambahkan ikon ke dalam auth-logo
|
||||||
authLogo.appendChild(icon);
|
authLogo.appendChild(icon);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Set success message for the toast
|
// Set success message for the toast
|
||||||
toastBody.textContent = isEdit ? "Data updated successfully!" : "Data created successfully!";
|
toastBody.textContent = isEdit
|
||||||
toast.classList.add('show'); // Show the toast
|
? "Data updated successfully!"
|
||||||
|
: "Data created successfully!";
|
||||||
|
toast.classList.add("show"); // Show the toast
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
toast.classList.remove('show'); // Hide the toast after 3 seconds
|
toast.classList.remove("show"); // Hide the toast after 3 seconds
|
||||||
}, 2000);
|
}, 2000);
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.href = '/data/umkm';
|
window.location.href = "/data/web-umkm";
|
||||||
}, 1000);
|
}, 1000);
|
||||||
} else {
|
} else {
|
||||||
if (authLogo) {
|
if (authLogo) {
|
||||||
// Hapus ikon yang sudah ada jika ada
|
// Hapus ikon yang sudah ada jika ada
|
||||||
const existingIcon = authLogo.querySelector('.bx');
|
const existingIcon = authLogo.querySelector(".bx");
|
||||||
if (existingIcon) {
|
if (existingIcon) {
|
||||||
authLogo.removeChild(existingIcon);
|
authLogo.removeChild(existingIcon);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Buat ikon baru
|
// Buat ikon baru
|
||||||
const icon = document.createElement('i');
|
const icon = document.createElement("i");
|
||||||
icon.classList.add('bx', 'bxs-error-alt');
|
icon.classList.add("bx", "bxs-error-alt");
|
||||||
icon.style.fontSize = '25px';
|
icon.style.fontSize = "25px";
|
||||||
icon.style.color = 'red'; // Pastikan 'green' dalam bentuk string
|
icon.style.color = "red"; // Pastikan 'green' dalam bentuk string
|
||||||
|
|
||||||
// Tambahkan ikon ke dalam auth-logo
|
// Tambahkan ikon ke dalam auth-logo
|
||||||
authLogo.appendChild(icon);
|
authLogo.appendChild(icon);
|
||||||
@@ -96,30 +98,30 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
modalButton.disabled = false;
|
modalButton.disabled = false;
|
||||||
modalButton.innerHTML = isEdit ? "Update" : "Create";
|
modalButton.innerHTML = isEdit ? "Update" : "Create";
|
||||||
|
|
||||||
|
|
||||||
// Set error message for the toast
|
// Set error message for the toast
|
||||||
toastBody.textContent = "Error: " + (data.message || "Something went wrong");
|
toastBody.textContent =
|
||||||
toast.classList.add('show'); // Show the toast
|
"Error: " + (data.message || "Something went wrong");
|
||||||
|
toast.classList.add("show"); // Show the toast
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
toast.classList.remove('show'); // Hide the toast after 3 seconds
|
toast.classList.remove("show"); // Hide the toast after 3 seconds
|
||||||
}, 3000);
|
}, 3000);
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch((error) => {
|
||||||
console.error("Error:", error);
|
console.error("Error:", error);
|
||||||
if (authLogo) {
|
if (authLogo) {
|
||||||
// Hapus ikon yang sudah ada jika ada
|
// Hapus ikon yang sudah ada jika ada
|
||||||
const existingIcon = authLogo.querySelector('.bx');
|
const existingIcon = authLogo.querySelector(".bx");
|
||||||
if (existingIcon) {
|
if (existingIcon) {
|
||||||
authLogo.removeChild(existingIcon);
|
authLogo.removeChild(existingIcon);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Buat ikon baru
|
// Buat ikon baru
|
||||||
const icon = document.createElement('i');
|
const icon = document.createElement("i");
|
||||||
icon.classList.add('bx', 'bxs-error-alt');
|
icon.classList.add("bx", "bxs-error-alt");
|
||||||
icon.style.fontSize = '25px';
|
icon.style.fontSize = "25px";
|
||||||
icon.style.color = 'red'; // Pastikan 'green' dalam bentuk string
|
icon.style.color = "red"; // Pastikan 'green' dalam bentuk string
|
||||||
|
|
||||||
// Tambahkan ikon ke dalam auth-logo
|
// Tambahkan ikon ke dalam auth-logo
|
||||||
authLogo.appendChild(icon);
|
authLogo.appendChild(icon);
|
||||||
@@ -130,11 +132,12 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
modalButton.innerHTML = isEdit ? "Update" : "Create";
|
modalButton.innerHTML = isEdit ? "Update" : "Create";
|
||||||
|
|
||||||
// Set error message for the toast
|
// Set error message for the toast
|
||||||
toastBody.textContent = "An error occurred while processing your request.";
|
toastBody.textContent =
|
||||||
toast.classList.add('show'); // Show the toast
|
"An error occurred while processing your request.";
|
||||||
|
toast.classList.add("show"); // Show the toast
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
toast.classList.remove('show'); // Hide the toast after 3 seconds
|
toast.classList.remove("show"); // Hide the toast after 3 seconds
|
||||||
}, 3000);
|
}, 3000);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -145,7 +148,11 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
if (inputValue.length < 2) return;
|
if (inputValue.length < 2) return;
|
||||||
let districtValue = document.getElementById("district_name").value; // Ambil kecamatan terpilih
|
let districtValue = document.getElementById("district_name").value; // Ambil kecamatan terpilih
|
||||||
|
|
||||||
let url = `${GlobalConfig.apiHost}/api/combobox/search-options?query=${encodeURIComponent(inputValue)}&field=${field}`;
|
let url = `${
|
||||||
|
GlobalConfig.apiHost
|
||||||
|
}/api/combobox/search-options?query=${encodeURIComponent(
|
||||||
|
inputValue
|
||||||
|
)}&field=${field}`;
|
||||||
|
|
||||||
// Jika field desa, tambahkan kecamatan sebagai filter
|
// Jika field desa, tambahkan kecamatan sebagai filter
|
||||||
if (field === "village_name") {
|
if (field === "village_name") {
|
||||||
@@ -153,30 +160,30 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
}
|
}
|
||||||
|
|
||||||
fetch(url, {
|
fetch(url, {
|
||||||
method: 'GET',
|
method: "GET",
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${document
|
Authorization: `Bearer ${document
|
||||||
.querySelector('meta[name="api-token"]')
|
.querySelector('meta[name="api-token"]')
|
||||||
.getAttribute("content")}`,
|
.getAttribute("content")}`,
|
||||||
"Content-Type": "application/json",
|
"Content-Type": "application/json",
|
||||||
}
|
},
|
||||||
})
|
})
|
||||||
.then(response => response.json())
|
.then((response) => response.json())
|
||||||
.then(data => {
|
.then((data) => {
|
||||||
let dataList = document.getElementById(field + "Options");
|
let dataList = document.getElementById(field + "Options");
|
||||||
dataList.innerHTML = "";
|
dataList.innerHTML = "";
|
||||||
|
|
||||||
data.forEach(item => {
|
data.forEach((item) => {
|
||||||
let option = document.createElement("option");
|
let option = document.createElement("option");
|
||||||
option.value = item.name;
|
option.value = item.name;
|
||||||
option.dataset.code = item.code;
|
option.dataset.code = item.code;
|
||||||
dataList.appendChild(option);
|
dataList.appendChild(option);
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
.catch(error => console.error("Error fetching options:", error));
|
.catch((error) => console.error("Error fetching options:", error));
|
||||||
};
|
};
|
||||||
|
|
||||||
document.querySelector('.btn-back').addEventListener('click', function() {
|
document.querySelector(".btn-back").addEventListener("click", function () {
|
||||||
window.history.back();
|
window.history.back();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -25,51 +25,54 @@ console.log(dropzonePreviewNode);
|
|||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${document
|
Authorization: `Bearer ${document
|
||||||
.querySelector('meta[name="api-token"]')
|
.querySelector('meta[name="api-token"]')
|
||||||
.getAttribute("content")}`
|
.getAttribute("content")}`,
|
||||||
},
|
},
|
||||||
init: function() {
|
init: function () {
|
||||||
// Listen for the success event
|
// Listen for the success event
|
||||||
this.on("success", function(file, response) {
|
this.on("success", function (file, response) {
|
||||||
console.log("File successfully uploaded:", file);
|
console.log("File successfully uploaded:", file);
|
||||||
console.log("API Response:", response);
|
console.log("API Response:", response);
|
||||||
|
|
||||||
// Show success toast
|
// Show success toast
|
||||||
showToast('bxs-check-square', 'green', response.message);
|
showToast("bxs-check-square", "green", response.message);
|
||||||
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
document.getElementById("submit-upload").innerHTML =
|
||||||
|
"Upload Files";
|
||||||
// Tunggu sebentar lalu reload halaman
|
// Tunggu sebentar lalu reload halaman
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.href = "/data/umkm";
|
window.location.href = "/data/web-umkm";
|
||||||
}, 2000);
|
}, 2000);
|
||||||
});
|
});
|
||||||
// Listen for the error event
|
// Listen for the error event
|
||||||
this.on("error", function(file, errorMessage) {
|
this.on("error", function (file, errorMessage) {
|
||||||
console.error("Error uploading file:", file);
|
console.error("Error uploading file:", file);
|
||||||
console.error("Error message:", errorMessage);
|
console.error("Error message:", errorMessage);
|
||||||
// Handle the error response
|
// Handle the error response
|
||||||
|
|
||||||
// Show error toast
|
// Show error toast
|
||||||
showToast('bxs-error-alt', 'red', errorMessage.message);
|
showToast("bxs-error-alt", "red", errorMessage.message);
|
||||||
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
document.getElementById("submit-upload").innerHTML =
|
||||||
|
"Upload Files";
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
})));
|
})));
|
||||||
|
|
||||||
// Add event listener to control the submission manually
|
// Add event listener to control the submission manually
|
||||||
document.querySelector("#submit-upload").addEventListener("click", function() {
|
document.querySelector("#submit-upload").addEventListener("click", function () {
|
||||||
console.log("Ini adalah value dropzone", dropzone.files[0]);
|
console.log("Ini adalah value dropzone", dropzone.files[0]);
|
||||||
const formData = new FormData()
|
const formData = new FormData();
|
||||||
console.log("Dropzonefiles",dropzone.files);
|
console.log("Dropzonefiles", dropzone.files);
|
||||||
|
|
||||||
this.innerHTML = '<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>Loading...';
|
this.innerHTML =
|
||||||
|
'<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>Loading...';
|
||||||
|
|
||||||
// Pastikan ada file dalam queue sebelum memprosesnya
|
// Pastikan ada file dalam queue sebelum memprosesnya
|
||||||
if (dropzone.files.length > 0) {
|
if (dropzone.files.length > 0) {
|
||||||
formData.append('file', dropzone.files[0])
|
formData.append("file", dropzone.files[0]);
|
||||||
console.log("ini adalah form data on submit", ...formData);
|
console.log("ini adalah form data on submit", ...formData);
|
||||||
dropzone.processQueue(); // Ini akan manual memicu upload
|
dropzone.processQueue(); // Ini akan manual memicu upload
|
||||||
} else {
|
} else {
|
||||||
// Show error toast when no file is selected
|
// Show error toast when no file is selected
|
||||||
showToast('bxs-error-alt', 'red', "Please add a file first.");
|
showToast("bxs-error-alt", "red", "Please add a file first.");
|
||||||
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
document.getElementById("submit-upload").innerHTML = "Upload Files";
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@@ -82,22 +85,24 @@ dropzone.on("addedfile", function (file) {
|
|||||||
console.log("Ukuran File:", (file.size / 1024).toFixed(2) + " KB");
|
console.log("Ukuran File:", (file.size / 1024).toFixed(2) + " KB");
|
||||||
});
|
});
|
||||||
|
|
||||||
dropzone.on("complete", function(file) {
|
dropzone.on("complete", function (file) {
|
||||||
dropzone.removeFile(file);
|
dropzone.removeFile(file);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Add event listener to download file template
|
// Add event listener to download file template
|
||||||
document.getElementById('downloadtempumkm').addEventListener('click', function() {
|
document
|
||||||
|
.getElementById("downloadtempumkm")
|
||||||
|
.addEventListener("click", function () {
|
||||||
var url = `${GlobalConfig.apiHost}/api/download-template-umkm`;
|
var url = `${GlobalConfig.apiHost}/api/download-template-umkm`;
|
||||||
fetch(url, {
|
fetch(url, {
|
||||||
method: 'GET',
|
method: "GET",
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${document
|
Authorization: `Bearer ${document
|
||||||
.querySelector('meta[name="api-token"]')
|
.querySelector('meta[name="api-token"]')
|
||||||
.getAttribute("content")}`
|
.getAttribute("content")}`,
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
.then(response => {
|
.then((response) => {
|
||||||
if (response.ok) {
|
if (response.ok) {
|
||||||
return response.blob(); // Jika respons OK, konversi menjadi blob
|
return response.blob(); // Jika respons OK, konversi menjadi blob
|
||||||
} else {
|
} else {
|
||||||
@@ -106,38 +111,42 @@ document.getElementById('downloadtempumkm').addEventListener('click', function()
|
|||||||
})
|
})
|
||||||
.then((blob) => {
|
.then((blob) => {
|
||||||
const url = window.URL.createObjectURL(blob);
|
const url = window.URL.createObjectURL(blob);
|
||||||
const a = document.createElement('a');
|
const a = document.createElement("a");
|
||||||
a.style.display = 'none';
|
a.style.display = "none";
|
||||||
a.href = url;
|
a.href = url;
|
||||||
a.download = 'template_umkm.xlsx';
|
a.download = "template_umkm.xlsx";
|
||||||
document.body.appendChild(a);
|
document.body.appendChild(a);
|
||||||
a.click();
|
a.click();
|
||||||
window.URL.revokeObjectURL(url);
|
window.URL.revokeObjectURL(url);
|
||||||
})
|
})
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
console.error("Gagal mendownload file:", error);
|
console.error("Gagal mendownload file:", error);
|
||||||
showToast('bxs-error-alt', 'red', "Template file is not already exist.");
|
showToast(
|
||||||
})
|
"bxs-error-alt",
|
||||||
})
|
"red",
|
||||||
|
"Template file is not already exist."
|
||||||
|
);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
// Function to show toast
|
// Function to show toast
|
||||||
function showToast(iconClass, iconColor, message) {
|
function showToast(iconClass, iconColor, message) {
|
||||||
const toastElement = document.getElementById('toastUploadUmkm');
|
const toastElement = document.getElementById("toastUploadUmkm");
|
||||||
const toastBody = toastElement.querySelector('.toast-body');
|
const toastBody = toastElement.querySelector(".toast-body");
|
||||||
const toastHeader = toastElement.querySelector('.toast-header');
|
const toastHeader = toastElement.querySelector(".toast-header");
|
||||||
|
|
||||||
// Remove existing icon (if any) before adding the new one
|
// Remove existing icon (if any) before adding the new one
|
||||||
const existingIcon = toastHeader.querySelector('.bx');
|
const existingIcon = toastHeader.querySelector(".bx");
|
||||||
if (existingIcon) {
|
if (existingIcon) {
|
||||||
toastHeader.querySelector('.auth-logo').removeChild(existingIcon); // Remove the existing icon
|
toastHeader.querySelector(".auth-logo").removeChild(existingIcon); // Remove the existing icon
|
||||||
}
|
}
|
||||||
|
|
||||||
// Add the new icon to the toast header
|
// Add the new icon to the toast header
|
||||||
const icon = document.createElement('i');
|
const icon = document.createElement("i");
|
||||||
icon.classList.add('bx', iconClass);
|
icon.classList.add("bx", iconClass);
|
||||||
icon.style.fontSize = '25px';
|
icon.style.fontSize = "25px";
|
||||||
icon.style.color = iconColor;
|
icon.style.color = iconColor;
|
||||||
toastHeader.querySelector('.auth-logo').appendChild(icon);
|
toastHeader.querySelector(".auth-logo").appendChild(icon);
|
||||||
|
|
||||||
// Set the toast message
|
// Set the toast message
|
||||||
toastBody.textContent = message;
|
toastBody.textContent = message;
|
||||||
@@ -146,4 +155,3 @@ function showToast(iconClass, iconColor, message) {
|
|||||||
const toast = new bootstrap.Toast(toastElement); // Inisialisasi Bootstrap Toast
|
const toast = new bootstrap.Toast(toastElement); // Inisialisasi Bootstrap Toast
|
||||||
toast.show();
|
toast.show();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -2,6 +2,79 @@
|
|||||||
|
|
||||||
@section('css')
|
@section('css')
|
||||||
@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
|
@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
|
||||||
|
<style>
|
||||||
|
/* Ensure the Grid.js container allows full scrolling */
|
||||||
|
#table-bigdata-resumes {
|
||||||
|
overflow-x: auto;
|
||||||
|
overflow-y: hidden; /* Prevent vertical scrolling */
|
||||||
|
white-space: nowrap;
|
||||||
|
max-width: 100%;
|
||||||
|
height: 100%; /* Adjust height if necessary */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Ensure Grid.js wrapper is scrollable */
|
||||||
|
.gridjs-wrapper {
|
||||||
|
max-width: 100%;
|
||||||
|
overflow-x: auto;
|
||||||
|
overflow-y: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Make the entire scrollbar much bigger */
|
||||||
|
.gridjs-wrapper::-webkit-scrollbar {
|
||||||
|
height: 40px; /* Increase scrollbar height */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scrollbar track (background) */
|
||||||
|
.gridjs-wrapper::-webkit-scrollbar-track {
|
||||||
|
background: #ddd;
|
||||||
|
border-radius: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scrollbar thumb (draggable part) */
|
||||||
|
.gridjs-wrapper::-webkit-scrollbar-thumb {
|
||||||
|
background: #007bff;
|
||||||
|
border-radius: 20px;
|
||||||
|
width: 40px; /* Wider scrollbar thumb */
|
||||||
|
min-width: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scrollbar thumb hover effect */
|
||||||
|
.gridjs-wrapper::-webkit-scrollbar-thumb:hover {
|
||||||
|
background: #0056b3;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Bigger Scrollbar Buttons */
|
||||||
|
.gridjs-wrapper::-webkit-scrollbar-button {
|
||||||
|
background: #007bff;
|
||||||
|
height: 40px; /* Force bigger button height */
|
||||||
|
width: 40px; /* Force bigger button width */
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Left Scroll Button */
|
||||||
|
.gridjs-wrapper::-webkit-scrollbar-button:horizontal:decrement {
|
||||||
|
display: block;
|
||||||
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15 18l-6-6 6-6"/></svg>') no-repeat center;
|
||||||
|
background-size: 30px;
|
||||||
|
width: 40px; /* Ensure button size */
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Right Scroll Button */
|
||||||
|
.gridjs-wrapper::-webkit-scrollbar-button:horizontal:increment {
|
||||||
|
display: block;
|
||||||
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M9 18l6-6-6-6"/></svg>') no-repeat center;
|
||||||
|
background-size: 30px;
|
||||||
|
width: 40px; /* Ensure button size */
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scrollbar button hover effect */
|
||||||
|
.gridjs-wrapper::-webkit-scrollbar-button:hover {
|
||||||
|
background: #0056b3;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
@@ -12,7 +85,11 @@
|
|||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<div class="card w-100">
|
<div class="card w-100 h-100">
|
||||||
|
<div class="card-header d-flex align-items-center">
|
||||||
|
<input type="text" class="form-control me-2 w-auto" />
|
||||||
|
<button id="search-btn" class="btn btn-md btn-info text-white">Cari</button>
|
||||||
|
</div>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<div id="table-bigdata-resumes"></div>
|
<div id="table-bigdata-resumes"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
77
resources/views/chatbot-pimpinan/index.blade.php
Normal file
77
resources/views/chatbot-pimpinan/index.blade.php
Normal file
@@ -0,0 +1,77 @@
|
|||||||
|
@extends('layouts.vertical', ['subtitle' => 'Main Chatbot'])
|
||||||
|
|
||||||
|
@section('css')
|
||||||
|
@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
|
||||||
|
<style>
|
||||||
|
#user-message {
|
||||||
|
height: 60px; /* Menambah tinggi textarea */
|
||||||
|
font-size: 1.1rem; /* Memperbesar font */
|
||||||
|
padding: 10px; /* Menambah ruang di dalam textarea */
|
||||||
|
resize: none; /* Mencegah resize manual */
|
||||||
|
}
|
||||||
|
|
||||||
|
.loader {
|
||||||
|
width: 10px;
|
||||||
|
aspect-ratio: 1;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: l5 1s infinite linear alternate;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes l5 {
|
||||||
|
0% {box-shadow: 10px 0 #000, -10px 0 #0002; background: #000 }
|
||||||
|
33% {box-shadow: 10px 0 #000, -10px 0 #0002; background: #0002}
|
||||||
|
66% {box-shadow: 10px 0 #0002, -10px 0 #000; background: #0002}
|
||||||
|
100%{box-shadow: 10px 0 #0002, -10px 0 #000; background: #000 }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
@endsection
|
||||||
|
|
||||||
|
@section('content')
|
||||||
|
@include('layouts.partials/page-title', ['title' => 'Main Chatbot', 'subtitle' => 'Main Chatbot'])
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body d-flex flex-column" style="height: 700px;">
|
||||||
|
<!-- Conversation Area -->
|
||||||
|
|
||||||
|
<!-- Bot Response -->
|
||||||
|
<div class="row flex-grow overflow-auto align-items-start">
|
||||||
|
<!-- Avatar -->
|
||||||
|
<div class="col-auto alignpe-0">
|
||||||
|
<img class="rounded-circle" width="45" src="/images/iconchatbot.jpeg" alt="avatar-3">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Nama dan Bubble Chat -->
|
||||||
|
<div class="col-9 w-auto">
|
||||||
|
<!-- Nama Bot -->
|
||||||
|
<p class="fw-bolder mb-1">Neng Bedas</p>
|
||||||
|
|
||||||
|
<!-- Bubble Chat -->
|
||||||
|
<div class="bot-response p-2 bg-light rounded mb-2 d-inline-block">
|
||||||
|
<p class="mb-0">Halo! Ada yang bisa saya bantu?</p>
|
||||||
|
|
||||||
|
<!-- Waktu (Tetap di Dalam Bubble Chat) -->
|
||||||
|
<div class="sending-message-time text-end mt-1">
|
||||||
|
<p class="text-muted small mb-0">Now</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Input & Button (Selalu di Bawah) -->
|
||||||
|
<div class="row mt-auto">
|
||||||
|
<div class="col-xl-12 d-flex align-items-end gap-1">
|
||||||
|
<textarea class="form-control" id="user-message"></textarea>
|
||||||
|
<button id="send" class="btn btn-primary btn-lg h-100 d-flex align-items-center">
|
||||||
|
<i class='bx bx-send'></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@endsection
|
||||||
|
|
||||||
|
@section('scripts')
|
||||||
|
@vite(['resources/js/chatbot-pimpinan/index.js'])
|
||||||
|
@endsection
|
||||||
@@ -30,59 +30,66 @@
|
|||||||
@include('layouts.partials/page-title', ['title' => 'Chatbot', 'subtitle' => 'Chatbot'])
|
@include('layouts.partials/page-title', ['title' => 'Chatbot', 'subtitle' => 'Chatbot'])
|
||||||
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
|
||||||
<ul class="nav nav-tabs nav-justified">
|
<ul class="nav nav-tabs nav-justified">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<button id="count-retribusi" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
|
<button id="count-retribusi" data-bs-toggle="tab" aria-expanded="false" class="nav-link active">
|
||||||
<span class="d-block d-sm-none"><i class="bx bx-home"></i></span>
|
<span class="d-block d-sm-none"><i class="bx bx-home"></i></span>
|
||||||
<span class="d-none d-sm-block">Perhitungan Retribusi</span>
|
<span class="d-none d-sm-block fs-4">Perhitungan Retribusi</span>
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<button id="document-validation" data-bs-toggle="tab" aria-expanded="true"
|
<button id="document-validation" data-bs-toggle="tab" aria-expanded="true" class="nav-link">
|
||||||
class="nav-link active">
|
|
||||||
<span class="d-block d-sm-none"><i class="bx bx-user"></i></span>
|
<span class="d-block d-sm-none"><i class="bx bx-user"></i></span>
|
||||||
<span class="d-none d-sm-block">Validasi Dokumen PBG</span>
|
<span class="d-none d-sm-block fs-4">Validasi Dokumen PBG</span>
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<button id="data-information" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
|
<button id="data-information" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
|
||||||
<span class="d-block d-sm-none"><i class="bx bx-envelope"></i></span>
|
<span class="d-block d-sm-none"><i class="bx bx-envelope"></i></span>
|
||||||
<span class="d-none d-sm-block">Pengumpulan Data PBG</span>
|
<span class="d-none d-sm-block fs-4">Pengumpulan Data PBG</span>
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
{{-- <div class="card-header">
|
||||||
|
</div> --}}
|
||||||
<div class="card-body d-flex flex-column" style="height: 700px;">
|
<div class="card-body d-flex flex-column" style="height: 700px;">
|
||||||
<!-- Conversation Area -->
|
<!-- Conversation Area -->
|
||||||
|
|
||||||
<!-- Bot Response -->
|
<!-- Bot Response -->
|
||||||
<div class="row flex-grow overflow-auto">
|
<div class="row flex-grow overflow-auto align-items-start">
|
||||||
|
<!-- Avatar -->
|
||||||
|
<div class="col-auto alignpe-0">
|
||||||
|
<img class="rounded-circle" width="45" src="/images/iconchatbot.jpeg" alt="avatar-3">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Nama dan Bubble Chat -->
|
||||||
<div class="col-9 w-auto">
|
<div class="col-9 w-auto">
|
||||||
<span class="d-flex align-items-center mb-1">
|
<!-- Nama Bot -->
|
||||||
<img class="rounded-circle" width="32" src="/images/iconchatbot.jpeg" alt="avatar-3">
|
<p class="fw-bolder mb-1">Neng Bedas</p>
|
||||||
</span>
|
|
||||||
<div class="bot-response p-2 bg-light rounded mb-2">
|
<!-- Bubble Chat -->
|
||||||
<p>Halo! Ada yang bisa saya bantu?</p>
|
<div class="bot-response p-2 bg-light rounded mb-2 d-inline-block">
|
||||||
|
<p class="mb-0">Halo! Ada yang bisa saya bantu?</p>
|
||||||
|
|
||||||
|
<!-- Waktu (Tetap di Dalam Bubble Chat) -->
|
||||||
|
<div class="sending-message-time text-end mt-1">
|
||||||
|
<p class="text-muted small mb-0">Now</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- Input & Button (Selalu di Bawah) -->
|
<!-- Input & Button (Selalu di Bawah) -->
|
||||||
<div class="row mt-auto">
|
<div class="row mt-auto">
|
||||||
<div class="col-xl-12 d-flex align-items-end gap-1">
|
<div class="col-xl-12 d-flex align-items-end gap-1">
|
||||||
<textarea class="form-control" id="user-message"></textarea>
|
<textarea class="form-control" id="user-message"></textarea>
|
||||||
<button id="send" class="btn btn-primary btn-lg rounded-pill">
|
<button id="send" class="btn btn-primary btn-lg h-100 d-flex align-items-center">
|
||||||
<i class='bx bx-send'></i>
|
<i class='bx bx-send'></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
{{-- <div class="col-xl-2 d-flex justify-content-end">
|
|
||||||
|
|
||||||
</div> --}}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|||||||
@@ -86,7 +86,7 @@
|
|||||||
{{-- <div class="floating-icon">
|
{{-- <div class="floating-icon">
|
||||||
|
|
||||||
</div> --}}
|
</div> --}}
|
||||||
@if (!Request::is('chatbot'))
|
@if (!Request::is('chatbot') && !Request::is('main-chatbot'))
|
||||||
<a href="{{ route('chatbot.index') }}" class="floating-icon">
|
<a href="{{ route('chatbot.index') }}" class="floating-icon">
|
||||||
|
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@@ -92,6 +92,11 @@
|
|||||||
<span class="d-none d-sm-block">PBG Task Prasarana</span>
|
<span class="d-none d-sm-block">PBG Task Prasarana</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#pbgTaskAssignments" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
|
||||||
|
<span class="d-none d-sm-block">Penugasan</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
@@ -246,6 +251,40 @@
|
|||||||
@endif
|
@endif
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="tab-pane" id="pbgTaskAssignments">
|
||||||
|
@if ($data->taskAssignments && $data->taskAssignments->isNotEmpty())
|
||||||
|
@foreach ($data->taskAssignments as $task_assignment)
|
||||||
|
<div class="border p-3 rounded shadow-sm col-md-4">
|
||||||
|
<div class="mb-3">
|
||||||
|
<dt>Nama</dt>
|
||||||
|
<dd>{{$task_assignment->name}}</dd>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<dt>Email</dt>
|
||||||
|
<dd>{{$task_assignment->email}}</dd>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<dt>Nomor Telepon</dt>
|
||||||
|
<dd>{{$task_assignment->phone_number}}</dd>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<dt>Keahlian</dt>
|
||||||
|
<dd>{{$task_assignment->expertise}}</dd>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<dt>Status</dt>
|
||||||
|
<dd>{{$task_assignment->status_name}}</dd>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endforeach
|
||||||
|
@else
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
Data Not Available
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -26,6 +26,7 @@ use Illuminate\Support\Facades\Route;
|
|||||||
|
|
||||||
Route::post('/login', [UsersController::class, 'login'])->name('api.user.login');
|
Route::post('/login', [UsersController::class, 'login'])->name('api.user.login');
|
||||||
Route::post('/generate-text', [ChatbotController::class, 'generateText']);
|
Route::post('/generate-text', [ChatbotController::class, 'generateText']);
|
||||||
|
Route::post('/main-generate-text', [ChatbotController::class, 'mainGenerateText']);
|
||||||
Route::group(['middleware' => 'auth:sanctum'], function (){
|
Route::group(['middleware' => 'auth:sanctum'], function (){
|
||||||
// users
|
// users
|
||||||
Route::controller(UsersController::class)->group(function(){
|
Route::controller(UsersController::class)->group(function(){
|
||||||
@@ -101,6 +102,7 @@ Route::group(['middleware' => 'auth:sanctum'], function (){
|
|||||||
Route::get('/get-user-token', [SyncronizeController::class, 'getUserToken'])->name('api.task.token');
|
Route::get('/get-user-token', [SyncronizeController::class, 'getUserToken'])->name('api.task.token');
|
||||||
Route::get('/get-index-integration-retribution/{uuid}', [SyncronizeController::class, 'syncIndexIntegration'])->name('api.task.inntegration');
|
Route::get('/get-index-integration-retribution/{uuid}', [SyncronizeController::class, 'syncIndexIntegration'])->name('api.task.inntegration');
|
||||||
Route::get('/sync-task-submit/{uuid}', [SyncronizeController::class, 'syncTaskDetailSubmit'])->name('api.task.submit');
|
Route::get('/sync-task-submit/{uuid}', [SyncronizeController::class, 'syncTaskDetailSubmit'])->name('api.task.submit');
|
||||||
|
Route::get('/sync-task-assignments/{uuid}', [SyncronizeController::class, 'syncTaskAssignments'])->name('api.task.assignments');
|
||||||
|
|
||||||
// menus api
|
// menus api
|
||||||
Route::controller(MenusController::class)->group(function (){
|
Route::controller(MenusController::class)->group(function (){
|
||||||
|
|||||||
@@ -8,4 +8,4 @@ Artisan::command('inspire', function () {
|
|||||||
$this->comment(Inspiring::quote());
|
$this->comment(Inspiring::quote());
|
||||||
})->purpose('Display an inspiring quote')->hourly();
|
})->purpose('Display an inspiring quote')->hourly();
|
||||||
|
|
||||||
Schedule::command("app:execute-scraping")->daily();
|
Schedule::command("app:execute-scraping")->dailyAt("00:00");
|
||||||
@@ -21,6 +21,7 @@ use App\Http\Controllers\Data\SpatialPlanningController;
|
|||||||
use App\Http\Controllers\Report\ReportTourismController;
|
use App\Http\Controllers\Report\ReportTourismController;
|
||||||
use App\Http\Controllers\SpatialPlanningsController;
|
use App\Http\Controllers\SpatialPlanningsController;
|
||||||
use App\Http\Controllers\Chatbot\ChatbotController;
|
use App\Http\Controllers\Chatbot\ChatbotController;
|
||||||
|
use App\Http\Controllers\ChatbotPimpinan\ChatbotPimpinanController;
|
||||||
use Illuminate\Support\Facades\Route;
|
use Illuminate\Support\Facades\Route;
|
||||||
|
|
||||||
require __DIR__ . '/auth.php';
|
require __DIR__ . '/auth.php';
|
||||||
@@ -63,6 +64,9 @@ Route::group(['middleware' => 'auth'], function(){
|
|||||||
// chatbot
|
// chatbot
|
||||||
Route::resource('/chatbot', ChatbotController::class);
|
Route::resource('/chatbot', ChatbotController::class);
|
||||||
|
|
||||||
|
// chatbot - pimpinan
|
||||||
|
Route::resource('/main-chatbot', ChatbotPimpinanController::class);
|
||||||
|
|
||||||
// roles
|
// roles
|
||||||
Route::resource('/roles', RolesController::class);
|
Route::resource('/roles', RolesController::class);
|
||||||
Route::group(['prefix' => '/roles'], function (){
|
Route::group(['prefix' => '/roles'], function (){
|
||||||
@@ -73,30 +77,30 @@ Route::group(['middleware' => 'auth'], function(){
|
|||||||
// data
|
// data
|
||||||
Route::group(['prefix' => '/data'], function(){
|
Route::group(['prefix' => '/data'], function(){
|
||||||
// Resource route, kecuali create karena dibuat terpisah
|
// Resource route, kecuali create karena dibuat terpisah
|
||||||
Route::resource('/advertisements', AdvertisementController::class)->except(['create', 'show']);
|
Route::resource('/web-advertisements', AdvertisementController::class)->except(['create', 'show']);
|
||||||
|
|
||||||
// Rute khusus untuk create dan bulk-create
|
// Rute khusus untuk create dan bulk-create
|
||||||
Route::get('/advertisements/create', [AdvertisementController::class, 'create'])->name('advertisements.create');
|
Route::get('/advertisements/create', [AdvertisementController::class, 'create'])->name('advertisements.create');
|
||||||
Route::get('/advertisements/bulk-create', [AdvertisementController::class, 'bulkCreate'])->name('advertisements.bulk-create');
|
Route::get('/advertisements/bulk-create', [AdvertisementController::class, 'bulkCreate'])->name('advertisements.bulk-create');
|
||||||
|
|
||||||
// Resource route, kecuali create karena dibuat terpisah
|
// Resource route, kecuali create karena dibuat terpisah
|
||||||
Route::resource('/umkm', UmkmController::class)->except(['create', 'show']);
|
Route::resource('/web-umkm', UmkmController::class)->except(['create', 'show']);
|
||||||
|
|
||||||
// Rute khusus untuk create dan bulk-create
|
// Rute khusus untuk create dan bulk-create
|
||||||
Route::get('/umkm/create', [UmkmController::class, 'create'])->name('umkm.create');
|
Route::get('/umkm/create', [UmkmController::class, 'create'])->name('umkm.create');
|
||||||
Route::get('/umkm/bulk-create', [UmkmController::class, 'bulkCreate'])->name('umkm.bulk-create');
|
Route::get('/umkm/bulk-create', [UmkmController::class, 'bulkCreate'])->name('umkm.bulk-create');
|
||||||
|
|
||||||
// Resource route, kecuali create karena dibuat terpisah
|
// Resource route, kecuali create karena dibuat terpisah
|
||||||
Route::resource('/tourisms', TourismController::class)->except(['create', 'show']);
|
Route::resource('/web-tourisms', TourismController::class)->except(['create', 'show']);
|
||||||
// Rute khusus untuk create dan bulk-create
|
// Rute khusus untuk create dan bulk-create
|
||||||
Route::get('/tourisms/create', [TourismController::class, 'create'])->name('tourisms.create');
|
Route::get('/tourisms/create', [TourismController::class, 'create'])->name('tourisms.create');
|
||||||
Route::get('/tourisms/bulk-create', [TourismController::class, 'bulkCreate'])->name('tourisms.bulk-create');
|
Route::get('/tourisms/bulk-create', [TourismController::class, 'bulkCreate'])->name('tourisms.bulk-create');
|
||||||
|
|
||||||
// Resource route, kecuali create karena dibuat terpisah
|
// Resource route, kecuali create karena dibuat terpisah
|
||||||
Route::resource('/spatial-plannings', SpatialPlanningController::class)->except(['create', 'show']);
|
Route::resource('/web-spatial-plannings', SpatialPlanningController::class)->except(['create', 'show']);
|
||||||
// Rute khusus untuk create dan bulk-create
|
// Rute khusus untuk create dan bulk-create
|
||||||
Route::get('/spatial-plannings/create', [SpatialPlanningController::class, 'create'])->name('tourisms.create');
|
Route::get('/spatial-plannings/create', [SpatialPlanningController::class, 'create'])->name('spatial-plannings.create');
|
||||||
Route::get('/spatial-plannings/bulk-create', [SpatialPlanningController::class, 'bulkCreate'])->name('tourisms.bulk-create');
|
Route::get('/spatial-plannings/bulk-create', [SpatialPlanningController::class, 'bulkCreate'])->name('spatial-plannings.bulk-create');
|
||||||
|
|
||||||
|
|
||||||
Route::resource('/business-industries',BusinessOrIndustriesController::class);
|
Route::resource('/business-industries',BusinessOrIndustriesController::class);
|
||||||
|
|||||||
@@ -100,6 +100,7 @@ export default defineConfig({
|
|||||||
// laporan pimpinan
|
// laporan pimpinan
|
||||||
"resources/js/bigdata-resumes/index.js",
|
"resources/js/bigdata-resumes/index.js",
|
||||||
"resources/js/chatbot/index.js",
|
"resources/js/chatbot/index.js",
|
||||||
|
"resources/js/chatbot-pimpinan/index.js",
|
||||||
],
|
],
|
||||||
refresh: true,
|
refresh: true,
|
||||||
}),
|
}),
|
||||||
|
|||||||
Reference in New Issue
Block a user