Merge branch 'dev' of bitbucket.org:jubilian/nhance into dev

This commit is contained in:
VENKATESHWARAN 2026-02-26 14:05:57 +05:30
commit 462cb3b18f
15 changed files with 975 additions and 754 deletions

View File

@ -30,6 +30,10 @@ class Acl
'#^/util/download_log#' => ['roles' => [ADMIN_ROLE_ID]], '#^/util/download_log#' => ['roles' => [ADMIN_ROLE_ID]],
'#^/metaDashboardDemo#' => ['roles' => [ADMIN_ROLE_ID, HEAD_ROLE_ID]], '#^/metaDashboardDemo#' => ['roles' => [ADMIN_ROLE_ID, HEAD_ROLE_ID]],
'#^/metaTpaDashboardDemo#' => ['roles' => [ADMIN_ROLE_ID, HEAD_ROLE_ID]], '#^/metaTpaDashboardDemo#' => ['roles' => [ADMIN_ROLE_ID, HEAD_ROLE_ID]],
'#^/sales/dashboard#' => ['roles' => [ADMIN_ROLE_ID, HEAD_ROLE_ID, STAFF_ROLE_ID]],
'#^/sales#' => ['roles' => [ADMIN_ROLE_ID, HEAD_ROLE_ID, STAFF_ROLE_ID]],
// ===================== PUBLIC DOWNLOADS / FORMS ===================== // ===================== PUBLIC DOWNLOADS / FORMS =====================
'#^/download-#' => ['public' => true], '#^/download-#' => ['public' => true],

View File

@ -11,10 +11,11 @@ $routes->options('(:any)', function() {
}); });
$routes->group('sheet', function ($routes) { $routes->group('sheet', function ($routes) {
$routes->get('(:any)', 'GoogleSheetController::editor/$1'); $routes->post('create', 'GoogleSheetController::create');
$routes->get('(:any)/fetch', 'GoogleSheetController::fetch/$1'); $routes->get('(:segment)/fetch', 'GoogleSheetController::fetch/$1');
$routes->post('(:any)/save', 'GoogleSheetController::save/$1'); $routes->post('(:segment)/save', 'GoogleSheetController::save/$1');
$routes->get('(:any)/download', 'GoogleSheetController::download/$1'); $routes->get('(:segment)/download', 'GoogleSheetController::download/$1');
$routes->get('(:segment)', 'GoogleSheetController::editor/$1');
}); });
@ -912,7 +913,7 @@ $routes->group('sales', function($routes) {
$routes->get('/', 'SalesController::index'); $routes->get('/', 'SalesController::index');
$routes->get('activities', 'SalesController::activities'); $routes->get('loadactivities', 'SalesController::loadactivities');
$routes->get('page/(:segment)', 'SalesController::noPage/$1'); $routes->get('page/(:segment)', 'SalesController::noPage/$1');
@ -996,6 +997,7 @@ $routes->group('sales', function($routes) {
//Dashboard //Dashboard
$routes->get('dashboard', 'SalesController::dashboard');
$routes->get('branchLevelDashboard', 'SalesController::branchLevelDashboard'); $routes->get('branchLevelDashboard', 'SalesController::branchLevelDashboard');
$routes->get('salesManagerLevelDashboard', 'SalesController::salesManagerLevelDashboard'); $routes->get('salesManagerLevelDashboard', 'SalesController::salesManagerLevelDashboard');
}); });

View File

@ -6,6 +6,35 @@ use CodeIgniter\Controller;
class GoogleSheetController extends Controller class GoogleSheetController extends Controller
{ {
protected GoogleSheetLib $sheetLib; protected GoogleSheetLib $sheetLib;
public $config = [
'permissions' => [
'editors' => [
'vitvelz@gmail.com', 'velz1990@gmail.com','venkateshraman786@gmail.com'
// 'group:rfq-editors@company.com'
],
'viewers' => [],
],
'protections' => [
[
'range' => 'RFQ Page!B12:C12',
'users' => [ //allowed users to edit this cell range
'velz1990@gmail.com','vitvelz@gmail.com','firebase-adminsdk-mcdfe@nhance-ee8d1.iam.gserviceaccount.com'
],
'groups' => []
],
[
'range' => 'Claims Page!A1',
'users' => [
'velz1990@gmail.com','venkateshraman786@gmail.com','firebase-adminsdk-mcdfe@nhance-ee8d1.iam.gserviceaccount.com'
],
'groups' => []
]
],
'parentFolderId' => '19uySI-PSFQfFpZvMSnBtirXbwfCTXFBL', // RFQ folder
];
public function __construct() public function __construct()
{ {
@ -23,10 +52,16 @@ class GoogleSheetController extends Controller
/* ---------- FETCH ---------- */ /* ---------- FETCH ---------- */
public function fetch(string $sheetId) public function fetch(string $sheetId)
{ {
// $data = $this->sheetLib->read($sheetId); $data = $this->sheetLib->read($sheetId);
// print_rr($data);die; // print_rr($data);die;
// return $this->response->setJSON($data); return $this->response->setJSON($data);
echo 'Hi'; // echo 'Hi';
}
public function sample(string $sheetId)
{
echo $sheetId;
} }
/* ---------- SAVE ---------- */ /* ---------- SAVE ---------- */
@ -63,4 +98,39 @@ class GoogleSheetController extends Controller
) )
->setBody($content); ->setBody($content);
} }
public function create()
{
try {
$config = config('RfqConfig');
// #$lib = new RfqGoogleSheetLib();
// $templateId = $this->request->getPost('templateId');
// if (!$templateId) {
// throw new \Exception('Template ID missing');
// }
// $newSheetId = $this->sheetLib->copyTemplate(
// $templateId,
// 'RFQ_' . date('Ymd_His'),
// $this->config['parentFolderId']
// );
$newSheetId = '1GXNDNXoWriClb5HCqPYd2GAY1T8aie_Hos0yAOoTaC0';
// $this->sheetLib->applyPermissions($newSheetId, $this->config['permissions']);
$this->sheetLib->applyProtections($newSheetId, $this->config['protections']);
return $this->response->setJSON([
'status' => 'success',
'url' => $this->sheetLib->sheetUrl($newSheetId)
]);
} catch (\Throwable $e) {
return $this->response
->setStatusCode(500)
->setJSON([
'status' => 'error',
'message' => $e->getMessage()
]);
}
}
} }

View File

@ -36,11 +36,10 @@ class SalesController extends BaseController
$data['tab_name'] = 'Leads'; $data['tab_name'] = 'Leads';
$data['page_name'] = 'Leads'; $data['page_name'] = 'Leads';
return $this->loadLayout('sales/tracker_view', $data); return $this->loadLayout('sales/tracker_view', $data);
} }
public function activities(){ public function loadactivities(){
$data = $this->getSalesStaffData(); $data = $this->getSalesStaffData();
$data['tab_name'] = 'Activities'; $data['tab_name'] = 'Activities';
@ -50,6 +49,7 @@ class SalesController extends BaseController
->orderBy('lead_id', 'DESC') ->orderBy('lead_id', 'DESC')
->findAll(); ->findAll();
return $this->loadLayout('sales/activity_view', $data); return $this->loadLayout('sales/activity_view', $data);
} }
@ -60,41 +60,35 @@ class SalesController extends BaseController
{ {
$db = \Config\Database::connect(); $db = \Config\Database::connect();
$logged_user_id = get_session_userid(); $logged_user_id = get_session_userid();
$role = get_role_id();
$team_id = user_team();
$data = [ $data = [
'users' => [], 'users' => [],
'sales_manager_ids' => [] 'sales_manager_ids' => []
]; ];
// Get the Branch ID, Role, Team, and Name of the logged-in user $row = $db->table('user_profiles')->select('*')
$row = $db->table('user_profiles up') ->where('is_active', 1)->where('id', $logged_user_id)
->select('up.id, up.first_name, up.last_name, up.nhance_branch_id, up.role, ut.team_id') ->get()->getRow();
->join('user_teams ut', 'ut.user_id = up.id', 'left')
->where('up.is_active', 1)
->where('up.id', $logged_user_id)
->get()
->getRow();
$nhance_branch_id = $row ? $row->nhance_branch_id : null; $nhance_branch_id = $row ? $row->nhance_branch_id : null;
$role = $row ? $row->role : null;
$team_id = $row ? $row->team_id : null;
// Is the logged-in user a Sales Manager? (Role 4, Team 5) // Is the logged-in user a Sales Manager? (Role 4, Team 5)
if ($role == 4 && $team_id == 5) { if ($role == 4 && in_array(5, $team_id)) {
$data['sales_manager_ids'] = [$logged_user_id]; $data['sales_manager_ids'] = [$logged_user_id];
$data['users'] = [ $data['users'] = [
[ [
'id' => $row->id, 'id' => $row->id,
'sales_manager' => trim($row->first_name . ' ' . $row->last_name), 'first_name' => $row->first_name,
'nhance_branch_id' => $nhance_branch_id 'nhance_branch_id' => $nhance_branch_id
] ]
]; ];
} }
// Otherwise fetch ALL sales managers in this branch // Otherwise fetch ALL sales managers in this branch
elseif ($nhance_branch_id) { elseif (in_array($role,[1,2,3,4,5])) {
$data['users'] = $db->table('user_profiles up') $data['users'] = $db->table('user_profiles up')
->select('up.id, up.first_name, up.last_name, up.nhance_branch_id') ->select('up.id, up.first_name, up.last_name, up.nhance_branch_id')
@ -779,11 +773,59 @@ class SalesController extends BaseController
// ==================== Dashboard ==================== // ==================== Dashboard ====================
public function dashboard(){
public function branchLevelDashboard() $logged_user_id = get_session_userid();
$role = get_role_id();
$team_id = user_team();
$payload = $this->request->getGet();
$db = \Config\Database::connect();
$row = $db->table('user_profiles')
->select('*')
->where('is_active', 1)
->where('id', $logged_user_id)
->get()
->getRowArray();
$nhance_branch_id = $row ? $row['nhance_branch_id'] : null;
// dd($logged_user_id, $nhance_branch_id, $role, $team_id );
if (in_array($role,[5])) {
$sales_manager_ids = array_column(
$db->table('user_profiles up')
->select('up.id')
->join('user_teams ut', 'ut.user_id = up.id')
->where([
'up.is_active' => 1,
'ut.is_active' => 1,
'up.role' => 4,
'ut.team_id' => 5,
'up.nhance_branch_id' => $nhance_branch_id
])
->get()
->getResultArray(),
'id'
);
$this->branchLevelDashboard($nhance_branch_id,$sales_manager_ids);
}
elseif ($role == 4 && in_array(5, $team_id)) {
$sales_manager_ids = [$logged_user_id];
$this->salesManagerLevelDashboard($logged_user_id,$sales_manager_ids, $payload);
}
}
public function branchLevelDashboard($branchId,$sales_manager_ids)
{ {
$data['tab_name'] = 'Dashboard';
$data['page_name'] = 'Dashboard';
// Hardcoded branch ID as requested // Hardcoded branch ID as requested
$branchId = 1; // $branchId = 1;
try { try {
// 1. Lead Statistics // 1. Lead Statistics
@ -798,11 +840,24 @@ class SalesController extends BaseController
// 3. Team Performance (Aggregating activity counts per user) // 3. Team Performance (Aggregating activity counts per user)
$db = \Config\Database::connect(); $db = \Config\Database::connect();
// Final safe check
if (empty($sales_manager_ids)) {
// No valid IDs — skip queries or return empty
$teamPerformance = [];
$recentActivities = [];
$leadsOverview = [];
} else {
if (empty($sales_manager_ids) || !is_array($sales_manager_ids)) {
$sales_manager_ids = array_filter((array) $sales_manager_ids); // removes null, "", 0
}
$teamPerformance = $db->table('user_profiles as u') $teamPerformance = $db->table('user_profiles as u')
->select('u.first_name, u.last_name, u.profile as role, ->select('u.first_name, u.last_name, u.profile as role,
(SELECT COUNT(*) FROM sales_activities WHERE assigned_to = u.id) as total_acts, (SELECT COUNT(*) FROM sales_activities WHERE assigned_to = u.id) as total_acts,
(SELECT COUNT(*) FROM sales_activities WHERE assigned_to = u.id AND status = "completed") as done_acts') (SELECT COUNT(*) FROM sales_activities WHERE assigned_to = u.id AND status = "completed") as done_acts')
->where('u.nhance_branch_id', $branchId) ->where('u.nhance_branch_id', $branchId)
->whereIn('u.id', $sales_manager_ids)
->where('u.is_active', 1) ->where('u.is_active', 1)
->get()->getResultArray(); ->get()->getResultArray();
@ -813,10 +868,47 @@ class SalesController extends BaseController
->limit(6) ->limit(6)
->findAll(); ->findAll();
$sales_manager_ids = array_values(array_map('intval', $sales_manager_ids));
$recentActivities = $db->table('sales_activities sa')
->select('sa.activity_id,sa.lead_id,sa.activity_type,sa.scheduled_date,sa.status,sa.assigned_to,sal.company_name,up.first_name AS assigned_to_name')
->join('(SELECT lead_id, MAX(company_name) AS company_name FROM sales_actual_leads GROUP BY lead_id) sal','sal.lead_id = sa.lead_id','left')
->join('user_profiles up', 'up.id = sa.assigned_to', 'left')
->orderBy('sa.scheduled_date', 'DESC')
->limit(6)
->whereIn('sa.assigned_to', $sales_manager_ids)
->get()->getResultArray();
// 5. All Leads Overview // 5. All Leads Overview
$leadsOverview = $this->leadModel->select('sales_actual_leads.*, user_profiles.first_name, user_profiles.last_name') $leadsOverview = $db->table('sales_actual_leads sal')
->join('user_profiles', 'user_profiles.id = sales_actual_leads.assigned_to', 'left') ->select('sal.lead_id,sal.company_name,sal.status,up.first_name AS assigned_to,
->findAll(); COUNT(DISTINCT sa.activity_id) AS activities,
COUNT(DISTINCT l.id) AS opportunities
')
->join('user_profiles up', 'up.id = sal.assigned_to', 'left')
->join('sales_activities sa', 'sa.lead_id = sal.lead_id', 'left')
->join('leads l', 'l.actual_lead_id = sal.lead_id', 'left')
->groupBy('sal.lead_id, sal.company_name, sal.status, up.first_name')
->having('COUNT(DISTINCT sa.activity_id) + COUNT(DISTINCT l.id) >', 0) // ← this line
->orderBy('sal.created_at', 'DESC')
->whereIn('sal.assigned_to', $sales_manager_ids)
->get()
->getResultArray();
}
// 6. activityBreakdown
$total = $db->table('sales_activities')->countAll();
$activityBreakdown = $db->table('sales_activities')
->select("activity_type, COUNT(*) AS total, ROUND(COUNT(*) * 100.0 / {$total}, 0) AS percentage", false)
->groupBy('activity_type')
->orderBy('total', 'DESC')
->get()
->getResultArray();
$teamPerformance = array_filter($teamPerformance, function($row) {
return ($row['total_acts'] + $row['done_acts']) > 0;
});
$data = [ $data = [
'total_leads' => $stats['total'], 'total_leads' => $stats['total'],
@ -825,7 +917,10 @@ class SalesController extends BaseController
'pipeline_value' => '15.0L', // Hardcoded placeholder from PDF [cite: 14] 'pipeline_value' => '15.0L', // Hardcoded placeholder from PDF [cite: 14]
'team' => $teamPerformance, 'team' => $teamPerformance,
'recent_acts' => $recentActivities, 'recent_acts' => $recentActivities,
'leads_overview' => $leadsOverview 'leads_overview' => $leadsOverview,
'activity_breakdown'=> $activityBreakdown,
'tab_name' => "Sales Dashboard",
'page_name' => "Sales Dashboard"
]; ];
// dd($data); // dd($data);
@ -839,16 +934,15 @@ class SalesController extends BaseController
} }
} }
public function salesManagerLevelDashboard($userId,$sales_manager_ids, $payload = [])
public function salesManagerLevelDashboard()
{ {
$userId = get_session_userid(); // $userId = get_session_userid();
// $userId = 1; // $userId = 1;
$db = \Config\Database::connect(); $db = \Config\Database::connect();
try { try {
$payload = $this->request->getGet(); // $payload = $this->request->getGet();
$current_fin_year = $payload['fy'] ?? getCurrentFinancialYear(); $current_fin_year = $payload['fy'] ?? getCurrentFinancialYear();
@ -858,8 +952,12 @@ class SalesController extends BaseController
->orderBy('fy_year', 'desc') ->orderBy('fy_year', 'desc')
->get() ->get()
->getResultArray(); ->getResultArray();
$fin_years = array_column($fin_years, 'fy_year'); $fin_years = array_column($fin_years, 'fy_year');
$fin_years[] = '2024-2025';
if(empty($fin_years)){
$fin_years[] = $current_fin_year;
}
$target = $db->table('sales_target') $target = $db->table('sales_target')
->where('user_id', $userId) ->where('user_id', $userId)
@ -907,7 +1005,9 @@ class SalesController extends BaseController
'recent_leads' => $recentLeads, 'recent_leads' => $recentLeads,
'fin_years' => $fin_years, 'fin_years' => $fin_years,
'display_fin_years' => format_financial_year($current_fin_year), 'display_fin_years' => format_financial_year($current_fin_year),
'user_name' => get_session_userdata()->first_namee ?? '' 'user_name' => get_session_userdata()->first_namee ?? '',
'tab_name' => "Sales Dashboard",
'page_name' => "Sales Dashboard"
]; ];
// dd($data); // dd($data);

View File

@ -1002,7 +1002,7 @@ class TestingController extends BaseController
// 'dashboard' => 1 // 'dashboard' => 1
'dashboard' => $database_id 'dashboard' => $database_id
], ],
'exp' => time() + (10 * 60) // 10 minutes 'exp' => time() + (10 * 60), // 10 minutes
]; ];
if(!empty($policy_id)){ if(!empty($policy_id)){

View File

@ -4,6 +4,7 @@ use Google_Client;
use Google_Service_Sheets; use Google_Service_Sheets;
use Google_Service_Drive; use Google_Service_Drive;
use Google_Service_Sheets_ValueRange; use Google_Service_Sheets_ValueRange;
use Google_Service_Sheets_BatchUpdateSpreadsheetRequest;
class GoogleSheetLib class GoogleSheetLib
{ {
@ -11,13 +12,14 @@ class GoogleSheetLib
protected Google_Service_Sheets $sheets; protected Google_Service_Sheets $sheets;
protected Google_Service_Drive $drive; protected Google_Service_Drive $drive;
public function __construct() public function __construct()
{ {
$this->client = new Google_Client(); $this->client = new Google_Client();
// Service account JSON // Service account JSON
$this->client->setAuthConfig( $this->client->setAuthConfig(
ROOTPATH . 'gdrive-demo-394007-5b1d856b0c5b.json' ROOTPATH . 'nhance-ee8d1-e3c5269b1ec7.json'
); );
// IMPORTANT for service account // IMPORTANT for service account
@ -32,11 +34,12 @@ class GoogleSheetLib
// Init services // Init services
$this->sheets = new Google_Service_Sheets($this->client); $this->sheets = new Google_Service_Sheets($this->client);
$this->drive = new Google_Service_Drive($this->client); $this->drive = new Google_Service_Drive($this->client);
} }
/* ===================== READ ===================== */ /* ===================== READ ===================== */
public function read(string $spreadsheetId, string $range = 'Sheet1') public function read(string $spreadsheetId, string $range = 'RFQ Page')
{ {
$response = $this->sheets $response = $this->sheets
->spreadsheets_values ->spreadsheets_values
@ -77,4 +80,205 @@ class GoogleSheetLib
return $response->getBody()->getContents(); return $response->getBody()->getContents();
} }
/* ================= COPY TEMPLATE ================= */
public function copyTemplate(string $templateId, string $name, string $folderId): string
{
$file = $this->drive->files->copy(
$templateId,
new \Google_Service_Drive_DriveFile([
'name' => $name,
'parents' => [$folderId],
]),[
'supportsAllDrives' => true,
'fields' => 'id, name, parents'
]
);
return $file->id;
}
/* ================= PERMISSIONS ================= */
public function applyPermissions(string $fileId, array $permissions)
{
foreach ($permissions['editors'] as $email) {
$this->createPermission($fileId, $email, 'writer');
}
foreach ($permissions['viewers'] as $email) {
$this->createPermission($fileId, $email, 'reader');
}
}
private function createPermission(string $fileId, string $email, string $role)
{
$type = str_starts_with($email, 'group:') ? 'group' : 'user';
$email = str_replace('group:', '', $email);
$this->drive->permissions->create(
$fileId,
new \Google_Service_Drive_Permission([
'type' => $type,
'role' => $role,
'emailAddress' => $email
]),
['sendNotificationEmail' => false,'supportsAllDrives' => true]
);
}
/* ================= PROTECTIONS ================= */
public function applyProtectionsold(string $spreadsheetId, array $ranges)
{
$spreadsheet = $this->sheets->spreadsheets->get($spreadsheetId);
$sheetId = $spreadsheet->getSheets()[0]->getProperties()->getSheetId();
$requests = [];
foreach ($ranges as $range) {
[$sheetName, $a1] = explode('!', $range);
$requests[] = [
'addProtectedRange' => [
'protectedRange' => [
'range' => [
'sheetId' => $sheetId
],
'warningOnly' => false
]
]
];
}
$this->sheets->spreadsheets->batchUpdate(
$spreadsheetId,
new Google_Service_Sheets_BatchUpdateSpreadsheetRequest([
'requests' => $requests
])
);
}
public function applyProtections(string $spreadsheetId, array $protections)
{
// Fetch spreadsheet metadata
$spreadsheet = $this->sheets->spreadsheets->get(
$spreadsheetId,
['fields' => 'sheets(properties(sheetId,title,gridProperties))']
);
// Map sheet names
$sheetMap = [];
foreach ($spreadsheet->getSheets() as $sheet) {
$props = $sheet->getProperties();
$sheetMap[$props->getTitle()] = [
'sheetId' => $props->getSheetId(),
'rowCount' => $props->getGridProperties()->getRowCount(),
'colCount' => $props->getGridProperties()->getColumnCount(),
];
}
$requests = [];
foreach ($protections as $protection) {
$rangeStr = $protection['range'];
if (!str_contains($rangeStr, '!')) {
throw new \Exception("Invalid range format: {$rangeStr}");
}
[$sheetName, $a1] = explode('!', $rangeStr, 2);
if (!isset($sheetMap[$sheetName])) {
throw new \Exception("Sheet not found: {$sheetName}");
}
$sheetMeta = $sheetMap[$sheetName];
$gridRange = $this->convertA1ToGridRange(
$a1,
$sheetMeta['sheetId'],
$sheetMeta['rowCount'],
$sheetMeta['colCount']
);
$protectedRange = [
'range' => $gridRange,
'description' => 'RFQ Protected Area',
'warningOnly' => false,
'editors' => [
'users' => $protection['users'] ?? [],
'groups' => $protection['groups'] ?? []
]
];
$requests[] = [
'addProtectedRange' => [
'protectedRange' => $protectedRange
]
];
}
if (!empty($requests)) {
$batch = new \Google_Service_Sheets_BatchUpdateSpreadsheetRequest([
'requests' => $requests
]);
$this->sheets->spreadsheets->batchUpdate($spreadsheetId, $batch);
}
return true;
}
/* ================= URL ================= */
public function sheetUrl(string $sheetId): string
{
return "https://docs.google.com/spreadsheets/d/{$sheetId}/edit";
}
private function convertA1ToGridRange($a1, $sheetId, $maxRows, $maxCols)
{
if (preg_match('/^([A-Z]+)(\d+)(?::([A-Z]+)(\d+))?$/i', $a1, $m)) {
$startCol = $this->colToIndex($m[1]);
$startRow = intval($m[2]) - 1;
if (!empty($m[3])) {
$endCol = $this->colToIndex($m[3]) + 1;
$endRow = intval($m[4]);
} else {
$endCol = $startCol + 1;
$endRow = $startRow + 1;
}
return [
'sheetId' => $sheetId,
'startRowIndex' => $startRow,
'endRowIndex' => $endRow,
'startColumnIndex' => $startCol,
'endColumnIndex' => $endCol
];
}
throw new \Exception("Unsupported A1 format: {$a1}");
}
private function colToIndex($letters)
{
$letters = strtoupper($letters);
$index = 0;
for ($i = 0; $i < strlen($letters); $i++) {
$index = $index * 26 + (ord($letters[$i]) - 64);
}
return $index - 1;
}
} }

View File

@ -16,6 +16,28 @@
<button onclick="save()">💾 Save</button> <button onclick="save()">💾 Save</button>
<button onclick="download()"> Download</button> <button onclick="download()"> Download</button>
<button onclick="createRfq()">🚀 Create RFQ</button>
<div id="result" style="margin-top:15px;"></div>
<script>
function createRfq() {
fetch('<?php echo base_url() ?>' +'/sheet/create', {
method: 'POST',
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
body: 'templateId=1efHU8EBkjTZTzOx115xRrtgz3kwvvVp0p5GbrvREfiw'
})
.then(r => r.json())
.then(res => {
if (res.status === 'success') {
document.getElementById('result').innerHTML =
`<a href="${res.url}" target="_blank">Open RFQ Sheet</a>`;
} else {
alert(res.message);
}
});
}
</script>
<hr> <hr>
@ -26,9 +48,9 @@
const sheetId = "<?= esc($sheetId) ?>"; const sheetId = "<?= esc($sheetId) ?>";
alert('second'); alert('second');
/* ---------- LOAD ---------- */ /* ---------- LOAD ---------- */
fetch('<?php echo base_url() ?>' + `/sheet/${sheetId}/fetch`) fetch('<?php echo base_url() ?>' + `sheet/${sheetId}/fetch`)
.then(r => r.json())
.then(r => r.json()) .then(r => r.json())
// .then(r => r.json())
.then(render); .then(render);
function render(data) { function render(data) {

View File

@ -2077,7 +2077,7 @@
</a> </a>
</li> </li>
<?php } ?> <?php } ?>
<?php if (in_array(get_role_id(), [1, 2, 3, 5])) { ?> <?php if (in_array(get_role_id(), [1, 2, 3, 4]) || in_array(SALES_TEAM_ID, user_team())) { ?>
<li class="li-seperate" id="app-sales-tracker-li"> <li class="li-seperate" id="app-sales-tracker-li">
<a id="app_sales_tracker" href="#sidebarSalesTrackermenu" data-toggle="collapse" class="waves-effect img-inactive" style="color: grey;"> <a id="app_sales_tracker" href="#sidebarSalesTrackermenu" data-toggle="collapse" class="waves-effect img-inactive" style="color: grey;">
<img <img
@ -2087,13 +2087,13 @@
<div class="collapse" id="sidebarSalesTrackermenu"> <div class="collapse" id="sidebarSalesTrackermenu">
<ul class="nav-second-level"> <ul class="nav-second-level">
<li> <li>
<a href="<?= base_url('/sales/page/Dashboard') ?>"> <i class="ri-dashboard-line"></i> Dashboard </a> <a href="<?= base_url('/sales/dashboard') ?>"> <i class="ri-dashboard-line"></i> Dashboard </a>
</li> </li>
<li> <li>
<a href="<?= base_url('/sales') ?>"> <i class="ri-group-line"></i> Leads </a> <a href="<?= base_url('/sales') ?>"> <i class="ri-group-line"></i> Leads </a>
</li> </li>
<li> <li>
<a href="<?= base_url('/sales/activities') ?>"><i class="ri-flashlight-line"></i> Activities </a> <a href="<?= base_url('/sales/loadactivities') ?>"><i class="ri-flashlight-line"></i> Activities </a>
</li> </li>
<!-- <li> <!-- <li>
<a href="<?= base_url('/sales/page/Opportunities') ?>"> <i class="ri-checkbox-circle-line"></i> Opportunities </a> <a href="<?= base_url('/sales/page/Opportunities') ?>"> <i class="ri-checkbox-circle-line"></i> Opportunities </a>

View File

@ -75,6 +75,7 @@
.status-not-a-prospects { background: #ffebee; color: #d32f2f; } .status-not-a-prospects { background: #ffebee; color: #d32f2f; }
.status-pending { background: #fff3e0; color: #f57c00; } .status-pending { background: #fff3e0; color: #f57c00; }
.status-completed { background: #e8f5e9; color: #388e3c; } .status-completed { background: #e8f5e9; color: #388e3c; }
.status-unknown { background: #000; color: #fff; }
/* Modals */ /* Modals */
.modal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 2000; align-items: center; justify-content: center; } .modal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 2000; align-items: center; justify-content: center; }
@ -143,7 +144,7 @@
</style> </style>
<!-- copy of tracker_view -->
<div class="main-content"> <div class="main-content">
<hr class="my-0"> <hr class="my-0">
<div class="lead-header"> <div class="lead-header">
@ -159,7 +160,7 @@
<div class="lead-actions"> <div class="lead-actions">
<input type="text" class="search-input" id="mainSearch" <input type="text" class="search-input" id="mainSearch"
placeholder="Search activities..." onkeyup="fetchActivities(false)"> placeholder="Search activities..." onkeyup="fetchActivities(false)">
<button class="btn-primary" onclick="openModal('addActivityModal')"> <button class="btn-primary" onclick="openMainActivityModal()">
+ Add Activity + Add Activity
</button> </button>
</div> </div>
@ -183,64 +184,6 @@
</div> </div>
<div class="modal" id="addActivityModal">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Add Lead</h4>
<button class="btn-primary" style="background:none; color:#666; font-size:24px;" title="Close" onclick="closeModal('addActivityModal')">&times;</button>
</div>
<form class="parsley-examples" id="addLeadForm" enctype="multipart/form-data">
<hr class="my-0">
<div class="modal-body p-4">
<div class="form-group">
<div class="col-12 mb-1">
<div class="col-xl-12 col-lg-12 col-md-12">
<label class="form-label">Company Name<span class="text-danger">*</span></label>
<input type="text" class="form-control" name="company_name" style="width: 100%;" placeholder="Enter Company Name" oninput="this.value = this.value.replace(/[^A-Za-z\s]/g, '')" required>
</div>
</div>
<div class="form-row mb-1">
<div class="col-md-12 ml-3" style="width: 97%;">
<label class="form-label">Email</label>
<input type="email" class="form-control" name="email" style="width: 100%;" placeholder="Enter the Email" oninput="this.value = this.value.replace(/[^a-zA-Z0-9@.\-_+]/g, '')">
</div>
<div class="col-md-12" style="width: 94%;">
<label class="form-label">Phone</label>
<input type="text" class="form-control" name="phone" style="width: 100%;" placeholder="Enter the Phone Number" oninput="this.value = this.value.replace(/[^\d\s+]/g, '')">
</div>
</div>
<div class="form-row mb-1">
<div class="col-md-12 ml-3" style="width: 97%;">
<label class="form-label">Status<span class="text-danger">*</span></label>
<select name="status" class="form-control" style="width: 100%;" required>
<option value="New">New</option>
<option value="Potential">Potential</option>
<option value="Prospects">Prospects</option>
<option value="Not a Prospects">Not a Prospects</option>
</select>
</div>
<div class="col-md-12" style="width: 94%;">
<label class="form-label">Assign To<span class="text-danger">*</span></label>
<select name="assigned_to" class="form-control searchable" style="width: 100%;" required>
<option value="">Select User</option>
<?php foreach($users as $user): ?>
<option value="<?= $user['id'] ?>"><?= $user['first_name'] ?> </option>
<?php endforeach; ?>
</select>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div class="form-group text-right mb-0">
<button type="button" class="btn-primary" style="background:#eee; color:#333; margin-right:10px;" onclick="closeModal('addActivityModal')">Cancel</button>
<button type="submit" class="btn-primary">Create Lead</button>
</div>
</div>
</form>
</div>
</div>
<div class="modal" id="leadDetailModal"> <div class="modal" id="leadDetailModal">
<div class="modal-content" style="max-width: 850px;"> <div class="modal-content" style="max-width: 850px;">
<div class="modal-header"> <div class="modal-header">
@ -295,7 +238,7 @@
<form class="parsley-examples" id="activityForm" enctype="multipart/form-data"> <form class="parsley-examples" id="activityForm" enctype="multipart/form-data">
<hr class="my-0"> <hr class="my-0">
<div class="modal-body p-4"> <div class="modal-body p-4">
<input type="hidden" id="act_string_flag"> <!-- ADD THIS -->
<div class="form-group"> <div class="form-group">
<label class="form-label">Select Lead <span class="text-danger">*</span></label> <label class="form-label">Select Lead <span class="text-danger">*</span></label>
@ -306,15 +249,15 @@
</select> </select>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="form-label">Activity Type</label> <label class="form-label">Activity Type <span class="text-danger">*</span></label>
<div class="activity-types" id="typeButtons"> <div class="activity-types" id="typeButtons">
<button type="button" class="activity-type-btn active" onclick="selectType('Call', this)">📞 Call</button> <button type="button" class="activity-type-btn d_activity_type active" data-type="Call" onclick="selectType('Call', this)">📞 Call</button>
<button type="button" class="activity-type-btn" onclick="selectType('Email', this)">✉️ Email</button> <button type="button" class="activity-type-btn d_activity_type" data-type="Email" onclick="selectType('Email', this)">✉️ Email</button>
<button type="button" class="activity-type-btn" onclick="selectType('Meeting', this)">📅 Meeting</button> <button type="button" class="activity-type-btn d_activity_type" data-type="Meeting" onclick="selectType('Meeting', this)">📅 Meeting</button>
<button type="button" class="activity-type-btn" onclick="selectType('Visit', this)">🚗 Visit</button> <button type="button" class="activity-type-btn d_activity_type" data-type="Visit" onclick="selectType('Visit', this)">🚗 Visit</button>
<button type="button" class="activity-type-btn" onclick="selectType('Demo', this)">🎬 Demo</button> <button type="button" class="activity-type-btn d_activity_type" data-type="Demo" onclick="selectType('Demo', this)">🎬 Demo</button>
<button type="button" class="activity-type-btn" onclick="selectType('Share', this)">📄 Share Docs</button> <button type="button" class="activity-type-btn d_activity_type" data-type="Share" onclick="selectType('Share', this)">📄 Share Docs</button>
<button type="button" class="activity-type-btn" onclick="selectType('Todo', this)"> To Do</button> <button type="button" class="activity-type-btn d_activity_type" data-type="Todo" onclick="selectType('Todo', this)"> To Do</button>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
@ -362,6 +305,7 @@
<input type="hidden" id="comp_id"> <input type="hidden" id="comp_id">
<input type="hidden" id="lead_id"> <input type="hidden" id="lead_id">
<input type="hidden" id="string_flag">
<div class="form-group"> <div class="form-group">
<label class="form-label">Outcome / Notes <span class="text-danger">*</span></label> <label class="form-label">Outcome / Notes <span class="text-danger">*</span></label>
<textarea id="comp_notes" class="search-input" style="width:100%; height:80px;" required placeholder="What happened? Any next steps?" rows="3" required></textarea> <textarea id="comp_notes" class="search-input" style="width:100%; height:80px;" required placeholder="What happened? Any next steps?" rows="3" required></textarea>
@ -456,124 +400,6 @@
</div> </div>
</div> </div>
<div class="modal" id="editLeadModal">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Edit Lead</h4>
<button class="btn-primary" style="background:none; color:#666; font-size:24px;" title="Close" onclick="closeModal('editLeadModal')">&times;</button>
</div>
<form class="parsley-examples" id="editLeadForm" enctype="multipart/form-data">
<hr class="my-0">
<input type="hidden" class="form-control" id="hidden_lead_id" name="lead_id">
<div class="modal-body p-4">
<div class="form-group">
<div class="col-12 mb-1">
<div class="col-xl-12 col-lg-12 col-md-12">
<label class="form-label">Company Name <span class="text-danger">*</span></label>
<input type="text" class="form-control" name="company_name" style="width: 100%;" placeholder="Enter Company Name" oninput="this.value = this.value.replace(/[^A-Za-z\s]/g, '')" required>
</div>
</div>
<div class="form-row mb-1">
<div class="col-md-12 ml-3" style="width: 97%;">
<label class="form-label">Email</label>
<input type="email" class="form-control" name="email" style="width: 100%;" placeholder="Enter the Email" oninput="this.value = this.value.replace(/[^a-zA-Z0-9@.\-_+]/g, '')">
</div>
<div class="col-md-12" style="width: 94%;">
<label class="form-label">Phone</label>
<input type="text" class="form-control" name="phone" style="width: 100%;" placeholder="Enter the Phone Number" oninput="this.value = this.value.replace(/[^\d\s+]/g, '')">
</div>
</div>
<div class="col-12 mb-1">
<div class="col-xl-12 col-lg-12 col-md-12">
<label class="form-label">Address</label>
<textarea id="address" name="address" class="form-control" style="width:100%; height:100px;" placeholder="Enter full Address"></textarea>
</div>
</div>
<div class="form-row mb-1">
<div class="col-md-12 ml-3" style="width: 97%;">
<label class="form-label">WebSite</label>
<input type="text" class="form-control" name="website" style="width: 100%;" placeholder="Enter the Website">
</div>
<div class="col-md-12" style="width: 94%;">
<label class="form-label">GST Number</label>
<input type="text" class="form-control" name="gst_number" style="width: 100%;" placeholder="Enter the GST Number" oninput="this.value = this.value.replace(/[^a-zA-Z0-9]/g, '').toUpperCase()" maxlength="15"
pattern="^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z][0-9A-Z]Z[0-9A-Z]$">
</div>
</div>
<div class="col-12 mb-1" style="padding-left: 25px;">
<label class="form-label">Contact Persons</label>
<div id="contactPersonsContainer">
<div id="savedContactsContainer"> <span id="NoData"> <center><i> No contact persons added yet </i> </center> </span> </div>
</div>
</div>
<div class="col-12 mb-1 ml-1 ">
<div class="row g-2 align-items-center">
<div class="col-md-5" style="padding-left: 20px;">
<input type="text"
class="form-control"
id="contact_name"
placeholder="Contact Person Name"
oninput="this.value=this.value.replace(/[^A-Za-z\s]/g,'')">
</div>
<div class="col-md-4">
<input type="text"
class="form-control"
id="contact_mobile"
placeholder="Contact Mobile Number"
maxlength="10"
oninput="this.value=this.value.replace(/[^0-9]/g,'')">
</div>
<div class="col-md-3" style="padding-right: 4%;">
<button type="button"
id="btnSaveContact"
class="btn btn-sm w-100"
style="background:#ff6a3d;border:none;color:white;">
+ Save Contact
</button>
</div>
</div>
</div>
<div class="form-row mb-1">
<div class="col-md-12 ml-3" style="width: 97%;">
<label class="form-label">Status <span class="text-danger">*</span></label>
<select name="status" class="form-control" style="width: 100%;" required>
<option value="New">New</option>
<option value="Potential">Potential</option>
<option value="Prospects">Prospects</option>
<option value="Not a Prospects">Not a Prospects</option>
</select>
</div>
<div class="col-md-12" style="width: 94%;">
<label class="form-label">Assign To <span class="text-danger">*</span> </label>
<select name="assigned_to" class="form-control searchable" style="width: 100%;" required>
<option value="">Select User</option>
<?php foreach($users as $user): ?>
<option value="<?= $user['id'] ?>"><?= $user['first_name'] ?> </option>
<?php endforeach; ?>
</select>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div class="form-group text-right mb-0">
<button type="button" class="btn-primary" style="background:#eee; color:#333; margin-right:10px;" onclick="closeModal('editLeadModal')">Cancel</button>
<button type="submit" class="btn-primary">Update Lead</button>
</div>
</div>
</form>
</div>
</div>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
resetFlatpicker(); resetFlatpicker();
@ -605,6 +431,7 @@ function resetFlatpicker(){
const activityIcons = { Call: "📞", Email: "✉️", Meeting: "📅", Visit: "🚗",Demo: "🎬", Share: "📄", Todo: "" }; const activityIcons = { Call: "📞", Email: "✉️", Meeting: "📅", Visit: "🚗",Demo: "🎬", Share: "📄", Todo: "" };
const salesManagerIds = <?= json_encode($sales_manager_ids ?? []) ?>; const salesManagerIds = <?= json_encode($sales_manager_ids ?? []) ?>;
const API = '<?= base_url('sales') ?>'; const API = '<?= base_url('sales') ?>';
let filter = 'all'; let filter = 'all';
let lead_id = null; let lead_id = null;
@ -617,8 +444,6 @@ let currentOffset = 0;
function openModal(id) { document.getElementById(id).classList.add('active'); resetFlatpicker(); } function openModal(id) { document.getElementById(id).classList.add('active'); resetFlatpicker(); }
// function closeModal(id) { document.getElementById(id).classList.remove('active'); }
function closeModal(id) { function closeModal(id) {
const modal = document.getElementById(id); const modal = document.getElementById(id);
@ -633,9 +458,9 @@ function closeModal(id) {
// Specific cleanup for your "Activity" logic // Specific cleanup for your "Activity" logic
if (id === 'activityModal') { if (id === 'activityModal') {
selectedType = 'Call'; // Reset your global activity type variable selectedType = 'Call';
$('.activity-type-btn').removeClass('active'); // Remove 'active' from all activity buttons $('#typeButtons .d_activity_type').removeClass('active');
$(`.activity-type-btn[data-type="${selectedType}"]`).addClass('active'); // Find the specific button for 'Call' and make it active $('#typeButtons .d_activity_type[data-type="Call"]').addClass('active');
} }
// Specific cleanup for "Complete" modal (hidden follow-up sections) // Specific cleanup for "Complete" modal (hidden follow-up sections)
@ -649,18 +474,22 @@ function closeModal(id) {
// Specific action for leadDetailModal // Specific action for leadDetailModal
if (id === 'leadDetailModal') { if (id === 'leadDetailModal') {
switchTab('activity'); // Reset the tab back to 'activity' switchTab('activity'); // Reset the tab back to 'activity'
document.getElementById('btn_add_opportunity').classList.style.display = 'none'; // Hide the button document.getElementById('btn_add_opportunity').style.display = 'none';
} }
} }
} }
function openMainActivityModal() {
document.getElementById('act_string_flag').value = "frommain"; // ✅ flag for main
openModal('activityModal');
}
function selectType(val, el) { function selectType(val, el) {
document.querySelectorAll('.activity-type-btn').forEach(b => b.classList.remove('active')); document.querySelectorAll('.activity-type-btn').forEach(b => b.classList.remove('active'));
el.classList.add('active'); el.classList.add('active');
selectedType = val; selectedType = val;
} }
function selectFollowUpActivityType(val, el) { function selectFollowUpActivityType(val, el) {
document.querySelectorAll('.f_activity_type').forEach(b => b.classList.remove('active')); document.querySelectorAll('.f_activity_type').forEach(b => b.classList.remove('active'));
el.classList.add('active'); el.classList.add('active');
@ -675,7 +504,6 @@ function setFilter(val, el) {
fetchActivities(); fetchActivities();
} }
async function fetchActivities(isLoadMore = false) { async function fetchActivities(isLoadMore = false) {
const q = document.getElementById('mainSearch').value; const q = document.getElementById('mainSearch').value;
const grid = document.getElementById('activitiesGrid'); const grid = document.getElementById('activitiesGrid');
@ -692,6 +520,9 @@ async function fetchActivities(isLoadMore = false) {
</div> </div>
</div>`; </div>`;
console.log("function here");
console.log(salesManagerIds);
// return;
// 2. 🛑 SHORT-CIRCUIT: If no sales manager IDs exist, show empty state and stop! // 2. 🛑 SHORT-CIRCUIT: If no sales manager IDs exist, show empty state and stop!
if (typeof salesManagerIds === 'undefined' || salesManagerIds.length === 0) { if (typeof salesManagerIds === 'undefined' || salesManagerIds.length === 0) {
console.log("No Sales Manager IDs found. Skipping API call."); console.log("No Sales Manager IDs found. Skipping API call.");
@ -718,7 +549,7 @@ async function fetchActivities(isLoadMore = false) {
} }
// 5. Build URL with dynamic offset // 5. Build URL with dynamic offset
const url = `${API}/activities?status=${filter === 'all' ? '' : filter}&search=${q}&limit=${limit}&offset=${currentOffset}`; let url = `${API}/activities?status=${filter === 'all' ? '' : filter}&search=${q}&limit=${limit}&offset=${currentOffset}`;
// url += `&assigned_to=${salesManagerIds.join(',')}`; // We already proved it exists above! // url += `&assigned_to=${salesManagerIds.join(',')}`; // We already proved it exists above!
if (typeof salesManagerIds !== 'undefined' && salesManagerIds.length > 0) { if (typeof salesManagerIds !== 'undefined' && salesManagerIds.length > 0) {
url += `&assigned_to=${salesManagerIds.join(',')}`; url += `&assigned_to=${salesManagerIds.join(',')}`;
@ -774,7 +605,7 @@ async function fetchActivities(isLoadMore = false) {
</div> </div>
<div class="activity-actions"> <div class="activity-actions">
<button class="btn-complete" onclick="openComp(${a.activity_id},${a.assigned_to},${a.lead_id})"> <button style="display:${a.status == 'completed' ? 'none' : 'block'};" class="btn-complete" onclick="openComp(${a.activity_id},${a.assigned_to},${a.lead_id},'frommain')">
Complete Complete
</button> </button>
<button class="btn-view" onclick="viewDetail(${a.lead_id})"> <button class="btn-view" onclick="viewDetail(${a.lead_id})">
@ -815,13 +646,13 @@ async function fetchActivities(isLoadMore = false) {
} }
} }
// 2. Detail Logic // 2. Detail Logic
async function viewDetail(id) { async function viewDetail(id) {
console.log("i am here");
lead_id = id; lead_id = id;
const res = await fetch(`${API}/leads/${id}`); let res = await fetch(`${API}/leads/${id}`);
const json = await res.json(); let json = await res.json();
const l = json.data; let l = json.data;
document.getElementById('det_company').innerText = l.company_name; document.getElementById('det_company').innerText = l.company_name;
document.getElementById('det_email').innerText = l.email || 'N/A'; document.getElementById('det_email').innerText = l.email || 'N/A';
@ -843,8 +674,12 @@ async function viewDetail(id) {
} else { document.getElementById('box_owner').style.display = 'none'; } } else { document.getElementById('box_owner').style.display = 'none'; }
const badge = document.getElementById('det_status_badge'); const badge = document.getElementById('det_status_badge');
badge.innerText = l.status; // Use a fallback string like 'unknown' or 'pending'
badge.className = `lead-status status-${l.status.toLowerCase().replace(' ', '-')}`; let status = l.status || 'unknown';
badge.innerText = status;
badge.className = `lead-status status-${status.toLowerCase().replace(' ', '-')}`;
const oppBtn = document.getElementById('btn_add_opportunity'); const oppBtn = document.getElementById('btn_add_opportunity');
if (l.status === 'Prospects') { if (l.status === 'Prospects') {
oppBtn.style.display = 'inline-block'; oppBtn.style.display = 'inline-block';
@ -856,6 +691,7 @@ async function viewDetail(id) {
renderCard(l.opportunities || []); renderCard(l.opportunities || []);
openModal('leadDetailModal'); openModal('leadDetailModal');
} }
function renderCard(opps) { function renderCard(opps) {
const cont = document.getElementById('opportunitiesContainer'); const cont = document.getElementById('opportunitiesContainer');
@ -897,6 +733,7 @@ function renderCard(opps) {
</div>`; </div>`;
}).join('') : `<div class="empty-state"> <div class="empty-icon">💼</div> No opportunities yet. Add one to get started!</div>`; }).join('') : `<div class="empty-state"> <div class="empty-icon">💼</div> No opportunities yet. Add one to get started!</div>`;
} }
function renderTimeline(acts) { function renderTimeline(acts) {
const cont = document.getElementById('timelineContainer'); const cont = document.getElementById('timelineContainer');
@ -935,7 +772,7 @@ function renderTimeline(acts) {
</div> </div>
<div style="font-size:13px; color:#444;"></div> <div style="font-size:13px; color:#444;"></div>
${a.status === 'pending' ? ${a.status === 'pending' ?
`<button class="btn-primary" style="padding:4px 10px; font-size:11px; margin-top:8px;" onclick="openComp(${a.activity_id},${a.assigned_to},${a.lead_id})">Mark Complete</button>` : `<button class="btn-primary" style="padding:4px 10px; font-size:11px; margin-top:8px;" onclick="openComp(${a.activity_id},${a.assigned_to},${a.lead_id},'frompopup')">Mark Complete</button>` :
`<div style="font-size:12px; color:#388e3c; margin-top:8px; font-weight:500;">✓ Outcome: ${a.completion_notes}</div>` `<div style="font-size:12px; color:#388e3c; margin-top:8px; font-weight:500;">✓ Outcome: ${a.completion_notes}</div>`
} }
</div> </div>
@ -943,15 +780,16 @@ function renderTimeline(acts) {
`; `;
}).join('') : `<div class="empty-state"><div class="empty-icon">✓</div> No activities yet. Add one to get started!</div>`; }).join('') : `<div class="empty-state"><div class="empty-icon">✓</div> No activities yet. Add one to get started!</div>`;
} }
function openActivityModal() { function openActivityModal() {
document.getElementById('act_owner').value = global_lead_assigned_to; document.getElementById('act_owner').value = global_lead_assigned_to;
document.getElementById('act_owner').dispatchEvent(new Event('change')); document.getElementById('act_owner').dispatchEvent(new Event('change'));
document.getElementById('act_lead_id').value = lead_id; document.getElementById('act_lead_id').value = lead_id;
document.getElementById('act_lead_id').dispatchEvent(new Event('change')); document.getElementById('act_lead_id').dispatchEvent(new Event('change'));
openModal('activityModal'); document.getElementById('act_string_flag').value = "frompopup";
} }
function openComp(id, assigned_to, lead_id) { function openComp(id, assigned_to, lead_id, string_flag) {
document.getElementById('completeForm').reset(); document.getElementById('completeForm').reset();
document.getElementById('f_notes').removeAttribute('required'); document.getElementById('f_notes').removeAttribute('required');
document.getElementById('f_date').removeAttribute('required'); document.getElementById('f_date').removeAttribute('required');
@ -959,6 +797,7 @@ function openComp(id, assigned_to, lead_id) {
document.getElementById('comp_id').value = id; document.getElementById('comp_id').value = id;
document.getElementById('lead_id').value = lead_id; document.getElementById('lead_id').value = lead_id;
document.getElementById('f_assigned_to').value = assigned_to; document.getElementById('f_assigned_to').value = assigned_to;
document.getElementById('string_flag').value = string_flag;
document.getElementById('f_assigned_to').dispatchEvent(new Event('change')); document.getElementById('f_assigned_to').dispatchEvent(new Event('change'));
document.getElementById('f_typeButtons').querySelectorAll('.f_activity_type') document.getElementById('f_typeButtons').querySelectorAll('.f_activity_type')
.forEach(btn => btn.classList.remove('active')); .forEach(btn => btn.classList.remove('active'));
@ -971,7 +810,6 @@ function openOpportunityModal() {
openModal('opportunityModal'); openModal('opportunityModal');
} }
function switchTab(tabName) { function switchTab(tabName) {
//Default Activity Tab how to resset here //Default Activity Tab how to resset here
// 1. Hide all tab content // 1. Hide all tab content
@ -993,260 +831,6 @@ function switchTab(tabName) {
document.getElementById('tab_' + tabName).classList.add('active'); document.getElementById('tab_' + tabName).classList.add('active');
} }
// Add Lead Form Submissions
document.getElementById('addLeadForm').onsubmit = async (e) => {
e.preventDefault();
// Just grab the button variables first, DO NOT disable yet
const submitBtn = e.target.querySelector('button[type="submit"]');
const originalBtnText = submitBtn.innerText;
const data = Object.fromEntries(new FormData(e.target).entries());
let companyName = data.company_name?.trim();
let email = data.email?.trim();
let phone = data.phone?.trim();
let companyRegex = /^[A-Za-z\s]+$/;
let emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
let phoneRegex = /^\+?[0-9\s]{10,20}$/; // Phone regex (+, numbers, spaces allowed, 10-20 length)
// 1. HELPER FUNCTION: Shows Toastr and focuses the specific field
function showError(message, fieldName) {
toastr.warning(message, 'Validation Error');
setTimeout(function() {
$('[name="' + fieldName + '"]').focus();
}, 100);
}
// --- VALIDATION CHECKS (Button is still normal here) ---
if (!companyName && !email && !phone && !data.assigned_to) {
toastr.warning('Please fill in all the required fields.');
return;
}
if (!companyName) {
return showError('Company Name is required.', 'company_name');
}
if (!companyRegex.test(companyName)) {
return showError('Company Name can contain only letters and spaces.', 'company_name');
}
if (companyName.length < 2) {
return showError('Company Name must be at least 2 characters.', 'company_name');
}
if (!email && !phone) {
return showError("Either Email or Phone number is required.", 'email');
}
if (email && !emailRegex.test(email)) {
return showError("Please enter a valid email address.", 'email');
}
if (phone && !phoneRegex.test(phone)) {
return showError("Phone number can contain only +, numbers and spaces (1020 digits).", 'phone');
}
if (!data.status) {
return showError("Please select a status.", 'status');
}
if (!data.assigned_to) {
return showError("Please Select the user to be Assigned.", 'assigned_to');
}
// --- ALL VALIDATION PASSED: Now disable button ---
submitBtn.disabled = true;
submitBtn.innerText = 'Creating...';
try {
const res = await fetch(`${API}/leads`, {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(data)
});
if(res.ok) {
toastr.success('Leads Created Successfully');
closeModal('addActivityModal');
fetchActivities();
e.target.reset();
$(e.target).find('.searchable').trigger('change');
} else {
let err = await res.json();
if (res.status === 400) {
let errorMessages = "";
let seenMessages = [];
let isFirstError = true;
$('.form-control').removeClass('is-invalid');
if (err.messages) {
Object.entries(err.messages).forEach(([field, message]) => {
let inputElement = $('[name="' + field + '"]');
if (inputElement.length > 0) {
inputElement.addClass('is-invalid');
if (isFirstError) {
setTimeout(function() { inputElement.focus(); }, 100);
isFirstError = false;
}
}
if (!seenMessages.includes(message)) {
errorMessages += `• ${message}<br>`;
seenMessages.push(message);
}
});
toastr.error(errorMessages, 'Validation Error', { allowHtml: true });
} else {
toastr.warning(err.message || 'Validation failed', 'Warning');
}
} else {
toastr.error(err.message || 'Error adding lead');
}
}
} catch (err) {
toastr.error("A network error occurred.");
} finally {
// ALWAYS runs to reset button
submitBtn.disabled = false;
submitBtn.innerText = originalBtnText;
}
};
// Edit Lead Form Submissions
document.getElementById('editLeadForm').onsubmit = async (e) => {
e.preventDefault();
// Just grab the button variables first, DO NOT disable yet
const submitBtn = e.target.querySelector('button[type="submit"]');
const originalBtnText = submitBtn.innerText;
const data = Object.fromEntries(new FormData(e.target).entries());
console.log("Lead :", data);
let leadId = data.lead_id?.trim();
let companyName = data.company_name?.trim();
let email = data.email?.trim();
let phone = data.phone?.trim();
let gst = data.gst_number?.trim();
let companyRegex = /^[A-Za-z\s]+$/;
let emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
let phoneRegex = /^\+?[0-9\s]{10,20}$/;
let gstRegex = /^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z][0-9A-Z]Z[0-9A-Z]$/;
// 1. HELPER FUNCTION: Shows Toastr and focuses the specific field
function showError(message, fieldName) {
toastr.warning(message, 'Validation Error');
setTimeout(function() {
$('[name="' + fieldName + '"]').focus();
}, 100);
}
// --- VALIDATION CHECKS (Button is still normal here) ---
if (!companyName && !email && !phone && !data.assigned_to) {
toastr.warning('Please fill in all the required fields.');
return;
}
if (!companyName) {
return showError('Company Name is required.', 'company_name');
}
if (!companyRegex.test(companyName)) {
return showError('Company Name can contain only letters and spaces.', 'company_name');
}
if (companyName.length < 2) {
return showError('Company Name must be at least 2 characters.', 'company_name');
}
if (!email && !phone) {
return showError("Either Email or Phone number is required.", 'email');
}
if (email && !emailRegex.test(email)) {
return showError("Please enter a valid email address.", 'email');
}
if (phone && !phoneRegex.test(phone)) {
return showError("Phone number can contain only +, numbers and spaces (1020 digits).", 'phone');
}
if (gst && !gstRegex.test(gst)) {
return showError("Please enter a valid GST Number (e.g., 22AAAAA0000A1Z5).", 'gst_number');
}
if (!data.status) {
return showError("Please select a status.", 'status');
}
if (!data.assigned_to) {
return showError("Please Select the user to be Assigned.", 'assigned_to');
}
// --- ALL VALIDATION PASSED: Now disable button ---
submitBtn.disabled = true;
submitBtn.innerText = 'Updating...';
try {
const res = await fetch(`${API}/leads/${leadId}`, {
method: 'PUT',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(data)
});
if(res.ok) {
toastr.success('Leads Updated Successfully');
closeModal('editLeadModal');
fetchActivities();
e.target.reset();
$('#savedContactsContainer').empty();
$('#NoData').show();
} else {
let err = await res.json();
if (res.status === 400) {
let errorMessages = "";
let seenMessages = [];
let isFirstError = true;
$('.form-control').removeClass('is-invalid');
if (err.messages) {
Object.entries(err.messages).forEach(([field, message]) => {
let inputElement = $('[name="' + field + '"]');
if (inputElement.length > 0) {
inputElement.addClass('is-invalid');
if (isFirstError) {
setTimeout(function() { inputElement.focus(); }, 100);
isFirstError = false;
}
}
if (!seenMessages.includes(message)) {
errorMessages += `• ${message}<br>`;
seenMessages.push(message);
}
});
toastr.error(errorMessages, 'Validation Error', { allowHtml: true });
} else {
toastr.warning(err.message || 'Validation failed', 'Warning');
}
} else {
toastr.error(err.message || 'Error updating lead');
}
}
} catch (err) {
toastr.error("A network error occurred.");
} finally {
// ALWAYS runs to reset button
submitBtn.disabled = false;
submitBtn.innerText = originalBtnText;
}
};
// Activity Form Submissions // Activity Form Submissions
document.getElementById('activityForm').onsubmit = async (e) => { document.getElementById('activityForm').onsubmit = async (e) => {
e.preventDefault(); e.preventDefault();
@ -1256,6 +840,8 @@ document.getElementById('activityForm').onsubmit = async (e) => {
let actNotes = document.getElementById('act_notes').value.trim(); let actNotes = document.getElementById('act_notes').value.trim();
let actOwner = document.getElementById('act_owner').value.trim(); let actOwner = document.getElementById('act_owner').value.trim();
let actLead = document.getElementById('act_lead_id').value.trim(); let actLead = document.getElementById('act_lead_id').value.trim();
let flag = document.getElementById('act_string_flag').value;
// 2. Perform Validation // 2. Perform Validation
if (!actLead) { if (!actLead) {
@ -1268,8 +854,13 @@ document.getElementById('activityForm').onsubmit = async (e) => {
return; return;
} }
const hasDefaultActiveType = document.querySelector('#typeButtons .d_activity_type.active');
if (!hasDefaultActiveType) {
toastr.warning('Please select an activity type.');
return;
}
if (!selectedType) { if (!selectedType) {
toastr.warning('Please select activity type'); toastr.warning('Please select an activity type.');
return; return;
} }
@ -1311,7 +902,11 @@ document.getElementById('activityForm').onsubmit = async (e) => {
if (res.ok) { if (res.ok) {
toastr.success('Activity Created Successfully'); toastr.success('Activity Created Successfully');
closeModal('activityModal'); closeModal('activityModal');
viewDetail(document.getElementById('act_lead_id').value); // Make sure lead_id is passed correctly if (flag === "frompopup") {
viewDetail(document.getElementById('act_lead_id').value);
} else {
window.location.reload();
}
} else { } else {
toastr.error('Failed to create activity.'); toastr.error('Failed to create activity.');
} }
@ -1330,6 +925,8 @@ document.getElementById('activityForm').onsubmit = async (e) => {
document.getElementById('completeForm').onsubmit = async (e) => { document.getElementById('completeForm').onsubmit = async (e) => {
e.preventDefault(); e.preventDefault();
let flag = document.getElementById('string_flag').value; //"frompopup"
// 1. Grab button variables first, DO NOT disable yet // 1. Grab button variables first, DO NOT disable yet
const submitBtn = e.target.querySelector('button[type="submit"]'); const submitBtn = e.target.querySelector('button[type="submit"]');
const originalBtnText = submitBtn.innerText; const originalBtnText = submitBtn.innerText;
@ -1354,9 +951,14 @@ document.getElementById('completeForm').onsubmit = async (e) => {
let fDate = document.getElementById('f_date').value.trim(); let fDate = document.getElementById('f_date').value.trim();
let fAssigned = document.getElementById('f_assigned_to').value.trim(); let fAssigned = document.getElementById('f_assigned_to').value.trim();
const hasActiveType = document.querySelector('#f_typeButtons .f_activity_type.active');
if (!hasActiveType) {
toastr.warning('Please select the next activity type.');
return;
}
// FIX: Check your global variable, not the undefined DOM element // FIX: Check your global variable, not the undefined DOM element
if (!selectedFollowUpActivityType) { if (!selectedFollowUpActivityType) {
toastr.warning('Please Pickup Next Activity Type'); toastr.warning('Please select the next activity type.');
return; return;
} }
@ -1425,7 +1027,13 @@ document.getElementById('completeForm').onsubmit = async (e) => {
// Final Actions // Final Actions
closeModal('completeModal'); closeModal('completeModal');
if (flag === "frompopup") {
viewDetail(leadId); viewDetail(leadId);
} else if (flag === "frommain") {
window.location.reload();
}
e.target.reset(); e.target.reset();
selectedFollowUpActivityType = ''; // Reset global variable selectedFollowUpActivityType = ''; // Reset global variable
@ -1458,6 +1066,7 @@ document.getElementById('completeForm').onsubmit = async (e) => {
submitBtn.innerText = originalBtnText; submitBtn.innerText = originalBtnText;
} }
}; };
function submitToRedirectwithactualLeadIDUrl(){ function submitToRedirectwithactualLeadIDUrl(){
@ -1514,18 +1123,29 @@ document.getElementById('do_follow').addEventListener('change', function () {
selectedFollowUpActivityType = ''; // Reset global variable selectedFollowUpActivityType = ''; // Reset global variable
} }
}); });
const btnSaveContact = document.getElementById('btnSaveContact');
if (btnSaveContact) {
btnSaveContact.onclick = async (e) => {
e.preventDefault(); // Prevent accidental form submission
document.getElementById('btnSaveContact').onclick = async (e) => { // 1. Get and Trim Values
// Use .value instead of .val() const nameInput = document.getElementById('contact_name');
let name = document.getElementById('contact_name').value.trim(); const mobileInput = document.getElementById('contact_mobile');
let mobile = document.getElementById('contact_mobile').value.trim(); const leadIdInput = document.getElementById('lead_id');
let lead_id = document.getElementById('lead_id').value.trim();
const name = nameInput.value.trim();
const mobile = mobileInput.value.trim();
const lead_id = leadIdInput.value.trim();
// 2. Simple Client-Side Validation
if (!name || !mobile) { if (!name || !mobile) {
return toastr.warning('Please enter both contact person name and mobile number.'); return toastr.warning('Please enter both contact person name and mobile number.');
} }
let payload = { lead_id: lead_id, name: name, mobile: mobile }; let payload = { lead_id: lead_id, name: name, mobile: mobile };
// Reset previous error states
document.querySelectorAll('.is-invalid').forEach(el => el.classList.remove('is-invalid'));
try { try {
const res = await fetch(`${API}/contacts`, { const res = await fetch(`${API}/contacts`, {
@ -1534,19 +1154,19 @@ document.getElementById('btnSaveContact').onclick = async (e) => {
body: JSON.stringify(payload) body: JSON.stringify(payload)
}); });
const result = await res.json(); // Get the response body const result = await res.json();
if (res.ok) { if (res.ok) {
// Clear inputs // Success: Clear inputs
document.getElementById('contact_name').value = ''; nameInput.value = '';
document.getElementById('contact_mobile').value = ''; mobileInput.value = '';
// Hide "No Data" message // Hide "No Data" message if it exists
const noData = document.getElementById('NoData'); const noData = document.getElementById('NoData');
if(noData) noData.style.display = 'none'; if(noData) noData.style.display = 'none';
// Create the HTML string // Generate HTML for the new contact
let contactHtml = ` const contactHtml = `
<div class="contact-card d-flex justify-content-between align-items-center mb-2 p-2" <div class="contact-card d-flex justify-content-between align-items-center mb-2 p-2"
style="background: #f8f8f8; border-radius: 8px;" style="background: #f8f8f8; border-radius: 8px;"
data-id="${result.data.contact_id}"> data-id="${result.data.contact_id}">
@ -1554,12 +1174,14 @@ document.getElementById('btnSaveContact').onclick = async (e) => {
<div class="fw-bold">${result.data.name}</div> <div class="fw-bold">${result.data.name}</div>
<div class="text-muted">${result.data.mobile}</div> <div class="text-muted">${result.data.mobile}</div>
</div> </div>
<div>
<button type="button" <button type="button"
class="btn btn-danger btn-sm btnRemoveContact" class="btn btn-danger btn-sm btnRemoveContact"
data-id="${result.data.contact_id}"> data-id="${result.data.contact_id}">
Remove Remove
</button> </button>
</div> </div>
</div>
`; `;
// <button type="button" // <button type="button"
@ -1567,32 +1189,29 @@ document.getElementById('btnSaveContact').onclick = async (e) => {
// data-id="${result.data.contact_id}"> // data-id="${result.data.contact_id}">
// Update // Update
// </button> // </button>
// Append to container using Vanilla JS // Append to container
document.getElementById('savedContactsContainer').insertAdjacentHTML('beforeend', contactHtml); document.getElementById('savedContactsContainer').insertAdjacentHTML('beforeend', contactHtml);
toastr.success('Contact saved successfully'); toastr.success('Contact saved successfully');
} else { } else {
let err = await res.json(); // Handle Errors using the 'result' we already parsed
if (res.status === 400) { if (res.status === 400) {
let errorMessages = ""; let errorMessages = "";
let seenMessages = []; let seenMessages = [];
if (err.messages) { let isFirstError = true; // Fixed: Variable initialization
Object.entries(err.messages).forEach(([field, message]) => {
let inputElement = $('[name="' + field + '"]');
if (inputElement.length > 0) { if (result.messages) {
// Make the field box turn red so the user sees it immediately Object.entries(result.messages).forEach(([field, message]) => {
inputElement.addClass('is-invalid'); // Find element by name attribute (Vanilla JS)
let inputElement = document.querySelector(`[name="${field}"]`);
// Focus on the first error field if (inputElement) {
inputElement.classList.add('is-invalid');
if (isFirstError) { if (isFirstError) {
// The 100ms delay safely bypasses Bootstrap's modal focus block setTimeout(() => inputElement.focus(), 100);
setTimeout(function() {
inputElement.focus();
}, 100);
isFirstError = false; isFirstError = false;
} }
} }
if (!seenMessages.includes(message)) { if (!seenMessages.includes(message)) {
errorMessages += `• ${message}<br>`; errorMessages += `• ${message}<br>`;
seenMessages.push(message); seenMessages.push(message);
@ -1600,20 +1219,22 @@ document.getElementById('btnSaveContact').onclick = async (e) => {
}); });
toastr.error(errorMessages, 'Validation Error', { allowHtml: true }); toastr.error(errorMessages, 'Validation Error', { allowHtml: true });
} else { } else {
toastr.warning(err.message || 'Validation failed', 'Warning'); toastr.warning(result.message || 'Validation failed');
} }
} } else {
else { toastr.error(result.message || 'An error occurred while saving.');
toastr.error(err.message || 'Error adding lead');
} }
} }
} catch (error) { } catch (error) {
console.error(error); console.error("Fetch Error:", error);
toastr.error('An error occurred'); toastr.error('Network error or server is unreachable.');
} }
}; };
}
document.getElementById('savedContactsContainer').onclick = async (e) => { const savedContactsContainer = document.getElementById('savedContactsContainer');
if (savedContactsContainer) {
savedContactsContainer.onclick = async (e) => {
// Check if the clicked element is a Remove button // Check if the clicked element is a Remove button
if (e.target.classList.contains('btnRemoveContact')) { if (e.target.classList.contains('btnRemoveContact')) {
const btn = e.target; const btn = e.target;
@ -1644,72 +1265,6 @@ document.getElementById('savedContactsContainer').onclick = async (e) => {
} }
} }
}; };
async function openEditLeadModal(id) {
// 1. Reset UI State
document.getElementById('hidden_lead_id').value = id;
const container = $('#savedContactsContainer');
// Remove only previous contact cards, keep the NoData span for now
container.find('.contact-card').remove();
try {
// 2. Fetch Lead Details
const response = await fetch(`${API}/leads/${id}`);
if (!response.ok) throw new Error('Failed to fetch lead');
const result = await response.json();
// IMPORTANT: Your data is nested inside result.data
const lead = result.data;
// 3. Populate Form Fields
const form = document.getElementById('editLeadForm');
// Mapping fields carefully
form.querySelector('[name="company_name"]').value = lead.company_name || '';
form.querySelector('[name="email"]').value = lead.email || '';
form.querySelector('[name="phone"]').value = lead.phone || '';
form.querySelector('[name="address"]').value = lead.address || '';
form.querySelector('[name="website"]').value = lead.website || '';
form.querySelector('[name="gst_number"]').value = lead.gst_number || '';
form.querySelector('[name="status"]').value = lead.status || 'New';
form.querySelector('[name="assigned_to"]').value = lead.assigned_to || '';
$(form.querySelector('[name="assigned_to"]')).trigger('change');
// 4. Handle Contact Persons (Looping through the nested array)
const contacts = lead.contact_persons; // Array from your JSON
if (contacts && contacts.length > 0) {
$('#NoData').hide();
contacts.forEach(contact => {
let contactHtml = `
<div class="contact-card d-flex justify-content-between align-items-center mb-2 p-3"
style="background: #f8f8f8; border-radius: 8px;"
data-id="${contact.contact_id}">
<div>
<div class="fw-bold">${contact.name}</div>
<div class="text-muted">${contact.mobile}</div>
</div>
<button type="button"
class="btn btn-danger btn-sm btnRemoveContact"
data-id="${contact.contact_id}">
Remove
</button>
</div>`;
container.append(contactHtml);
});
} else {
$('#NoData').show();
}
// 5. Open the Modal
openModal('editLeadModal');
} catch (error) {
console.error("Error loading lead data:", error);
alert("Could not load lead details. Check console for details.");
}
} }
function convertDBFormatted(input) { function convertDBFormatted(input) {
@ -1739,6 +1294,7 @@ function convertDBFormatted(input) {
seconds.padStart(2, '0') seconds.padStart(2, '0')
); );
} }
fetchActivities(); fetchActivities();
</script> </script>

View File

@ -9,6 +9,38 @@
.stat-change { font-size: 11px; margin-top: 8px; font-weight: 600; } .stat-change { font-size: 11px; margin-top: 8px; font-weight: 600; }
.text-success { color: #48bb78; } .text-success { color: #48bb78; }
.card-hero {
background: white;
padding: 25px;
border-radius: 12px;
border: 1px solid #edf2f7;
box-shadow: 0 4px 6px rgba(0,0,0,0.05);
position: relative;
overflow: hidden;
transition: transform 0.2s ease;
}
/* The Gradient Overlay Effect */
.card-hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px; /* Thin line at the top */
background: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%);
}
.card-hero:hover {
transform: translateY(-5px);
box-shadow: 0 10px 15px rgba(0,0,0,0.1);
}
/* Optional: Subtle Background Gradient */
.card-hero.gradient-bg {
background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
}
.main-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-bottom: 30px; } .main-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-bottom: 30px; }
.table-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .table-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
@ -29,10 +61,18 @@
.status-pill { padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 700; display: inline-block; } .status-pill { padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 700; display: inline-block; }
.status-completed { background: #f0fff4; color: #38a169; } .status-completed { background: #f0fff4; color: #38a169; }
.status-pending { background: #fffaf0; color: #dd6b20; } .status-pending { background: #fffaf0; color: #dd6b20; }
.status-new { background: #e3f2fd; color: #1976d2; }
.status-potential { background: #fff3e0; color: #f57c00; }
.status-prospects { background: #e8f5e9; color: #388e3c; }
.status-not-a-prospects { background: #ffebee; color: #d32f2f; }
.empty-state { text-align: center; padding: 60px 20px; color: #999; }
.empty-icon { width: 80px; height: 80px; margin: 0 auto 20px; background: #f5f5f5; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 36px; }
</style> </style>
<div class="dash-container"> <div class="dash-container">
<div class="top-header"> <!-- <div class="top-header">
<div> <div>
<h2 style="font-weight: 800; color: #1a202c; font-size: 24px;">Dashboard</h2> <h2 style="font-weight: 800; color: #1a202c; font-size: 24px;">Dashboard</h2>
<p style="color: #718096; font-size: 14px; margin-top: 4px;">Overview of your branch</p> <p style="color: #718096; font-size: 14px; margin-top: 4px;">Overview of your branch</p>
@ -40,29 +80,34 @@
<div style="position: relative;"> <div style="position: relative;">
<input type="text" placeholder="Search leads, activities....." style="background:white; padding:12px 20px; border-radius:10px; border:1px solid #e2e8f0; width: 350px; font-size: 13px;"> <input type="text" placeholder="Search leads, activities....." style="background:white; padding:12px 20px; border-radius:10px; border:1px solid #e2e8f0; width: 350px; font-size: 13px;">
</div> </div>
</div> </div> -->
<div class="stat-cards"> <div class="stat-cards">
<div class="card"> <div class="card-hero">
<div class="stat-val">4</div> <div class="stat-val"><?php echo $total_leads; ?></div>
<div class="stat-label">Total Leads</div> <div class="stat-label">Total Leads</div>
<div class="stat-change text-success"> 12% this month</div> <!-- <div class="stat-change text-success"> 12% this month</div> -->
</div> </div>
<div class="card"> <div class="card-hero">
<div class="stat-val">6</div> <div class="stat-val"><?php echo $total_activities ?></div>
<div class="stat-label">Total Activities</div> <div class="stat-label">Total Activities</div>
<div class="stat-change text-success"> 5% this month</div> <!-- <div class="stat-change text-success"> 5% this month</div> -->
</div> </div>
<div class="card"> <div class="card-hero">
<div class="stat-val">1</div> <div class="stat-val"><?php echo ($total_activities - $completed_acts) ?></div>
<div class="stat-label">Pending Activities</div>
<!-- <div class="stat-change text-success"> 15% this month</div> -->
</div>
<div class="card-hero">
<div class="stat-val"><?php echo $completed_acts ?></div>
<div class="stat-label">Completed Activities</div> <div class="stat-label">Completed Activities</div>
<div class="stat-change text-success"> 15% this month</div> <!-- <div class="stat-change text-success"> 15% this month</div> -->
</div> </div>
<div class="card"> <!-- <div class="card">
<div class="stat-val">₹15.0L</div> <div class="stat-val">₹15.0L</div>
<div class="stat-label">Pipeline Value</div> <div class="stat-label">Pipeline Value</div>
<div class="stat-change text-success"> 18% this month</div> <div class="stat-change text-success"> 18% this month</div>
</div> </div> -->
</div> </div>
<div class="main-grid"> <div class="main-grid">
@ -81,62 +126,117 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<?php if (!empty($recent_acts)): ?>
<?php foreach ($recent_acts as $a): ?>
<?php
$activityIcons = [
'Call' => '📞',
'Email' => '✉️',
'Meeting' => '📅',
'Visit' => '🚗',
'Demo' => '🎬',
'Share' => '📄',
'Todo' => '✓'
];
$icon = $activityIcons[$a['activity_type']] ?? '📌';
$statusClass = strtolower(str_replace(' ', '-', $a['status']));
$formattedDate = date('d M Y', strtotime($a['scheduled_date']));
?>
<tr> <tr>
<td><strong>Venba Infotech</strong></td> <td><strong><?= esc($a['company_name']) ?></strong></td>
<td> <td>
<div style="color: #ff6b35; font-weight: 700; font-size: 11px;">CALL</div> <div style="color: #ff6b35; font-weight: 700; font-size: 11px;">
<div style="font-size: 12px; color: #718096;">John Doe</div> <?= $icon ?> <?= strtoupper(esc($a['activity_type'])) ?>
</div>
<div style="font-size: 12px; color: #718096;">
<?= esc($a['assigned_to_name'] ?? 'ID: ' . $a['assigned_to']) ?>
</div>
</td> </td>
<td style="color: #4a5568; font-weight: 500;">20 Feb 2026</td> <td style="color: #4a5568; font-weight: 500;"><?= $formattedDate ?></td>
<td><span class="status-pill status-completed">Completed</span></td> <td><span class="status-pill status-<?= $statusClass ?>"><?= ucfirst(esc($a['status'])) ?></span></td>
</tr> </tr>
<?php endforeach; ?>
<?php else: ?>
<tr> <tr>
<td><strong>Acme Corporation</strong></td> <td colspan="4">
<td> <div class="empty-state">
<div style="color: #ff6b35; font-weight: 700; font-size: 11px;">EMAIL</div> <div class="empty-icon"></div> No activities found
<div style="font-size: 12px; color: #718096;">John Doe</div> </div>
</td> </td>
<td style="color: #4a5568; font-weight: 500;">20 Feb 2026</td>
<td><span class="status-pill status-pending">Pending</span></td>
</tr> </tr>
<?php endif; ?>
</tbody> </tbody>
</table> </table>
</div> </div>
<div> <div>
<div class="card"> <div class="card">
<h3 style="font-size: 16px; font-weight: 700; margin-bottom: 15px;">Sales Team Performance</h3> <h3 style="font-size: 16px; font-weight: 700; margin-bottom: 15px;">Sales Team Performance</h3>
<div class="team-member"> <?php foreach ($team as $member) {
<div class="member-img" style="background: #ff6b35;">V</div> $firstLetter = strtoupper(substr($member['first_name'], 0, 1));
<div style="flex: 1;"> $fullName = $member['first_name'] . ' ' . $member['last_name'];
<div style="font-weight: 700; font-size: 14px;">Venkat 3.0</div> $totalActs = $member['total_acts'];
<div style="font-size: 11px; color: #718096;">Sales Manager</div> $doneActs = $member['done_acts'];
</div> $role = $member['role']; // fix your DB first
<div class="act-stats">
<div class="total">6 acts</div> // Random or consistent color based on name
<div class="done">1 done</div> $colors = ['#ff6b35', '#667eea', '#48bb78', '#ed8936', '#9f7aea'];
</div> $colorIndex = abs(crc32($member['first_name'])) % count($colors);
</div> $color = $colors[$colorIndex];
<div class="team-member">
<div class="member-img" style="background: #4a5568;">P</div> echo "
<div style="flex: 1;"> <div class='team-member'>
<div style="font-weight: 700; font-size: 14px;">Pavi_the_Staff V</div> <div class='member-img' style='background: {$color};'>{$firstLetter}</div>
<div style="font-size: 11px; color: #718096;">Sales Staff</div> <div style='flex: 1;'>
</div> <div style='font-weight: 700; font-size: 14px;'>{$fullName}</div>
<div class="act-stats"> <div style='font-size: 11px; color: #718096;'>{$role}</div>
<div class="total">0 acts</div>
<div class="done">0 done</div>
</div>
</div> </div>
<div class='act-stats'>
<div class='total'>{$totalActs} acts</div>
<div class='done'>{$doneActs} done</div>
</div> </div>
</div>";
} ?>
<div class="card breakdown-card"> <div class="card breakdown-card">
<h3 style="font-size: 15px; font-weight: 700; margin-bottom: 20px;">Activity Breakdown</h3> <h3 style="font-size: 15px; font-weight: 700; margin-bottom: 20px;">Activity Breakdown</h3>
<div class="breakdown-item"><span><span class="dot" style="background: #ff6b35;"></span> Call</span><strong>42%</strong></div> <!-- <div class="breakdown-item"><span><span class="dot" style="background: #ff6b35;"></span> Call</span><strong>42%</strong></div>
<div class="breakdown-item"><span><span class="dot" style="background: #48bb78;"></span> Email</span><strong>25%</strong></div> <div class="breakdown-item"><span><span class="dot" style="background: #48bb78;"></span> Email</span><strong>25%</strong></div>
<div class="breakdown-item"><span><span class="dot" style="background: #4299e1;"></span> Meeting</span><strong>18%</strong></div> <div class="breakdown-item"><span><span class="dot" style="background: #4299e1;"></span> Meeting</span><strong>18%</strong></div>
<div class="breakdown-item"><span><span class="dot" style="background: #ecc94b;"></span> Visit</span><strong>10%</strong></div> <div class="breakdown-item"><span><span class="dot" style="background: #ecc94b;"></span> Visit</span><strong>10%</strong></div>
<div class="breakdown-item"><span><span class="dot" style="background: #9f7aea;"></span> Demo</span><strong>5%</strong></div> <div class="breakdown-item"><span><span class="dot" style="background: #9f7aea;"></span> Demo</span><strong>5%</strong></div> -->
<?php
$activityConfig = [
'Call' => ['color' => '#ff6b35', 'icon' => '📞'],
'Email' => ['color' => '#48bb78', 'icon' => '✉️'],
'Meeting' => ['color' => '#4299e1', 'icon' => '📅'],
'Visit' => ['color' => '#ecc94b', 'icon' => '🚗'],
'Demo' => ['color' => '#9f7aea', 'icon' => '🎬'],
'Share' => ['color' => '#ed8936', 'icon' => '📄'],
'Todo' => ['color' => '#718096', 'icon' => '✓'],
];
?>
<?php if (!empty($activity_breakdown)): ?>
<?php foreach ($activity_breakdown as $item): ?>
<?php
$type = $item['activity_type'];
$color = $activityConfig[$type]['color'] ?? '#718096';
$icon = $activityConfig[$type]['icon'] ?? '📌';
?>
<div class="breakdown-item">
<span>
<span class="dot" style="background: <?= $color ?>;"></span>
<?= $icon ?> <?= esc($type) ?>
</span>
<strong><?= $item['percentage'] ?>%</strong>
</div>
<?php endforeach; ?>
<?php else: ?>
<div class="empty-state">No activities found</div>
<?php endif; ?>
</div> </div>
</div> </div>
</div> </div>
@ -157,20 +257,24 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<?php if (!empty($leads_overview)): ?>
<?php foreach ($leads_overview as $lead): ?>
<?php $statusClass = strtolower(str_replace(' ', '-', $lead['status'])); ?>
<tr> <tr>
<td><strong>Venba Infotech</strong></td> <td><strong><?= esc($lead['company_name']) ?></strong></td>
<td><span style="background: #edf2f7; color: #4a5568; font-size: 10px; padding: 3px 10px; border-radius: 12px; font-weight: 700; text-transform: uppercase;">New</span></td> <td><span class="status-pill status-<?= $statusClass ?>"><?= esc($lead['status']) ?></span></td>
<td style="color: #4a5568;">John Doe</td> <td><?= esc($lead['assigned_to'] ?? 'Unassigned') ?></td>
<td><div style="text-align: center; font-weight: 700;">1</div></td> <td><div style="text-align: center; font-weight: 700;"><?= $lead['activities'] ?></div></td>
<td><div style="text-align: center; font-weight: 700;">1</div></td> <td><div style="text-align: center; font-weight: 700;"><?= $lead['opportunities'] ?></div></td>
</tr> </tr>
<?php endforeach; ?>
<?php else: ?>
<tr> <tr>
<td><strong>Acme Corporation</strong></td> <td colspan="5">
<td><span style="background: #fff3e0; color: #f57c00; font-size: 10px; padding: 3px 10px; border-radius: 12px; font-weight: 700; text-transform: uppercase;">Potential</span></td> <div class="empty-state">No leads found</div>
<td style="color: #4a5568;">John Doe</td> </td>
<td><div style="text-align: center; font-weight: 700;">1</div></td>
<td><div style="text-align: center; font-weight: 700;">0</div></td>
</tr> </tr>
<?php endif; ?>
</tbody> </tbody>
</table> </table>
</div> </div>

View File

@ -19,6 +19,35 @@
.lead-initial { width: 35px; height: 35px; background: #f0f0f0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #ff6b35; } .lead-initial { width: 35px; height: 35px; background: #f0f0f0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #ff6b35; }
.status-pill { font-size: 10px; padding: 2px 10px; border-radius: 12px; font-weight: 600; } .status-pill { font-size: 10px; padding: 2px 10px; border-radius: 12px; font-weight: 600; }
/* Modals */
.modal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 2000; align-items: center; justify-content: center; }
.modal.active { display: flex; }
.modal-content { background: white; border-radius: 12px; width: 90%; max-width: 800px; max-height: 90vh; overflow-y: auto; display: flex; flex-direction: column; }
.modal-header { padding: 5px 25px; border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; }
.modal-body { padding: 25px; flex: 1; }
.form-group { margin-bottom: 20px; }
.form-label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 500; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.empty-state { text-align: center; padding: 60px 20px; color: #999; }
.empty-icon { width: 80px; height: 80px; margin: 0 auto 20px; background: #f5f5f5; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 36px; }
input, select, textarea { background-color: white !important; border-radius: 6px !important; box-shadow: none !important; border-color: #ddd !important; }
input, select, textarea { width: 400px; padding: 10px 15px; border: 1px solid #e0e0e0; border-radius: 8px; font-size: 14px; outline: none; }
input:focus, select:focus, textarea:focus { border-color: #ff6b35; outline: none; /* removes blue browser outline */ }
.modal .form-control { transition: 0.2s ease; }
.modal .form-control:focus { border-color: #ff6b35; box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.2);
outline: none;
}
.btn-primary { background: #ff6b35; color: white; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.2s; }
.btn-primary:hover { background: #ff5722; transform: translateY(-1px); }
.btn-complete { background: #4caf50; color: white; border: none;padding: 8px 16px; border-radius: 6px; cursor: pointer; font-size: 13px; transition: all 0.2s;}
.btn-complete:hover { background: #4caf50; transform: translateY(-1px); }
.btn-view { background: #f0f0f0; color: #666; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; font-size: 13px; transition: all 0.2s;}
.btn-view:hover { background: #f0f0f0; transform: translateY(-1px); }
</style> </style>
<div class="my-dash"> <div class="my-dash">
@ -82,7 +111,7 @@
<div style="font-weight:600; font-size:14px; color: #333;"><?= $u['company_name'] ?></div> <div style="font-weight:600; font-size:14px; color: #333;"><?= $u['company_name'] ?></div>
<div style="font-size:11px; color:#999; margin-top: 3px;"><?= strtoupper($u['activity_type'] ?? 'EMAIL') ?> - <?= date('d Mar Y', strtotime($u['scheduled_date'])) ?></div> <div style="font-size:11px; color:#999; margin-top: 3px;"><?= strtoupper($u['activity_type'] ?? 'EMAIL') ?> - <?= date('d Mar Y', strtotime($u['scheduled_date'])) ?></div>
</div> </div>
<button class="badge-done"> Mark as completed</button> <button class="badge-done" onclick="openComp(<?= $u['activity_id'] ?>,<?= $u['lead_id'] ?>)"> Mark as completed</button>
</div> </div>
<?php endforeach; ?> <?php endforeach; ?>
</div> </div>
@ -105,8 +134,129 @@
</div> </div>
</div> </div>
<div class="modal" id="completeModal">
<div class="modal-content" style="max-width: 675px;">
<div class="modal-header">
<h3>Complete Activity</h3>
<button class="btn-primary" style="background:none; color:#666; font-size:24px;" title="Close" onclick="closeModal('completeModal')">&times;</button>
</div>
<form class="parsley-examples" id="completeForm" enctype="multipart/form-data">
<hr class="my-0">
<div class="modal-body p-4">
<input type="hidden" id="comp_id">
<input type="hidden" id="lead_id">
<div class="form-group">
<label class="form-label">Outcome / Notes <span class="text-danger">*</span></label>
<textarea id="comp_notes" class="search-input" style="width:100%; height:80px;" required placeholder="What happened? Any next steps?" rows="3" required></textarea>
</div>
</div>
<div class="modal-footer">
<div class="form-group text-right mb-0">
<button type="button" class="btn-primary" style="background:#eee; color:#333; margin-right:10px;" onclick="closeModal('completeModal')">Cancel</button>
<button type="submit" class="btn-primary">Submit Outcome</button>
</div>
</div>
</form>
</div>
</div>
<script> <script>
const API = '<?= base_url('sales') ?>';
function openModal(id) { document.getElementById(id).classList.add('active'); }
function openComp(id, lead_id) {
document.getElementById('completeForm').reset();
document.getElementById('comp_id').value = id;
document.getElementById('lead_id').value = lead_id;
openModal('completeModal');
}
document.getElementById('completeForm').onsubmit = async (e) => {
e.preventDefault();
// 1. Grab button variables first, DO NOT disable yet
const submitBtn = e.target.querySelector('button[type="submit"]');
const originalBtnText = submitBtn.innerText;
// 2. Capture values into variables
const activityId = document.getElementById('comp_id').value;
const leadId = document.getElementById('lead_id').value;
// This creates a TRUE or FALSE boolean
let compNotes = document.getElementById('comp_notes').value.trim();
// --- VALIDATION CHECKS (Button is still normal here) ---
if (compNotes === '') {
toastr.warning('Completion notes is required');
return;
}
// --- ALL VALIDATION PASSED: Now disable button ---
submitBtn.disabled = true;
submitBtn.innerText = 'Submitting...';
try {
const payload = {
completion_notes: compNotes, // Use the already trimmed variable
create_followup: 'no',
};
// Mark current activity complete
const res = await fetch(`${API}/activities/${activityId}/complete`, {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(payload)
});
if (res.ok) {
toastr.success('Updated Successfully');
// Final Actions
closeModal('completeModal');
e.target.reset();
window.location.reload();
} else {
let err = await res.json();
if (res.status === 400) {
let errorMessages = "";
let seenMessages = [];
if (err.messages) {
Object.entries(err.messages).forEach(([field, message]) => {
if (!seenMessages.includes(message)) {
errorMessages += `• ${message}<br>`;
seenMessages.push(message);
}
});
toastr.error(errorMessages, 'Validation Error', { allowHtml: true });
} else {
toastr.warning(err.message || 'Validation failed', 'Warning');
}
} else {
toastr.error(err.message || 'Error completing activity');
}
}
} catch (err) {
toastr.error("A network error occurred.");
} finally {
// ALWAYS runs to reset button
submitBtn.disabled = false;
submitBtn.innerText = originalBtnText;
}
};
function closeModal(id) {
const modal = document.getElementById(id);
if (modal) {
modal.classList.remove('active'); // Hide the modal
const form = modal.querySelector('form'); // Find the form inside this specific modal
}
}
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const fy = params.get('fy'); const fy = params.get('fy');

View File

@ -276,15 +276,17 @@
<div class="modal-body p-4"> <div class="modal-body p-4">
<input type="hidden" id="act_lead_id"> <input type="hidden" id="act_lead_id">
<label class="form-label">Activity Type</label> <label class="form-label">Activity Type <span class="text-danger">*</span></label>
<div class="activity-types" id="typeButtons"> <div class="activity-types" id="typeButtons">
<button type="button" class="activity-type-btn active" onclick="selectType('Call', this)">📞 Call</button>
<button type="button" class="activity-type-btn" onclick="selectType('Email', this)">✉️ Email</button> <button type="button" class="activity-type-btn d_activity_type active" data-type="Call" onclick="selectType('Call', this)">📞 Call</button>
<button type="button" class="activity-type-btn" onclick="selectType('Meeting', this)">📅 Meeting</button> <button type="button" class="activity-type-btn d_activity_type" data-type="Email" onclick="selectType('Email', this)">✉️ Email</button>
<button type="button" class="activity-type-btn" onclick="selectType('Visit', this)">🚗 Visit</button> <button type="button" class="activity-type-btn d_activity_type" data-type="Meeting" onclick="selectType('Meeting', this)">📅 Meeting</button>
<button type="button" class="activity-type-btn" onclick="selectType('Demo', this)">🎬 Demo</button> <button type="button" class="activity-type-btn d_activity_type" data-type="Visit" onclick="selectType('Visit', this)">🚗 Visit</button>
<button type="button" class="activity-type-btn" onclick="selectType('Share', this)">📄 Share Docs</button> <button type="button" class="activity-type-btn d_activity_type" data-type="Demo" onclick="selectType('Demo', this)">🎬 Demo</button>
<button type="button" class="activity-type-btn" onclick="selectType('Todo', this)"> To Do</button> <button type="button" class="activity-type-btn d_activity_type" data-type="Share" onclick="selectType('Share', this)">📄 Share Docs</button>
<button type="button" class="activity-type-btn d_activity_type" data-type="Todo" onclick="selectType('Todo', this)"> To Do</button>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="form-label">Notes <span class="text-danger">*</span></label> <label class="form-label">Notes <span class="text-danger">*</span></label>
@ -650,9 +652,9 @@ function closeModal(id) {
// Specific cleanup for your "Activity" logic // Specific cleanup for your "Activity" logic
if (id === 'activityModal') { if (id === 'activityModal') {
selectedType = 'Call'; // Reset your global activity type variable selectedType = 'Call';
$('.activity-type-btn').removeClass('active'); // Remove 'active' from all activity buttons $('#typeButtons .d_activity_type').removeClass('active');
$(`.activity-type-btn[data-type="${selectedType}"]`).addClass('active'); // Find the specific button for 'Call' and make it active $('#typeButtons .d_activity_type[data-type="Call"]').addClass('active'); // ✅
} }
// Specific cleanup for "Complete" modal (hidden follow-up sections) // Specific cleanup for "Complete" modal (hidden follow-up sections)
@ -666,7 +668,7 @@ function closeModal(id) {
// Specific action for leadDetailModal // Specific action for leadDetailModal
if (id === 'leadDetailModal') { if (id === 'leadDetailModal') {
switchTab('activity'); // Reset the tab back to 'activity' switchTab('activity'); // Reset the tab back to 'activity'
document.getElementById('btn_add_opportunity').classList.style.display = 'none'; // Hide the button document.getElementById('btn_add_opportunity').style.display = 'none';
} }
} }
} }
@ -1294,9 +1296,13 @@ document.getElementById('activityForm').onsubmit = async (e) => {
toastr.warning('Notes is required'); toastr.warning('Notes is required');
return; return;
} }
const hasDefaultActiveType = document.querySelector('#typeButtons .d_activity_type.active');
if (!hasDefaultActiveType) {
toastr.warning('Please select an activity type.');
return;
}
if (!selectedType) { if (!selectedType) {
toastr.warning('Please select activity type'); toastr.warning('Please select an activity type.');
return; return;
} }
@ -1337,6 +1343,11 @@ document.getElementById('activityForm').onsubmit = async (e) => {
if (res.ok) { if (res.ok) {
toastr.success('Activity Created Successfully'); toastr.success('Activity Created Successfully');
selectedType = 'Call'; // Reset your global activity type variable
// Remove 'active' from all activity buttons
$('.activity-type-btn').removeClass('active');
// Add 'active' to the specific button using backticks for the template literal
$(`.activity-type-btn[onclick*="'${selectedType}'"]`).addClass('active');
closeModal('activityModal'); closeModal('activityModal');
viewDetail(document.getElementById('act_lead_id').value); // Make sure lead_id is passed correctly viewDetail(document.getElementById('act_lead_id').value); // Make sure lead_id is passed correctly
} else { } else {
@ -1382,8 +1393,13 @@ document.getElementById('completeForm').onsubmit = async (e) => {
let fAssigned = document.getElementById('f_assigned_to').value.trim(); let fAssigned = document.getElementById('f_assigned_to').value.trim();
// FIX: Check your global variable, not the undefined DOM element // FIX: Check your global variable, not the undefined DOM element
const hasActiveType = document.querySelector('#f_typeButtons .f_activity_type.active');
if (!hasActiveType) {
toastr.warning('Please select the next activity type.');
return;
}
if (!selectedFollowUpActivityType) { if (!selectedFollowUpActivityType) {
toastr.warning('Please Pickup Next Activity Type'); toastr.warning('Please select the next activity type.');
return; return;
} }
// if (!selectedFollowUpActivityType) { // if (!selectedFollowUpActivityType) {
@ -1564,7 +1580,9 @@ document.getElementById('do_follow').addEventListener('change', function () {
} }
}); });
document.getElementById('btnSaveContact').onclick = async (e) => { const btnSaveContact = document.getElementById('btnSaveContact');
if (btnSaveContact) {
btnSaveContact.onclick = async (e) => {
// Use .value instead of .val() // Use .value instead of .val()
let name = document.getElementById('contact_name').value.trim(); let name = document.getElementById('contact_name').value.trim();
let mobile = document.getElementById('contact_mobile').value.trim(); let mobile = document.getElementById('contact_mobile').value.trim();
@ -1661,8 +1679,11 @@ document.getElementById('btnSaveContact').onclick = async (e) => {
toastr.error('An error occurred'); toastr.error('An error occurred');
} }
}; };
}
const savedContactsContainer = document.getElementById('savedContactsContainer');
if (savedContactsContainer) {
savedContactsContainer.onclick = async (e) => {
document.getElementById('savedContactsContainer').onclick = async (e) => {
// Check if the clicked element is a Remove button // Check if the clicked element is a Remove button
if (e.target.classList.contains('btnRemoveContact')) { if (e.target.classList.contains('btnRemoveContact')) {
const btn = e.target; const btn = e.target;
@ -1693,6 +1714,7 @@ document.getElementById('savedContactsContainer').onclick = async (e) => {
} }
} }
}; };
}
async function openEditLeadModal(id) { async function openEditLeadModal(id) {
// 1. Reset UI State // 1. Reset UI State

View File

@ -1,13 +0,0 @@
{
"type": "service_account",
"project_id": "gdrive-demo-394007",
"private_key_id": "5b1d856b0c5b13e52b5210d381ce7ae02204f666",
"private_key": "-----BEGIN PRIVATE KEY-----\nMIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQC9tqkwe8XEuvDJ\ngDAKHn7FzFgkmor9sEZPkjofVJ1dK0RpD1mMVw38BzzMsEo8Y8aojNKj9FcgJPI+\nMiSwvoHDVGxPuyz2Q7o8BS7WdM83Sn69CBGn+0s+YjsyQ5pQBeu1YZ3erjckyA1M\nX0a0qXSFRm7dN0pwDIk0SP9/pl5iAKEtakuXn/Q+lSIpHz6OUgQy8bCjn91poMtF\nhL1YR/7k8ZttjQiFSCTzQ6e3IJmVbqY9UZ2hc4zVicLVSLM2x17M1CCVrsXoceOj\nQoYEeCqP2qJjGA29CB66xpXetuOFcll/ZHiNBhSekOBbJIKFG8WfTKaFn4hu2HX6\nzbJLse5FAgMBAAECggEAXK8qxWcS3eQ+0xLvZWI0qUoGHgvqr7o4/5L/FmNuZiBH\nUdSP+UJmsKSQjafq/Mn6OkpidntfPXMPbldtGXRZTSanq+RUORQpnj0h/uAehHK+\nrHeOuLTKs/Wl2g6xCzt5RqokSLBwfGXIKXG6x3SqWppoe2cR1OArAAJR4PlUzyeM\nP0HkZcVMDrXkshpbi/7yk1Yol5CTJjUrXT4cH2eFSih+eu5UxI/uEdxu86XnaB+V\nBDS94nSQffaMem3YLRSQpPWMHJts3NM2eoxpVy3NqbyHH0Jzr47T5+pdnk5AZX8v\nMu7L0FYgUmGli8W9/jV43lUi9z147EpNC1ugySICGQKBgQDeT3i9mBO1HQB+3y05\n4ao9YKWtR7RHTIiMBkekRs58xxWIq75+bsJtLMy0GsHOJHbpdfDU2AtcasYXVm/L\nc960AR7Qm0mdhQi5CG7XfFTvkc+RhsFoCAYOnbdInr1D+s7NsyOgdYvzh9HYIiJ/\nm8MzeGQia/4tlO+UNq7UK0sfowKBgQDadpe0OCynXEiziSY/aBT9mrjplXJSJUeR\nX5/pUrBV++mYt+LJU0Q+4op0Qf+PUJwp72O1v3T9h4ox2BcrYUMI17dJZ5HG46BG\n6Sjh+mZzLCTN9L6AVgRzK/5CUpsL+oPpClzGQK+1uJ+YKZD086YBuQi2JiG6uBxk\n7VLzATZ49wKBgQC3ZHgGb95SGoq+Hv4AMdluqLwEJpLh/pDmcofHTWIqLVHmXUfY\npSZfSgXUzf3zQMGX9mOmMlOs+ahQuE2hWQTvGb2B+ZjRCV4Yxowp17d5qp/BPZlv\naK8Wf6Ujk1AvNEhGCPHq/Q1m6TSDSCWNf8GYREjW3J/immrJqhKvlMd0YQKBgQCM\nf2CpQsdVCwCmljnG5YU6ZFsvvjE7q0YPtFP/lnJZmh1tXjW4DJkDaGZqxlc5MDp+\nrbqOlIcE1jqGO9cKyw51jWYPC1CxfIsDj8f/LS7eOzGgUxqBJtDN0SlANigI2CAl\nq8hmqAtY71eUYIcdQeUtjnaPzo46q1V3gzmplsoVmQKBgDCzaBbFY1bKW+xPPC98\nutYS7cGYtTq241zafSXx/qmpZB2QwFsR3rmZ9msCEBb3TY4Ew+hUi7+SP3ycSU1s\nkwIO/9DaZhFBRA9jbwbu4zdB2Niamfo79epqJ8vhJ6TA2d5xRSGbHWkGymWV/e0p\na74mh5hQ0lqI4MSeArFrJwwF\n-----END PRIVATE KEY-----\n",
"client_email": "gsheet@gdrive-demo-394007.iam.gserviceaccount.com",
"client_id": "108808196910972902964",
"auth_uri": "https://accounts.google.com/o/oauth2/auth",
"token_uri": "https://oauth2.googleapis.com/token",
"auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
"client_x509_cert_url": "https://www.googleapis.com/robot/v1/metadata/x509/gsheet%40gdrive-demo-394007.iam.gserviceaccount.com",
"universe_domain": "googleapis.com"
}

View File

@ -1,13 +0,0 @@
{
"type": "service_account",
"project_id": "nhance-app-4fedb",
"private_key_id": "e764472bb4a0c9226d172f7aebdd2eb785c5fca8",
"private_key": "-----BEGIN PRIVATE KEY-----\nMIIEvAIBADANBgkqhkiG9w0BAQEFAASCBKYwggSiAgEAAoIBAQCzyKk6yQqLZHnL\n8+qRwMHtIhV3kR6bYuCol7LTU/aRyTZpFafewJ/6y5bMvvHaRSaohuuTjDhp5H+w\nf7DAiWO06C/YdgZ/tv3dPM8FnkOEnwxUXVgJskK+srJ4g6zsYkT+0DNI0qMJRW5m\n0jv+HKPJ0axCAPcUZUVtraV/HFHF7pJp4oWMFD5X7Jhv7kbW3TetJofSN3SvRvr8\nyfCiVGzqgF0Gx0Tgd25GTMOuRXTGoTlQeDHFMm19g8YY1de0Ol9WqFey6E8e6a/h\nw8KHGdywgsI+q5yF0EIUdxKc6U9Bea25k0YnKHSCsJjJTVlKW+xlxR6wA1yuBb66\n2dAhEzldAgMBAAECggEACEssKpb5dadVPdt+PJ2r58CueD1JfRL8i/p98hhjY9bo\niJEXSFDfI6aYFp22ZYKfWNK3wMimr5SuPIB5F6C4gn3b+y95ERPQtg/AkyDgB39M\nBjZNW4EnabAWFWlc2FJknjnd+JcmLnhoy+h/gpnKoOkbYISDFKQWJfJtRvLE/1on\nhKvnhEkO++93HZp6KPYA21BQIWt6q6gYjjjwxQIHE0Vg30bZC8ciNVaVlmOnpoKW\nlsQ3+TL+b6vDsSxez4hSqWlua7wWL6JgKvyGw6FGiDLGjvTEvVQ0cvfykCDmO5td\nWvVihTMOMXEMx+iVAUOXJLrSPOFGXxSHL9jilqCn0QKBgQDu4P64sE5T15rA+83B\neRMyQUfLru/oxyQ7pAbgRk4nwQj1mXcdD3/RpHF6jg0rt0msRjkzkqyWiJN0qsZ9\nlQY7h0I8pu8dxFhbd7LLcPaNV+OpNAokG06dBK8qhuMcZBlRfvJ3ye5L/Dk0Z7A4\nPw6/OxySns+kzfxtPdpJTNeqFQKBgQDAq2BXm+MsjqjZm2Z1LFMgZcjRLUu4ylMC\n9W3jqd35dBypcafAJ3TqhPLsx+HyWuC+GLMWohx3XGU7oZabGg1zuWAS8A4hnogZ\nk47OT3OYHDaT65HFmSAGJy1UFVvESUdiVzPqO3Xn9dYvRIw6By2b09w+kD1oxmE0\nvAh5UFAMKQKBgHg06plfxxqzzWE9lS290qYgaZOaxYla5OXKRdeIKX4hynNktab/\nDLAfUyd74i7UfhNeBxznu0fJFILKCTZazpcYGoHQ81UEX/4vPt7XSoqX5q1XzZ6b\nyzSCje8Vj6XSzVbQTg1vpSXBl7vCTdAQE0ix40/48L6bFWKXlIf8Ti59AoGAd8UR\nKuT5H6W/SSbVVlmrgyRC5eWmgMUlPV2cZj4egwevGZZRlZ3xjCgBazgGOUZNF177\nVUKJN5n0RFF68ggL/LhsBNm9ryCBsoSL7axuS0yekO2LvK4nvit0fiSY2zhCa9uR\npjY4YW3tK40NLrVvoMLe0vWPdyZ7HvEUw3UtjaECgYAMoonkNACD7EyWesAQzjpD\ntAL5ByXtFkMqMMr8ELLoDU2D5+qzb6gu0+GuYzGvxtYQHz2L+cP7yonn8IRBrAO1\njZCi2Mn1qOYecSGBnv6rotcagMALXwExkymjjVxPLiOae7A01sxSFDpqtRBww2JA\ngFsHNMpkQ1KmZu7LW0q1fg==\n-----END PRIVATE KEY-----\n",
"client_email": "only-drive-access@nhance-app-4fedb.iam.gserviceaccount.com",
"client_id": "116214376249781337850",
"auth_uri": "https://accounts.google.com/o/oauth2/auth",
"token_uri": "https://oauth2.googleapis.com/token",
"auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
"client_x509_cert_url": "https://www.googleapis.com/robot/v1/metadata/x509/only-drive-access%40nhance-app-4fedb.iam.gserviceaccount.com",
"universe_domain": "googleapis.com"
}

View File

@ -0,0 +1,13 @@
{
"type": "service_account",
"project_id": "nhance-ee8d1",
"private_key_id": "e3c5269b1ec7d22e7a297f5273edf3eda6010c0a",
"private_key": "-----BEGIN PRIVATE KEY-----\nMIIEvAIBADANBgkqhkiG9w0BAQEFAASCBKYwggSiAgEAAoIBAQC4+7yRGBAow7GR\nrcBSwXVkBd7U001YC8nZ6GmbfhZSktn4pd4C7r/VGmJMcHdo4CVkt+omY9hEWy3Y\n2k7xvwTBJOxo+A4GENduzUpRucVD5UNs4CKajVmI97FV+2wgeLYR9lLswrSXkQvo\nCRDi/w0EwQ7ZdfPyYfuUUBSdAytiwtGHEJaHBQ4qanNvstFu6FJcCkaq+Sbn6Ool\nHN7lgS/V5NhuBakNOm8EBBaN8Xp13afjHvyFEHalnY8xpNNXNVlBljYIPzYFxXFN\nFL/Iz7XX8dBD0tVwfQGDpD5OCPh8FeIg39dgbRxU3Q+Awv3CX9eoEW1j3bPYo7Lw\nmh8K3fohAgMBAAECggEAEQXPCfxQmSrwOPg0zEjHDTyb3DKGGdw0p772YChy7gfB\nudrfR2s1SWtWo8y7tSTfVaZPcvEmnzYgZ3LB56EAIBs0pP1viO/20aVgBlpI99Q6\ntEobiEs9DViOpkHVs71EzMb1Emcugde6sUOLg5NPkHu8BDErERSJBFJ3bliy0heN\nwAwYKXCB3ro3ryUE5+pRS6ibt8vLEBbk3T3bEW8A1wfWnUo0V+Wf5KXsCO8BvD8Z\nE/i0JgpAkZksWs+keBSLbdWBONNV1GrbxezoZXA8aPPlcaD0bZdLDlszXguq8DGO\nbjr0SI7Hx78/jAQhiFkdNMkLvZMIoU7VVnQSibsBKwKBgQD04PMi6CO6kpKG/ZDw\nR6tuAU8DkUgSjvOquUeGkguyfhK/G5fg3w8yCpLAPoh8ZEGL4zZy+ZoAsHWLv44O\nmXjTOKut5o1puswM8vPobDAinddCWs6U6VWKkkRw27AuyKcnLCpvnRBg/Iw+lSTQ\nzG0KCd8Zn2+a0Cjo9hlF6F2pAwKBgQDBYmvV+cADTRjhostukDK71aKsRhMu1OH4\nRK2uX3f9rde1aSnIcp0PDzn24V7I9skT6zhOCPTF6SEFH35eO3z7kOA26hokOMb2\nz7Bh+EDnx5zQmWwcj0yNwbCeTl7gKWz2o3AuMc8zK6I2+buYJJnjoazUyqQtKhqz\nnPs3woY9CwKBgDHjwqVR9jWEtyWZc3YApAR9b8OiTbS6OxqFNPVNu+RZmygkTwUZ\nbNcdIFjaZKQzKMd/OxChmaaaTNhz5lVDH0KpQRDk79qim//nX5nysLvcvIZgScY8\n45ifxCHaIELnzmZEsUCcF0IrMcduS1nezDhHWpS1zt8TmcIcoXmEpdBRAoGAEtKs\nomAz415evJ+m43Ufqw7JTbFobpeEAzFUInPibwu7wkmhKoSVawDVaIVZP4Bd5BVy\nHo5anOTrNN9y4mMx8B6S5GV28+2e2CkxBuguESFpzxgP4NvF3MpskYwZSgJeO8d+\nxNBOVbG6kVVPgCiX3gM/mlq7DjZZ8P+nqC7D+C8CgYAMeN/ByvGaYSN5bVVntOcT\noDiMWfBBToc9irhNSZsCwghXmNugPKguDbRTi7n/Iqf/HljwUx0HBtXkIgZvDDiW\nQrGSCozd9g2WFx/2OSJv4GU+eUM1GFr0mLFDaAUNzvjwHTkG+2STof8VowaGRx68\n7Z50l5hXKv3i0n5ykhPWUg==\n-----END PRIVATE KEY-----\n",
"client_email": "firebase-adminsdk-mcdfe@nhance-ee8d1.iam.gserviceaccount.com",
"client_id": "105441165052433248287",
"auth_uri": "https://accounts.google.com/o/oauth2/auth",
"token_uri": "https://oauth2.googleapis.com/token",
"auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
"client_x509_cert_url": "https://www.googleapis.com/robot/v1/metadata/x509/firebase-adminsdk-mcdfe%40nhance-ee8d1.iam.gserviceaccount.com",
"universe_domain": "googleapis.com"
}