campaignAssignToDisposition.blade.php 4.63 KB
<style>
.list-group{
padding: 5px;
margin: 0px;
overflow:auto;
width:100%
}
</style>	    
<div class="row">
	<div class="col-md-12">
		<div class="panel panel-info">
			<div class="panel-body">
				<div class="row" style="margin: 5px">
					<div class="col-md-2">
					<label>Select Disposition:</label>
					</div>
					<div class="col-md-6">
						<select id="disposition" class="form-control" onchange='subDisposition($(this).val());'>
							<option value></option>
							<?php if(isset($disposition))
								foreach($disposition as $kay => $val)
									{ 
										$code = $dispositionCode[$kay];
										echo "<option data-id='$code' data-text='$kay' value='$val'>$kay</option>";
									} ?> 
						</select>

					</div>
				</div>	
				<div class="row" style="margin: 5px">
					<div class="col-md-2">
					<label>Select Sub Disposition:</label>
					</div>
					<div class="col-md-6">
						<select id="subDisposition" class="select2multi" style='width:100%' multiple="">
						</select>
				</select>
					</div>
				</div>
				<div class="row">
					<div class="col-md-2">
						<button id="assigndesposition" class="btn btn-xs btn-info">Assign Disposition
						</button>
					</div>
					<div class="col-md-8" id="error">
					</div>
				</div>

			</div>
		</div>
	</div>

	<div class="col-sm-12">
		<div class="panel panel-info">
			<div class="panel-heading"><strong>Disposition List</strong></div>
			<div class="panel-body" id="">
				<ul class="list-group">
						<?php foreach($dispositionList as $key => $val) { if(!empty($val)){ ?>
						<li class="list-group-item list-group">
							<div class="col-sm-12">
								<div class="col-sm-3"><label><?php  echo $key; ?></label></div>
								<div class="col-sm-6">
									<?php $count = 0;
									$subDisposition = explode(",", $val);
									if(count($subDisposition) > 0){
										foreach ($subDisposition as $key => $value) {
											if(!empty($value)){ 
												$count++;
												echo "$count. ".$value. "<br>";
											}
										}
									}
									?>	
								</div>
								<div class="col-sm-2"><a class="innerAll" href="#" onclick="deleteDesposition('<?php echo $key; ?>');">
                                <span class="btn btn-primary btn-xs"><i class="fa fa-trash-o"></i></span>
                              </a></div>
							</div>
							
							</li>
						<?php }} ?>
					</ul>
			</div>
		</div>
	</div>

</div>

<script>
	function subDisposition(dispo)
	{	
		var dispolist = dispo.split(',');
		/*var dispolist = [];
		
		$.each( dispo, function( index, value ){
		   dispolist = $.merge( dispolist, value.split(',') );
		});*/
		
		$("#subDisposition").select2("val", "Select");
		updateJSSelect('subDisposition',dispolist);
	}

	function deleteDesposition(key)
	{
		if (window.confirm('Are sure you want to delete disposition?'))
		{

			var selectCampaignField = $('#selectCampaignField').val();
			var postdata='disposition='+key;
				postdata+='&selectCampaignField='+selectCampaignField;
				
			doAjax("campaign/deleteAssignDisposition",postdata,"campaignDetailsArea","","","GET",function(retrstr){
					simpleNotification('Success','topRight',"Campaign assign suceesfully!"); 
					doAjax("campaign/show","campaign="+selectCampaignField,"campaignDetailsArea","","","GET",function(retrstr){
						$("#subDisposition").select2("val", "Select");
						$('.nav-tabs a[href="#disposition"]').tab('show');
					});

				});
		}else{
			return false;
		}
	}

	$('#assigndesposition').click(function()
	{	
		$("#error").html('');
		var code = $('#disposition').find(':selected').attr('data-id')
		//var disposition = $("#disposition option:selected").text();
		var disposition =  $('#disposition').find(':selected').attr('data-text')
		var subDisposition = $('#subDisposition').val();
		var selectCampaignField = $('#selectCampaignField').val();
//alert(selectCampaignField);

		if(disposition&&selectCampaignField)
		{
			var postdata='disposition='+disposition;
			postdata+='&code='+code;
			postdata+='&disposition='+disposition;
			postdata+='&subDisposition='+subDisposition;
			postdata+='&selectCampaignField='+selectCampaignField;
			doAjax("campaign/assigndisposition",postdata,"campaignDetailsArea","","","GET",function(retrstr){
				simpleNotification('Success','topRight',"Campaign assign suceesfully!");
				doAjax("campaign/show","campaign="+selectCampaignField,"campaignDetailsArea","","","GET",function(retrstr){
					$("#subDisposition").select2("val", "Select");
					$('.nav-tabs a[href="#disposition"]').tab('show');
				});
				
			});
		}	
		else
		{
			$("#error").html('<p class="text-danger text-center">Please select the campaign and disposition.</p>');
			return false;
		}
	});

</script>