webinterface.git

1)  
2)   function selectedDomain() {

3)       dom = [...document.querySelectorAll('#domain option')].filter((el) => {return el.selected}).at(0).text

4)       return dom.match(/\S+/g)[0]

5)     }
6)   
7) 
8)   function getDefaultDocroot() {
9)     var hostname;

10)     if (document.querySelector('#hostname').value == '') 

11)       hostname = selectedDomain();
12)     else

13)       hostname = document.querySelector('#hostname').value + '.' + selectedDomain();

14)     return hostname + '/htdocs';
15)   }
16)   

17)   function useDefaultDocroot( default_docroot ) {

18)     var do_it = document.querySelector('#use_default_docroot').checked;
19)     var inputfield = document.querySelector('#docroot');
20)     inputfield.disabled = do_it;

21)     if (do_it) {

22)       document.querySelector('#docroot').value = getDefaultDocroot();

23)     }
24)   }
25)   
26)   function showAppropriateLines() {

27)     type = [...document.querySelectorAll('input[name="vhost_type"]')].filter((el) => {return el.checked}).at(0).value

28)     switch (type) {
29)       case "regular":

30)         document.querySelector('#options_docroot').style.display = '';
31)         document.querySelector('#options_scriptlang').style.display = '';

32)         break;
33)       case "dav":

34)         document.querySelector('#options_docroot').style.display = '';
35)         document.querySelector('#options_scriptlang').style.display = 'none';

36)         break;
37)       case "svn":

38)         document.querySelector('#options_docroot').style.display = 'none';
39)         document.querySelector('#options_scriptlang').style.display = 'none';

40)         break;
41)     }
42)   }
43) 
44) 
45)   function showhsts( event ) {

46)       ssl = [...document.querySelectorAll('#ssl option')].filter((el) => {return el.selected}).at(0).value

47)     if (ssl == 'forward') {

48)       document.querySelector('#hsts_block').style.display = '';
49)       cert = [...document.querySelectorAll('#cert option')].filter((el) => {return el.selected}).at(0).value
50)       if (cert == '') {
51)         document.querySelector('#cert').value = '-1';

52)       }

53)     } else {

54)       document.querySelector('#hsts_block').style.display = 'none';

55)     }
56)     show_hsts_opts();

57)   }
58) 
59)   function hsts_preset( event ) {

60)       seconds = [...document.querySelectorAll('#hsts_preset option')].filter((el) => {return el.selected}).at(0).value

61)     if (seconds == 'custom') {

62)       document.querySelector('#hsts_seconds').style.display = '';
63)       if (document.querySelector('#hsts').value < 0) {
64)         document.querySelector('#hsts').value = 2592000; /* 30 Tage */

65)       }
66)     } else {

67)       document.querySelector('#hsts_seconds').style.display = 'none';
68)       document.querySelector('#hsts').value = seconds;

69)     }
70)   }

71)   
72)   function show_hsts_opts( event ) {

73)     ssl = [...document.querySelectorAll('#ssl option')].filter((el) => {return el.selected}).at(0).value

74)     show_block = false;
75)     preload_enabled = false;
76)     if ( ssl == 'forward') {

77)         if (document.querySelector('#hsts').value > 0) {

78)             show_block = true;

79)             if (document.querySelector('#hsts_subdomains').checked) {

80)                 preload_enabled = true;
81)             }
82)         }
83) 
84)     }
85)     if (show_block) {

86)         document.querySelector('#hsts_preload_options').style.display = '';

87)     } else {

88)         document.querySelector('#hsts_preload_options').style.display = 'none';
89)         document.querySelector('#hsts_subdomains').checked = false;
90)         document.querySelector('#hsts_preload').checked = false;

91)     }
92)     if (preload_enabled) {

93)         document.querySelector('#hsts_preload').disabled = false;

94)     } else {

95)         document.querySelector('#hsts_preload').disabled = true;
96)         document.querySelector('#hsts_preload').checked = false;

97)     }
98)   }

99)   
100) 
101)   function showAliasWWWOptions( event ) {

102)     if (document.querySelector('#aliaswww').checked) {
103)         document.querySelector('#aliaswww_option').style.display = '';

104)     } else {

105)         document.querySelector('#aliaswww_option').style.display = 'none';

106)     
107)     }
108)   }

109) 
110) 

111) ready(() => {

112) 

113)   document.querySelector('#hostname').addEventListener("change", useDefaultDocroot);
114)   document.querySelector('#domain').addEventListener("change", useDefaultDocroot);
115)   document.querySelector('#use_default_docroot').addEventListener("change", useDefaultDocroot);

116)   useDefaultDocroot();

117) 

118)   document.querySelectorAll('.usageoption').forEach(el => el.addEventListener("change", showAppropriateLines));

119) 

120)   document.querySelector('#aliaswww').addEventListener("change", showAliasWWWOptions);

121)   showAliasWWWOptions();

122) 

123)   document.querySelector('#ssl').addEventListener("change", showhsts);
124)   document.querySelector('#hsts_select').style.display = '';

125)   showhsts();

126)   seconds = [...document.querySelectorAll('#hsts_preset option')].filter((el) => {return el.selected}).at(0).value
127)   if (seconds != 'custom') {
128)     document.querySelector('#hsts_seconds').style.display = 'none';

129)   }

130)   
131)   document.querySelector('#hsts_preset').addEventListener("change", hsts_preset);
132)   document.querySelector('#hsts_select').addEventListener("change", show_hsts_opts);
133)   document.querySelector('#hsts_subdomains').addEventListener("change", show_hsts_opts);

134)   show_hsts_opts();