API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 27th, 2018
140
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.66 KB | None | 0 0
raw download clone embed print report
  1. .fc-event {
  2. font-size: .85em;}
  3.  
  4. if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  5. $('#calendar').fullCalendar('changeView', 'agendaDay'); //=> OK
  6. $(".fc table ").css("font-size", "1.40em"); //=> OK
  7. $('.fc-event').css('font-size', '1.85em !important'); //=> NOT OK
  8. $('#calendar').fullCalendar('option', 'aspectRatio', 0.85); //=> OK
  9. };
  10.  
  11. <?php
  12. session_start();
  13. if(!$_SESSION['email'])
  14. {
  15. header("Location: login.php");//redirect to login page to secure the welcome page without login access.
  16. }
  17. ?>
  18.  
  19. <html>
  20. <head>
  21. <meta charset='utf-8' />
  22.  
  23. <link href='css/jquery.qtip.css' rel='stylesheet' />
  24. <link href='css/fullcalendar.css' rel='stylesheet' />
  25. <link href='css/fullcalendar.print.css' rel='stylesheet' media='print' />
  26.  
  27. <script src='js/lib/moment.min.js'></script>
  28. <script src='js/lib/jquery.min.js'></script>
  29. <script src='js/lib/jquery-ui.custom.min.js'></script>
  30.  
  31. <script src='js/fullcalendar.min.js'></script>
  32. <script src='js/fullcalendar.js'></script>
  33. <script src='js/lang-all.js'></script>
  34.  
  35. <script src='js/jquery.qtip.js'></script>
  36.  
  37. <script src='js/bootstrap.js'></script>
  38. <script src='js/bootstrap.min.js'></script>
  39.  
  40.  
  41. <script>
  42.  
  43. $(document).ready(function() {
  44.  
  45. var date = new Date();
  46. var d = date.getDate();
  47. var m = date.getMonth();
  48. var y = date.getFullYear();
  49.  
  50. //var username = $("input#username").val();
  51. //var password = $("input#password").val();
  52. var username = 'api_user'; //api gebruikersnaam
  53. var password = 'api_pass'; //api passwoord
  54.  
  55. function make_base_auth(user, password) {
  56. var tok = user + ':' + password;
  57. var hash = btoa(tok);
  58. return "Basic " + hash;
  59. };
  60.  
  61. var calendar = $('#calendar').fullCalendar({
  62.  
  63. //Display settings
  64. //theme: true,
  65. //aspectRatio: 1, // verhouding hoogte breedte standaard is dit 1.35
  66. header: {
  67. left: 'prev,next, today',
  68. center: 'title',
  69. right: 'month,agendaWeek,agendaThreeDay,agendaDay' //ook mogelijk basicWeek, basicDay
  70. },
  71. firstDay: 1, //Sunday=0, Monday=1, Tuesday=2, etc.
  72. //hiddenDays: [ 0 ], //zondag verbergen [ 1, 3, 5 ] // hide Mondays, Wednesdays, and Fridays
  73. weekNumbers: true,
  74. businessHours: {
  75. start: '7:00', // a start time
  76. end: '19:00', // an end time
  77. dow: [ 1, 2, 3, 4, 5, 6 ]
  78. // days of week. an array of zero-based day of week integers (0=Sunday)
  79. // (Monday-saturday in this example)
  80. },
  81. views: {
  82. agendaFourDay: {
  83. type: 'agenda',
  84. duration: { days: 4 },
  85. buttonText: '4 Dagen'
  86. },
  87. agendaThreeDay: {
  88. type: 'agenda',
  89. duration: { days: 3 },
  90. buttonText: '3 dagen'
  91. }
  92. },
  93. defaultView: 'agendaWeek', //de calender opent standaard op dit overzicht month,agendaWeek,agendaThreeDay,agendaDay
  94. timeFormat: 'H(:mm)', // uppercase H for 24-hour clock
  95. lang: 'nl',
  96.  
  97. //Calendar settings
  98. selectable: true,
  99. selectHelper: true,
  100. editable: true,
  101. eventLimit: true, //allow "more" link when too many events
  102.  
  103. //Events
  104. events: {
  105. url:'events.php',
  106. error: function() {
  107. alert('There was an error while fetching events! Check event settings, database connection and events.php');
  108. },
  109. //color : 'green',
  110. },
  111.  
  112.  
  113. eventRender: function(event, element) {
  114. $('.fc-event').css('font-size', '1.85em');
  115. //element.qtip({content: event.title});
  116. },
  117.  
  118. //Popup on event click
  119. eventClick: function(calEvent, jsEvent, view) {
  120. alert('Afspraak details: n' + calEvent.title + 'n' + 'n'
  121. + 'Plaats: ' + calEvent.location + 'n' + 'n'
  122. + 'Omschrijving :' + calEvent.description + 'n' + 'n'
  123. //+ 'Van :' + calEvent.startgethours()>12? + 'n' + 'n'
  124. );
  125. //alert('View: ' + view.name);
  126. // change the border color just for fun
  127. //$(this).css('background-color', 'deepskyblue'); //change color of selected item
  128. },
  129.  
  130.  
  131. //Convert the allDay from string to boolean
  132. eventRender: function(event, element, view) {
  133. if (event.allDay === 'true')
  134. {
  135. event.allDay = true;
  136. }
  137. else {
  138. event.allDay = false;
  139. }
  140. },
  141.  
  142.  
  143. /*
  144. eventRender: function(event, element) {
  145. element.qtip({
  146. content: event.title
  147. });
  148. },
  149. */
  150.  
  151. //Add event => alle velden toevoegen voor gebruikt kan worden
  152. /*
  153. select: function(start, end, allDay) {
  154. var title = prompt('Event Title:');
  155. //var url = prompt('Type Event url, if exits:');
  156. if (title) {
  157. var start = $.fullCalendar.moment(start).format("YYYY-MM-DD HH:mm:ss");
  158. var end = $.fullCalendar.moment(end).format("YYYY-MM-DD HH:mm:ss");
  159. $.ajax({
  160. url: 'http://www.data2info.be/_test/kalender/add_events.php',
  161. data: 'title='+ title+'&start='+ start +'&end='+ end,
  162. type: "POST",
  163. success: function(json) {
  164. alert('De afspraak is toegevoegd');
  165. }
  166. });
  167. calendar.fullCalendar('renderEvent',
  168. {
  169. title: title,
  170. start: start,
  171. end: end
  172. //allDay: allDay
  173. },
  174. true // make the event "stick"
  175. );
  176. }
  177. calendar.fullCalendar('unselect');
  178. $.ajax({
  179. url: 'navapi.php',
  180. data: 'title='+ event.title+'&start='+ start +'&end='+ end +'&id='+ event.id ,
  181. type: "GET",
  182. //datatype: "json",
  183. statusCode: {404: function() {alert( "navapi.php niet gevonden. De wijziging wordt niet opgeslagen." )}},
  184. beforeSend: function (xhr) {
  185. xhr.setRequestHeader('Authorization', make_base_auth(username, password));
  186. },
  187. });
  188. },
  189. */
  190.  
  191. //Move event
  192. eventDrop: function(event, delta, revertFunc) {
  193. var start = event.start.format("YYYY-MM-DD HH:mm:ss");
  194. var end = event.end.format("YYYY-MM-DD HH:mm:ss");
  195. //Post changes - drag/drop event
  196. $.ajax({
  197. url: 'update_events.php',
  198. data: 'title='+ event.title+'&start='+ start +'&end='+ end +'&id='+ event.id ,
  199. type: "POST",
  200. success: function(json) { //refresh calendar on success
  201. $('#calendar').fullCalendar( 'refetchEvents' );
  202. //alert("Updated Successfully");
  203. },
  204. error: function(json) { //refresh calendar on error
  205. $('#calendar').fullCalendar( 'refetchEvents' );
  206. },
  207. statusCode: {404: function() {alert( "update_events.php niet gevonden. De wijziging wordt niet opgeslagen." )}},
  208. });
  209. //Post parameters tot api NAV
  210. $.ajax({
  211. url: 'navapi.php',
  212. data: 'title='+ event.title+'&start='+ start +'&end='+ end +'&id='+ event.id ,
  213. type: "GET",
  214. //datatype: "json",
  215. statusCode: {404: function() {alert( "navapi.php niet gevonden. De wijziging wordt niet opgeslagen." )}},
  216. beforeSend: function (xhr) {
  217. xhr.setRequestHeader('Authorization', make_base_auth(username, password));
  218. },
  219. });
  220. },
  221.  
  222.  
  223. //Resize event
  224. eventResize: function(event) {
  225. var start = event.start.format("YYYY-MM-DD HH:mm:ss");
  226. var end = event.end.format("YYYY-MM-DD HH:mm:ss");
  227. //Post changes - resize event
  228. $.ajax({
  229. url: 'update_events.php',
  230. data: 'title='+ event.title+'&start='+ start +'&end='+ end +'&id='+ event.id ,
  231. type: "POST",
  232. success: function(json) { //refresh calendar on success
  233. $('#calendar').fullCalendar( 'refetchEvents' );
  234. //alert("Updated Successfully");
  235. },
  236. error: function(json) { //refresh calendar on error
  237. $('#calendar').fullCalendar( 'refetchEvents' );
  238. //alert("Updated Successfully");
  239. },
  240. statusCode: {404: function() {alert( "update_events.php niet gevonden. De wijziging wordt niet opgeslagen." )}},
  241. });
  242. //Post parameters tot api NAV
  243. $.ajax({
  244. url: 'navapi.php',
  245. data: 'title='+ event.title+'&start='+ start +'&end='+ end +'&id='+ event.id ,
  246. type: "GET",
  247. //datatype: "json",
  248. statusCode: {404: function() {alert( "navapi.php niet gevonden. De wijziging wordt niet opgeslagen." )}},
  249. beforeSend: function (xhr) {
  250. xhr.setRequestHeader('Authorization', make_base_auth(username, password));
  251. },
  252. });
  253. },
  254. }); //hier stopt the full cal
  255.  
  256.  
  257.  
  258.  
  259.  
  260. $(".fc-time-grid-event fc-event fc-start fc-end fc-draggable fc-resizable").css("font-size", "2em");
  261. $(".fc-event-container").css("font-size", "2em");
  262.  
  263.  
  264. // afhankelijk van het gebruikte device
  265. /*
  266. if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  267. $('#calendar').fullCalendar('changeView', 'agendaDay');
  268. $('#calendar').fullCalendar('option', 'aspectRatio', 0.85); //aanpassing aspect ratio
  269. //$("h1").css("color", "rgb(224, 68, 80)"); //debug info verander kleur van titel
  270.  
  271. //$(".fc-centre ").css("font-size", "1.40em");
  272. //$('body .fc ').css('font-size', '3em');
  273. //$('.fc-event-content, .fc-event-time').css('font-size', '1.85em');
  274.  
  275.  
  276. $(".fc-event").css("font-size", "2em");
  277. };
  278. */
  279.  
  280. });
  281.  
  282. </script>
  283. <style>
  284.  
  285. body {
  286. margin: 40px 10px;
  287. padding: 0;
  288. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  289. font-size: 14px;
  290. }
  291.  
  292. #calendar {
  293. max-width: 900px;
  294. margin: 0 auto;
  295. }
  296.  
  297. </style>
  298. </head>
  299. <body>
  300.  
  301. <h3><a href="logout.php">Logout here</a> </h3>
  302.  
  303.  
  304. <?php
  305. //echo "DEBUG INFO <br>";
  306. //echo $_SESSION['email']." dit is een email van de ingelogde gebruiker <br>";
  307. //echo $_SESSION['resource']." = resource ID <br>";
  308. ?>
  309.  
  310.  
  311.  
  312. <div id='Header'>
  313. <h1><?php echo "welkom " . $_SESSION['name']?></h1><br>
  314. </div>
  315.  
  316.  
  317. <div id='calendar'></div>
  318.  
  319. </body>
  320. </html>
  321.  
  322. $('.fc-event').attr('style', 'font-size: 1.85em !important');
  323.  
  324. $('.fc-event').css('font-size', '1.85em');
  325.  
  326. $('.fc-title').css('font-size', '1.85em');
  327. $('.fc-time').css('font-size', '1.85em');
  328.  
  329. $('.fc-event-content, .fc-event-time').css('font-size', '1.85em');
  330.  
  331. $('#calendar').fullcalendar({...});
  332. $('.fc-event-content, .fc-event-time, .fc-event-title').css('font-size', '1.85em');
  333.  
  334. .fc-event {
  335. border: 1px solid #3a87ad; /* default BORDER color */
  336. background-color: #3a87ad; /* default BACKGROUND color */
  337. color: #fff; /* default TEXT color */
  338. font-size: 1em; /* EDIT HERE */
  339. cursor: default;
  340. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!