spawntree
/
tbuddy-master
2
0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Версии 0 Уики Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
5 Ревизии
1 Клон
39 MiB
 
 
 
 
 
Клон: master
Клонове Маркери
${ item.name }
Create branch ${ searchTerm }
от 'master'
${ noResults }
tbuddy-master/apps/teambuddy/public/client/js/control/TBControlAppointment.js

827 lines
35 KiB
Директен файл Постоянна връзка Blame История 

  1. /**

  2.  * Created by Benny on 12.10.2014.

  3.  */

  4. 

  5. "use strict";

  6. 

  7. var TB = TB || {};

  8. TB.Control = TB.Control || {};

  9. 

  10. TB.Control.Appointment =  {

  11.     index: function( params ) {

  12.         TB.GUI.showLoader();

  13.         var page = new TB.Page( 'appointment' ),

  14.             pageData = [];

  15. 

  16.         TB.Service.request('Appointment', 'getList', {}, function (data) {

  17.             TB.GUI.hideLoader();

  18. 

  19.             pageData = data;

  20.             data.profile = TB.Client.profile;

  21.             TB.GUI.show( page, data );

  22. 

  23.             // Content Big

  24.             page.$container.find( 'table tbody tr').on( "click", "label.btn-disabled", function() {

  25.                 var $label = $( this),

  26.                     appointmentId = $label.attr( 'data-appointment-id'),

  27.                     status = $label.attr( 'data-label-type' ) == 'accept' ? 'accepted' : 'declined';

  28. 

  29.                 TB.Service.request(

  30.                     'Appointment',

  31.                     'setAttendanceStatus',

  32.                     { status: status, appointment_id: appointmentId, ext_result: true },

  33.                     function( data ) {

  34.                         if ( data.error )

  35.                         {

  36.                             TB.Ext.Alert.show(

  37.                                 'Zusagefrist abgelaufen',

  38.                                 data.appointment.feedback_deadline_notice

  39.                             );

  40.                         }

  41.                         else

  42.                         {

  43.                             TB.Ext.Notification.show( 'Teilnahme Einstellung gespeichert.', TB.Ext.Notification.TYPE_SUCCESS );

  44.                             if ( 'accept' == $label.attr( 'data-label-type' ) ) {

  45.                                 $label.parent( 'div').find( 'label[data-label-type="decline"]').removeClass( 'active').removeClass( 'btn-danger').addClass( 'btn-disabled' );

  46.                                 $label.addClass( 'btn-success').addClass( 'active').removeClass( 'btn-disabled' );

  47.                             } else {

  48.                                 $label.parent( 'div').find( 'label[data-label-type="accept"]' ).removeClass( 'active').removeClass( 'btn-success' ).addClass( 'btn-disabled' );

  49.                                 $label.addClass( 'btn-danger').addClass( 'active').removeClass( 'btn-disabled' );

  50.                             }

  51.                             page.$container.find( 'span[data-accepted-label-id="' + appointmentId + '"]').html( data.ext_result.num_accepted );

  52.                             page.$container.find( 'span[data-declined-label-id="' + appointmentId + '"]').html( data.ext_result.num_declined );

  53.                         }

  54.                     },

  55.                     $( this )

  56.                 );

  57.             });

  58. 

  59.             // Content Small

  60.             page.$container.find( 'table tbody tr').on( "click", 'span[data-action="setstatus"].clickable', function() {

  61. 

  62.                 var $span = $(this),

  63.                     appointmentId = $span.attr( 'data-appointment-id'),

  64.                     status = $span.attr( 'data-label-type' );

  65. 

  66.                 TB.Service.request(

  67.                     'Appointment',

  68.                     'setAttendanceStatus',

  69.                     { status: status, appointment_id: appointmentId, ext_result: false },

  70.                     function( data ) {

  71.                         if ( data.error ) {

  72.                             TB.Ext.Alert.show(

  73.                                 'Zusagefrist abgelaufen',

  74.                                 data.appointment.feedback_deadline_notice

  75.                             );

  76.                         } else {

  77.                             TB.Ext.Notification.show( 'Teilnahme Einstellung gespeichert.', TB.Ext.Notification.TYPE_SUCCESS );

  78.                             if ( 'accepted' == status ) {

  79.                                 $span.addClass( 'label-success').removeClass( 'clickable' );

  80.                                 $span.parent( 'td').find( 'span[data-label-type="declined"]').removeClass( 'label-danger').addClass( 'clickable' );

  81.                             } else {

  82.                                 $span.addClass( 'label-danger').removeClass( 'clickable' );

  83.                                 $span.parent( 'td' ).find( 'span[data-label-type="accepted"]').removeClass( 'label-success').addClass( 'clickable' );

  84.                             }

  85.                             page.$container.find( 'span[data-accepted-label-id="' + appointmentId + '"]').html( data.ext_result.num_accepted );

  86.                             page.$container.find( 'span[data-declined-label-id="' + appointmentId + '"]').html( data.ext_result.num_declined );

  87.                         }

  88.                     },

  89.                     $( this )

  90.                 );

  91. 

  92.                 return false;

  93. 

  94.             });

  95. 

  96. 

  97.             page.$container.find( 'button[data-id="btn_appointment_create_match"]').click( function() {

  98.                 TB.Controller.do( 'Appointment', 'create_match' );

  99.             });

  100. 

  101.             page.$container.find( '#btn-coach-help').click( function() {

  102.                 TB.GUI.showModal(

  103.                     "Termine",

  104.                     TB.Config.Content.helpHtml.termine

  105.                 );

  106.             });

  107. 

  108.             page.$container.find( 'button[data-id="btn_appointment_export"]').click( function()

  109.             {

  110.                 if ( TB.Premium.isPremium() )

  111.                 {

  112.                     TB.Service.request( 'Team', 'load', { addPremium: true } , function( teamData ) {

  113. 

  114.                         var filename = TB.Client.getCurrentTeam().display_name + "-" + moment().format( 'D-M-Y' ),

  115.                             appointmentDate, appointmentName, appointmentLocation, attendees,

  116.                             fnGetAttendeeFirstname, fnGetAttendeeLastname,

  117.                             config = {},

  118.                             rows = [];

  119. 

  120.                         fnGetAttendeeFirstname = function( profileId )

  121.                         {

  122.                             var firstName = 'Unbekannt';

  123. 

  124.                             for ( var pi = 0; pi < teamData.profiles.length; pi++ )

  125.                             {

  126.                                 if ( profileId == teamData.profiles[ pi ].id )

  127.                                 {

  128.                                     firstName = teamData.profiles[ pi ].first_name;

  129.                                     break;

  130.                                 }

  131.                             }

  132. 

  133.                             return firstName;

  134.                         };

  135. 

  136.                         fnGetAttendeeLastname = function( profileId )

  137.                         {

  138.                             var lastName = 'Unbekannt';

  139. 

  140.                             for ( var pi = 0; pi < teamData.profiles.length; pi++ )

  141.                             {

  142.                                 if ( profileId == teamData.profiles[ pi ].id )

  143.                                 {

  144.                                     lastName = teamData.profiles[ pi ].last_name;

  145.                                     break;

  146.                                 }

  147.                             }

  148. 

  149.                             return lastName;

  150.                         };

  151. 

  152.                         //  Wann | Was | Wo | Vorname | Nachname | Mailadresse | Status | Status vom | Kommentar

  153.                         rows.push(

  154.                             [

  155.                                 { value : 'Wann', type : 'string' },

  156.                                 { value : 'Was', type : 'string' },

  157.                                 { value : 'Wo', type : 'string' },

  158.                                 { value : 'Vorname', type : 'string' },

  159.                                 { value : 'Nachname', type : 'string' },

  160.                                 { value : 'Status', type : 'string' },

  161.                                 { value : 'Status vom', type : 'string' },

  162.                                 { value : 'Kommentar', type : 'string' }

  163.                             ]

  164.                         );

  165. 

  166.                         for ( var ai = 0; ai < pageData.appointments.length; ai++ )

  167.                         {

  168.                             appointmentDate = TB.Utils.getDatetimeStringFromUnixTimestamp( pageData.appointments[ ai ].starttime );

  169.                             appointmentName = TB.Utils.getAppointmentName( pageData.appointments[ ai ] );

  170.                             appointmentLocation = pageData.appointments[ ai ].location;

  171. 

  172. 

  173.                             if ( false === pageData.hasOwnProperty( 'attendees_' + pageData.appointments[ ai ].id ) )

  174.                             {

  175.                                 continue;

  176.                             }

  177. 

  178.                             attendees = pageData[ "attendees_" + pageData.appointments[ ai ].id ];

  179. 

  180.                             if ( 0 === attendees.length )

  181.                             {

  182.                                 continue;

  183.                             }

  184. 

  185.                             for ( var aai = 0; aai < attendees.length; aai++ )

  186.                             {

  187.                                 rows.push(

  188.                                     [

  189.                                         { value : appointmentDate , type : 'string' },

  190.                                         { value : appointmentName , type : 'string' },

  191.                                         { value : appointmentLocation , type : 'string' },

  192.                                         { value : fnGetAttendeeFirstname( attendees[ aai ].profile_id ) , type : 'string' },

  193.                                         { value : fnGetAttendeeLastname( attendees[ aai ].profile_id ) , type : 'string' },

  194.                                         { value : attendees[ aai ].status === "accepted" ? 'zugesagt' : 'abgesagt' , type : 'string' },

  195.                                         { value : TB.Utils.getDatetimeStringFromUnixTimestamp( attendees[ aai ].last_update ) , type : 'string' },

  196.                                         { value : attendees[ aai ].comment ? attendees[ aai ].comment : '' , type : 'string' }

  197.                                     ]

  198.                                 )

  199.                             }

  200.                         }

  201. 

  202.                         //TB.Utils.exportToCsv( filename, rows, ',' );

  203.                         config.filename = filename;

  204.                         config.sheet = { data : rows };

  205.                         zipcelx( config );

  206.                     });

  207.                 }

  208.                 else

  209.                 {

  210.                     TB.Premium.handleNoPremium();

  211.                 }

  212.             });

  213. 

  214.             page.$container.find( 'button[data-id="btn_appointment_subscribe"]').click( function()

  215.             {

  216.                 TB.Premium.callPremium( 'Appointment', 'subscribe' );

  217.             });

  218. 

  219. 

  220.             page.$container.find( 'button[data-id="btn_appointment_create_other"]').click( function() {

  221.                 TB.Controller.do( 'Appointment', 'create_other' );

  222.             });

  223. 

  224.             page.$container.find( 'button[data-id="btn-show-old-appointments"]').click( function() {

  225.                 if ( TB.Premium.isPremium() )

  226.                 {

  227.                     $(this).blur();

  228.                     $(this).find( 'i.glyphicon-chevron-right').toggle();

  229.                     $(this).find( 'i.glyphicon-chevron-down').toggle();

  230.                     if ( page.$container.find( '.specialContentSmall').is( ":visible" ) ) {

  231.                         page.$container.find( '#appointment-table-old-appointment-small').slideToggle("slow");

  232.                     } else {

  233.                         page.$container.find( '#appointment-table-old-appointment').slideToggle("slow");

  234.                     }

  235.                 }

  236.                 else

  237.                 {

  238.                     TB.Premium.handleNoPremium();

  239.                 }

  240.             });

  241. 

  242.             // Create new match appointment

  243.             page.$container.find('#btn_appointment_save_match').click( function () {

  244.                 if ( !TB.GUI.performFormValidation( $( '#form_new_appointment_match' ) ) ) {

  245.                     return false;

  246.                 }

  247. 

  248.                 var props = $( '#form_new_appointment_match').serializeObject();

  249.                 props.starttime = TB.Utils.getUnixTimestampFromDatetimeString( props.starttime );

  250.                 TB.Service.request(

  251.                     'Appointment',

  252.                     'create',

  253.                     props,

  254.                     function() {

  255.                         TB.Ext.Notification.show( 'Spieltermin erstellt.', TB.Ext.Notification.TYPE_SUCCESS );

  256.                         // Reload

  257.                         TB.Controller.do( 'Appointment', 'index' )

  258.                     },

  259.                     $( this )

  260.                 );

  261. 

  262.                 // Dont do FORM post

  263.                 return false;

  264.             });

  265. 

  266.             // Create new other appointment

  267.             page.$container.find('#btn_appointment_save_other').click( function () {

  268.                 if ( !TB.GUI.performFormValidation( $( '#form_new_appointment_other' ) ) ) {

  269.                     return false;

  270.                 }

  271. 

  272.                 var props = $( '#form_new_appointment_other').serializeObject();

  273.                 props.starttime = TB.Utils.getUnixTimestampFromDatetimeString( props.starttime );

  274.                 TB.Service.request(

  275.                     'Appointment',

  276.                     'create',

  277.                     props,

  278.                     function() {

  279.                         TB.Ext.Notification.show( 'Termin erstellt.', TB.Ext.Notification.TYPE_SUCCESS );

  280.                         // Reload

  281.                         TB.Controller.do( 'Appointment', 'index' )

  282.                     },

  283.                     $( this )

  284.                 );

  285. 

  286.                 // Dont do FORM post

  287.                 return false;

  288.             });

  289.         });

  290. 

  291.     },

  292. 

  293.     subscribe : function( params )

  294.     {

  295.         TB.GUI.showLoader();

  296.         var page = new TB.Page( 'appointment_subscribe' ),

  297.             pageData = [],

  298.             fnCopyToClipboard = function( $elem ) {

  299.                 var input = $elem.get(0);

  300.                 var isiOSDevice = navigator.userAgent.match(/ipad|iphone/i);

  301. 

  302.                 if (isiOSDevice) {

  303. 

  304.                     var editable = input.contentEditable;

  305.                     var readOnly = input.readOnly;

  306. 

  307.                     input.contentEditable = true;

  308.                     input.readOnly = false;

  309. 

  310.                     var range = document.createRange();

  311.                     range.selectNodeContents(input);

  312. 

  313.                     var selection = window.getSelection();

  314.                     selection.removeAllRanges();

  315.                     selection.addRange(range);

  316. 

  317.                     input.setSelectionRange(0, 999999);

  318.                     input.contentEditable = editable;

  319.                     input.readOnly = readOnly;

  320. 

  321.                 } else {

  322.                     input.select();

  323.                 }

  324. 

  325.                 return document.execCommand('copy');

  326.             };

  327. 

  328.         TB.Service.request( 'Appointment', 'subscribe', {}, function (data) {

  329.             TB.GUI.hideLoader();

  330. 

  331.             pageData = data;

  332.             pageData.profile = TB.Client.profile;

  333.             TB.GUI.show( page, pageData );

  334. 

  335.             page.$container.find('[data-id="btn-copy-ics-team"]').click(function ()

  336.             {

  337.                 var copyResult = fnCopyToClipboard( page.$container.find('[data-id="tbuddy-ics-team"]').first() ),

  338.                     html = '<p>Die URL zu deinem Kalender befindet sich nun im Zwischenspeicher.</p><p>Gehe nun in die Kalenderapp deiner Wahl und importiere dort den Kalender.</p><p><b>Tipp</b></p><p>Schau in unsere Hilfe für weitere Tipps</p>';

  339.                 if (false === copyResult) {

  340.                     html = '<p>Drücke STRG+C, um die URL zum Kalender in den Zwischenspeicher zu kopieren.</p><p>Gehe nun in die Kalenderapp deiner Wahl und importiere dort den Kalender.</p><p><b>Tipp</b></p><p>Schau in unsere Hilfe für weitere Tipps</p>';

  341.                 }

  342.                 TB.Ext.Alert.modal({

  343.                     title: 'Kalender URL kopiert',

  344.                     html: html,

  345.                     showCancelButton: false,

  346.                     confirmButtonColor: '#048DBF',

  347.                     type: 'success'

  348.                 });

  349.             });

  350. 

  351.             page.$container.find('[data-id="btn-copy-ics-team-profile"]').click(function ()

  352.             {

  353.                 var copyResult = fnCopyToClipboard( page.$container.find('[data-id="tbuddy-ics-team-profile"]').first() ),

  354.                     html = '<p>Die URL zu deinem Kalender befindet sich nun im Zwischenspeicher.</p><p>Gehe nun in die Kalenderapp deiner Wahl und importiere dort den Kalender.</p><p><b>Tipp</b></p><p>Schau in unsere Hilfe für weitere Tipps</p>';

  355.                 if (false === copyResult) {

  356.                     page.$container.find('[data-id="tbuddy-ics-team-profile"]').first().removeAttr( 'readonly' );

  357.                     page.$container.find('[data-id="tbuddy-ics-team-profile"]').first().select();

  358.                     html = '<p>Drücke STRG/CMD+C, um die URL zum Kalender in den Zwischenspeicher zu kopieren.</p><p>Gehe nun in die Kalenderapp deiner Wahl und importiere dort den Kalender.</p><p><b>Tipp</b></p><p>Schau in unsere Hilfe für weitere Tipps</p>';

  359.                 }

  360.                 TB.Ext.Alert.modal({

  361.                     title: 'Kalender URL kopiert',

  362.                     html: html,

  363.                     showCancelButton: false,

  364.                     confirmButtonColor: '#048DBF',

  365.                     type: 'success'

  366.                 });

  367.             });

  368. 

  369. 

  370.         });

  371. 

  372.     },

  373. 

  374.     create_match : function( params ) {

  375.         TB.GUI.showLoader();

  376.         var page = new TB.Page( 'appointment_create_match' ),

  377.             pageData = [];

  378. 

  379. 

  380.         TB.Service.request('Team', 'getCurrent', { including_members : true }, function (data) {

  381.             TB.GUI.hideLoader();

  382.             pageData = data;

  383. 

  384.             var isAllowed = true;

  385. 

  386.             if ( data.team.active_premium_package === TB.Premium.PACKAGE_STANDARD &&

  387.                  data.team.created_ts < ( moment().unix() - (86400 * 60) ) &&

  388.                  data.team_members.length > 10 )

  389.             {

  390.                 isAllowed = false;

  391.             }

  392. 

  393.             data.isAllowed = isAllowed;

  394.             TB.GUI.show(page, data);

  395. 

  396. 

  397. 

  398.             $('[data-toggle="tooltip"]').tooltip();

  399. 

  400.             page.$container.find('#btn_appointment_save_match_cancel').click(function () {

  401.                 TB.Controller.do('Appointment', 'index');

  402.             });

  403. 

  404.             page.$container.find('button[data-use="teamshortlink"]').click(function () {

  405.                 $(this).blur();

  406.                 var $input = $(this).parent().next('input');

  407.                 if ('' == $input.val()) {

  408.                     $input.val( pageData.team.display_name );

  409.                     $input.focus();

  410.                     $input.blur();

  411.                 } else {

  412.                     $input.val('');

  413.                     $input.focus();

  414.                     $input.blur();

  415.                 }

  416.             });

  417. 

  418.             // Create new match appointment

  419.             page.$container.find('#btn_appointment_save_match').click(function () {

  420.                 if (!TB.GUI.performFormValidation($('#form_new_appointment_match'))) {

  421.                     return false;

  422.                 }

  423. 

  424.                 var props = $('#form_new_appointment_match').serializeObject();

  425.                 props.starttime = TB.Utils.getUnixTimestampFromDatetimeString(props.starttime);

  426.                 TB.Service.request(

  427.                     'Appointment',

  428.                     'create',

  429.                     props,

  430.                     function () {

  431.                         TB.Ext.Notification.show('Spieltermin erstellt.', TB.Ext.Notification.TYPE_SUCCESS);

  432.                         // Reload

  433.                         TB.Controller.do('Appointment', 'index')

  434.                     },

  435.                     $(this)

  436.                 );

  437. 

  438.                 // Dont do FORM post

  439.                 return false;

  440.             });

  441.         });

  442. 

  443.     },

  444. 

  445.     create_other : function( params ) {

  446. 

  447.         TB.GUI.showLoader();

  448. 

  449.         var page = new TB.Page( 'appointment_create_other' ),

  450.             pageData = [];

  451. 

  452.         TB.Service.request('Team', 'getCurrent', { including_members : true }, function (data) {

  453.             TB.GUI.hideLoader();

  454.             pageData = data;

  455. 

  456.             var isAllowed = true;

  457. 

  458.             if (data.team.active_premium_package === TB.Premium.PACKAGE_STANDARD &&

  459.                 data.team.created_ts < (moment().unix() - (86400 * 60)) &&

  460.                 data.team_members.length > 10) {

  461.                 isAllowed = false;

  462.             }

  463. 

  464.             data.isAllowed = isAllowed;

  465. 

  466.             TB.GUI.show(page, data);

  467. 

  468.             page.$container.find('#btn_appointment_save_other_cancel').click(function () {

  469.                 TB.Controller.do('Appointment', 'index');

  470.             });

  471. 

  472.             page.$container.find('input[type="radio"][name="frequency"]').change(function () {

  473.                 page.$container.find('div[data-id="frequency-serial-details"]').slideToggle("slow");

  474.             });

  475. 

  476.             // Create new other appointment

  477.             page.$container.find('#btn_appointment_save_other').click(function () {

  478.                 if (!TB.GUI.performFormValidation($('#form_new_appointment_other'))) {

  479.                     return false;

  480.                 }

  481. 

  482.                 var props = $('#form_new_appointment_other').serializeObject(), action = 'create';

  483.                 props.starttime = TB.Utils.getUnixTimestampFromDatetimeString(props.starttime);

  484. 

  485.                 if ("serial" === props.frequency) {

  486.                     action = 'createSerial'

  487.                 }

  488. 

  489.                 TB.Service.request(

  490.                     'Appointment',

  491.                     action,

  492.                     props,

  493.                     function () {

  494.                         TB.Ext.Notification.show('Termin erstellt.', TB.Ext.Notification.TYPE_SUCCESS);

  495.                         // Reload

  496.                         TB.Controller.do('Appointment', 'index')

  497.                     },

  498.                     $(this)

  499.                 );

  500. 

  501.                 // Dont do FORM post

  502.                 return false;

  503.             });

  504. 

  505.         });

  506.     },

  507. 

  508.     detail : function( params ) {

  509.         TB.GUI.showLoader();

  510.         var page = new TB.Page( 'appointment_detail'),

  511.             pageData = [];

  512. 

  513.         TB.Service.request('Appointment', 'getDetail', { appointment_id: params.appointment_id }, function (data) {

  514.             var createCalendarLinks,

  515.                 canSetStatus = ( (data.appointment.starttime ) > TB.Utils.getUnixTimestamp() );

  516. 

  517.             // Prepare data

  518.             data.listAccepted = [],

  519.             data.listUndecided = [],

  520.             data.listDeclined = [];

  521. 

  522.             $.each( data.profiles, function( i, p ) {

  523.                 p.orig_status = p.status;

  524.                 p.status = null;

  525.                 p.comment = null;

  526. 

  527.                 $.each( data.attendees, function( j, a ) {

  528.                     if ( a.profile_id == p.id ) {

  529.                         p.status = a.status;

  530.                         p.comment = a.comment;

  531.                         p.last_update = a.last_update;

  532.                         p.last_accepted_ms = ( a.last_accepted !== null ) ? moment(a.last_accepted).toDate().getTime() : null;

  533.                         return false;

  534.                     }

  535.                 });

  536. 

  537.                 if ( p.status == 'accepted' ) {

  538.                     data.listAccepted.push( p );

  539.                 } else  if ( p.status == 'declined' ) {

  540.                     data.listDeclined.push( p );

  541.                 } else {

  542.                     // Only add to list if not a fan

  543.                     if ( !TB.GUI.isFan(  p ) ) {

  544.                         data.listUndecided.push( p );

  545.                     }

  546.                 }

  547. 

  548.             });

  549. 

  550.             data.listAccepted = data.listAccepted.sort( function( a, b ) {

  551.                 if ( a.last_accepted_ms == null && b.last_accepted_ms == null ) {

  552.                     return 0;

  553.                 } else if ( a.last_accepted_ms == null ) {

  554.                     return 1;

  555.                 } else if ( b.last_accepted_ms == null ) {

  556.                     return -1;

  557.                 } else {

  558.                     return  a.last_accepted_ms - b.last_accepted_ms;

  559.                 }

  560.             });

  561. 

  562.             TB.GUI.hideLoader();

  563.             // Create calendarLinks

  564.             createCalendarLinks = TB.Utils.createCalendar( {

  565.                 title: (( data.appointment.subject ) ? data.appointment.subject : data.appointment.home + ':' + data.appointment.guest),

  566.                 start : TB.Utils.getDateFromUnixTimestamp( data.appointment.starttime ),

  567.                 duration : data.appointment.duration,

  568.                 address : data.appointment.location,

  569.                 description : data.appointment.comment

  570.             });

  571.             data.addToCalendarLinks = createCalendarLinks;

  572.             data.canSetStatus = canSetStatus;

  573.             TB.GUI.show(page, data);

  574. 

  575.             page.$container.find( '#btn_edit_appointment').click( function() {

  576.                 TB.Controller.do( 'Appointment', 'edit', { appointment_id: params.appointment_id } );

  577.             });

  578. 

  579.             page.$container.find( '#btn_delete_appointment').click( function() {

  580.                 TB.Ext.Alert.modal({

  581.                     title: 'Diesen Termin wirklich löschen?'

  582.                 }, function() {

  583.                     TB.Controller.do('Appointment', 'delete', { appointment_id: params.appointment_id } );

  584.                 });

  585.             });

  586. 

  587.             page.$container.find( '#btn_appointment_reminder').click( function() {

  588. 

  589.                 if ( !data || !data.listUndecided || 0 == data.listUndecided ) {

  590.                     TB.Ext.Notification.show( 'Alle Buddies haben bereits zu- oder abgesagt.', TB.Ext.Notification.TYPE_INFO );

  591.                     return false;

  592.                 }

  593. 

  594.                 TB.Ext.Alert.modal({

  595.                     title: 'Erinnerung senden?',

  596.                     text : 'Möchtest du wirklich allen ausstehenden Buddies eine Erinnerung via Email senden?'

  597.                 }, function() {

  598.                     TB.Service.request(

  599.                         'Appointment',

  600.                         'sendReminder',

  601.                         {

  602.                             appointment_id : data.appointment.id

  603.                         },

  604.                         function() {

  605.                             TB.Ext.Notification.show( 'Erinnerung verschickt.', TB.Ext.Notification.TYPE_SUCCESS );

  606.                             // Reload

  607.                             TB.Controller.do( 'Appointment', 'detail', { appointment_id: data.appointment.id  } )

  608.                         },

  609.                         $( this )

  610.                     );

  611. 

  612.                 });

  613. 

  614.             });

  615. 

  616.             page.$container.find( '[data-id="btn-whats-app-reminder"]' ).click( function()

  617.             {

  618.                 if ( !TB.Env.isMobile() )

  619.                 {

  620.                     TB.Ext.Notification.show( 'Diese Funktion kann nur auf mobilen Geräten verwendet werden, die WhatsApp installiert haben', TB.Ext.Notification)

  621.                     return false;

  622.                 }

  623.             });

  624. 

  625.             page.$container.find( '#btn_pdf_export').click( function() {

  626.                 TB.Ext.PDF.downloadAppointment( data );

  627.                 return false;

  628.             });

  629. 

  630.             page.$container.find( '#btn_edit_appointment_attendees').click( function() {

  631.                 TB.Premium.callPremium( 'Appointment', 'edit_attendees', { appointment_id: params.appointment_id } );

  632.                 return false;

  633.             });

  634. 

  635.             page.$container.find( '#btn_set_attendee_status').click( function() {

  636.                 var appointmentId = $( this).attr( 'data-appointment-id'),

  637.                     comment = $( '#comment').val(),

  638.                     status = ( $( '#form_appointment_attendance label.active').attr( 'data-label-type') == 'accept' ) ? 'accepted' : 'declined';

  639. 

  640.                 if ( !( $( '#form_appointment_attendance label.active').attr( 'data-label-type') == 'accept' ) &&

  641.                      !( $( '#form_appointment_attendance label.active').attr( 'data-label-type') == 'decline' ) ) {

  642.                     return false;

  643.                 }

  644. 

  645.                 TB.Service.request(

  646.                     'Appointment',

  647.                     'setAttendanceStatus',

  648.                     { appointment_id: appointmentId, comment: comment, status: status },

  649.                     function( data ) {

  650.                         if ( data.error ) {

  651.                             TB.Ext.Alert.show(

  652.                                 'Zusagefrist abgelaufen',

  653.                                 data.appointment.feedback_deadline_notice

  654.                             );

  655.                         } else {

  656.                             TB.Ext.Notification.show( 'Teilnahme Einstellung gespeichert.', TB.Ext.Notification.TYPE_SUCCESS );

  657.                             TB.Controller.reload();

  658.                         }

  659.                     },

  660.                     $( this )

  661.                 );

  662.                 return false;

  663.             });

  664. 

  665.             page.$container.find( '#form_appointment_attendance').on( "click", "label.btn-disabled", function() {

  666.                 var $label = $( this),

  667.                     appointmentId = $label.attr( 'data-appointment-id'),

  668.                     status = $label.attr( 'data-label-type' ) == 'accept' ? 'accepted' : 'declined';

  669.                 if ( 'accept' == $label.attr( 'data-label-type' ) ) {

  670.                     $label.parent( 'div').find( 'label[data-label-type="decline"]').removeClass( 'active').removeClass( 'btn-danger').addClass( 'btn-disabled' );

  671.                     $label.addClass( 'btn-success').addClass( 'active').removeClass( 'btn-disabled' );

  672.                 } else {

  673.                     $label.parent( 'div').find( 'label[data-label-type="accept"]' ).removeClass( 'active').removeClass( 'btn-success' ).addClass( 'btn-disabled' );

  674.                     $label.addClass( 'btn-danger').addClass( 'active').removeClass( 'btn-disabled' );

  675.                 }

  676.             });

  677.         });

  678.     },

  679. 

  680.     reminder : function( params ) {

  681. 

  682. 

  683. 

  684. 

  685.         return false;

  686. 

  687.         TB.GUI.showLoader();

  688.         var page = new TB.Page( 'appointment_send_reminder'),

  689.             pageData = [];

  690. 

  691.         TB.Service.request('Appointment', 'getReminder', { appointment_id: params.appointment_id }, function (data) {

  692.             TB.GUI.hideLoader();

  693.             pageData = data;

  694.             TB.GUI.show(page, data);

  695. 

  696.             page.$container.find( '#btn_appointment_reminder_cancel').click( function() {

  697.                 TB.Controller.do( 'Appointment', 'detail', { appointment_id: pageData.appointment.id } );

  698.             });

  699. 

  700.             page.$container.find( '#btn_appointment_reminder_submit').click( function() {

  701.                 if ( !TB.GUI.performFormValidation( $( '#form_appointment_edit' ) ) ) {

  702.                     return false;

  703.                 }

  704. 

  705.                 var props = $( '#form_appointment_send_reminder').serializeObject();

  706. 

  707.                 TB.Service.request(

  708.                     'Appointment',

  709.                     'sendReminder',

  710.                     props,

  711.                     function() {

  712.                         TB.Ext.Notification.show( 'Erinnerung verschickt.', TB.Ext.Notification.TYPE_SUCCESS );

  713.                         // Reload

  714.                         TB.Controller.do( 'Appointment', 'detail', { appointment_id: pageData.appointment.id  } )

  715.                     },

  716.                     $( this )

  717.                 );

  718. 

  719.                 // Dont do FORM post

  720.                 return false;

  721. 

  722.             });

  723. 

  724. 

  725.         });

  726. 

  727.     },

  728. 

  729.     delete : function( params ) {

  730.         TB.Service.request(

  731.             'Appointment',

  732.             'delete',

  733.             { appointment_id: params.appointment_id },

  734.             function (data) {

  735.                 TB.Ext.Notification.show( 'Termin erfolgreich gelöscht.', TB.Ext.Notification.TYPE_SUCCESS );

  736. 

  737.                 TB.Controller.do( 'Appointment' );

  738.             },

  739.             $( '#btn_delete_appointment' )

  740.         );

  741.     },

  742. 

  743.     edit : function( params ) {

  744.         TB.GUI.showLoader();

  745.         var page = new TB.Page( 'appointment_edit' ),

  746.             pageData = [];

  747. 

  748.         TB.Service.request('Appointment', 'getDetail', { appointment_id: params.appointment_id }, function (data) {

  749.             TB.GUI.hideLoader();

  750.             pageData = data;

  751.             TB.GUI.show(page, data);

  752. 

  753.             page.$container.find( '#btn_update_appointment_cancel').click( function() {

  754.                 TB.Controller.do( 'Appointment', 'detail', { appointment_id: params.appointment_id } );

  755.             });

  756. 

  757.             page.$container.find( '#btn_update_appointment').click( function() {

  758.                 if ( !TB.GUI.performFormValidation( $( '#form_appointment_edit' ) ) ) {

  759.                     return false;

  760.                 }

  761. 

  762.                 var props = $( '#form_appointment_edit').serializeObject();

  763.                 props.starttime = TB.Utils.getUnixTimestampFromDatetimeString( props.starttime );

  764. 

  765.                 TB.Service.request(

  766.                     'Appointment',

  767.                     'update',

  768.                     props,

  769.                     function() {

  770.                         TB.Ext.Notification.show( 'Termin geändert.', TB.Ext.Notification.TYPE_SUCCESS );

  771.                         // Reload

  772.                         TB.Controller.do( 'Appointment', 'detail', { appointment_id: props.id } )

  773.                     },

  774.                     $( this )

  775.                 );

  776. 

  777.                 // Dont do FORM post

  778.                 return false;

  779. 

  780.             });

  781.         });

  782.     },

  783. 

  784.     edit_attendees : function( params ) {

  785.         TB.GUI.showLoader();

  786.         var page = new TB.Page( 'appointment_edit_attendees');

  787. 

  788.         TB.Service.request('Appointment', 'getDetail', { appointment_id: params.appointment_id }, function (data) {

  789.             var appointmentId = data.appointment.id;

  790.             TB.GUI.hideLoader();

  791. 

  792.             $.each( data.profiles, function( i, p ) {

  793.                 p.status = null;

  794.                 p.comment = null;

  795. 

  796.                 $.each( data.attendees, function( j, a ) {

  797.                     if ( a.profile_id == p.id ) {

  798.                         p.status = a.status;

  799.                         p.comment = a.comment;

  800.                         p.last_update = a.last_update;

  801.                         return false;

  802.                     }

  803.                 });

  804.             });

  805. 

  806.             TB.GUI.show(page, data);

  807. 

  808.             $( 'td[data-title="Status"]' ).find( 'span.label' ).on( "click", function() {

  809.                 var $span = $(this);

  810.                 TB.Service.request( 'Appointment', 'setAttendanceStatusByTrainer', {

  811.                     appointment_id : appointmentId,

  812.                     profile_id : $(this).closest( "tr").attr( "data-profile_id"),

  813.                     status : $(this).attr( "data-status" )

  814.                 }, function() {

  815.                     TB.Ext.Notification.show( "Status erfolgreich geändert.", TB.Ext.Notification.TYPE_SUCCESS );

  816.                     if ( "accepted" === $span.attr( "data-status") ) {

  817.                         $span.toggleClass( "label-success" );

  818.                         $span.next( "span.label").removeClass( "label-danger" );

  819.                     } else {

  820.                         $span.toggleClass( "label-danger" );

  821.                         $span.prev( "span.label").removeClass( "label-success" );

  822.                     }

  823.                 });

  824.             });

  825.         });

  826.     }

  827. };