From 495147a95ab46e83fa588992869919b97f983c95 Mon Sep 17 00:00:00 2001
From: mikael-zakaria <mzi3721s@gmail.com>
Date: Tue, 24 Feb 2026 09:08:32 +0700
Subject: [PATCH] Update UI Disable Button Send Email Setelah Klik. Untuk
 Mencegah Kirim Email Double

---
 app/Views/activities_compose.php | 127 +++++++++++++++++--------------
 1 file changed, 69 insertions(+), 58 deletions(-)

diff --git a/app/Views/activities_compose.php b/app/Views/activities_compose.php
index d9263c2..abed2e7 100644
--- a/app/Views/activities_compose.php
+++ b/app/Views/activities_compose.php
@@ -43,71 +43,72 @@ foreach ($emails as $data) {
 		<div class="row">
 			<div class="col-12">
 				<form method="post" enctype="multipart/form-data">
-				<div class="card">
-					<div class="card-body">
-						<div class="row mb-2">
-							<label for="from" class="col-sm-2 col-form-label">Reply to</label>
-							<div class="col-sm-10">
-							<input type="text" class="form-control form-control-sm" name="replyto" id="from" value="<?=$replyto;?>" >
+					<div class="card">
+						<div class="card-body">
+							<div class="row mb-2">
+								<label for="from" class="col-sm-2 col-form-label">Reply to</label>
+								<div class="col-sm-10">
+								<input type="text" class="form-control form-control-sm" name="replyto" id="from" value="<?=$replyto;?>" >
+								</div>
 							</div>
-						</div>
-						<div class="row mb-2">
-							<label for="to" class="col-sm-2 col-form-label">To</label>
-							<div class="col-sm-10">
-							<select class="form-control form-control-sm select2" id="to" name="to[]" multiple required pattern="/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/">
-								<?php 
-									if(isset($sitecontact[0])) {
-										foreach($sitecontact[0] as $email) {
-											if ($email !== ""){
-												echo "<option value='$email' selected>$email</selected>\r\n";
+							<div class="row mb-2">
+								<label for="to" class="col-sm-2 col-form-label">To</label>
+								<div class="col-sm-10">
+								<select class="form-control form-control-sm select2" id="to" name="to[]" multiple required pattern="/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/">
+									<?php 
+										if(isset($sitecontact[0])) {
+											foreach($sitecontact[0] as $email) {
+												if ($email !== ""){
+													echo "<option value='$email' selected>$email</selected>\r\n";
+												}
 											}
 										}
-									}
-									echo $emailoption; 
-								?>
-							</select>
+										echo $emailoption; 
+									?>
+								</select>
+								</div>
+							</div>
+							<div class="row mb-2">
+								<label for="cc" class="col-sm-2 col-form-label">Cc</label>
+								<div class="col-sm-10">
+								<select class="form-control form-control-sm select2" id="cc" name="cc[]" multiple pattern="/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/">
+									<?php echo $emailoption; ?>
+								</select>
+								</div>
+							</div>
+							<div class="row mb-2">
+								<label for="bcc" class="col-sm-2 col-form-label">Bcc</label>
+								<div class="col-sm-10">
+								<select class="form-control form-control-sm select2" id="bcc" name="bcc[]" multiple pattern="/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/">
+									<option value='<?=$replyto;?>' selected><?=$replyto;?></option>
+									<?php echo $emailoption; ?>
+								</select>
+								</div>
+							</div>
+							<div class="row mb-2">
+								<label for="subject" class="col-sm-2 col-form-label">Subject</label>
+								<div class="col-sm-10">
+								<input type="text" class="form-control form-control-sm" name="subject" id="subject" value="<?=$subject;?>" >
+								</div>
+							</div>
+							<div class="row mb-2">
+								<label for="message" class="col-sm-2 col-form-label">Message</label>
+								<div class="col-sm-10">
+								<textarea class="form-control form-control-sm" name="message" id="message"><?=$content;?></textarea>
+								</div>
+							</div>
+							<div class="row mb-2">
+								<label for="attachment" class="col-sm-2 col-form-label">Attachment list</label>
+								<div class="col-sm-10">
+								<input type="text" class="form-control form-control-sm" name="attachment" id="attachment" value="<?=$activities[0]['attachment']?>" >
+								</div>
 							</div>
 						</div>
-						<div class="row mb-2">
-							<label for="cc" class="col-sm-2 col-form-label">Cc</label>
-							<div class="col-sm-10">
-							<select class="form-control form-control-sm select2" id="cc" name="cc[]" multiple pattern="/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/">
-								<?php echo $emailoption; ?>
-							</select>
-							</div>
-						</div>
-						<div class="row mb-2">
-							<label for="bcc" class="col-sm-2 col-form-label">Bcc</label>
-							<div class="col-sm-10">
-							<select class="form-control form-control-sm select2" id="bcc" name="bcc[]" multiple pattern="/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/">
-								<option value='<?=$replyto;?>' selected><?=$replyto;?></option>
-								<?php echo $emailoption; ?>
-							</select>
-							</div>
-						</div>
-						<div class="row mb-2">
-							<label for="subject" class="col-sm-2 col-form-label">Subject</label>
-							<div class="col-sm-10">
-							<input type="text" class="form-control form-control-sm" name="subject" id="subject" value="<?=$subject;?>" >
-							</div>
-						</div>
-						<div class="row mb-2">
-							<label for="message" class="col-sm-2 col-form-label">Message</label>
-							<div class="col-sm-10">
-							<textarea class="form-control form-control-sm" name="message" id="message"><?=$content;?></textarea>
-							</div>
-						</div>
-						<div class="row mb-2">
-							<label for="attachment" class="col-sm-2 col-form-label">Attachment list</label>
-							<div class="col-sm-10">
-							<input type="text" class="form-control form-control-sm" name="attachment" id="attachment" value="<?=$activities[0]['attachment']?>" >
-							</div>
+						<div class="card-footer">
+							<!-- <button type="submit" name="submit" class="btn btn-info float-end">Send</button> -->
+							<button type="submit" id="btnSend" class="btn btn-info float-end">Send</button>
 						</div>
 					</div>
-					<div class="card-footer">
-						<button type="submit" name="submit" class="btn btn-info float-end">Send</button>
-					</div>
-				</div>
 				</form>
 			</div>
 		</div>		
@@ -118,6 +119,16 @@ foreach ($emails as $data) {
 
 <?= $this->section('script') ?>
 
+<!-- SCRIPT Mencegah Double Click Saat Klik Button Send Email -->
+<script>
+$('form').on('submit', function () {
+    const btn = $(this).find('#btnSend');
+    
+    btn.prop('disabled', true)
+       .text('Sending...');
+});
+</script>
+
 <!-- SCRIPT TEXT EDITOR TINYMCE -->
 <script>
 	// config