edit_web.js 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
  1. App.Actions.WEB.update_custom_doc_root = function(elm, hint) {
  2. var prepath = $('input[name="v-custom-doc-root_prepath"]').val();
  3. var domain = $('select[name="v-custom-doc-domain"]').val();
  4. var folder = $('input[name="v-custom-doc-folder"]').val();
  5. $('.custom_docroot_hint').html(prepath+domain+'/public_html/'+folder);
  6. }
  7. App.Listeners.DB.keypress_custom_folder = function() {
  8. var ref = $('input[name="v-custom-doc-folder"]');
  9. var current_rec = ref.val();
  10. App.Actions.WEB.update_custom_doc_root(ref, current_rec);
  11. ref.bind('keypress input', function(evt) {
  12. clearTimeout(window.frp_usr_tmt);
  13. window.frp_usr_tmt = setTimeout(function() {
  14. var elm = $(evt.target);
  15. App.Actions.WEB.update_custom_doc_root(elm, $(elm).val());
  16. });
  17. });
  18. }
  19. App.Listeners.DB.change_custom_doc = function() {
  20. var ref = $('select[name="v-custom-doc-domain"]');
  21. var current_rec = ref.val();
  22. ref.bind('change select', function(evt) {
  23. clearTimeout(window.frp_usr_tmt);
  24. window.frp_usr_tmt = setTimeout(function() {
  25. var elm = $(evt.target);
  26. App.Actions.WEB.update_custom_doc_root(elm, $(elm).val());
  27. });
  28. });
  29. }
  30. // Page entry point
  31. // Trigger listeners
  32. App.Listeners.DB.keypress_custom_folder();
  33. App.Listeners.DB.change_custom_doc();
  34. App.Actions.WEB.update_ftp_username_hint = function(elm, hint) {
  35. if (hint.trim() == '') {
  36. $(elm).parent().find('.hint').html('');
  37. }
  38. hint = hint.replace(/[^\w\d]/gi, '');
  39. $(elm).parent().find('.v-ftp-user').val(hint);
  40. $(elm).parent().find('.hint').text(GLOBAL.FTP_USER_PREFIX + hint);
  41. }
  42. App.Listeners.WEB.keypress_ftp_username = function() {
  43. var ftp_user_inputs = $('.v-ftp-user');
  44. $.each(ftp_user_inputs, function(i, ref) {
  45. var ref = $(ref);
  46. var current_val = ref.val();
  47. if (current_val.trim() != '') {
  48. App.Actions.WEB.update_ftp_username_hint(ref, current_val);
  49. }
  50. ref.bind('keypress input', function(evt) {
  51. clearTimeout(window.frp_usr_tmt);
  52. window.frp_usr_tmt = setTimeout(function() {
  53. var elm = $(evt.target);
  54. App.Actions.WEB.update_ftp_username_hint(elm, $(elm).val());
  55. }, 100);
  56. });
  57. });
  58. }
  59. //
  60. //
  61. App.Actions.WEB.update_ftp_path_hint = function(elm, hint) {
  62. if (hint.trim() == '') {
  63. $(elm).parent().find('.js-ftp-path-hint').html('');
  64. }
  65. if (hint[0] != '/') {
  66. hint = '/' + hint;
  67. }
  68. hint = hint.replace(/\/(\/+)/g, '/');
  69. $(elm).parent().find('.js-ftp-path-hint').text(hint);
  70. }
  71. App.Listeners.WEB.keypress_ftp_path = function() {
  72. var ftp_path_inputs = $('.js-ftp-path');
  73. $.each(ftp_path_inputs, function(i, ref) {
  74. var ref = $(ref);
  75. var current_val = ref.val();
  76. if (current_val.trim() != '') {
  77. App.Actions.WEB.update_ftp_path_hint(ref, current_val);
  78. }
  79. ref.bind('keypress input', function(evt) {
  80. clearTimeout(window.frp_usr_tmt);
  81. window.frp_usr_tmt = setTimeout(function() {
  82. var elm = $(evt.target);
  83. App.Actions.WEB.update_ftp_path_hint(elm, $(elm).val());
  84. }, 100);
  85. });
  86. });
  87. }
  88. //
  89. //
  90. App.Actions.WEB.add_ftp_user_form = function() {
  91. var ref = $('#templates').find('.js-ftp-account-nrm').clone(true);
  92. var index = $('.form-container .js-ftp-account').length + 1;
  93. ref.find('input').each(function(i, elm) {
  94. var name = $(elm).attr('name');
  95. var id = $(elm).attr('id');
  96. $(elm).attr('name', name.replace('%INDEX%', index));
  97. if (id) {
  98. $(elm).attr('id', id.replace('%INDEX%', index));
  99. }
  100. });
  101. ref.find('input').prev('label').each(function(i, elm) {
  102. var for_attr = $(elm).attr('for');
  103. $(elm).attr('for', for_attr.replace('%INDEX%', index));
  104. });
  105. ref.find('.ftp-user-number').text(index);
  106. $('#ftp_users').append(ref);
  107. var index = 1;
  108. $('.form-container .ftp-user-number:visible').each(function(i, o) {
  109. $(o).text(index);
  110. index += 1;
  111. });
  112. }
  113. App.Actions.WEB.remove_ftp_user = function(elm) {
  114. var ref = $(elm).parents('.js-ftp-account');
  115. ref.find('.v-ftp-user-deleted').val('1');
  116. if (ref.find('.v-ftp-user-is-new').val() == 1) {
  117. ref.remove();
  118. return true;
  119. }
  120. ref.removeClass('js-ftp-account-nrm');
  121. ref.hide();
  122. var index = 1;
  123. $('.form-container .ftp-user-number:visible').each(function(i, o) {
  124. $(o).text(index);
  125. index += 1;
  126. });
  127. if ($('.js-ftp-account-nrm:visible').length == 0) {
  128. $('.js-add-new-ftp-user-button').hide();
  129. $('input[name="v_ftp"]').prop('checked', false);
  130. }
  131. }
  132. App.Actions.WEB.toggle_additional_ftp_accounts = function(elm) {
  133. if ($(elm).prop('checked')) {
  134. $('.js-ftp-account-nrm, .v-add-new-user, .js-add-new-ftp-user-button').show();
  135. $('.js-ftp-account-nrm').each(function(i, elm) {
  136. var login = $(elm).find('.v-ftp-user');
  137. if (login.val().trim() != '') {
  138. $(elm).find('.v-ftp-user-deleted').val(0);
  139. }
  140. });
  141. }
  142. else {
  143. $('.js-ftp-account-nrm, .v-add-new-user, .js-add-new-ftp-user-button').hide();
  144. $('.js-ftp-account-nrm').each(function(i, elm) {
  145. var login = $(elm).find('.v-ftp-user');
  146. if (login.val().trim() != '') {
  147. $(elm).find('.v-ftp-user-deleted').val(1);
  148. }
  149. });
  150. }
  151. }
  152. App.Actions.WEB.toggle_ssl = function (elm){
  153. elementHideShow('ssltable');
  154. if($('#ssl_crt').val().length > 0 || $('#ssl_hsts').prop('checked') || $('#letsencrypt').prop('checked')){
  155. return false;
  156. }
  157. $('#v_ssl_forcessl').prop('checked', true);
  158. }
  159. App.Actions.WEB.toggle_letsencrypt = function(elm) {
  160. if ($(elm).prop('checked')) {
  161. $('#ssl-details').hide();
  162. $('#ssltable textarea[name=v_ssl_crt],#ssltable textarea[name=v_ssl_key], #ssltable textarea[name=v_ssl_ca]').attr('disabled', 'disabled');
  163. $('#generate-csr').hide();
  164. if(!$('.lets-encrypt-note').hasClass('enabled')){
  165. $('.lets-encrypt-note').show();
  166. }
  167. }
  168. else {
  169. $('#ssltable textarea[name=v_ssl_crt],#ssltable textarea[name=v_ssl_key], #ssltable textarea[name=v_ssl_ca]').removeAttr('disabled');
  170. $('#generate-csr').show();
  171. $('#ssl-details').show();
  172. $('.lets-encrypt-note').hide();
  173. }
  174. }
  175. App.Actions.WEB.randomPasswordGenerated = function(elm) {
  176. return App.Actions.WEB.passwordChanged(elm);
  177. }
  178. App.Actions.WEB.passwordChanged = function(elm) {
  179. var ref = $(elm).parents('.js-ftp-account');
  180. if (ref.find('.js-email-alert-on-psw').length == 0) {
  181. var inp_name = ref.find('.v-ftp-user-is-new').prop('name');
  182. inp_name = inp_name.replace('is_new', 'v_ftp_email');
  183. ref.find('div:last').after('<div class="u-pl30 u-mb10">\
  184. <label for="' + inp_name + '" class="form-label">Send FTP credentials to email</label>\
  185. <input type="email" class="form-control js-email-alert-on-psw" value="" name="' + inp_name + '" id="' + inp_name + '">\
  186. </div>');
  187. }
  188. }
  189. //
  190. // Page entry point
  191. App.Listeners.WEB.keypress_ftp_username();
  192. App.Listeners.WEB.keypress_ftp_path();
  193. $(function() {
  194. $('.v-ftp-user-psw').on('keypress', function (evt) {
  195. var elm = $(evt.target);
  196. App.Actions.WEB.passwordChanged(elm);
  197. });
  198. App.Actions.WEB.toggle_letsencrypt($('input[name=v_letsencrypt]'));
  199. $('select[name="v_stats"]').change(function(evt){
  200. var select = $(evt.target);
  201. if(select.val() == 'none'){
  202. $('.stats-auth').hide();
  203. } else {
  204. $('.stats-auth').show();
  205. }
  206. });
  207. $('select[name="v_nginx_cache"]').change(function(evt){
  208. var select = $(evt.target);
  209. if(select.val() != 'yes'){
  210. $('#v-clear-cache').hide();
  211. $('#v_nginx_cache_length').hide();
  212. } else {
  213. $('#v-clear-cache').show();
  214. $('#v_nginx_cache_length').show();
  215. }
  216. });
  217. $('select[name="v_proxy_template"]').change(function(evt){
  218. var select = $(evt.target);
  219. if(select.val() != 'caching'){
  220. const re = new RegExp('caching-');
  221. if(re.test(select.val())){
  222. $('#v-clear-cache').show();
  223. }else{
  224. $('#v-clear-cache').hide();
  225. }
  226. } else {
  227. $('#v-clear-cache').show();
  228. }
  229. });
  230. $('#vstobjects').on('submit', function(evt) {
  231. $('input[disabled]').each(function(i, elm) {
  232. var copy_elm = $(elm).clone(true);
  233. $(copy_elm).attr('type', 'hidden');
  234. $(copy_elm).removeAttr('disabled');
  235. $(elm).after(copy_elm);
  236. });
  237. });
  238. });
  239. function WEBrandom() {
  240. document.v_edit_web.v_stats_password.value = randomString2(16);
  241. }
  242. function FTPrandom(elm) {
  243. $(elm).parents('.js-ftp-account').find('.v-ftp-user-psw').val(randomString2(16));
  244. App.Actions.WEB.randomPasswordGenerated && App.Actions.WEB.randomPasswordGenerated(elm);
  245. }
  246. function elementHideShow(element){
  247. if ( document.getElementById(element)){
  248. var el = document.getElementById(element);
  249. el.style.display = el.style.display === 'none' ? 'block' : 'none';
  250. }
  251. }
  252. $('.v-redirect-custom-value').change( function(){
  253. if(this.value == "custom"){
  254. $('#custom_redirect').show();
  255. }else{
  256. $('#custom_redirect').hide();
  257. }
  258. })