271016_index.blade.php
3.17 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
<?php
use App\Jobs\KHRMSLib;
?>
<div class="layout-app"><!-- row-app -->
<div class="row row-app">
<div class="col-md-12">
<div class="col-separator col-separator-first box col-unscrollable">
<div class="col-table" style='padding-left: 13px;padding-right: 13px;'>
<div class="innerAll" style='background: #fff;'>
<label class="task_legend" style="margin-left:40%">Notes</label>
<!-- <form action="{{'/notesupdate'}}" method="POST"> -->
<div class="col-xs-1">
<input type="button" onclick="updateNotes();" class="btn btn-danger btn-sm" style="margin:10px" value="Save" id='submit'>
</div>
@for($i=1;$i<=50;$i++)
<fieldset>
<div class="row panel panel-default" style="padding:4px;margin-top:2px">
<div class="col-xs-1">
<input type='date' name='date{{$i}}'/>
</div><br><br>
<p id="textarea_feedback{{$i}}" style="float:left;"></p>
<div class="col-xs-11">
<label id="dateDisplay{{$i}}"></label>
@if($notesDetails == null)
<textarea class="form-control" name='field-{{$i}}' id='field{{$i}}' value="" maxlength="250" style="border:solid 1px red" ></textarea>
@else
<?php $fieldName = "field_".$i; ?>
<textarea class="form-control" name='field-{{$i}}' id='field{{$i}}' value="{{$notesDetails->$fieldName}}" maxlength="250" style="border:solid 1px red">{{$notesDetails->$fieldName}}</textarea>
@endif
<span>
<input type="color" name="colorPickeer" id="colorPicker{{$i}}" title="Choose Color"/>
</span>
<p id="textarea_feedback{{$i}}" style="float:right;"></p>
</div>
</div>
<script>
$(function () {
$('#datetimepicker11').datetimepicker({
daysOfWeekDisabled: [0, 6]
});
});
var picker = document.getElementById('colorPicker{{$i}}');
var box = document.getElementById('field{{$i}}');
picker.addEventListener('change',function()
{
document.getElementById('field{{$i}}').style.backgroundColor = this.value;
})
function changeColor{{$i}}(ele){
var todayTime = new Date();
var month = todayTime.getMonth()+1;
var day = todayTime.getDate();
var year = todayTime.getFullYear();
var hour = todayTime.getHours();
var minute = todayTime.getMinutes();
var second = todayTime.getSeconds();
document.getElementById("colorButton{{$i}}").setAttribute("class","btn btn-info btn-sm");
document.getElementById("dateDisplay{{$i}}").innerHTML= year+"/"+month+"/"+day+" "+hour+":"+minute+":"+second;
}
var text_max = 250-$('#field{{$i}}').val().length;
$("#textarea_feedback{{$i}}").html(text_max + ' characters remaining');
$('#field{{$i}}').keyup(function() {
var text_length = $('#field{{$i}}').val().length;
var text_remaining = text_max - text_length;
$("#textarea_feedback{{$i}}").html(text_remaining + ' characters remaining');
});
</script>
</fieldset>
@endfor
<input type='hidden' id='userId' value='{{$userId}}'>
<script>
function updateNotes()
{
var arr = [];
for(var i=1;i<=50;i++)
{
arr.splice(i,0,$("#field"+i).val());
}
doAjax("notes?action=save","user_id="+$("#userId").val()+"&fieldVal="+arr,'', 'ajax_manualdial','singlefail','POST',function(retstr){console.log(retstr)});
}
</script>
<!-- </form> -->
</div>
</div>
</div>
</div>
</div>
</div>