webinterface.git

1) 
2)   function moreForward(e)
3)   {
4)     e.preventDefault();

5)     last = [...document.querySelectorAll('div.vmail-forward')].at(-1);
6)     last_id = parseInt(last.id.match(/\d+/g));

7)     new_id = ++last_id;
8)  
9)     if (new_id > 50) {
10)       alert("Jetzt wird's merkwürdig. Bitte nutzen Sie eine Mailingliste wenn Sie so viele Empfänger brauchen!");
11)       return;
12)     }
13) 
14) 

15)     var clone = last.cloneNode(true);
16)     clone.id = clone.id.replace(/\d+$/, function(str) { return parseInt(str) + 1; }); 

17) 
18)     // Find all elements in $clone that have an ID, and iterate using each()

19)     clone.querySelectorAll('[id]').forEach(el => { 

20)       //Perform the same replace as above

21)       el.id = el.id.replace(/\d+$/, function(str) { return parseInt(str) + 1; });

22)     });
23)     // Find all elements in $clone that have a name, and iterate using each()

24)     clone.querySelectorAll('[name]').forEach(el => { 

25)       //Perform the same replace as above

26)       el.name = el.name.replace(/\d+$/, function(str) { return parseInt(str) + 1; });

27)     });
28) 

29)     clone.querySelector('input').value = '';

30)     

31)     clone.querySelector('div.delete_forward').addEventListener("click", removeForward);
32)     clone.querySelector('input').addEventListener("change", checkForward);
33)     clone.querySelector('input').addEventListener("keyup", checkForward);
34)     clone.querySelector('input').addEventListener("paste", checkForward);

35)     

36)     last.after(clone);

37)   }
38) 

39)   function removeForward(ev) 

40)   {

41)     div = this.closest('div.vmail-forward');
42)     input = div.querySelector('input');
43)     input.value = '';
44)     if ([...document.querySelectorAll('div.vmail-forward')].length > 1) {

45)       div.remove();
46)     }
47)   }
48) 
49) 
50)   function removeUnneededForwards() {
51)     // Alle <div> nach dem Element mit der ID vmail_forward_1...

52)     document.querySelectorAll('div#vmail_forward_1 ~ div').forEach(el => {

53)       // ... die leere Eingabefelder haben ...

54)       if (el.querySelector('input').value == '') {

55)         // ... werden gelöscht

56)         el.remove();

57)       }
58)       });
59)   }
60) 
61)   function clearPassword() {
62)     var input = document.getElementById('password');
63)     if (input.value == '**********') {
64)       input.value = '';
65)     }
66)     input.style.color = '#000';
67)     /* FIXME: Keine Ahnung, warum das notwendig ist. Mit dem tut es was es soll.  */
68)     input.focus();
69)   }
70) 
71)   function refillPassword() {
72)     var input = document.getElementById('password');
73)     if (input.value == '') {
74)       input.value = input.defaultValue;
75)     }
76)     if (input.value == '**********') {
77)       input.style.color = '#aaa';
78)     }
79)   }
80) 
81) 
82) function hideOrShowGroup( ev ) {
83)   checkbox = ev.target;
84)   the_id = checkbox.id;

85)   checkbox = document.querySelector('#'+the_id)
86)   div = document.querySelector('#'+the_id+'_config')
87)   if (checkbox.checked) {
88)     div.style.display = "";

89)   } else {

90)     div.style.display = "none";

91)   }
92) 
93) }
94) 
95) 
96) function hideUnchecked() {

97)   document.querySelectorAll('div.option_group').forEach(index => {
98)     the_id = index.id.replace('_config', '');
99)     checkbox = document.querySelector('#'+the_id)
100)     div = document.querySelector('#'+the_id+'_config')
101)     if (checkbox.checked) {
102)       div.style.display = "";

103)     } else {

104)       div.style.display = "none";

105)     }
106)   });
107) }
108) 
109) 

110) function checkForward(ev) {
111)   input = ev.target;
112)   val = input.value;

113)   atpos = val.indexOf('@');
114)   dot = val.lastIndexOf('.');
115)   if (atpos < 0 || val.length < atpos + 3 || dot < atpos || dot > val.length - 2) {
116)     return;
117)   }
118)   div = input.closest('div.vmail-forward');

119)   // FIXME: Diese Funktion prüft nur und macht nichts

120) }
121) 
122) 

123) function ar_startdate_changed(e) 
124) {

125)       document.querySelector("#ar_enddate").min = document.querySelector("#ar_startdate").value;
126)       startdate = new Date(document.querySelector("#ar_startdate").value)
127)       minenddate = new Date(startdate);
128)       minenddate.setDate(startdate.getDate() + 1);
129)       document.querySelector("#ar_enddate").min = minenddate.toISOString().split("T")[0];
130)       if (document.querySelector("#ar_enddate").value < document.querySelector("#ar_startdate").value) {
131)           document.querySelector("#ar_enddate").value = minenddate.toISOString().split("T")[0];
132)       }
133)       maxenddate = new Date(startdate);
134)       maxenddate.setDate(startdate.getDate() + 60);
135)       document.querySelector("#ar_enddate").max = maxenddate.toISOString().split("T")[0];

136) 
137)       document.querySelector("#ar_valid_from_date").checked = true;

138)  }
139) 
140) 
141) 
142) ready(() => {
143)   // Automatisch Sternchen im Passwortfeld eintragen und entfernen
144)   document.querySelector('#password').addEventListener('blur', refillPassword);
145)   document.querySelector('#password').addEventListener('focus',clearPassword);    
146) 
147)   hideUnchecked();
148)   document.querySelectorAll('input.option_group').forEach(el => el.addEventListener("change", hideOrShowGroup));
149) 
150)   removeUnneededForwards();
151)   document.querySelectorAll('div.delete_forward').forEach(el => el.addEventListener("click", removeForward));
152)   document.querySelector('#more_forwards').addEventListener("click", moreForward);
153) 
154)   document.querySelectorAll('div.vmail-forward input').forEach(el => el.addEventListener("change", checkForward));
155)   document.querySelectorAll('div.vmail-forward input').forEach(el => el.addEventListener("keyup", checkForward));
156)   document.querySelectorAll('div.vmail-forward input').forEach(el => el.addEventListener("paste", checkForward));
157)   
158)   document.querySelector("#ar_startdate").addEventListener("change", ar_startdate_changed)

159) 

160) });
161)