mirror of
https://github.com/twinpath/app.git
synced 2026-01-26 05:15:28 +07:00
Cleanup: Remove debug console logs and prepare for release
This commit is contained in:
dyzcdn
@@ -66,9 +66,11 @@ class SmtpTesterController extends Controller
|
||||
|
||||
$duration = round((microtime(true) - $start) * 1000, 2);
|
||||
|
||||
return back()->with('success', "Test email sent successfully via '{$mailer}' (Mode: {$mode}) in {$duration}ms!");
|
||||
return back()->with('success', "Test email sent successfully via '{$mailer}' (Mode: {$mode}) in {$duration}ms!")
|
||||
->with('title', 'Test Successful');
|
||||
} catch (Exception $e) {
|
||||
return back()->with('error', "Connection Failed: " . $e->getMessage());
|
||||
return back()->with('error', "Connection Failed: " . $e->getMessage())
|
||||
->with('title', 'Connection Failed');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -15,7 +15,6 @@
|
||||
|
||||
if (validFiles.length > 0) {
|
||||
this.files = [...this.files, ...validFiles];
|
||||
console.log('Files uploaded:', validFiles);
|
||||
|
||||
// Here you can add logic to upload files to server
|
||||
this.uploadFiles(validFiles);
|
||||
@@ -24,7 +23,6 @@
|
||||
uploadFiles(files) {
|
||||
// Implement your file upload logic here
|
||||
// Example: Use FormData and fetch/axios to upload
|
||||
console.log('Uploading files:', files);
|
||||
},
|
||||
removeFile(index) {
|
||||
this.files.splice(index, 1);
|
||||
|
||||
@@ -7,23 +7,23 @@
|
||||
if (session()->has('success')) {
|
||||
$variant = 'success';
|
||||
$message = session('success');
|
||||
$title = 'Success';
|
||||
$title = session('title') ?? 'Success';
|
||||
} elseif (session()->has('error')) {
|
||||
$variant = 'error';
|
||||
$message = session('error');
|
||||
$title = 'Error';
|
||||
$title = session('title') ?? 'Error';
|
||||
} elseif (session()->has('warning')) {
|
||||
$variant = 'warning';
|
||||
$message = session('warning');
|
||||
$title = 'Warning';
|
||||
$title = session('title') ?? 'Warning';
|
||||
} elseif (session()->has('info')) {
|
||||
$variant = 'info';
|
||||
$message = session('info');
|
||||
$title = 'Information';
|
||||
$title = session('title') ?? 'Information';
|
||||
} elseif (session()->has('status')) {
|
||||
$variant = 'success'; // Default status to success/info style
|
||||
$message = session('status');
|
||||
$title = 'Notification';
|
||||
$title = session('title') ?? 'Notification';
|
||||
}
|
||||
|
||||
// Copy styles from ui.alert
|
||||
|
||||
@@ -1,49 +1,23 @@
|
||||
<div
|
||||
x-data="{
|
||||
toasts: [],
|
||||
add(data) {
|
||||
const id = Date.now();
|
||||
this.toasts.push({
|
||||
id: id,
|
||||
title: data.title || 'Notification',
|
||||
body: data.body || '',
|
||||
type: data.type || 'info',
|
||||
icon: data.icon || 'notification',
|
||||
progress: 100
|
||||
});
|
||||
|
||||
// Handle progress bar animation
|
||||
const duration = 6000;
|
||||
const interval = 50;
|
||||
const step = (interval / duration) * 100;
|
||||
|
||||
const timer = setInterval(() => {
|
||||
const toast = this.toasts.find(t => t.id === id);
|
||||
if (toast) {
|
||||
toast.progress -= step;
|
||||
} else {
|
||||
clearInterval(timer);
|
||||
}
|
||||
}, interval);
|
||||
|
||||
setTimeout(() => {
|
||||
this.remove(id);
|
||||
clearInterval(timer);
|
||||
}, duration);
|
||||
},
|
||||
remove(id) {
|
||||
this.toasts = this.toasts.filter(t => t.id !== id);
|
||||
x-data="realtimeToast({
|
||||
session: {
|
||||
success: '{{ session('success') }}',
|
||||
error: '{{ session('error') }}',
|
||||
warning: '{{ session('warning') }}',
|
||||
info: '{{ session('info') }}',
|
||||
status: '{{ session('status') }}',
|
||||
title: '{{ session('title') }}'
|
||||
}
|
||||
}"
|
||||
})"
|
||||
@reverb-notification.window="add($event.detail)"
|
||||
class="fixed top-24 right-5 sm:right-10 z-[1000] flex flex-col gap-4 w-auto pointer-events-none"
|
||||
>
|
||||
<template x-for="toast in toasts" :key="toast.id">
|
||||
<div
|
||||
x-show="true"
|
||||
x-transition:enter="transition ease-out duration-500"
|
||||
x-transition:enter-start="opacity-0 translate-y-[-20px] translate-x-12 scale-90"
|
||||
x-transition:enter-end="opacity-100 translate-y-0 translate-x-0 scale-100"
|
||||
x-transition:enter="transition ease-out duration-300"
|
||||
x-transition:enter-start="opacity-0 -translate-y-4 scale-95"
|
||||
x-transition:enter-end="opacity-100 translate-y-0 scale-100"
|
||||
x-transition:leave="transition ease-in duration-300"
|
||||
x-transition:leave-start="opacity-100 translate-x-0"
|
||||
x-transition:leave-end="opacity-0 translate-x-20"
|
||||
@@ -73,7 +47,18 @@
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"></path></svg>
|
||||
</template>
|
||||
<template x-if="toast.icon !== 'ticket' && toast.icon !== 'chat'">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
<template x-if="toast.type === 'success'">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
|
||||
</template>
|
||||
<template x-if="toast.type === 'error'">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
|
||||
</template>
|
||||
<template x-if="toast.type === 'warning'">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg>
|
||||
</template>
|
||||
<template x-if="toast.type === 'info'">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
</template>
|
||||
</template>
|
||||
</div>
|
||||
|
||||
@@ -101,3 +86,60 @@
|
||||
</template>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('alpine:init', () => {
|
||||
Alpine.data('realtimeToast', (initialData = {}) => ({
|
||||
toasts: [],
|
||||
init() {
|
||||
const session = initialData.session || {};
|
||||
|
||||
if (session.success) {
|
||||
this.add({ title: session.title || 'Success', body: session.success, type: 'success', icon: 'check' });
|
||||
} else if (session.error) {
|
||||
this.add({ title: session.title || 'Error', body: session.error, type: 'error', icon: 'error' });
|
||||
} else if (session.warning) {
|
||||
this.add({ title: session.title || 'Warning', body: session.warning, type: 'warning', icon: 'warning' });
|
||||
} else if (session.info) {
|
||||
this.add({ title: session.title || 'Information', body: session.info, type: 'info', icon: 'info' });
|
||||
} else if (session.status) {
|
||||
this.add({ title: session.title || 'Notification', body: session.status, type: 'info', icon: 'info' });
|
||||
}
|
||||
},
|
||||
add(data) {
|
||||
const id = Date.now();
|
||||
// New toasts at top (unshift), pushing others down.
|
||||
this.toasts.unshift({
|
||||
id: id,
|
||||
title: data.title || 'Notification',
|
||||
body: data.body || '',
|
||||
type: data.type || 'info',
|
||||
icon: data.icon || 'notification',
|
||||
progress: 100
|
||||
});
|
||||
|
||||
// Handle progress bar animation
|
||||
const duration = 6000;
|
||||
const interval = 50;
|
||||
const step = (interval / duration) * 100;
|
||||
|
||||
const timer = setInterval(() => {
|
||||
const toast = this.toasts.find(t => t.id === id);
|
||||
if (toast) {
|
||||
toast.progress -= step;
|
||||
} else {
|
||||
clearInterval(timer);
|
||||
}
|
||||
}, interval);
|
||||
|
||||
setTimeout(() => {
|
||||
this.remove(id);
|
||||
clearInterval(timer);
|
||||
}, duration);
|
||||
},
|
||||
remove(id) {
|
||||
this.toasts = this.toasts.filter(t => t.id !== id);
|
||||
}
|
||||
}));
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
@@ -7,7 +7,6 @@
|
||||
<script>
|
||||
// Define global scroll function immediately
|
||||
window.appSmoothScroll = function(selector) {
|
||||
console.log('[App] Attempting to scroll to:', selector);
|
||||
const element = document.querySelector(selector);
|
||||
|
||||
if (!element) {
|
||||
@@ -19,7 +18,6 @@
|
||||
const elementPosition = element.getBoundingClientRect().top;
|
||||
const offsetPosition = elementPosition + window.pageYOffset - navbarOffset;
|
||||
|
||||
console.log('[App] Calculated offset:', offsetPosition);
|
||||
|
||||
window.scrollTo({
|
||||
top: offsetPosition,
|
||||
@@ -30,7 +28,6 @@
|
||||
setTimeout(() => {
|
||||
if (window.location.hash) {
|
||||
history.replaceState(null, null, window.location.pathname);
|
||||
console.log('[App] URL cleaned');
|
||||
}
|
||||
}, 500);
|
||||
};
|
||||
@@ -38,7 +35,6 @@
|
||||
// Handle initial hash
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
if (window.location.hash) {
|
||||
console.log('[App] Initial hash detected:', window.location.hash);
|
||||
setTimeout(() => window.appSmoothScroll(window.location.hash), 500);
|
||||
}
|
||||
});
|
||||
|
||||
@@ -120,7 +120,8 @@
|
||||
window.addEventListener('resize', checkMobile);">
|
||||
|
||||
{{-- Flash Message Component --}}
|
||||
<x-ui.flash-message />
|
||||
{{-- Flash Message Component (Integrated into Realtime Toast) --}}
|
||||
{{-- <x-ui.flash-message /> --}}
|
||||
|
||||
{{-- Real-time Toast Component --}}
|
||||
<x-ui.realtime-toast />
|
||||
|
||||
@@ -21,24 +21,7 @@
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Alert -->
|
||||
@if (session('success'))
|
||||
<div class="mb-6 flex w-full rounded-lg border-l-6 border-success-500 bg-success-500/10 px-7 py-4 shadow-md dark:bg-[#1B2B20] md:p-6">
|
||||
<div class="mr-5 flex h-9 w-9 items-center justify-center rounded-lg bg-success-500">
|
||||
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M15.2984 0.826822L15.2867 0.811822C14.7264 0.257759 13.8182 0.253452 13.2543 0.811822L13.2506 0.815572L6.10729 7.95892L2.74759 4.59922L2.74392 4.59554C2.18124 4.03717 1.27298 4.03717 0.710351 4.59554C0.148964 5.1524 0.148964 6.05622 0.710351 6.61308L0.714024 6.61676L5.08385 10.9866L5.08752 10.9903C5.64617 11.5443 6.55445 11.5486 7.11834 10.9903L7.12201 10.9866L15.2911 2.81754C15.8525 2.26067 15.8525 1.35685 15.2911 0.800041L15.2984 0.826822Z" fill="white" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<h5 class="mb-2 text-lg font-semibold text-success-800 dark:text-[#34D399]">
|
||||
Successfully
|
||||
</h5>
|
||||
<p class="text-sm text-success-700 dark:text-[#34D399]">
|
||||
{{ session('success') }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
<!-- Alert (Moved to Toast) -->
|
||||
|
||||
<!-- Table Section -->
|
||||
<div class="overflow-hidden rounded-xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]">
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 gap-9 sm:grid-cols-2">
|
||||
<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
|
||||
<!-- Tester Form -->
|
||||
<div class="flex flex-col gap-9">
|
||||
<div class="rounded-xl border border-gray-200 bg-white shadow-sm dark:border-gray-800 dark:bg-white/[0.03]">
|
||||
@@ -38,15 +38,15 @@
|
||||
<label class="mb-2.5 block font-medium text-black dark:text-white">
|
||||
Select Mailer Configuration
|
||||
</label>
|
||||
<div class="relative z-20 bg-transparent dark:bg-form-input">
|
||||
<select name="mailer" id="mailerSelect" class="relative z-20 w-full appearance-none rounded border border-stroke bg-transparent px-5 py-3 outline-none transition focus:border-brand-500 active:border-brand-500 dark:border-gray-700 dark:bg-gray-800 dark:focus:border-brand-500">
|
||||
<div class="relative">
|
||||
<select name="mailer" id="mailerSelect" class="relative z-20 w-full appearance-none rounded-lg border border-gray-300 bg-transparent px-4 py-2.5 text-sm text-gray-800 outline-hidden transition focus:border-brand-300 focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-white/[0.03] dark:text-white/90">
|
||||
@foreach($configs as $key => $config)
|
||||
<option value="{{ $key }}" {{ old('mailer') == $key ? 'selected' : '' }}>
|
||||
<option value="{{ $key }}" class="bg-white dark:bg-gray-800" {{ old('mailer') == $key ? 'selected' : '' }}>
|
||||
{{ $config['name'] }} ({{ $config['host'] }}:{{ $config['port'] }})
|
||||
</option>
|
||||
@endforeach
|
||||
</select>
|
||||
<span class="absolute right-4 top-1/2 z-30 -translate-y-1/2">
|
||||
<span class="absolute right-4 top-1/2 z-30 -translate-y-1/2 pointer-events-none">
|
||||
<svg class="fill-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.10186 11.1044C5.97864 11.2384 5.91703 11.3857 5.91703 11.5457C5.91703 11.7214 5.97864 11.8726 6.10186 11.9991L11.5597 17.5108C11.6967 17.6492 11.8526 17.7184 12.0274 17.7184C12.2022 17.7184 12.3582 17.6492 12.4951 17.5108L17.8981 11.9991C18.0214 11.8726 18.083 11.7214 18.083 11.5457C18.083 11.3857 18.0214 11.2384 17.8981 11.1044C17.7612 10.9571 17.6052 10.8834 17.4304 10.8834C17.2556 10.8834 17.0997 10.9571 16.9628 11.1044L12.0274 16.1265L7.03714 11.1044C6.90022 10.9571 6.74426 10.8834 6.56948 10.8834C6.39469 10.8834 6.23873 10.9571 6.10186 11.1044Z" fill="currentColor"/>
|
||||
</svg>
|
||||
@@ -59,11 +59,13 @@
|
||||
Target Email Address
|
||||
</label>
|
||||
<input type="email" name="email" required placeholder="Enter your email to receive test..." value="{{ auth()->user()->email }}"
|
||||
class="w-full rounded border border-stroke bg-transparent px-5 py-3 outline-none transition focus:border-brand-500 active:border-brand-500 dark:border-gray-700 dark:bg-gray-800 dark:focus:border-brand-500" />
|
||||
<p class="mt-1 text-xs text-gray-500">
|
||||
class="w-full rounded-lg border border-gray-300 bg-transparent px-4 py-2.5 text-sm text-gray-800 placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-white/[0.03] dark:text-white/90" />
|
||||
<p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
|
||||
We will send a raw test email to this address.
|
||||
</p>
|
||||
<div class="mb-4">
|
||||
</div>
|
||||
|
||||
<div class="mb-6 pt-2">
|
||||
<label class="mb-2.5 block font-medium text-black dark:text-white">
|
||||
Test Mode
|
||||
</label>
|
||||
@@ -79,40 +81,13 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="flex w-full justify-center rounded bg-brand-500 p-3 font-medium text-gray hover:bg-opacity-90">
|
||||
<button type="submit" class="flex w-full justify-center rounded-lg bg-brand-500 p-3 text-sm font-medium text-white transition-colors hover:bg-brand-600 focus:outline-hidden focus:ring-2 focus:ring-brand-500/50">
|
||||
Send Test Email
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@if(session('success'))
|
||||
<div class="rounded-xl border border-green-200 bg-green-50 p-4 dark:border-green-800 dark:bg-green-900/10">
|
||||
<div class="flex gap-3">
|
||||
<div class="text-green-500">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-green-900 dark:text-green-100">Test Successful</h4>
|
||||
<p class="text-sm text-green-700 dark:text-green-300">{{ session('success') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if(session('error'))
|
||||
<div class="rounded-xl border border-red-200 bg-red-50 p-4 dark:border-red-800 dark:bg-red-900/10">
|
||||
<div class="flex gap-3">
|
||||
<div class="text-red-500">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-red-900 dark:text-red-100">Connection Failed</h4>
|
||||
<p class="text-sm text-red-700 dark:text-red-300 break-all">{{ session('error') }}</p>
|
||||
<p class="mt-2 text-xs text-red-600 dark:text-red-400">Please check your .env configuration and ensure your SMTP server is accessible.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Configuration Details -->
|
||||
|
||||
@@ -264,7 +264,6 @@
|
||||
if (window.Echo) {
|
||||
window.Echo.private(`ticket.${ticketId}`)
|
||||
.listen('.ticket.message.sent', (e) => {
|
||||
console.log('Realtime message received:', e);
|
||||
appendMessage(e);
|
||||
});
|
||||
}
|
||||
|
||||
@@ -39,18 +39,15 @@
|
||||
|
||||
const setupEcho = () => {
|
||||
if (window.Echo) {
|
||||
console.log('Echo detected, joining private channel user.{{ auth()->id() }}');
|
||||
const channel = window.Echo.private('user.{{ auth()->id() }}');
|
||||
|
||||
channel.listen('DashboardStatsUpdated', (e) => {
|
||||
console.log('Dashboard stats updated event received');
|
||||
this.fetchStats();
|
||||
})
|
||||
.listen('.PingResponse', (e) => {
|
||||
if (this.pingStartTime) {
|
||||
const end = performance.now();
|
||||
this.latency = Math.round(end - this.pingStartTime) + 'ms';
|
||||
console.log('WebSocket Latency received:', this.latency);
|
||||
this.pingStartTime = null;
|
||||
}
|
||||
});
|
||||
@@ -58,7 +55,6 @@
|
||||
const updateStatus = () => {
|
||||
if (window.Echo.connector && window.Echo.connector.pusher) {
|
||||
const state = window.Echo.connector.pusher.connection.state;
|
||||
console.log('WebSocket Connection State:', state);
|
||||
this.status = state;
|
||||
if (state === 'connected') {
|
||||
this.measureLatency();
|
||||
@@ -72,7 +68,6 @@
|
||||
};
|
||||
|
||||
window.Echo.connector.pusher.connection.bind('state_change', (states) => {
|
||||
console.log('State change:', states.previous, '->', states.current);
|
||||
updateStatus();
|
||||
});
|
||||
|
||||
|
||||
@@ -244,7 +244,6 @@
|
||||
if (window.Echo) {
|
||||
window.Echo.private(`ticket.${ticketId}`)
|
||||
.listen('.ticket.message.sent', (e) => {
|
||||
console.log('Realtime message received:', e);
|
||||
appendMessage(e);
|
||||
});
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user