yoganandhank
/
gcc_office_campaign_project
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 Commit
1 Branch
0 Tags
142 KiB
Tree: 6f4f6a7a69
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '6f4f6a7a69'
${ noResults }
gcc_office_campaign_project/frontend/callcenter/createcampaign.html

1955 lines
75 KiB
Raw Normal View History

first commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. <!DOCTYPE html>
  3. <html xmlns:th="http://www.thymeleaf.org">
  4. <head th:replace="~{fragments/modules/base/head :: head}"></head>
  5. <style>
  6. .required{
  7. color: red;
  8. }
  9. /* Mobile screens - targeting devices with a max width of 767px */
  10. @media (max-width: 767px)
  11. {
  12. #campaignrequestform label{
  13. margin-top: 10px;
  14. }
  15. }
  16. </style>
  17. <body>
  19. <!--[if lt IE 8]>
  20. <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  21. <![endif]-->
  23. <div class="wrapper">
  24. <!-- header top menu Start -->
  25. <header th:replace="~{fragments/modules/base/header :: header}"></header>
  26. <!-- header top menu end -->
  28. <div class="page-wrap">
  29. <!--=============== Left Menu side Start ================-->
  30. <div th:replace="~{fragments/modules/base/menu :: menu}"></div>
  31. <!--=============== Left side End ================-->
  32. <div class="main-content">
  33. <div class="container-fluid">
  34. <div class="page-header mb-2">
  35. <div class="row align-items-end">
  36. <div class="col-lg-8">
  37. <div class="page-header-title">
  38. <i class="far fa-calendar-plus bg-blue"></i>
  39. <div class="d-inline">
  40. <h5>Create Campaign</h5>
  41. <span>1913 Campaign creation</span>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="col-lg-4">
  46. <nav class="breadcrumb-container" aria-label="breadcrumb">
  47. <ol class="breadcrumb">
  48. <li class="breadcrumb-item"><a href="/gcc/index"><i
  49. class="ik ik-home"></i></a></li>
  50. <li class="breadcrumb-item" aria-current="page">1913 Campaign</li>
  51. <li class="breadcrumb-item active" aria-current="page">Create Campaign</li>
  52. </ol>
  53. </nav>
  54. </div>
  55. </div>
  56. </div>
  57. <h4 class="h4 text-right text-mute" style="font-size: 12px;">
  58. Auto refresh in <font id="refresh-countdown">00</font> seconds
  59. </h4>
  61. <div class="row">
  63. <div class="col-md-12">
  64. <div class="card" style="margin-top: 0px;">
  65. <div class="card-header justify-content-between align-items-center">
  66. <h3><b>Campaign uploading excel Form</b></h3>
  67. </div>
  68. <div class="card-body">
  70. <form id="campaignrequestform">
  71. <div class="form-group">
  72. <div class="row">
  73. <div class="col-sm-12 col-md-6">
  74. <label for="name">Campaign Name<span class="required">*</span></label>
  75. <input type="text" class="form-control" id="name" placeholder="Enter Name">
  76. </div>
  79. <!-- Category Selection -->
  80. <div class="col-sm-12 col-md-6">
  81. <label for="category">Category<span class="required">*</span></label>
  82. <select class="form-control" id="category">
  83. <option selected value="0">Select category</option>
  84. </select>
  85. <!-- Download Button (Initially Hidden) -->
  86. <div class="mt-2">
  87. <button type="button" class="btn btn-warning btn-sm" id="downloadcategoryExcel" style="display: none;">
  88. <i class="ik ik-download f-16 mr-2"></i>Template Download
  89. </button>
  90. </div>
  91. </div>
  94. </div>
  95. </div>
  97. <div class="form-group">
  98. <label for="upload">Upload Excelsheet:<span class="required">*</span></label>
  99. <input type="file" class="form-control" id="fileInput">
  100. <small id="fileError" class="text-danger" style="display:none;">Only Excel files (.xlsx, .xls) are allowed.</small>
  101. </div>
  103. <div class="form-group text-center">
  104. <button type="submit" class="btn btn-primary " id="excelsubmit">Submit</button>
  105. <button type="reset" class="btn btn-secondary ml-2" onclick="resetForm()">Reset</button>
  106. </div>
  107. </form>
  110. </div>
  112. </div>
  113. </div>
  115. <!-- card 2-->
  116. <div class="col-md-12">
  117. <div class="card" style="margin-top: 0px;">
  118. <div class="card-header justify-content-between align-items-center">
  119. <h3><b>Campaign Details Form</b></h3>
  120. </div>
  122. <div class="card-body">
  124. <form id="campaignrequestform">
  125. <!-- Dropdown for Category -->
  126. <div class="row">
  127. <div class="form-group col-md-6 col-sm-12">
  128. <label for="campaigncategory">Select Category<span class="required">*</span></label>
  129. <select id="campaigncategory" class="form-control">
  131. </select>
  132. </div>
  134. <!-- Dropdown for Campaigns -->
  135. <div class="form-group col-md-6 col-sm-12">
  136. <label for="campaign">Select Campaign<span class="required">*</span></label>
  137. <select id="campaign" class="form-control" disabled>
  138. </select>
  139. </div>
  142. <div class="form-group col-12 d-flex justify-content-center align-items-center">
  143. <!-- Centered button between the dropdowns -->
  144. <!-- <button id="searchBtn" class="btn btn-primary">Search</button>
  145. <button id="resetBtn" class="btn btn-secondary ml-3">Reset</button> -->
  146. </div>
  147. </div>
  149. <div id="campaignDetailsCard">
  150. <div class="form-group">
  151. <label><b><u>Event Date:</u></b></label>
  152. <div class="row">
  153. <div class="col-sm-12 col-md-6">
  154. <label for="eventstartdate">From Date<span class="required">*</span></label>
  155. <input type="date" class="form-control" id="eventstartdate" onclick="this.showPicker()">
  156. </div>
  157. <div class="col-sm-12 col-md-6">
  158. <label for="eventenddate">To Date<span class="required">*</span></label>
  159. <input type="date" class="form-control" id="eventenddate" onclick="this.showPicker()">
  160. </div>
  161. </div>
  162. </div>
  167. <div class="form-group">
  168. <label for="description">Description<span class="required">*</span></label>
  169. <textarea class="form-control" id="description" rows="2"></textarea>
  170. </div>
  171. <!-- <div class="container mt-4"> -->
  172. <div class="card">
  173. <div class="card-header justify-content-between align-items-center">
  174. <h3><b>Add Questions and Answers</b></h3>
  175. </div>
  176. <div class="card-body">
  177. <div id="questionsContainer">
  178. <!-- Dynamic questions will be added here -->
  179. </div>
  180. <button type="button" class="btn btn-success mt-3" id="addQuestionBtn">+ Add Question</button>
  181. <!-- <button type="button" class="btn btn-primary mt-3" id="saveDataBtn">Save</button> -->
  182. </div>
  183. </div>
  185. <div class="form-group">
  188. <div class="row" style="padding: 10px;border: groove; border-left: 6px solid black;">
  190. <div class="col-sm-6 col-md-4">
  191. <label for="no_of_calls">Total No Data</label>
  192. <input type="number" class="form-control" id="total_no_of_data" readonly>
  193. </div>
  195. <div class="col-sm-6 col-md-4">
  196. <label for="no_of_calls">No of Agents<span class="required">*</span></label>
  197. <input type="number" class="form-control" id="no_of_agents" >
  198. </div>
  200. <div class="col-sm-6 col-md-4">
  201. <label for="no_of_calls">Calls per Agent:</label>
  202. <input type="number" class="form-control" id="no_of_agent_call" readonly>
  203. </div>
  205. </div>
  207. <div class="row mt-2">
  209. <div class="col-sm-12 col-md-6">
  210. <label for="no_of_calls">No of Calls to be Assigned (per Person)<span class="required">*</span></label>
  211. <input type="number" class="form-control" id="no_of_calls">
  212. </div>
  213. <div class="col-sm-12 col-md-6">
  214. <label for="agentDropdown" class="form-label fw-bold">Agent Selection <span class="text-danger">*</span></label>
  215. <div class="dropdown">
  216. <button class="btn btn-light border rounded w-100 text-start"
  217. type="button"
  218. id="agentDropdownBtn"
  219. data-bs-toggle="dropdown"
  220. aria-expanded="false">
  221. Select Agent(s)
  222. </button>
  223. <ul class="dropdown-menu p-3"
  224. aria-labelledby="agentDropdownBtn"
  225. style="max-height: 250px; overflow-y: auto; width: 100%;">
  226. <div id="agentCheckboxContainer">
  227. <!-- Checkboxes will be loaded here -->
  228. </div>
  229. </ul>
  230. </div>
  231. </div>
  233. </div>
  234. </div>
  236. <div class="form-group text-center">
  237. <button type="submit" class="btn btn-primary " id="requestsubmit">Submit</button>
  238. <button type="reset" class="btn btn-secondary ml-2" onclick="resetForm()">Reset</button>
  239. </div>
  240. </div>
  242. </form>
  244. </div>
  246. </div>
  247. </div>
  253. <div class="col-md-12" style="display:none;">
  254. <div class="card">
  255. <div class="card-block">
  256. <div class="page-header-title" >
  257. <h5 style="margin: 0;font-weight: bold;">Campaign Details</h5><hr>
  258. </div>
  260. <div>
  261. <table id="CampaignDatatable" class="table table-striped table-bordered table-hover dataTable" role="grid">
  262. <thead class="thead-dark">
  263. <tr role="row">
  264. <th class="text-center">S.No</th>
  265. <th class="text-center">Name</th>
  266. <th class="text-center">Event Date</th>
  267. <th class="text-center">Description</th>
  268. <th class="text-center">Agents Assigned</th>
  269. <th class="text-center">Calls per Person</th>
  270. <th class="text-center">Total Calls</th>
  271. <th class="text-center no-sort" width="%2">Action</th>
  272. </tr>
  273. </thead>
  274. <tbody>
  275. <tr th:each="campaign, i: ${campaigns}">
  276. <td th:text="${i.count}">0</td>
  277. <td th:text="${campaign.campaign_name}"></td>
  278. <td th:text="${campaign.event_dates}"></td>
  279. <td th:text="${campaign.description}"></td>
  280. <td th:text="${campaign.no_of_agents}" class="text-center"></td>
  281. <td th:text="${campaign.calls_per_agent}" class="text-center"></td>
  282. <td th:text="${campaign.total_calls}" class="text-center"></td>
  283. <td class="text-center">
  284. <a href="#" th:onclick="return callEdit([[${campaign.campaign_id}]])" data-animation="true" data-toggle="tooltip" data-placement="top" title="Edit" data-original-title="Edit">
  285. <i class="ik ik-edit f-16 mr-15 text-green"></i>
  286. </a>
  287. </td>
  289. </tr>
  290. </tbody>
  291. <tfoot class="thead-dark">
  292. <tr>
  293. <th class="text-center">S.No</th>
  294. <th class="text-center">Name</th>
  295. <th class="text-center">Event Date</th>
  296. <th class="text-center">Description</th>
  297. <th class="text-center">Agents Assigned</th>
  298. <th class="text-center">Calls per Person</th>
  299. <th class="text-center">Total Calls</th>
  300. <th class="text-center no-sort" width="%2">Action</th>
  301. </tr>
  302. </tfoot>
  303. </table>
  304. </div>
  305. </div>
  306. </div>
  307. </div>
  310. </div>
  313. </div>
  314. </div>
  317. <div id="pageLoader" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 9999; text-align: center;">
  318. <div style="position: relative; top: 50%; transform: translateY(-50%);">
  319. <div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;">
  320. <span class="sr-only">Loading...</span>
  321. </div>
  322. <!-- Add the 'Please wait' text below the spinner -->
  323. <p style="margin-top: 1rem; font-size: 1.2rem; color: #007bff;">Please wait...</p>
  324. </div>
  325. </div>
  327. <footer th:replace="~{fragments/modules/base/footer :: footer}"></footer>
  328. </div>
  332. </div>
  334. <!-- The Modal -->
  335. <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  336. <div class="modal-dialog modal-lg" role="document">
  337. <div class="modal-content">
  338. <div class="modal-header">
  339. <h5 class="modal-title" id="editModalLabel">Edit Campaign</h5>
  340. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  341. <span aria-hidden="true">&times;</span>
  342. </button>
  343. </div>
  344. <div class="modal-body">
  345. <!-- Your form or content for editing can go here -->
  346. <form id="editForm" onsubmit="submitForm(event)" >
  347. <input type="hidden" name="campaign_id" id="campaign_id" />
  348. <div class="form-group">
  349. <label for="campaign_name">Name<span class="required">*</span></label>
  350. <input type="text" class="form-control" id="campaign_name" placeholder="Enter Name" readonly="readonly">
  351. </div>
  352. <div class="form-group">
  353. <label><b><u>Event Date:</u></b></label>
  354. <div class="row">
  355. <div class="col">
  356. <label for="start_date">From Date<span class="required">*</span></label>
  357. <input type="date" class="form-control" id="start_date" onchange="setEndDateMin()" readonly="readonly" >
  358. </div>
  359. <div class="col">
  360. <label for="end_date">To Date<span class="required">*</span></label>
  361. <input type="date" class="form-control" id="end_date" required>
  362. </div>
  363. </div>
  364. </div>
  367. <div class="form-group">
  369. <div class="row">
  370. <!-- <div class="col">
  371. <label for="no_of_agents">No of Agents to be Assigned<span class="required">*</span></label>
  372. <input type="number" class="form-control" id="no_of_agents" required>
  373. </div> -->
  374. <div class="col">
  375. <label for="calls_per_agent">No of Calls to be Assigned (per Person)<span class="required">*</span></label>
  376. <input type="number" class="form-control" id="calls_per_agent" required>
  377. </div>
  378. </div>
  379. </div>
  381. <div class="form-group">
  382. <label for="description_modal">Description<span class="required">*</span></label>
  383. <textarea class="form-control" id="description_modal" rows="2" readonly="readonly"></textarea>
  384. </div>
  386. <div class="form-group text-center">
  387. <button type="submit" class="btn btn-primary" id="editsubmit">Save changes</button>
  388. </div>
  390. </form>
  391. </div>
  393. </div>
  394. </div>
  395. </div>
  399. <div th:replace="~{fragments/modules/base/app_module_menu_box :: div}"></div>
  401. <script th:replace="~{fragments/modules/base/script :: script}"></script>
  402. <script src="node_modules/tempusdominus-bootstrap-4/build/js/tempusdominus-bootstrap-4.min.js"></script>
  403. <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
  405. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
  407. <script type="text/javascript">
  408. $(document).ready(function() {
  410. var table = $('#CampaignDatatable').DataTable({
  411. dom: 'Bftip',
  412. columnDefs: [
  413. { targets: 'no-sort', orderable: false }
  414. ],
  415. lengthMenu: [
  416. [50, 100, 200, 500, -1],
  417. ['50 rows', '100 rows', '200 rows', 'Show all']
  418. ],
  419. scrollY: '50vh',
  420. fixedColumns: {
  421. left: 1,
  422. right: 1
  423. },
  424. buttons: [
  425. {
  426. extend: 'pageLength',
  427. className: 'btn btn-warning'
  428. },
  429. {
  430. title: 'Data export',
  431. extend: 'copyHtml5',
  432. text: 'Copy',
  433. className: 'btn btn-secondary',
  434. id: 'copyBtn'
  435. },
  436. {
  437. extend: 'excelHtml5',
  438. text: 'Excel',
  439. className: 'btn btn-secondary',
  440. id: 'excelBtn'
  441. },
  442. {
  443. extend: 'csvHtml5',
  444. text: 'CSV',
  445. className: 'btn btn-secondary',
  446. id: 'csvBtn'
  447. },
  448. {
  449. extend: 'pdfHtml5',
  450. text: 'PDF',
  451. className: 'btn btn-secondary',
  452. id: 'pdfBtn'
  453. }
  454. ],
  455. fixedHeader: true,
  456. autoWidth: true,
  457. responsive: true,
  458. searching: false,
  459. select: false,
  460. processing: false
  461. });
  462. });
  464. document.addEventListener('DOMContentLoaded', function() {
  465. const fromDate = document.getElementById('eventstartdate');
  466. const toDate = document.getElementById('eventenddate');
  468. // Initially disable the "To Date" field
  469. toDate.disabled = true;
  471. fromDate.addEventListener('change', function() {
  472. if (fromDate.value) {
  473. // Enable the "To Date" field when "From Date" is selected
  474. toDate.disabled = false;
  476. // Get the selected "From Date"
  477. const selectedFromDate = new Date(fromDate.value);
  479. // Set the "To Date" minimum to the same day as the "From Date"
  480. const sameDayString = selectedFromDate.toISOString().split('T')[0];
  481. toDate.setAttribute('min', sameDayString);
  483. // Set the "To Date" value to the next day by default
  484. toDate.value = sameDayString;
  486. } else {
  487. // Disable the "To Date" field if "From Date" is cleared
  488. toDate.disabled = true;
  489. toDate.value = ''; // Clear the "To Date" input
  490. }
  491. });
  492. });
  494. function resetForm() {
  495. document.getElementById('campaignrequestform').reset(); // Built-in reset functionality
  496. }
  498. function setEndDateMin() {
  500. var fromDate = document.getElementById('start_date').value;
  502. document.getElementById('end_date').min = fromDate;
  504. }
  509. //Update request form details
  510. $(document).ready(function () {
  511. // Function to open the edit modal and populate data
  512. window.callEdit = function (campaignId) {
  513. fetchCampaignDetails(campaignId);
  515. return false; // Prevent default anchor click behavior
  516. };
  518. function fetchCampaignDetails(campaignId) {
  519. $.ajax({
  520. url: `/gcc/api/campaign/getCampaignDetailsbyId?campaign_id=${campaignId}`,
  521. type: 'GET',
  522. success: function (response) {
  523. console.log(response);
  524. if (response) {
  525. // Populate modal fields with data
  526. $('#campaign_id').val(response.campaign_id);
  527. $('#campaign_name').val(response.campaign_name); // Assuming the key in the response is 'campaign_name'
  528. $('#start_date').val(response.start_date);
  529. $('#end_date').val(response.end_date);
  530. $('#no_of_agents').val(response.no_of_agents);
  531. $('#calls_per_agent').val(response.calls_per_agent);
  532. $('#description_modal').val(response.description);
  534. setEndDateMin();
  535. // Open the modal
  536. $('#editModal').modal('show');
  537. } else {
  538. alert('Campaign details not found.');
  539. }
  540. },
  541. error: function (xhr, status, error) {
  542. console.error('Error fetching campaign details:', error);
  543. alert('An error occurred while fetching campaign details.');
  544. }
  545. });
  546. }
  547. window.submitForm = function (event) {
  548. event.preventDefault(); // Prevent the default form submission
  552. var campaignId = $('#campaign_id').val();
  553. var campaignName = $('#campaign_name').val();
  554. var startDate = $('#start_date').val();
  555. var endDate = $('#end_date').val();
  556. var noOfAgents = $('#no_of_agents').val();
  557. var callsPerAgent = $('#calls_per_agent').val();
  558. var description = $('#description_modal').val();
  562. $.ajax({
  563. url: '/gcc/api/campaign/updateCampaign', // Endpoint without query parameters
  564. type: 'POST',
  565. data: {
  566. campaign_id: campaignId,
  567. campaign_name: campaignName,
  568. start_date: startDate,
  569. end_date: endDate,
  570. no_of_agents: noOfAgents,
  571. calls_per_agent: callsPerAgent,
  572. description: description
  573. }, // Send all data as JSON
  574. success: function (response) {
  575. console.log('Campaign ID:',campaign_id);
  576. Swal.fire({
  577. title: 'Success!',
  578. text: response, // Show the success message from the API response
  579. icon: 'success',
  580. confirmButtonText: 'OK'
  581. }).then((result) => {
  582. if (result.isConfirmed) {
  583. $('#editModal').modal('hide'); // Hide the modal
  584. location.reload(); // Optionally reload the page to refresh the data
  585. }
  586. });
  587. },
  588. error: function (xhr, status, error) {
  589. console.error('Error updating campaign details:', error);
  590. Swal.fire({
  591. title: 'Error!',
  592. text: 'An error occurred while updating campaign details.',
  593. icon: 'error',
  594. confirmButtonText: 'OK'
  595. });
  596. }
  597. });
  598. }
  600. });
  602. ///////////////////////For Dropdown excel download/////////////////
  606. // Function to fetch categories and populate dropdown
  607. function fetchCategories() {
  608. $.ajax({
  609. url: '/gcc/api/category/getcategory',
  610. method: 'GET',
  611. success: function (response) {
  612. if (response && response.length > 0) {
  613. console.log("Categories Loaded:", response);
  614. var $categorySelect = $('#category');
  615. $categorySelect.empty().append('<option value="0">Select Category</option>'); // Default option
  617. $.each(response, function (index, category) {
  618. $categorySelect.append(
  619. $('<option>', {
  620. value: category.category_id,
  621. text: category.category_name
  622. })
  623. );
  624. });
  625. }
  626. },
  627. error: function (xhr, status, error) {
  628. console.error('Error fetching categories:', error);
  629. }
  630. });
  631. }
  633. // Function to handle category selection
  634. function handleCategorySelection(categoryId) {
  635. console.log("Selected Category ID:", categoryId);
  637. if (categoryId === "0") {
  638. $('#downloadcategoryExcel').hide(); // Hide button if "Select Category" is chosen
  639. return;
  640. }
  642. // Fetch column titles for selected category
  643. fetchCategoryColumns(categoryId);
  644. }
  646. // Function to fetch category columns based on selected category
  647. function fetchCategoryColumns(categoryId) {
  648. $.ajax({
  649. url: '/gcc/api/category/getCategoryColumns?category_id=' + categoryId,
  650. method: 'GET',
  651. success: function (response) {
  652. console.log("Columns API Response:", response);
  654. if (response && response.length > 0) {
  655. window.categoryColumns = response.map(item => item.column_name); // Correct field name
  656. console.log("Columns Fetched:", window.categoryColumns);
  657. $('#downloadcategoryExcel').show(); // Show button when columns exist
  658. } else {
  659. window.categoryColumns = [];
  660. $('#downloadcategoryExcel').hide(); // Hide button if no columns exist
  661. }
  662. },
  663. error: function (xhr, status, error) {
  664. console.error('Error fetching category columns:', error);
  665. window.categoryColumns = [];
  666. $('#downloadcategoryExcel').hide(); // Hide button if API fails
  667. }
  668. });
  669. }
  671. // Function to handle Excel download
  672. function downloadExcel() {
  673. console.log("Download button clicked!");
  675. if (!window.categoryColumns || window.categoryColumns.length === 0) {
  676. alert("No columns available for the selected category.");
  677. return;
  678. }
  680. // Get selected category name
  681. var categoryName = $("#category option:selected").text().trim();
  682. if (categoryName === "Select Category") {
  683. categoryName = "Category_Template"; // Fallback name if no category selected
  684. }
  686. var wb = XLSX.utils.book_new();
  687. var ws_data = [window.categoryColumns]; // Column titles
  689. var ws = XLSX.utils.aoa_to_sheet(ws_data);
  691. // Set column widths dynamically
  692. ws['!cols'] = window.categoryColumns.map(col => ({ wch: col.length + 5 }));
  694. XLSX.utils.book_append_sheet(wb, ws, 'Category Data');
  696. // Generate file name dynamically based on category
  697. var fileName = categoryName.replace(/\s+/g, "_") + "_Template.xlsx"; // Replace spaces with underscores
  699. XLSX.writeFile(wb, fileName);
  700. }
  707. /////////campaign and category dropdowns/////////////////
  711. // Function to fetch category dropdown
  712. function fetchCategoryDropdown() {
  713. $.ajax({
  714. url: '/gcc/api/callcenter/admin/getcategory',
  715. type: 'GET',
  716. dataType: 'json'
  717. })
  718. .done(function (data) {
  719. let categoryDropdown = $('#campaigncategory');
  720. categoryDropdown.empty();
  721. categoryDropdown.append($('<option selected value="0"></option>').text('Select a category'));
  722. $.each(data, function (index, category) {
  723. categoryDropdown.append($('<option></option>').attr('value', category.category_id).text(category.category_name));
  724. });
  725. })
  726. .fail(function (xhr, status, error) {
  727. console.error('Error fetching category:', error);
  728. });
  729. }
  731. // Function to fetch campaigns based on selected category
  732. function fetchCampaignDropdown(categoryId) {
  733. $('#campaign').prop('disabled', false);
  734. $.ajax({
  735. url: '/gcc/api/callcenter/admin/getcampaignbycategory?id=' + categoryId,
  736. type: 'GET',
  737. dataType: 'json'
  738. })
  739. .done(function (data) {
  740. let campaignDropdown = $('#campaign');
  741. campaignDropdown.empty();
  742. campaignDropdown.append($('<option selected value="0"></option>').text('Select a campaign'));
  743. $.each(data, function (index, campaign) {
  744. campaignDropdown.append($('<option></option>').attr('value', campaign.campaign_id).text(campaign.campaign_name));
  745. });
  746. })
  747. .fail(function (xhr, status, error) {
  748. console.error('Error fetching campaign:', error);
  749. });
  750. }
  754. // Fetch category dropdown on page load
  755. fetchCategoryDropdown();
  757. // Handle category change event to fetch campaigns
  758. $(document).on('change', '#campaigncategory', function() {
  759. let selectedCategoryId = $(this).val();
  760. if (selectedCategoryId != '0') {
  761. fetchCampaignDropdown(selectedCategoryId);
  764. } else {
  765. $('#campaign').empty().prop('disabled', true);
  766. hideAllDetails();
  767. }
  768. });
  772. /* $("#searchBtn").click(function () {
  773. let selectedCampaignId = $('#campaign').val();
  776. if(selectedCampaignId == null || selectedCampaignId=='0'){
  777. Swal.fire({
  778. title: 'Info!',
  779. text: 'Please Select Category and Campaign!',
  780. icon: 'info',
  781. timer: 2000,
  782. //timerProgressBar: true,
  783. showConfirmButton: false
  784. })
  785. hideCampaignAndAgentDetails();
  786. }
  787. else if (selectedCampaignId != '0') {
  788. //fetchCampaignDetails(selectedCampaignId);
  789. fetchCampaignQuestionDetails(selectedCampaignId);
  790. checkCampaignInAssigned(selectedCampaignId);
  792. // Disable the category and campaign dropdowns after search
  793. $('#campaigncategory').prop('disabled', true);
  794. $('#campaign').prop('disabled', true);
  795. }
  796. else {
  798. hideCampaignAndAgentDetails();
  800. }
  801. }); */
  803. /* $("#resetBtn").click(function () {
  804. hideAllDetails() // Reloads the current page
  805. });
  806. */
  808. //Function to hide all details initially
  809. function hideAllDetails() {
  812. // Hide additional form fields
  813. document.getElementById('campaignDetailsCard').style.display = 'none';
  815. }
  818. // Function to validate selected agents count
  819. function validateAgentSelection() {
  820. let noOfAgents = parseInt($('#no_of_agents').val()) || 0;
  821. let selectedAgentsCount = $('.agentCheckbox:checked').length;
  823. if (noOfAgents !== selectedAgentsCount) {
  824. Swal.fire({
  825. icon: 'warning',
  826. title: 'Mismatch in Agent Selection',
  827. text: `You must select exactly ${noOfAgents} agents.`,
  828. });
  829. return false;
  830. }
  831. return true;
  832. }
  834. // Handle form submission or further processing
  835. $('#assignTaskBtn').on('click', function (e) {
  836. if (!validateAgentSelection()) {
  837. e.preventDefault(); // Prevent form submission if validation fails
  838. }
  839. });
  841. $('#no_of_agents').on('input', function () {
  842. let noOfAgents = parseInt($(this).val()) || 0;
  843. let allAgents = $('.agentCheckbox');
  845. // Ensure the number is within limits
  846. if (noOfAgents > allAgents.length) {
  847. Swal.fire({
  848. icon: 'error',
  849. title: 'Too Many Agents',
  850. text: `Only ${allAgents.length} agents are available.`,
  851. allowOutsideClick: false, // Disable clicking outside the modal to close it
  852. allowEscapeKey: false, // Disable escape key to close the modal
  853. allowEnterKey: false, // Disable enter key to close the modal
  854. showConfirmButton: true
  855. });
  856. $(this).val(allAgents.length);
  857. noOfAgents = allAgents.length;
  858. }
  860. // Auto-select the first N agents based on input
  861. allAgents.prop('checked', false);
  862. allAgents.slice(0, noOfAgents).prop('checked', true);
  863. });
  865. // Function to fetch campaign statistics
  866. function fetchCampaignStatistics(campaignId) {
  867. $.ajax({
  868. url: `/gcc/api/campaign/statistics?campaignId=${campaignId}`,
  869. type: 'GET',
  870. dataType: 'json',
  871. success: function (response) {
  872. if (response) {
  873. // Populate total_no_of_data field
  874. $('#total_no_of_data').val(response.totalCount || 0);
  876. // Handle input event for no_of_agents
  877. $('#no_of_agents').on('input', function () {
  878. let totalData = parseInt($('#total_no_of_data').val()) || 0;
  879. let agents = parseInt($('#no_of_agents').val());
  881. // Ensure agents value is not negative
  882. if (agents < 0 || isNaN(agents)) {
  883. $('#no_of_agents').val(''); // Reset input if negative or NaN
  884. $('#no_of_agent_call').val('');
  885. return;
  886. }
  888. // If no_of_agents is empty, set no_of_agent_call to empty
  889. if (!agents) {
  890. $('#no_of_agent_call').val('');
  891. } else {
  892. let perAgentData = Math.floor(totalData / agents); // Round down
  893. $('#no_of_agent_call').val(perAgentData);
  894. }
  895. });
  896. } else {
  897. console.error('No data returned');
  898. }
  899. },
  900. error: function (xhr, status, error) {
  901. console.error('Error fetching campaign statistics:', error);
  902. }
  903. });
  904. }
  906. // Function to show details when category and campaign are selected
  907. function showDetails() {
  908. const categoryValue = document.getElementById('category').value;
  909. const campaignValue = document.getElementById('campaign').value;
  911. if (categoryValue && campaignValue) {
  912. document.getElementById('campaignDetailsCard').style.display = 'block';
  914. fetchCampaignStatistics(campaignValue);
  916. // Show additional form fields
  917. document.getElementById('eventstartdate').closest('.form-group').style.display = 'block';
  918. //document.getElementById('no_of_agent').closest('.form-group').style.display = 'block';
  919. document.getElementById('no_of_calls').closest('.form-group').style.display = 'block';
  920. document.getElementById('description').closest('.form-group').style.display = 'block';
  921. } else {
  922. hideAllDetails(); // Keep everything hidden if conditions are not met
  923. }
  924. }
  926. // Initialize hiding the fields on page load
  927. window.onload = function() {
  928. hideAllDetails();
  930. // Add event listeners for category and campaign selection
  931. document.getElementById('category').addEventListener('change', showDetails);
  932. document.getElementById('campaign').addEventListener('change', showDetails);
  933. }
  937. ///////new function for saving method//////
  940. $(document).ready(function() {
  942. console.log("Document Ready!");
  946. //////////agents loading script /////////////
  949. // Fetch available agents
  950. function loadAgents() {
  951. $.ajax({
  952. url: "/gcc/api/campaign/availableAgents",
  953. type: "GET",
  954. dataType: "json",
  955. success: function (response) {
  956. console.log("Agents:", response);
  957. $("#agentCheckboxContainer").empty(); // Clear previous checkboxes
  960. if(!response || response.length === 0){
  961. $("#agentCheckboxContainer").append(`
  962. <li>
  963. <label class="dropdown-item">
  964. no available agents to assign task
  965. </label>
  966. </li>
  967. `);
  968. }else{
  969. $("#agentCheckboxContainer").append(`
  970. <li>
  971. <label class="dropdown-item">
  972. <input type="checkbox" id="selectAllAgents"> Select All
  973. </label>
  974. </li>
  975. `);
  976. }
  977. // Append "Select All" checkbox
  982. // Append individual agent checkboxes
  983. response.forEach(agent => {
  984. $("#agentCheckboxContainer").append(`
  985. <li>
  986. <label class="dropdown-item">
  987. <input type="checkbox" class="agentCheckbox" value="${agent.agent_id}"> ${agent.agent_name}
  988. </label>
  989. </li>
  990. `);
  991. });
  992. console.log("okkk...");
  994. // "Select All" logic
  995. $("#selectAllAgents").change(function () {
  996. $(".agentCheckbox").prop("checked", this.checked); // Check/uncheck all
  997. });
  999. // If any individual checkbox is unchecked, uncheck "Select All"
  1000. $(document).on("change", ".agentCheckbox", function () {
  1001. if ($(".agentCheckbox:checked").length === $(".agentCheckbox").length) {
  1002. $("#selectAllAgents").prop("checked", true);
  1003. } else {
  1004. $("#selectAllAgents").prop("checked", false);
  1005. }
  1006. });
  1007. },
  1008. error: function (xhr) {
  1009. console.error("AJAX Error:", xhr.status, xhr.responseText);
  1010. Swal.fire({
  1011. icon: "error",
  1012. title: "Error Fetching Data",
  1013. text: "Failed to load agents. Please try again.",
  1014. });
  1015. }
  1016. });
  1017. }
  1019. // Load agents on page load
  1020. loadAgents();
  1026. let questionCount = 0;
  1029. let validAnswerTypeIds = [];
  1031. // Initially hide the download button
  1032. $('#downloadcategoryExcel').hide();
  1034. // Load categories into dropdown
  1035. fetchCategories();
  1037. // Handle category selection change
  1038. $('#category').on('change', function () {
  1039. var categoryId = $(this).val();
  1040. handleCategorySelection(categoryId);
  1041. });
  1043. // Handle download button click
  1044. $('#downloadcategoryExcel').on('click', function () {
  1045. downloadExcel();
  1046. });
  1051. /* // Modify form submission logic
  1052. $('#requestsubmit').on('click', function (event) {
  1053. event.preventDefault(); // Prevent default form submission
  1055. $('#requestsubmit').attr('disabled', true).text('Submitting...');
  1059. // Proceed with form submission logic if validation passes...
  1060. }); */
  1063. // Function to load answer types dynamically
  1064. function loadAnswerTypes(callback) {
  1065. $.ajax({
  1066. url: "/gcc/api/getAnswerTypes",
  1067. type: "GET",
  1068. success: function(data) {
  1069. callback(data);
  1070. },
  1071. error: function() {
  1072. console.log("Error loading answer types.");
  1073. }
  1074. });
  1075. }
  1077. // Function to generate answer type dropdown dynamically
  1078. function generateAnswerTypeDropdown(questionId, answerTypes) {
  1079. let dropdownHtml = `<label for="answerType${questionId}">Select Answer Type<span class="required">*</span></label>
  1080. <select class="form-control answer-type" data-question-id="${questionId}">
  1081. <option value="">--Select--</option>`;
  1083. $.each(answerTypes, function(index, entry) {
  1084. dropdownHtml += `<option value="${entry.answer_type_id}">${entry.type_name}</option>`;
  1085. if (!validAnswerTypeIds.includes(entry.answer_type_id.toString())) {
  1086. validAnswerTypeIds.push(entry.answer_type_id.toString()); // Store as string
  1087. }
  1088. });
  1090. dropdownHtml += `</select>`;
  1091. return dropdownHtml;
  1092. }
  1094. // Add question button
  1095. $('#addQuestionBtn').click(function() {
  1096. questionCount++;
  1097. loadAnswerTypes(function(answerTypes) {
  1098. let questionHtml = `
  1099. <div class="question-block border p-3 mb-3" data-question-id="${questionCount}">
  1100. <label for="question${questionCount}">Enter Question <span class="required">*</span></label>
  1101. <input type="text" class="form-control mb-2 question-input" name="question[]" placeholder="Type your question" required>
  1102. ${generateAnswerTypeDropdown(questionCount, answerTypes)}
  1103. <div class="answers-container mt-3" id="answersContainer${questionCount}"></div>
  1104. <button type="button" class="btn btn-danger btn-sm mt-2 remove-question">Remove Question</button>
  1105. </div>`;
  1106. $('#questionsContainer').append(questionHtml);
  1107. });
  1108. });
  1110. // Handle answer type selection
  1111. $(document).on('change', '.answer-type', function() {
  1112. let questionId = $(this).data('question-id');
  1113. let selectedType = $(this).val(); // Keep as string
  1114. let answersContainer = $(`#answersContainer${questionId}`);
  1115. answersContainer.html('');
  1117. /* if (validAnswerTypeIds.includes(selectedType)) {
  1118. let answerBlock = `
  1119. <div class="answer-block">
  1120. <label>Answers:</label>
  1121. <div class="answer-list"></div>
  1122. <button type="button" class="btn btn-info btn-sm add-answer mt-2" data-question-id="${questionId}">+ Add Answer</button>
  1123. </div>`;
  1124. answersContainer.append(answerBlock);
  1125. } */
  1127. // Check if selected type is valid
  1128. if (validAnswerTypeIds.includes(selectedType)) {
  1129. let answerBlock = `
  1130. <div class="answer-block">
  1131. <label>Answers:</label>
  1132. <div class="answer-list"></div>
  1133. ${selectedType === "1" ? "" : `<button type="button" class="btn btn-info btn-sm add-answer mt-2" data-question-id="${questionId}">+ Add Answer</button>`}
  1134. </div>`;
  1135. answersContainer.append(answerBlock);
  1136. }
  1137. });
  1139. // Add answer dynamically
  1140. $(document).on('click', '.add-answer', function() {
  1141. let questionId = $(this).data('question-id');
  1142. let answerList = $(`#answersContainer${questionId} .answer-list`);
  1143. let answerInput = `
  1144. <div class="answer-input d-flex align-items-center mb-2">
  1145. <input type="text" class="form-control answer-text" placeholder="Enter answer" required>
  1146. <button type="button" class="btn btn-danger btn-sm remove-answer ms-2">X</button>
  1147. </div>`;
  1148. answerList.append(answerInput);
  1149. });
  1152. // Load answer types on page load for the first question
  1153. loadAnswerTypes(function(answerTypes) {
  1154. let initialDropdown = generateAnswerTypeDropdown(0, answerTypes);
  1155. $('#questionsContainer').append(`
  1156. <div class="question-block border p-3 mb-3" data-question-id="0">
  1157. <label for="question0">Enter Question <span class="required">*</span></label>
  1158. <input type="text" class="form-control mb-2 question-input" name="question[]" placeholder="Type your question" required>
  1159. ${initialDropdown}
  1160. <div class="answers-container mt-3" id="answersContainer0"></div>
  1161. <button type="button" class="btn btn-danger btn-sm mt-2 remove-question">Remove Question</button>
  1162. </div>`);
  1163. });
  1165. // Remove question
  1166. $(document).on('click', '.remove-question', function() {
  1167. $(this).closest('.question-block').remove();
  1168. });
  1170. // Remove answer
  1171. $(document).on('click', '.remove-answer', function() {
  1172. $(this).closest('.answer-input').remove();
  1173. });
  1175. /* document.getElementById('fileInput').addEventListener('change', function (event) {
  1176. var fileInput = event.target;
  1177. var filePath = fileInput.value;
  1178. var allowedExtensions = /(\.xlsx|\.xls)$/i;
  1180. if (!allowedExtensions.exec(filePath)) {
  1181. document.getElementById('fileError').style.display = 'block'; // Show error message
  1182. fileInput.value = ''; // Clear the input
  1183. } else {
  1184. document.getElementById('fileError').style.display = 'none'; // Hide error message
  1185. }
  1186. });
  1188. //excelsubmit funtion
  1189. $('#excelsubmit').on('click', function(event) {
  1190. event.preventDefault(); // Prevent form from submitting the traditional way
  1192. $('#excelsubmit').attr('disabled', true).text('Submitting...');
  1194. // Get form values
  1195. var name = $('#name').val();
  1196. var category = $('#category').val();
  1197. var fileInput = $('#fileInput')[0].files[0]; // Get the file from the input
  1199. if(!name){
  1200. Swal.fire({
  1201. icon: 'info',
  1202. title: 'Missing Data',
  1203. text: 'Please fill the Campaign name.'
  1204. });
  1205. $('#excelsubmit').attr('disabled', false).text('Submit');
  1206. return;
  1207. }
  1210. // Validation for 'Category'
  1211. if (!category || category === "0") {
  1212. Swal.fire({
  1213. icon: 'info',
  1214. title: 'Missing Data',
  1215. text: 'Please select a valid category.'
  1216. });
  1217. $('#excelsubmit').attr('disabled', false).text('Submit');
  1218. return;
  1219. }
  1222. if(!fileInput){
  1223. Swal.fire({
  1224. icon: 'info',
  1225. title: 'Missing Data',
  1226. text: 'Please upload the file.'
  1227. });
  1228. $('#excelsubmit').attr('disabled', false).text('Submit');
  1229. return;
  1230. }
  1232. var formData = new FormData();
  1233. formData.append('name', name);
  1234. formData.append('category', category);
  1235. formData.append('file', fileInput);
  1237. $('#pageLoader').show();
  1239. $.ajax({
  1240. url: '/gcc/api/campaign/saveexcelcampaign',
  1241. type: 'POST',
  1242. data: formData,
  1243. processData: false,
  1244. contentType: false,
  1245. success: function(response) {
  1246. $('#pageLoader').hide();
  1248. if (response.status === 'column_mismatch') {
  1249. Swal.fire({
  1250. icon: 'error',
  1251. title: 'Need more columns',
  1252. text: response.message
  1253. }).then(() => {
  1254. $('#excelsubmit').attr('disabled', false).text('Submit');
  1255. });
  1256. return; // Stop further execution
  1257. }
  1259. if (response.status === 'header_mismatch') {
  1260. Swal.fire({
  1261. icon: 'error',
  1262. title: 'Header Mismatch',
  1263. text: response.message
  1264. }).then(() => {
  1265. $('#excelsubmit').attr('disabled', false).text('Submit');
  1266. });
  1267. return; // Stop further execution
  1268. }
  1270. if (response.status === 'error') {
  1271. Swal.fire({
  1272. icon: 'error',
  1273. title: 'Error',
  1274. text: response.message
  1275. }).then(() => {
  1276. $('#excelsubmit').attr('disabled', false).text('Submit');
  1277. });
  1278. return; // Stop further execution
  1279. }
  1281. if(response.status === 'success'){
  1284. Swal.fire({
  1285. icon: 'success',
  1286. allowOutsideClick: false,
  1287. allowEscapeKey: false,
  1288. allowEnterKey: false,
  1289. title: 'Success',
  1290. text: 'Campaign data saved successfully!'
  1291. }).then((result) => {
  1292. if (result.isConfirmed) {
  1293. $('#excelsubmit').attr('disabled', false).text('Submit');
  1294. location.reload();
  1295. }
  1296. });
  1297. }
  1299. },
  1300. error: function(xhr) {
  1301. $('#pageLoader').hide();
  1302. Swal.fire({
  1303. icon: 'error',
  1304. title: 'Error',
  1305. text: 'Failed to save campaign details. Please try again.'
  1306. });
  1307. $('#excelsubmit').attr('disabled', false).text('Submit');
  1308. }
  1309. });
  1310. }); */
  1313. document.getElementById('fileInput').addEventListener('change', function (event) {
  1314. var fileInput = event.target;
  1315. var filePath = fileInput.value;
  1316. var allowedExtensions = /(\.xlsx|\.xls)$/i;
  1318. if (!allowedExtensions.exec(filePath)) {
  1319. document.getElementById('fileError').style.display = 'block'; // Show error message
  1320. fileInput.value = ''; // Clear the input
  1321. } else {
  1322. document.getElementById('fileError').style.display = 'none'; // Hide error message
  1323. }
  1324. });
  1326. // Function to read Excel file and count rows
  1327. /* function readExcelFile(file) {
  1328. return new Promise((resolve, reject) => {
  1329. var reader = new FileReader();
  1330. reader.onload = function (e) {
  1331. var data = new Uint8Array(e.target.result);
  1332. var workbook = XLSX.read(data, { type: 'array' });
  1333. var sheet = workbook.Sheets[workbook.SheetNames[0]];
  1334. var jsonData = XLSX.utils.sheet_to_json(sheet, { header: 1 });
  1336. if (jsonData.length <= 1) {
  1337. reject('Excel file is empty or does not contain valid data.');
  1338. } else {
  1339. resolve(jsonData.length - 1); // Exclude header row
  1340. }
  1341. };
  1342. reader.onerror = function () {
  1343. reject('Error reading the file. Please try again.');
  1344. };
  1345. reader.readAsArrayBuffer(file);
  1346. });
  1347. } */
  1349. function readExcelFile(file) {
  1350. return new Promise((resolve, reject) => {
  1351. var reader = new FileReader();
  1352. reader.onload = function (e) {
  1353. var data = new Uint8Array(e.target.result);
  1354. var workbook = XLSX.read(data, { type: 'array' });
  1355. var sheet = workbook.Sheets[workbook.SheetNames[0]];
  1356. var jsonData = XLSX.utils.sheet_to_json(sheet, { header: 1, raw: false, defval: "" }); // Ensure empty cells are not skipped
  1358. if (jsonData.length <= 1) {
  1359. reject('Excel file is empty or does not contain valid data.');
  1360. return;
  1361. }
  1363. let emptyCells = 0;
  1365. // Loop through rows and columns to check for empty cells
  1366. for (let i = 1; i < jsonData.length; i++) { // Start from 1 to exclude header
  1367. for (let j = 0; j < jsonData[0].length; j++) { // Ensure checking all expected columns
  1368. let cellValue = jsonData[i][j];
  1370. if (cellValue === "" || cellValue === undefined || cellValue === null) {
  1371. emptyCells++;
  1372. }
  1373. }
  1374. }
  1376. if (emptyCells > 0) {
  1377. reject(`The uploaded Excel file contains ${emptyCells} empty cells. Please fill them before proceeding.`);
  1378. } else {
  1379. resolve(jsonData.length - 1); // Exclude header row
  1380. }
  1381. };
  1383. reader.onerror = function () {
  1384. reject('Error reading the file. Please try again.');
  1385. };
  1387. reader.readAsArrayBuffer(file);
  1388. });
  1389. }
  1391. // Excel submit function
  1392. $('#excelsubmit').on('click', function (event) {
  1393. event.preventDefault(); // Prevent traditional form submission
  1395. $('#excelsubmit').attr('disabled', true).text('Reading file...');
  1397. var name = $('#name').val();
  1398. var category = $('#category').val();
  1399. var fileInput = $('#fileInput')[0].files[0]; // Get the file
  1401. if (!name) {
  1402. Swal.fire({
  1403. icon: 'info',
  1404. title: 'Missing Data',
  1405. text: 'Please fill in the campaign name.'
  1406. });
  1407. $('#excelsubmit').attr('disabled', false).text('Submit');
  1408. return;
  1409. }
  1411. if (!category || category === "0") {
  1412. Swal.fire({
  1413. icon: 'info',
  1414. title: 'Missing Data',
  1415. text: 'Please select a valid category.'
  1416. });
  1417. $('#excelsubmit').attr('disabled', false).text('Submit');
  1418. return;
  1419. }
  1421. if (!fileInput) {
  1422. Swal.fire({
  1423. icon: 'info',
  1424. title: 'Missing Data',
  1425. text: 'Please upload a file.'
  1426. });
  1427. $('#excelsubmit').attr('disabled', false).text('Submit');
  1428. return;
  1429. }
  1431. $('#pageLoader').show();
  1432. // Read the Excel file
  1433. readExcelFile(fileInput).then((recordCount) => {
  1434. $('#pageLoader').hide();
  1435. Swal.fire({
  1436. icon: 'question',
  1437. title: 'Confirm Submission',
  1438. text: `The uploaded Excel file contains ${recordCount} records. Do you want to proceed?`,
  1439. allowOutsideClick: false, // Disable clicking outside the modal to close it
  1440. allowEscapeKey: false, // Disable escape key to close the modal
  1441. allowEnterKey: false, // Disable enter key to close the modal
  1442. showCancelButton: true,
  1443. confirmButtonText: 'Yes, Submit',
  1444. cancelButtonText: 'No, Cancel'
  1445. }).then((result) => {
  1446. if (result.isConfirmed) {
  1447. // Proceed with submission
  1448. submitExcelData(name, category, fileInput);
  1449. } else {
  1450. $('#excelsubmit').attr('disabled', false).text('Submit');
  1451. }
  1452. });
  1453. }).catch((error) => {
  1454. $('#pageLoader').hide();
  1455. Swal.fire({
  1456. icon: 'info',
  1457. title: 'Validation Error',
  1458. text: error,
  1459. allowOutsideClick: false, // Disable clicking outside the modal to close it
  1460. allowEscapeKey: false, // Disable escape key to close the modal
  1461. allowEnterKey: false, // Disable enter key to close the modal
  1462. });
  1463. $('#excelsubmit').attr('disabled', false).text('Submit');
  1464. });
  1465. });
  1467. // Function to submit the form data
  1468. function submitExcelData(name, category, fileInput) {
  1469. var formData = new FormData();
  1470. formData.append('name', name);
  1471. formData.append('category', category);
  1472. formData.append('file', fileInput);
  1474. $('#pageLoader').show();
  1476. $.ajax({
  1477. url: '/gcc/api/campaign/saveexcelcampaign',
  1478. type: 'POST',
  1479. data: formData,
  1480. processData: false,
  1481. contentType: false,
  1482. success: function (response) {
  1483. $('#pageLoader').hide();
  1485. if (response.status === 'column_mismatch') {
  1486. Swal.fire({
  1487. icon: 'error',
  1488. title: 'Need more columns',
  1489. text: response.message
  1490. }).then(() => {
  1491. $('#excelsubmit').attr('disabled', false).text('Submit');
  1492. });
  1493. return;
  1494. }
  1496. if (response.status === 'header_mismatch') {
  1497. Swal.fire({
  1498. icon: 'error',
  1499. title: 'Header Mismatch',
  1500. text: response.message
  1501. }).then(() => {
  1502. $('#excelsubmit').attr('disabled', false).text('Submit');
  1503. });
  1504. return;
  1505. }
  1507. if (response.status === 'error') {
  1508. Swal.fire({
  1509. icon: 'error',
  1510. title: 'Error',
  1511. text: response.message
  1512. }).then(() => {
  1513. $('#excelsubmit').attr('disabled', false).text('Submit');
  1514. });
  1515. return;
  1516. }
  1518. Swal.fire({
  1519. icon: 'success',
  1520. title: 'Success',
  1521. allowOutsideClick: false,
  1522. allowEscapeKey: false,
  1523. allowEnterKey: false,
  1524. showConfirmButton: true,
  1525. text: 'Campaign data saved successfully!'
  1526. }).then((result) => {
  1527. if (result.isConfirmed) {
  1528. $('#excelsubmit').attr('disabled', false).text('Submit');
  1529. location.reload();
  1530. }
  1531. });
  1532. },
  1533. error: function () {
  1534. $('#pageLoader').hide();
  1535. Swal.fire({
  1536. icon: 'error',
  1537. title: 'Error',
  1538. text: 'Failed to save campaign details. Please try again.'
  1539. });
  1540. $('#excelsubmit').attr('disabled', false).text('Submit');
  1541. }
  1542. });
  1543. }
  1548. /////// Campaign request question and answers function ////////
  1549. $('#requestsubmit').on('click', function(event) {
  1550. event.preventDefault(); // Prevent traditional form submission
  1552. $('#requestsubmit').attr('disabled', true).text('Submitting...');
  1554. // Get form values
  1555. var campaignId = $('#campaign').val();
  1556. var categoryId = $('#campaigncategory').val();
  1557. var eventStartDate = $('#eventstartdate').val();
  1558. var eventEndDate = $('#eventenddate').val();
  1559. var noOfCalls = $('#no_of_calls').val();
  1560. var description = $('#description').val();
  1562. console.log("campaign ",campaignId);
  1563. console.log("category ",categoryId);
  1565. // Check for empty values
  1566. if (!eventStartDate || !eventEndDate || !noOfCalls || !description || !campaignId || !categoryId || campaignId === "0" || categoryId==="0") {
  1567. Swal.fire({
  1568. icon: 'info',
  1569. title: 'Info',
  1570. text: 'Please fill in all mandatory fields before submitting.',
  1571. });
  1572. $('#requestsubmit').attr('disabled', false).text('Submit');
  1573. return;
  1574. }
  1577. // // Collect selected agent IDs
  1578. /* let selectedAgents = [];
  1579. $('.agentCheckbox:checked').each(function () {
  1580. selectedAgents.push($(this).val());
  1581. console.log("selectedagents",selectedAgents);
  1582. });
  1584. // Ensure at least one agent is selected
  1585. if (selectedAgents.length === 0) {
  1586. Swal.fire({
  1587. icon: 'info',
  1588. title: 'Info',
  1589. text: 'Please select at least one agent before submitting.'
  1590. });
  1591. $('#requestsubmit').attr('disabled', false).text('Submit');
  1592. return;
  1593. } */
  1595. let noOfAgents = parseInt($('#no_of_agents').val()) || 0;
  1596. let selectedAgents = $('.agentCheckbox:checked').map(function () {
  1597. return $(this).val();
  1598. }).get();
  1600. if (noOfAgents !== selectedAgents.length) {
  1601. Swal.fire({
  1602. icon: 'warning',
  1603. title: 'Mismatch in Agent Selection',
  1604. text: `You must select exactly ${noOfAgents} agents.`,
  1605. allowOutsideClick: false, // Disable clicking outside the modal to close it
  1606. allowEscapeKey: false, // Disable escape key to close the modal
  1607. allowEnterKey: false, // Disable enter key to close the modal
  1608. showConfirmButton: true
  1609. });
  1610. $('#requestsubmit').attr('disabled', false).text('Submit');
  1611. return;
  1612. }
  1617. let questionsData = [];
  1618. let isValid = true;
  1620. $('.question-block').each(function() {
  1621. let questionText = $(this).find('.question-input').val().trim();
  1622. let answerType = $(this).find('.answer-type').val();
  1623. let selectedType = answerType.toString(); // Keep as string for comparison
  1624. let answers = [];
  1626. // Validate question text
  1627. if (!questionText) {
  1628. Swal.fire({
  1629. icon: 'info',
  1630. title: 'Info',
  1631. text: 'Please enter a question before submitting.'
  1632. });
  1633. isValid = false;
  1634. return false; // Exit loop
  1635. }
  1637. // Validate answer type selection
  1638. if (!answerType) {
  1639. Swal.fire({
  1640. icon: 'info',
  1641. title: 'Info',
  1642. text: 'Please select an answer type for each question.'
  1643. });
  1644. isValid = false;
  1645. return false; // Exit loop
  1646. }
  1649. // Skip answer validation for "Text" answer type (ID = 1)
  1650. let answersContainer = $(this).find('.answer-list');
  1651. if (answerType !== "1" && answersContainer.children().length === 1) {
  1652. Swal.fire({
  1653. icon: 'info',
  1654. title: 'Info',
  1655. text: 'Each question must have at least two answer (except for Text type).'
  1656. });
  1657. isValid = false;
  1658. return false; // Exit loop
  1659. }
  1661. // Validate answers (only if not Text type)
  1662. if (selectedType !== "1") {
  1663. let hasEmptyAnswer = false;
  1665. $(this).find('.answer-text').each(function () {
  1666. let answer = $(this).val().trim();
  1667. if (answer) {
  1668. answers.push(answer);
  1669. } else {
  1670. hasEmptyAnswer = true;
  1671. }
  1672. });
  1674. if (hasEmptyAnswer || answers.length < 2) {
  1675. Swal.fire({
  1676. icon: 'info',
  1677. title: 'Info',
  1678. text: 'Please fill in all answer fields before submitting.',
  1679. //text: 'Each question must have at least two valid answers (except for Text type).',
  1680. });
  1681. isValid = false;
  1682. return false; // Stop processing further
  1683. }
  1684. }
  1686. questionsData.push({
  1687. question: questionText,
  1688. answerType: answerType,
  1689. answers: answers
  1690. });
  1691. });
  1696. console.log("questionsData ",questionsData);
  1697. console.log("isvalid outside",isValid);
  1698. if (!isValid) {
  1699. $('#requestsubmit').attr('disabled', false).text('Submit');
  1700. console.log("isvalid inside",isValid);
  1701. return;
  1702. }
  1704. let questionsJson = JSON.stringify(questionsData);
  1706. // Create FormData object
  1707. var formData = new FormData();
  1710. formData.append('categoryId',categoryId);
  1711. formData.append('campaignId',campaignId);
  1712. formData.append('eventStartDate',eventStartDate);
  1713. formData.append('eventEndDate',eventEndDate);
  1714. formData.append('noOfCalls',noOfCalls);
  1715. formData.append('description',description);
  1716. formData.append('questionsData', questionsJson);
  1717. formData.append('selectedAgents', JSON.stringify(selectedAgents));
  1719. //formData.append('questionsData', new Blob([questionsJson], { type: 'application/json' }));
  1720. //formData.append('selectedAgents', new Blob([JSON.stringify(selectedAgents)], { type: 'application/json' }));
  1723. // Append agent IDs as JSON array
  1724. //formData.append('selectedAgents', JSON.stringify(selectedAgents));
  1725. console.log("formdata "+ formData);
  1726. $('#pageLoader').show();
  1728. $.ajax({
  1729. //url: `/gcc/api/campaign/savecampaign?categoryId=${encodeURIComponent(categoryId)}&campaignId=${encodeURIComponent(campaignId)}&eventStartDate=${encodeURIComponent(eventStartDate)}&eventEndDate=${encodeURIComponent(eventEndDate)}&noOfCalls=${encodeURIComponent(noOfCalls)}&description=${encodeURIComponent(description)}`,
  1730. url: '/gcc/api/campaign/savecampaign',
  1732. type: 'POST',
  1733. data: formData,
  1734. processData: false,
  1735. contentType: false,
  1736. success: function(response) {
  1737. $('#pageLoader').hide();
  1738. if(response.status==='success'){
  1739. Swal.fire({
  1740. icon: 'success',
  1741. title: 'Success',
  1742. allowOutsideClick: false,
  1743. allowEscapeKey: false,
  1744. allowEnterKey: false,
  1745. text: response.message
  1746. }).then((result) => {
  1747. if (result.isConfirmed) {
  1748. $('#requestsubmit').attr('disabled', false).text('Submit');
  1749. location.reload();
  1750. }
  1751. });
  1753. }
  1754. else{
  1755. $('#requestsubmit').attr('disabled', false).text('Submit');
  1756. Swal.fire({
  1757. icon: 'error',
  1758. title: 'Error',
  1759. text: response.message
  1760. });
  1761. }
  1762. },
  1763. error: function(xhr) {
  1764. $('#pageLoader').hide();
  1765. Swal.fire({
  1766. icon: 'error',
  1767. title: 'Error',
  1768. text: 'Something went wrong. Please try again later.'
  1769. });
  1770. $('#requestsubmit').attr('disabled', false).text('Submit');
  1771. }
  1772. });
  1773. });
  1778. /* //campaign request question and answers function
  1779. $('#requestsubmit').on('click', function(event) {
  1780. event.preventDefault(); // Prevent form from submitting the traditional way
  1783. $('#requestsubmit').attr('disabled', true).text('Submitting...');
  1786. // Get form values
  1787. //var name = $('#name').val();
  1788. //var category = $('#category').val();
  1789. var eventStartDate = $('#eventstartdate').val();
  1790. var eventEndDate = $('#eventenddate').val();
  1791. var noOfAgent = $('#no_of_agent').val();
  1792. var noOfCalls = $('#no_of_calls').val();
  1793. var description = $('#description').val();
  1794. //var fileInput = $('#fileInput')[0].files[0]; // Get the file from the input
  1797. // Check for empty values and trigger Swal error
  1798. if ( !eventStartDate || !eventEndDate || !noOfAgent || !noOfCalls || !description) {
  1799. Swal.fire({
  1800. icon: 'info',
  1801. title: 'Info',
  1802. text: 'Please fill in all mandatory fields and upload a file before submitting.',
  1803. });
  1804. $('#requestsubmit').attr('disabled', false).text('Submit');
  1805. return; // Stop form submission if any field is empty
  1806. }
  1809. let questionsData = [];
  1810. let isValid = true; // Validation flag
  1812. $('.question-block').each(function() {
  1813. let questionText = $(this).find('.question-input').val().trim();
  1814. let answerType = $(this).find('.answer-type').val();
  1815. let selectedType = answerType.toString(); // Keep as string for comparison
  1816. let answers = [];
  1818. // Validate question text
  1819. if (!questionText) {
  1820. Swal.fire({
  1821. icon: 'info',
  1822. title: 'Info',
  1823. text: 'Please enter a question before submitting.'
  1824. });
  1825. isValid = false;
  1826. return false; // Exit loop
  1827. }
  1829. // Validate answer type selection
  1830. if (!answerType) {
  1831. Swal.fire({
  1832. icon: 'info',
  1833. title: 'Info',
  1834. text: 'Please select an answer type for each question.'
  1835. });
  1836. isValid = false;
  1837. return false; // Exit loop
  1838. }
  1841. // Skip answer validation for "Text" answer type (ID = 1)
  1842. let answersContainer = $(this).find('.answer-list');
  1843. if (answerType !== "1" && answersContainer.children().length === 0) {
  1844. Swal.fire({
  1845. icon: 'info',
  1846. title: 'Info',
  1847. text: 'Each question must have at least one answer (except for Text type).'
  1848. });
  1849. isValid = false;
  1850. return false; // Exit loop
  1851. }
  1853. // Validate answers (only if not Text type)
  1854. if (selectedType !== "1") {
  1855. let hasEmptyAnswer = false;
  1857. $(this).find('.answer-text').each(function () {
  1858. let answer = $(this).val().trim();
  1859. if (answer) {
  1860. answers.push(answer);
  1861. } else {
  1862. hasEmptyAnswer = true;
  1863. }
  1864. });
  1866. if (hasEmptyAnswer || answers.length === 0) {
  1867. Swal.fire({
  1868. icon: 'info',
  1869. title: 'Info',
  1870. text: 'Please fill in all answer fields before submitting.',
  1871. });
  1872. isValid = false;
  1873. return false; // Stop processing further
  1874. }
  1875. }
  1878. let questionObj = {
  1879. question: questionText,
  1880. answerType: answerType,
  1881. answers: answers,
  1883. };
  1885. questionsData.push(questionObj);
  1886. });
  1888. if (!isValid) {
  1889. $('#requestsubmit').attr('disabled', false).text('Submit');
  1890. return; // Stop AJAX call if validation fails
  1891. }
  1893. // Convert questionsData array to JSON string
  1894. let questionsJson = JSON.stringify(questionsData);
  1896. console.log("Q&A data:",questionsJson);
  1898. // Create FormData object
  1899. var formData = new FormData();
  1900. formData.append('file', fileInput);
  1901. formData.append('questionsData', new Blob([questionsJson], { type: 'application/json' }));
  1903. console.log("formdata",formData);
  1906. $('#pageLoader').show();
  1907. // Send the AJAX request with query parameters and multipart data
  1908. $.ajax({
  1909. url: `/gcc/api/campaign/savecampaign?name=${encodeURIComponent(name)}&category=${encodeURIComponent(category)}&eventStartDate=${encodeURIComponent(eventStartDate)}&eventEndDate=${encodeURIComponent(eventEndDate)}&noOfAgent=${encodeURIComponent(noOfAgent)}&noOfCalls=${encodeURIComponent(noOfCalls)}&description=${encodeURIComponent(description)}`,
  1910. type: 'POST',
  1911. data: formData,
  1912. processData: false,
  1913. contentType: false,
  1914. success: function(response) {
  1917. $('#pageLoader').hide();
  1919. if (response.status === "error") {
  1920. Swal.fire({
  1921. icon: 'error',
  1922. title: 'Column Mismatch ',
  1923. text: response.message // Displays error message for column mismatch
  1924. }).then(() => {
  1925. $('#requestsubmit').attr('disabled', false).text('Submit');
  1926. });
  1927. return; // Stop further execution
  1928. }
  1930. console.log("Response:", response);
  1931. Swal.fire({
  1932. icon: 'success',
  1933. title: 'Success',
  1934. text: 'Campaign data saved successfully!',
  1935. }).then((result) => {
  1936. if (result.isConfirmed) {
  1937. $('#requestsubmit').attr('disabled', false).text('Submit');
  1938. location.reload();
  1939. }
  1940. });
  1942. },
  1943. error: function(xhr) {
  1944. $('#pageLoader').hide();
  1946. }
  1947. });
  1949. }); */
  1950. });
  1954. </script>
  1955. </body>
  1956. </html>