create.blade.php
4.47 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
<!-- Heading -->
<h5 class="innerAll margin-none bg-primary">
<i class="fa fa-fw fa-pencil"></i>Add Disposition
<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="dispositionForm" class="innerAll">
<fieldset>
<div class="control-group">
<label class="col-md-4 control-label" for="disposition">Disposition Name</label>
<div class="col-md-8 controls tmar">
<input class="form-control" id="disposition" name="disposition" type="text" value="" required />
</div>
</div>
<div class="control-group ">
<label class="col-md-4 control-label" for="code">Code</label>
<div class="col-md-8 controls tmar">
<input class="form-control" id="code" name="code" type="text" value="" required />
</div>
</div>
<!-- <div class="control-group">
<label class="col-md-4 control-label" for="subDisposition">Sub Disposition</label>
<div class="col-md-8 controls tmar">
<input class="form-control" id="subDisposition" name="subDisposition" type="text" 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" >
<option value="active">Active</option>
<option value="inactive">Inactive</option>
</select>
</div>
</div>
<div class="field_wrapper">
<div class="row">
<label class="col-md-4 control-label" for="subDisposition">Sub Disposition</label>
<div class="col-md-7 controls tmar">
<input type="text" class="form-control" name="subDisposition[]" required/>
</div>
<div class="col-md-1 controls tmar">
<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">
<!-- <button type="submit" class="btn btn-primary" onclick='createDisposition();return false;'>Save changes</button> -->
<input type="submit" name="save" id="save" class="btn btn-primary" value="Save changes">
</div>
</fieldset>
</form>
<script>
$(document).ready(function(){
//var maxField = 10; //Input fields increment limitation
var addButton = $('.add_button'); //Add button selector
var wrapper = $('.field_wrapper'); //Input field wrapper
var fieldHTML = '<div class="row"><label class="col-md-4 control-label" for="subDisposition"></label><div class="col-md-7 controls tmar"><input type="text" class="form-control" name="subDisposition[]" required /></div><div class="col-md-1 controls tmar"><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
//var x = 1; //Initial field counter is 1
//Once add button is clicked
$(addButton).click(function(){
//Check maximum number of input fields
//if(x < maxField){
//x++; //Increment field counter
$(wrapper).append(fieldHTML); //Add field html
//}
});
//Once remove button is clicked
$(wrapper).on('click', '.remove_button', function(e){
e.preventDefault();
$(this).parent('div').parent('div').remove(); //Remove field html
//x--; //Decrement field counter
});
$('#dispositionForm').on('submit', function(event){
event.preventDefault();
var putdata = $('#dispositionForm').serialize();
doAjax('disposition?action=isExists',putdata,'','','','POST',function(retrstr){
if(retrstr.responseText == "true"){
simpleNotification('Error','topRight',"Disposition Already Exists!");
return false;
}else{
doAjax('disposition?action=createDisposition',putdata,'dispositionFormDiv','ajax_group_create','singlethis','POST',function(retrstr){
doAjax('disposition','','content','ajax_disposition','singlethis','GET',function(retrstr){
simpleNotification('Success','topRight',"Disposition created suceesfully!");
});
});
}
});
});
});
</script>