Rev 32895 | Blame | Compare with Previous | Last modification | View Log | RSS feed
<style>.row{margin:0 auto;}.modal-content{background : white;}.modelHeaderCustom{font-size:14px;font-weight:bold;}.border-highlight{border : 3px solid red;}hr{background-color:#007aff;border:none;height:1px;background:#007aff;}.table-striped > tbody > tr:nth-child(odd) > td{background: #f2f2f2;background-color: #f2f2f2;}.table-striped > tbody > tr:nth-child(even) > td{background: #f2f2f2;background-color: #f2f2f2;}.control-label {margin-top: 0;margin-bottom: 0;padding-top: 7px;font-weight:bold;font-size:14px;}.form-group{border-bottom: 1px solid #eff2f7;padding-bottom: 15px;margin-bottom: 15px;}.right{float:right;}.form-control{color:black;}.table-align-center{text-align:center;}</style><script type="text/javascript">var customRetailers = ${customRetailers};$("#partnerFofoId").typeahead({source: customRetailers,autoSelect: true,displayText:function(item){return item.businessName + "-" + item.address.city;},afterSelect: function(currentItem){currentFofoId = currentItem.partnerId;fofoId = currentItem.partnerId}});</script><script>$(function(){getPartnerAheadOptions($("#typeaheadpartner"),function(selectedPartner){partnerId = selectedPartner.partnerId;console.log(partnerId);});});</script><section class="wrapper"><div class="row"><div class="col-lg-12"><h3 class="page-header"><i class="icon_document_alt"></i>ACTIVE PROMOTER</h3><ol class="breadcrumb"><li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li><li><i class="icon_document_alt"></i>CREATE</li></ol></div></div><form id="promoter-info-form"><div id="promoter-details" style="background:white;background-color:white;padding:10px;"><h4 class="modelHeaderCustom" style="font-size:22px;">Active Promoter Information</h4><div><div class = "row"><div class="col-lg-2 form-group"><input placeholder="Name" id="promoterName" name="promoterName" type="text" value="" class="form-control input-sm"></div><div class="col-lg-2 form-group"><input placeholder="email" id="promoterEmail" name="promoterEmail" type="text" value="" class="form-control input-sm"></div><div class="col-lg-2 form-group"><input placeholder="mobile" id="promoterMobile" maxlength="10" minlength="10" name="promoterMobile" type="text" value="" class="form-control input-sm"></div><div class="col-lg-2"><select class="form-control input-sm" id ="tag-listing-brands" placeholder="Brands" ><option value="" disabled selected>Brands</option>#foreach($brand in $brands)<option value="$brand">$brand</option>#end</select></div><div class="col-lg-2"><div class="input-group"><input id="partnerFofoId" type="text" class="typeahead form-control form-control-sm" placeholder="Search Partner by Store" data-provide="typeahead"#if(${retailerName}) value="${retailerName}" #endautocomplete="off"/></div></div><div class="col-lg-2"><select class="form-control input-sm" id ="sd-Portal-Access" placeholder="PortalAccess"><option value="" disabled selected>Portal Access</option><option value="false">False</option><option value="true">True</option></select></div></div><div class = "row"><div class="col-lg-2"><select class="form-control input-sm" id ="status" placeholder="Active/InActive Promoter"><option value="" disabled selected>Active/In-Active Promoter</option><option value="false">False</option><option value="true">True</option></select></div><div class="col-lg-2"><input class="btn btn-primary create-promoter" type="button" value="Create/Update Promoter"></div></div></div></div></div></div></form><table id="promoter-Info-table" style="Width:100%; margin:15px"><tr><td style="Width:40%; float:right"><div class = "row"><div class="col-lg-4"><input class="btn btn-primary" onclick="downloadTableData()" type="button" value="Download All"></div><div class="col-lg-8"><div class="input-group"><input placeholder="Partner Name" type="text" class="typeahead form-control" id="typeaheadpartner" name="Item" data-provide="typeahead" autocomplete="off"><input id="partnerId" type="hidden"/><span class="input-group-btn"><button class="btn btn-primary submit" id="promoter-fofo-search" type="button">Go!</button></span></div></div></div></td></tr></table><div id="promoter-Info-table"><div class="row"><div class="col-lg-12"><table class="table table-striped table-advance table-hover" id="promoterTable"><tbody><tr><th>Id</th><th>Name</th><th>email</th><th>mobile</th><th>Brand</th><th>Protal Access</th><th>Status</th><th>Partner Name</th><th colspan = 2>Action</th></tr>#if(!$promoterInfo.isEmpty())#foreach( $promoterInfoModel in $promoterInfo )<tr class="promoterInfo" data="$promoterInfoModel.getId()"><td>$promoterInfoModel.getId()</td><td>$promoterInfoModel.getName()</td><td>$promoterInfoModel.getEmail()</td><td>$promoterInfoModel.getMobile()</td><td>$promoterInfoModel.getBrand()</td><td>$promoterInfoModel.isSdPortalAccess()</td><td>$promoterInfoModel.isStatus()</td>#if($partnersMap.get($promoterInfoModel.getRetailerId()))<td>$partnersMap.get($promoterInfoModel.getRetailerId()).getBusinessName()</td>#else<td> null </td>#end<td><button class="btn btn-primary updatePromoterdetail"data-requestid="$promoterInfoModel.getId()"data-name="$promoterInfoModel.getName()"data-brand="$promoterInfoModel.getBrand()"data-partnerid="$partnersMap.get($promoterInfoModel.getRetailerId()).getPartnerId()"data-partner="$partnersMap.get($promoterInfoModel.getRetailerId()).getBusinessName()"data-email="$promoterInfoModel.getEmail()"data-mobile="$promoterInfoModel.getMobile()"data-portal="$promoterInfoModel.isSdPortalAccess()" type="button"style="width:100%;border-radius:0px;">Edit</button></td><!-- <td><button class="btn btn-primary inactivePromoter" data-requestid="$promoterInfoModel.getId()" data-name="$promoterInfoModel.getName()" data-brand="$promoterInfoModel.getBrand()" data-partnerid ="$partnersMap.get($promoterInfoModel.getRetailerId()).getPartnerId()" data-partner ="$partnersMap.get($promoterInfoModel.getRetailerId()).getBusinessName()" data-email="$promoterInfoModel.getEmail()" data-mobile="$promoterInfoModel.getMobile()" data-portal="$promoterInfoModel.isSdPortalAccess()" type="button" style="width:100%;border-radius:0px;">Inactive</button></td>--><td><button class="btn btn-primary removePromoter"data-requestid="$promoterInfoModel.getId()" type="button"style="width:100%;border-radius:0px;">Inactive</button></td></tr>#end#else<tr><td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td></tr>#end</tbody></table></div></div></div>#if(!$promoterInfo.isEmpty())<div class="row" id="promoter-info-paginated"><div class="col-lg-9"><p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p></div><div class="col-lg-4" style="text-align:right;float:right"><div class="btn-group" style="width:40%"><button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button></div><div class="btn-group" style="width:40%">#if($end >= $size)<button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>#else<button class="btn btn-primary next" style="width:100%">Next</button>#end</div></div></div>#end</div></section><div id="promoter-container" style="background:white;background-color:white;"></div><script>function downloadTableData() {var table = document.getElementById('promoterTable');var rows = table.rows;var data = [];// Loop through each row and extract cell datafor (var i = 0; i < rows.length; i++) {var row = rows[i];var rowData = [];for (var j = 0; j < row.cells.length; j++) {rowData.push(row.cells[j].innerText);}data.push(rowData.join(','));}// Create a data URIvar csvContent = 'data:text/csv;charset=utf-8,' + data.join('\n');// Create a download linkvar encodedUri = encodeURI(csvContent);var link = document.createElement('a');link.setAttribute('href', encodedUri);link.setAttribute('download', 'table_data.csv');document.body.appendChild(link);// Trigger the downloadlink.click();document.body.removeChild(link);}</script>