Subversion Repositories SmartDukaan

<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}" #end

			    	 autocomplete="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 data

        for (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 URI

        var csvContent = 'data:text/csv;charset=utf-8,' + data.join('\n');

        // Create a download link

        var encodedUri = encodeURI(csvContent);

        var link = document.createElement('a');

        link.setAttribute('href', encodedUri);

        link.setAttribute('download', 'table_data.csv');

        document.body.appendChild(link);

        // Trigger the download

        link.click();

        document.body.removeChild(link);

    }

</script>