create.blade.php
6.02 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!-- Heading -->
<h5 class="innerAll margin-none bg-primary">
<i class="fa fa-fw fa-pencil"></i>Add Disposition Plan
<a href="#" class="btn btn-sm btn-inverse pull-right btn-xs" style="margin-top: -5px;" onclick="return false">
<i class="fa fa-user fa-fw"></i>
</a>
</h5>
<form method="post" id="dispositionPlanForm" class="innerAll">
<fieldset>
<div class="control-group">
<label class="col-md-4 control-label" for="plan">Disposition Plan Name</label>
<div class="col-md-8 controls tmar">
<input class="form-control" id="plan" name="plan" type="text" value="" required />
</div>
</div>
<div class="control-group">
<label class="col-md-4 control-label" for="status">Status</label>
<div class="col-md-8 controls tmar">
<select class="form-control" id="" name="status" required>
<option value="active">Active</option>
<option value="inactive">Inactive</option>
</select>
</div>
</div>
<div class="control-group">
<label class="col-md-12 control-label tmar" for="status">Disposition</label>
</div>
<div class="control-group field_wrapper">
<div class="row">
<div class="col-md-11">
<div class="panel panel-info">
<div class="panel-body">
<div class="row" style="margin: 5px">
<div class="col-md-4">
<label>Select Disposition:</label>
</div>
<?php $data = '';
if(isset($dispositionEntities))
foreach($dispositionEntities as $dispositionEntity)
{
$data .= "<option data-id='$dispositionEntity->code' data-text='$dispositionEntity->sunDispoName' value='$dispositionEntity->disposition'>$dispositionEntity->disposition</option>";
}
?>
<div class="col-md-8 controls tmar">
<select class="form-control disposition" name="disposition[]" data-subDospoId="subDisposition1" required>
<option value>Select ..</option>
<?php echo $data; ?>
</select>
</div>
</div>
<div class="row" style="margin: 5px">
<div class="col-md-4">
<label>Select Sub Disposition:</label>
</div>
<div class="col-md-8 controls tmar">
<select name="subDisposition[0][]" id="subDisposition1" class="select2multi" style='width:100%' multiple="">
</select>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-1">
<a href="javascript:void(0);" class="add_button" title="Add field"><i class="fa fa-plus fa-3 iconsize" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="form-actions">
<input type="submit" name="save" id="save" class="btn btn-primary" value="Save changes">
</div>
</fieldset>
</form>
<script>
$(document).ready(function(){
var i = 1;
var wrapper = $('.field_wrapper'); //Input field wrapper
$('body').on('click', '.add_button', function() {
i++;
var dispoOption = "<?php echo $data; ?>";
var fieldHTML = '<div class="row"><div class="col-md-11"><div class="panel panel-info"><div class="panel-body"><div class="row" style="margin: 5px"><div class="col-md-4"><label>Select Disposition:</label></div><div class="col-md-8 controls tmar"><select name="disposition[]" class="form-control disposition" data-subDospoId="subDisposition'+i+'" required><option value>Select...</option>';
fieldHTML = fieldHTML + dispoOption;
fieldHTML = fieldHTML +'</select></div></div><div class="row" style="margin: 5px"><div class="col-md-4"> <label>Select Sub Disposition:</label></div><div class="col-md-8 controls tmar"><select name="subDisposition['+(i-1)+'][]" id="subDisposition'+i+'" class="select2multi" style="width:100%"" multiple=""></select></div></div></div></div></div><div class="col-md-1"><a href="javascript:void(0);" class="remove_button"><i class="fa fa-minus fa-3 iconsize" aria-hidden="true"></i></a></div></div>'; //New input field html
$(wrapper).append(fieldHTML);
$(".select2multi").not('.kstych_init').addClass('kstych_init').select2({placeholder: "Select...",allowClear: true });
});
$(wrapper).on('click', '.remove_button', function(e){
e.preventDefault();
$(this).parent('div').parent('div').remove();
});
//$(".disposition").change(function(){
$('body').on('click', '.disposition', function() {
var subDispositionId = $(this).attr('data-subDospoId');
var subDispo = $(this).find(':selected').attr('data-text') //this.find(':selected').attr('data-text');
var subdispolist = subDispo.split(',');
$("#"+subDispositionId).select2("val", "Select");
updateJSSelect(subDispositionId,subdispolist);
});
$('#dispositionPlanForm').on('submit', function(event){
event.preventDefault();
var putdata = $('#dispositionPlanForm').serialize();
doAjax('dispositionPlan?action=isExists',putdata,'','','','POST',function(retrstr){
if(retrstr.responseText == "true"){
simpleNotification('Error','topRight',"Disposition plan Already Exists!");
return false;
}else{
doAjax('dispositionPlan?action=createDispositionPlan',putdata,'dispositionPlanFormDiv','ajax_group_create','singlethis','POST',function(retrstr){
doAjax('dispositionPlan','','content','ajax_dispositionPlan','singlethis','GET',function(retrstr){
simpleNotification('Success','topRight',"Disposition plan created suceesfully!");
});
});
}
});
});
});
</script>