WEB / MAIL. Updated mail acc options for different IMAP and SMTP configurations

This commit is contained in:
Dmitry Naumov-Socolov 2016-10-17 12:00:35 -04:00
commit 5c30f7c2d2
5 changed files with 194 additions and 130 deletions

View file

@ -2475,7 +2475,7 @@ label {
-moz-appearance:none; -moz-appearance:none;
-webkit-appearance:none; -webkit-appearance:none;
text-shadow: 0 0 0 #555; text-shadow: 0 0 0 #555;
/*color: transparent !important;*/ cursor: pointer;
} }
.vst-list.long-2 { .vst-list.long-2 {
@ -2493,6 +2493,17 @@ label {
color: #333; color: #333;
} }
.vst-list.flat {
border: 1px solid #fff;
color: #2c9491;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
margin-left: -14px;
background-position: -210px -604px;
text-shadow: none !important;
}
a.vst-text, a.vst-text,
a.vst-text b{ a.vst-text b{
color: #2c9491; color: #2c9491;
@ -2808,18 +2819,23 @@ a.button.cancel {
vertical-align: top; vertical-align: top;
} }
.mail-infoblock { .mail-infoblock {
padding-top: 80px; margin-left: -110px;
margin-left: -100px;
font-size: 12px; font-size: 12px;
color: #777; color: #777;
border: 1px solid #d9d9d9;
padding: 7px 5px 12px 20px;
margin-top: 17px;
width: 334px;
} }
.mail-infoblock td { .mail-infoblock td {
color: #777; color: #777;
font-size: 14px; font-size: 14px;
height: 18px; height: 18px;
padding-right: 25px;
font-weight: normal; font-weight: normal;
} }
.mail-infoblock td:first-child{
padding-right: 15px;
}
.additional-info { .additional-info {
margin-left: 30px; margin-left: 30px;

View file

@ -24,7 +24,6 @@ App.Actions.MAIL_ACC.disable_unlimited = function(elm, source_elm) {
$(source_elm).css('opacity', '0.5'); $(source_elm).css('opacity', '0.5');
} }
//
App.Actions.MAIL_ACC.toggle_unlimited_feature = function(evt) { App.Actions.MAIL_ACC.toggle_unlimited_feature = function(evt) {
var elm = $(evt.target); var elm = $(evt.target);
var ref = elm.prev('.vst-input'); var ref = elm.prev('.vst-input');
@ -93,33 +92,6 @@ randomString = function() {
$('#v_password').text(Array(randomstring.length+1).join('*')); $('#v_password').text(Array(randomstring.length+1).join('*'));
} }
use_hostname = function(domain) {
$('#td_imap_hostname').html(domain);
$('#td_smtp_hostname').html(domain);
}
use_starttls = function() {
$('#td_imap_port').html('143');
$('#td_imap_encryption').html('STARTTLS');
$('#td_smtp_port').html('587');
$('#td_smtp_encryption').html('STARTTLS');
}
use_ssl = function() {
$('#td_imap_port').html('993');
$('#td_imap_encryption').html('SSL');
$('#td_smtp_port').html('465');
$('#td_smtp_encryption').html('SSL');
}
use_no_encryption = function(domain, no_encryption) {
use_hostname(domain);
$('#td_imap_port').html('143');
$('#td_imap_encryption').html(no_encryption);
$('#td_smtp_port').html('25');
$('#td_smtp_encryption').html(no_encryption);
}
$(document).ready(function() { $(document).ready(function() {
$('#v_account').text($('input[name=v_account]').val()); $('#v_account').text($('input[name=v_account]').val());
$('#v_password').text($('input[name=v_password]').val()); $('#v_password').text($('input[name=v_password]').val());
@ -140,5 +112,37 @@ $(document).ready(function() {
$('#v_password').text($('input[name=v_password]').val()); $('#v_password').text($('input[name=v_password]').val());
else else
$('#v_password').text(Array($('input[name=v_password]').val().length+1).join('*')); $('#v_password').text(Array($('input[name=v_password]').val().length+1).join('*'));
}); });
$('#mail_configuration').change(function(evt){
var opt = $(evt.target).find('option:selected');
switch(opt.attr('v_type')){
case 'hostname':
$('#td_imap_hostname').html(opt.attr('domain'));
$('#td_smtp_hostname').html(opt.attr('domain'));
break;
case 'starttls':
$('#td_imap_port').html('143');
$('#td_imap_encryption').html('STARTTLS');
$('#td_smtp_port').html('587');
$('#td_smtp_encryption').html('STARTTLS');
break;
case 'ssl':
$('#td_imap_port').html('993');
$('#td_imap_encryption').html('SSL');
$('#td_smtp_port').html('465');
$('#td_smtp_encryption').html('SSL');
break;
case 'no_encription':
$('#td_imap_hostname').html(opt.attr('domain'));
$('#td_smtp_hostname').html(opt.attr('domain'));
$('#td_imap_port').html('143');
$('#td_imap_encryption').html(opt.attr('no_encription'));
$('#td_smtp_port').html('25');
$('#td_smtp_encryption').html(opt.attr('no_encription'));
break;
}
});
}); });

View file

@ -107,11 +107,43 @@ $(document).ready(function() {
else else
$('#v_password').text(Array($(this).val().length+1).join('*')); $('#v_password').text(Array($(this).val().length+1).join('*'));
}); });
$('.toggle-psw-visibility-icon').click(function(){ $('.toggle-psw-visibility-icon').click(function(){
if($('input[name=v_password]').attr('type') == 'text') if($('input[name=v_password]').attr('type') == 'text')
$('#v_password').text($('input[name=v_password]').val()); $('#v_password').text($('input[name=v_password]').val());
else else
$('#v_password').text(Array($('input[name=v_password]').val().length+1).join('*')); $('#v_password').text(Array($('input[name=v_password]').val().length+1).join('*'));
}); });
$('#mail_configuration').change(function(evt){
var opt = $(evt.target).find('option:selected');
switch(opt.attr('v_type')){
case 'hostname':
$('#td_imap_hostname').html(opt.attr('domain'));
$('#td_smtp_hostname').html(opt.attr('domain'));
break;
case 'starttls':
$('#td_imap_port').html('143');
$('#td_imap_encryption').html('STARTTLS');
$('#td_smtp_port').html('587');
$('#td_smtp_encryption').html('STARTTLS');
break;
case 'ssl':
$('#td_imap_port').html('993');
$('#td_imap_encryption').html('SSL');
$('#td_smtp_port').html('465');
$('#td_smtp_encryption').html('SSL');
break;
case 'no_encription':
$('#td_imap_hostname').html(opt.attr('domain'));
$('#td_smtp_hostname').html(opt.attr('domain'));
$('#td_imap_port').html('143');
$('#td_imap_encryption').html(opt.attr('no_encription'));
$('#td_smtp_port').html('25');
$('#td_smtp_encryption').html(opt.attr('no_encription'));
break;
}
});
}); });

View file

@ -131,60 +131,62 @@
</td> </td>
<td class="mail-infoblock-td"> <td class="mail-infoblock-td">
<div class="mail-infoblock"> <div class="mail-infoblock">
<table> <table>
<?php $uname_arr=posix_uname(); $hostname=$uname_arr['nodename']; ?> <?php $uname_arr=posix_uname(); $hostname=$uname_arr['nodename']; ?>
<tr> <tr>
<td><?=__('Username')?>:</td> <td colspan="2">
<td><span id="v_account">william.cage</span>@<?=htmlentities($v_domain)?></td> <select id="mail_configuration" class="vst-list flat">
</tr> <option v_type="hostname" domain="<?=$hostname?>"><?=__('Use server hostname')?></option>
<tr> <option v_type="hostname" domain="<?=$v_domain?>"><?=__('Use domain hostname')?></option>
<td><?=__('Password')?>:</td> <option v_type="starttls"><?=__('Use STARTTLS')?></option>
<td id="v_password">******</td> <option v_type="ssl"><?=__('Use SSL')?></option>
</tr> <option v_type="no_encription" domain="<?=$v_domain?>" encription="<?=__('No encryption')?>"><?=__('No encryption')?></option>
<tr> </select>
<td><?=__('IMAP hostname')?>:</td> </td>
<td id="td_imap_hostname"><?=$hostname?></td> </tr>
</tr> <tr>
<tr> <td><?=__('Username')?>:</td>
<td><?=__('IMAP port')?>:</td> <td><span id="v_account">william.cage</span>@<?=htmlentities($v_domain)?></td>
<td id="td_imap_port">143</td> </tr>
</tr> <tr>
<tr> <td><?=__('Password')?>:</td>
<td><?=__('IMAP security')?>:</td> <td id="v_password">******</td>
<td id="td_imap_encryption"><?=__('STARTTLS')?></td> </tr>
</tr> <tr>
<tr> <td><?=__('IMAP hostname')?>:</td>
<td><?=__('IMAP auth method')?>:</td> <td id="td_imap_hostname"><?=$hostname?></td>
<td><?=__('Normal password')?></td> </tr>
</tr> <tr>
<tr> <td><?=__('IMAP port')?>:</td>
<td><?=__('SMTP hostname')?></td> <td id="td_imap_port">143</td>
<td id="td_smtp_hostname"><?=$hostname?></td> </tr>
</tr> <tr>
<tr> <td><?=__('IMAP security')?>:</td>
<td><?=__('SMTP port')?>:</td> <td id="td_imap_encryption"><?=__('STARTTLS')?></td>
<td id="td_smtp_port">587</td> </tr>
</tr> <tr>
<tr> <td><?=__('IMAP auth method')?>:</td>
<td><?=__('SMTP security')?>:</td> <td><?=__('Normal password')?></td>
<td id="td_smtp_encryption"><?=__('STARTTLS')?></td> </tr>
</tr> <tr>
<tr> <td><?=__('SMTP hostname')?></td>
<td><?=__('SMTP auth method')?>:</td> <td id="td_smtp_hostname"><?=$hostname?></td>
<td><?=__('Normal password')?></td> </tr>
</tr> <tr>
</table> <td><?=__('SMTP port')?>:</td>
<br /> <td id="td_smtp_port">587</td>
<table> </tr>
<tr><td>&#8226; <a href="javascript:use_hostname('<?=$hostname?>');" class="generate"><?php print __('Use server hostname');?></a></td></tr> <tr>
<tr><td>&#8226; <a href="javascript:use_hostname('<?=$v_domain?>');" class="generate"><?php print __('Use domain hostname');?></a></td></tr> <td><?=__('SMTP security')?>:</td>
<tr><td>&#8226; <a href="javascript:use_starttls();" class="generate"><?php print __('Use STARTTLS');?></a></td></tr> <td id="td_smtp_encryption"><?=__('STARTTLS')?></td>
<tr><td>&#8226; <a href="javascript:use_ssl();" class="generate"><?php print __('Use SSL');?></a></td></tr> </tr>
<tr><td>&#8226; <a href="javascript:use_no_encryption('<?=$v_domain?>', '<?php print __('No encryption');?>');" class="generate"><?php print __('Do not use encryption');?></a></td></tr> <tr>
</table> <td><?=__('SMTP auth method')?>:</td>
<td><?=__('Normal password')?></td>
</tr>
</table>
</div> </div>
</td> </td>
</tr> </tr>
</table> </table>
</form> </form>

View file

@ -140,52 +140,62 @@
<td class="mail-infoblock-td"> <td class="mail-infoblock-td">
<div class="mail-infoblock"> <div class="mail-infoblock">
<table> <table>
<?php $uname_arr=posix_uname(); $hostname=$uname_arr['nodename']; ?> <?php $uname_arr=posix_uname(); $hostname=$uname_arr['nodename']; ?>
<tr> <tr>
<td><?=__('Username')?>:</td> <td colspan="2">
<td><span id="v_account">william.cage</span>@<?=htmlentities($v_domain)?></td> <select id="mail_configuration" class="vst-list flat">
</tr> <option v_type="hostname" domain="<?=$hostname?>"><?=__('Use server hostname')?></option>
<tr> <option v_type="hostname" domain="<?=$v_domain?>"><?=__('Use domain hostname')?></option>
<td><?=__('Password')?>:</td> <option v_type="starttls"><?=__('Use STARTTLS')?></option>
<td id="v_password">******</td> <option v_type="ssl"><?=__('Use SSL')?></option>
</tr> <option v_type="no_encription" domain="<?=$v_domain?>" encription="<?=__('No encryption')?>"><?=__('No encryption')?></option>
<tr> </select>
<td><?=__('IMAP hostname')?>:</td> </td>
<td><?=$hostname?></td> </tr>
</tr> <tr>
<tr> <td><?=__('Username')?>:</td>
<td><?=__('IMAP port')?>:</td> <td><span id="v_account">william.cage</span>@<?=htmlentities($v_domain)?></td>
<td>143</td> </tr>
</tr> <tr>
<tr> <td><?=__('Password')?>:</td>
<td><?=__('IMAP security')?>:</td> <td id="v_password">******</td>
<td><?=__('STARTTLS')?></td> </tr>
</tr> <tr>
<tr> <td><?=__('IMAP hostname')?>:</td>
<td><?=__('IMAP auth method')?>:</td> <td><?=$hostname?></td>
<td><?=__('Normal password')?></td> </tr>
</tr> <tr>
<tr> <td><?=__('IMAP port')?>:</td>
<td><?=__('SMTP hostname')?></td> <td>143</td>
<td><?=$hostname?></td> </tr>
</tr> <tr>
<tr> <td><?=__('IMAP security')?>:</td>
<td><?=__('SMTP port')?>:</td> <td><?=__('STARTTLS')?></td>
<td>587</td> </tr>
</tr> <tr>
<tr> <td><?=__('IMAP auth method')?>:</td>
<td><?=__('SMTP security')?>:</td> <td><?=__('Normal password')?></td>
<td><?=__('STARTTLS')?></td> </tr>
</tr> <tr>
<tr> <td><?=__('SMTP hostname')?></td>
<td><?=__('SMTP auth method')?>:</td> <td><?=$hostname?></td>
<td><?=__('Normal password')?></td> </tr>
</tr> <tr>
</table> <td><?=__('SMTP port')?>:</td>
<td>587</td>
</tr>
<tr>
<td><?=__('SMTP security')?>:</td>
<td><?=__('STARTTLS')?></td>
</tr>
<tr>
<td><?=__('SMTP auth method')?>:</td>
<td><?=__('Normal password')?></td>
</tr>
</table>
</div> </div>
</td> </td>
</tr> </tr>
</table> </table>
</form> </form>