SHARE
TWEET

Untitled

a guest Apr 27th, 2018 112 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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. }
RAW Paste Data
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
 
Top