diff --git a/public/js/vroom.js b/public/js/vroom.js index 0e3c306..5c628ed 100644 --- a/public/js/vroom.js +++ b/public/js/vroom.js @@ -251,6 +251,29 @@ function maxHeight(){ return $(window).height()-$('#toolbar').height()-25; } +// Handle owner/join password confirm +$('#ownerPassConfirm').on('input', function() { + if ($('#ownerPassConfirm').val() == $('#ownerPass').val() && + $('#ownerPassConfirm').val() != ''){ + $('#setOwnerPassButton').removeClass('disabled'); + $('#ownerPassConfirm').parent().removeClass('has-error'); + } + else{ + $('#setOwnerPassButton').addClass('disabled'); + $('#ownerPassConfirm').parent().addClass('has-error'); + } +}); +$('#joinPassConfirm').on('input', function() { + if ($('#joinPass').val() == $('#joinPassConfirm').val() && + $('#joinPass').val() != ''){ + $('#setJoinPassButton').removeClass('disabled'); + $('#joinPassConfirm').parent().removeClass('has-error'); + } + else{ + $('#setJoinPassButton').addClass('disabled'); + $('#joinPassConfirm').parent().addClass('has-error'); + } +}); // Used on the index page function initIndex(){ var room; @@ -318,6 +341,8 @@ function initIndex(){ // Used on the management page function initManage(){ + var data = {}; + function ajaxifySwitch(sw,data){ $.ajax({ url: rootUrl + 'admin/action', @@ -347,16 +372,39 @@ function initManage(){ var sw = $(this); var param = $(this).prop('id'); var room = $(this).data('room'); - var data = {room: room}; - if (param === 'lock'){ + data = {room: room}; + if (param === 'lockSwitch'){ data.action = (state) ? 'lock' : 'unlock'; ajaxifySwitch(sw,data); } - else if (param === 'askForName'){ + else if (param === 'askForNameSwitch'){ data.action = 'askForName'; data.type = (state) ? 'set' : 'unset'; ajaxifySwitch(sw,data); } + else if (param === 'joinPassSwitch'){ + if (state){ + $('#joinPassModal').modal('show'); + // switch back to off in case it's cancelled + sw.bootstrapSwitch('toggleState', true); + } + else{ + data.action = 'setPassword'; + data.type = 'join'; + ajaxifySwitch(sw,data); + } + } + else if (param === 'ownerPassSwitch'){ + if (state){ + $('#persistentModal').modal('show'); + sw.bootstrapSwitch('toggleState', true); + } + else{ + data.action = 'setPassword'; + data.type = 'owner'; + ajaxifySwitch(sw,data); + } + } // Something isn't implemented yet ? else{ $.notify(locale.ERROR_OCCURRED, 'error'); @@ -365,6 +413,47 @@ function initManage(){ }, 500); } }); + + $('#joinPassForm').submit(function(event) { + event.preventDefault(); + var pass = $('#joinPass').val(); + var pass2 = $('#joinPassConfirm').val(); + if (pass == pass2 && pass != ''){ + $('#setJoinPassButton').addClass('disabled'); + $('#joinPass').val(''); + $('#joinPassConfirm').val(''); + data.action = 'setPassword'; + data.type = 'join'; + data.password = pass + ajaxifySwitch($('#joinPassSwitch'), data); + $('#joinPassSwitch').bootstrapSwitch('toggleState', true); + $('#joinPassModal').modal('hide'); + } + else{ + $('#joinPassConfirm').notify(locale.PASSWORDS_DO_NOT_MATCH, 'error'); + } + }); + + $('#persistentForm').submit(function(event) { + event.preventDefault(); + var pass = $('#ownerPass').val(); + var pass2 = $('#ownerPassConfirm').val(); + if (pass == pass2 && pass != ''){ + $('#setOwnerPassButton').addClass('disabled'); + $('#ownerPass').val(''); + $('#ownerPassConfirm').val(''); + data.action = 'setPassword'; + data.type = 'owner'; + data.password = pass + ajaxifySwitch($('#ownerPassSwitch'), data); + $('#ownerPassSwitch').bootstrapSwitch('toggleState', true); + $('#persistentModal').modal('hide'); + } + else{ + $('#ownerPassConfirm').notify(locale.PASSWORDS_DO_NOT_MATCH, 'error'); + } + }); + } // This is the main function called when you join a room @@ -1779,19 +1868,6 @@ function initVroom(room) { }); }); - // Enable the submit button when the corresponding input is filled - $('#joinPassConfirm').on('input', function() { - if ($('#joinPass').val() == $('#joinPassConfirm').val() && - $('#joinPass').val() != ''){ - $('#setJoinPassButton').removeClass('disabled'); - $('#joinPassConfirm').parent().removeClass('has-error'); - } - else{ - $('#setJoinPassButton').addClass('disabled'); - $('#joinPassConfirm').parent().addClass('has-error'); - } - }); - $('#joinPassButton').change(function(){ var action = ($(this).is(':checked')) ? 'set':'unset'; if (action == 'set'){ @@ -1902,18 +1978,6 @@ function initVroom(room) { } }); - // Set owner password - $('#ownerPassConfirm').on('input', function() { - if ($('#ownerPassConfirm').val() == $('#ownerPass').val() && - $('#ownerPassConfirm').val() != ''){ - $('#setOwnerPassButton').removeClass('disabled'); - $('#ownerPassConfirm').parent().removeClass('has-error'); - } - else{ - $('#setOwnerPassButton').addClass('disabled'); - $('#ownerPassConfirm').parent().addClass('has-error'); - } - }); $('#persistentForm').submit(function(event) { event.preventDefault(); var pass = $('#ownerPass').val();