Advertisement
Guest User

Untitled

a guest
Nov 22nd, 2019
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.50 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>fullCalendar and Laravel 5.3</title>
  8. {!! Html::style('vendor/seguce92/bootstrap/css/bootstrap.min.css') !!}
  9. {!! Html::style('vendor/seguce92/fullcalendar/fullcalendar.min.css') !!}
  10. {!! Html::style('vendor/seguce92/bootstrap-datetimepicker/css/bootstrap-material-datetimepicker.css') !!}
  11. {!! Html::style('vendor/seguce92/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css') !!}
  12. </head>
  13. <body>
  14. <div class="container" style="padding : 35px;">
  15.  
  16.  
  17.  
  18. {{ Form::open(['route' => 'events.store', 'method' => 'post', 'role' => 'form']) }}
  19. <div id="responsive-modal" class="modal fade" tabindex="-1" data-backdrop="static">
  20.  
  21.  
  22.  
  23.  
  24. <div class="modal-dialog">
  25. <div class="modal-content">
  26. <div class="modal-header">
  27. <h4>ახალი შეხვედრის დამატება</h4>
  28. </div>
  29. <div class="modal-body" style="padding : 35px!important;">
  30. <div class="form-group">
  31. {{ Form::label('location', 'ადგილი') }}
  32. {{ Form::text('location', old('location'), ['class' => 'form-control']) }}
  33. </div>
  34.  
  35. <div class="form-group">
  36. {{ Form::label('work', 'სამუშაოს დასახელება') }}
  37. {{ Form::text('work', old('work'), ['class' => 'form-control']) }}
  38. </div>
  39.  
  40. <div class="form-group">
  41. {{ Form::label('title', 'სათაური') }}
  42. {{ Form::text('title', old('title'), ['class' => 'form-control']) }}
  43. </div>
  44.  
  45. <div class="form-group">
  46. {{ Form::label('date_start', 'დასაწყისის თარიღი') }}
  47. {{ Form::text('date_start', old('date_start'), ['class' => 'form-control',
  48. 'readonly' => 'true']) }}
  49. </div>
  50.  
  51. <div class="form-group">
  52. {{ Form::label('time_start', 'დასაწყისის დრო') }}
  53. {{ Form::text('time_start', old('time_start'), ['class' => 'form-control']) }}
  54. </div>
  55.  
  56. <div class="form-group">
  57. {{ Form::label('date_end', 'დასასრულის თარიღი & დრო') }}
  58. {{ Form::text('date_end', old('date_end'), ['class' => 'form-control']) }}
  59. </div>
  60.  
  61. <div class="form-group">
  62. {{ Form::label('color', 'ფერი') }}
  63. <div class="input-group colorpicker">
  64. {{ Form::text('color', old('color'), ['class' => 'form-control']) }}
  65. <span class="input-group-addon">
  66. <i></i>
  67. </span>
  68. </div>
  69. </div>
  70.  
  71.  
  72.  
  73.  
  74. </div>
  75. <div class="modal-footer">
  76. <button type="button" class="btn btn-dafault" data-dismiss="modal">გაუქმება</button>
  77. {!! Form::submit('შენახვა', ['class' => 'btn btn-success']) !!}
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82.  
  83. <ul class="nav navbar-nav navbar-right">
  84. <!-- Authentication Links -->
  85. @if (Auth::guest())
  86. <li><a href="{{ url('/login') }}">Login</a></li>
  87. <li><a href="{{ url('/register') }}">Register</a></li>
  88. @else
  89. <li class="dropdown">
  90. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
  91. {{ Auth::user()->name }} <span class="caret"></span>
  92. </a>
  93.  
  94. <ul class="dropdown-menu" role="menu">
  95. <li>
  96. <a href="{{ url('logout') }}">
  97. გასვლა
  98. </a>
  99.  
  100. <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
  101. {{ csrf_field() }}
  102. </form>
  103. </li>
  104. </ul>
  105.  
  106.  
  107. {{--
  108. @if(auth()->user()->role == 1)
  109. <div class="form-group">
  110. <label for="users"> მომხმარებელი : </label>
  111. <select class="form-control" id="users_id" name="users_id">
  112. @foreach($users as $user)
  113. <option value="{{ $user->id }}">{{ $user->name }}</option>
  114. @endforeach
  115. </select>
  116. </div>
  117. @endif --}}
  118.  
  119. <form action="{{ route("welcome") }}">
  120. <select name="user">
  121. @foreach($users as $user)
  122. <option value="{{ $user->id }}">{{ $user->name }}</option>
  123. @endforeach
  124. </select>
  125. <button type="submit">Display data</button>
  126. </form>
  127.  
  128. </li>
  129. @endif
  130. </ul>
  131.  
  132. {{ Form::close() }}
  133. <div id='calendar'></div>
  134. <div id="modal-event" class="modal fade" tabindex="-1" data-backdrop="static">
  135.  
  136. <!-- NOTE ============= EVENT DETAILS FOR ADMINS|USERS END ============== -->
  137. <div class="modal-dialog">
  138. <div class="modal-content">
  139. <div class="modal-header">
  140. <h4>შეხვედრის დეტალები</h4>
  141. </div>
  142. <div class="modal-body" style="padding : 35px;">
  143. <div class="form-group">
  144. {{ Form::label('_location', 'ადგილი') }}
  145. {{ Form::text('_location', old('_location'), ['class' => 'form-control']) }}
  146. </div>
  147.  
  148. <div class="form-group">
  149. {{ Form::label('_work', 'სამუშაოს დასახელება') }}
  150. {{ Form::text('_work', old('_work'), ['class' => 'form-control']) }}
  151. </div>
  152.  
  153. <div class="form-group">
  154. {{ Form::label('_title', 'სათაური') }}
  155. {{ Form::text('_title', old('_title'), ['class' => 'form-control']) }}
  156. </div>
  157.  
  158. <div class="form-group">
  159. {{ Form::label('_date_start', 'დასაწყისის თარიღი') }}
  160. {{ Form::text('_date_start', old('_date_start'), ['class' => 'form-control', 'readonly']) }}
  161. </div>
  162.  
  163. <div class="form-group">
  164. {{ Form::label('_time_start', 'დასაწყისის დრო') }}
  165. {{ Form::text('_time_start', old('_time_start'), ['class' => 'form-control']) }}
  166. </div>
  167.  
  168. <div class="form-group">
  169. {{ Form::label('_date_end', 'დამთავრების თარიღი') }}
  170. {{ Form::text('_date_end', old('_date_end'), ['class' => 'form-control']) }}
  171. </div>
  172.  
  173. <!-- NOTE --> <div class="form-group">
  174. {{ Form::label('_user_name', 'მოხმარებელი') }}
  175. {{ Form::text('_user_name', old('_user_name'), ['class' => 'form-control', 'readonly']) }}
  176. {{-- @foreach($users as $user)
  177. <option value="{{ $user->id }}">{{ $user->name }}</option>
  178. @endforeach --}}
  179. </select>
  180. </div>
  181.  
  182.  
  183. <div class="form-group">
  184. {{ Form::label('_color', 'ფერი') }}
  185. <div class="input-group colorpicker">
  186. {{ Form::text('_color', old('_color'), ['class' => 'form-control']) }}
  187. <span class="input-group-addon">
  188. <i></i>
  189. </span>
  190. </div>
  191. </div>
  192.  
  193.  
  194. </div>
  195. @if(auth()->user()->role == 1)
  196. <div class="modal-footer">
  197. <a id="delete" data-href="{{ url('events') }}" data-id="" class="btn btn-danger">წაშლა</a>
  198. <button type="button" class="btn btn-dafault" data-dismiss="modal">გაუქმება</button>
  199. <a href="#" data-href="{{ url('events') }}" class="btn btn-success btn-update" data-id="">შეცვლა</a>
  200. </div>
  201. @endif
  202.  
  203.  
  204. @if(auth()->user()->role == 2)
  205. <div class="modal-footer">
  206. <a id="delete" data-href="{{ url('events') }}" data-id="" class="btn btn-danger">შეხვედრის გაუქმება</a>
  207. <a href="#" data-href="{{ url('events') }}" class="btn btn-success btn-update" data-id="">შეხვედრის დადასტურება</a>
  208. <button type="button" class="btn btn-dafault" data-dismiss="modal">დახურვა</button>
  209. </div>
  210. @endif
  211.  
  212. </div>
  213. </div>
  214. <!-- NOTE ============= EVENT DETAILS FOR ADMINS END ============== -->
  215.  
  216.  
  217.  
  218. <!-- FIXME ============= SPACE BETWEEN DETAILS ============== -->
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226.  
  227.  
  228.  
  229.  
  230. </div>
  231.  
  232. </div>
  233. </body>
  234. {!! Html::script('vendor/seguce92/jquery.min.js') !!}
  235. {!! Html::script('vendor/seguce92/bootstrap/js/bootstrap.min.js') !!}
  236. {!! Html::script('vendor/seguce92/fullcalendar/lib/moment.min.js') !!}
  237. {!! Html::script('vendor/seguce92/fullcalendar/fullcalendar.min.js') !!}
  238. {!! Html::script('vendor/seguce92/bootstrap-datetimepicker/js/bootstrap-material-datetimepicker.js') !!}
  239. {!! Html::script('vendor/seguce92/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js') !!}
  240. <script>
  241. var BASEURL = "{{ url('/') }}";
  242. $(document).ready(function() {
  243.  
  244. $('#calendar').fullCalendar({
  245. header: {
  246. left: 'prev,next today',
  247. center: 'title',
  248. right: 'month,basicWeek,basicDay,list'
  249. },
  250. navLinks: true, // can click day/week names to navigate views
  251. editable: true,
  252. selectable: true,
  253. selectHelper: true,
  254.  
  255. select: function(start){
  256. start = moment(start.format());
  257. $('#date_start').val(start.format('YYYY-MM-DD'));
  258. $('#responsive-modal').modal('show');
  259. },
  260.  
  261. events: BASEURL + '/events',
  262.  
  263. eventClick: function(event, jsEvent, view){
  264. var date_start = $.fullCalendar.moment(event.start).format('YYYY-MM-DD');
  265. var time_start = $.fullCalendar.moment(event.start).format('hh:mm:ss');
  266. var date_end = $.fullCalendar.moment(event.end).format('YYYY-MM-DD hh:mm:ss');
  267. $('#modal-event #delete').attr('data-id', event.id);
  268. $('#modal-event .btn-update').attr('data-id', event.id);
  269. $('#modal-event #_location').val(event.location);
  270. $('#modal-event #_work').val(event.work);
  271. $('#modal-event #_title').val(event.title);
  272. $('#modal-event #_date_start').val(date_start);
  273. $('#modal-event #_time_start').val(time_start);
  274. $('#modal-event #_date_end').val(date_end);
  275. $('#modal-event #_color').val(event.color);
  276. $('#modal-event #_user_name').val(event.user.name);
  277. $('#modal-event').modal('show');
  278. }
  279. });
  280.  
  281. });
  282.  
  283. $('.colorpicker').colorpicker();
  284.  
  285. $('#time_start').bootstrapMaterialDatePicker({
  286. date: false,
  287. shortTime: false,
  288. format: 'HH:mm:ss'
  289. });
  290.  
  291. $('#date_end').bootstrapMaterialDatePicker({
  292. date: true,
  293. shortTime: false,
  294. format: 'YYYY-MM-DD HH:mm:ss'
  295. });
  296.  
  297. $('#_time_start').bootstrapMaterialDatePicker({
  298. date: false,
  299. shortTime: false,
  300. format: 'HH:mm:ss'
  301. });
  302.  
  303. $('#_date_end').bootstrapMaterialDatePicker({
  304. date: true,
  305. shortTime: false,
  306. format: 'YYYY-MM-DD HH:mm:ss'
  307. });
  308.  
  309. $('#delete').on('click', function(){
  310. var x = $(this);
  311. var delete_url = x.attr('data-href')+'/'+x.attr('data-id');
  312.  
  313. $.ajax({
  314. url: delete_url,
  315. type: 'DELETE',
  316. success: function(result){
  317. $('#modal-event').modal('hide');
  318. alert(result.message);
  319. location.reload(true);
  320. },
  321. error: function(result){
  322. $('#modal-event').modal('hide');
  323. alert(result.message);
  324. }
  325. });
  326. });
  327.  
  328. $(document).on('click', '.btn-update', function () {
  329.  
  330.  
  331. var route_update = $(this).attr('data-href') + '/' + $(this).attr('data-id');
  332. var data = {
  333. 'date_start': $('#_date_start').val(),
  334. 'title':$('#_title').val(),
  335. 'location':$('#_location').val(),
  336. 'work':$('#_work').val(),
  337. 'time_start': $('#_time_start').val(),
  338. 'date_end': $('#_date_end').val(),
  339. 'color': $('#_color').val(),
  340. '_method': 'PATCH'
  341. };
  342. $.ajax({
  343. data: data,
  344. type: 'PATCH',
  345. url: route_update,
  346. success: function(result) {
  347. $('#modal-event').modal('hide');
  348. if(result.status === 201){
  349. alert(result.message);
  350. location.reload(true);
  351. }
  352. else
  353. alert(result.message);
  354. },
  355. error: function() {
  356. $('#modal-event').modal('hide');
  357. alert('დაფიქსირდა შეცდომა შეხვედრის განახლებისას!');
  358. }
  359. });
  360. });
  361.  
  362. </script>
  363. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement