index.blade.php 2.63 KB
<div class="container-fluid">
	<div class="layout-app">
		<div class="row">
			<div class="col-md-12">
				<div class="col-separator col-separator-first col-unscrollable box">
					<div class="innerAll">
						<h4>Campaign</h4>
						<hr style="margin-bottom: 10px;" />

						<div class="row">
							<div class="col-lg-4">
								<div class="form-inline">
									<div class="form-group">
										<label>Select Campaign</label>
									</div>
									<div class="form-group">
										<select class="form-control" id="selectCampaignField" onchange="campaignDetailsShow(this.value);return false;">
											<option value="">Select Campaign</option>
											<option value="all">All</option>
											@foreach($campaignList as $campaign)
												<option value="{{ $campaign->mkey }}">{{ $campaign->mkey }}</option>
											@endforeach
										</select>
										
									</div>
									
									<span id="campaignRefresh"></span>
								</div>
							</div>
 									
							<!-- <div class="col-lg-6">
								<form class="form-inline text-right">
									<div class="form-group">
										<label>Create Campaign</label>
									</div>
									<div class="form-group">
										<input type="text" class="form-control" id="campaignName" placeholder="Campaign Name">
									</div>
									<button type="button" class="btn btn-success" onclick="createCampaign();"><i class="glyphicon glyphicon-plus"></i> ADD</button>
								</form>
							</div> -->
						</div>
						
						<div id="campaignDetailsArea"></div>
					</div>
				</div>
			</div>
		</div>
		   	
	</div>
</div>

<script>
function campaignDetailsShow(value){
	if(value){
		doAjax("campaign/show","campaign="+value,"campaignDetailsArea","","","GET",function(response){
			$("#campaignRefresh").html('<div class="form-group"><button onclick="campaignDetailsShow($(\'#selectCampaignField option:selected\').val());return false;" class="btn btn-xs btn-info">Refresh Campaign</button></div>');
		});
	}else{
		$("#campaignDetailsArea").html('<br/><p class="text-danger text-center">Please select the campaign.</p>');
	}
}

// function createCampaign(){
// 	var campaignName = $('#campaignName').val();
// 	if(campaignName){
// 		if( /[^a-zA-Z0-9]/.test(campaignName)){
// 			simpleNotification('error','topRight','Campaign name is not alphanumeric.');
// 		}else{
// 			var dataStr = "action=createCampaign&campaignName="+campaignName;
// 			doAjax("campaign",dataStr,"campaignDetailsArea","","","POST",function(response){
// 				// console.log(response.responseText);
// 			});
// 		}
// 	}else{
// 		simpleNotification('error','topRight','Campaign name should not be blank.');
// 	}
// }
</script>