mirror of
https://github.com/SuiteCRM/SuiteCRM-Core.git
synced 2025-09-06 10:26:22 +08:00
[Legacy] Email Settings Mobile Fixes
This commit is contained in:
balumahendran
Clemente Raposo
parent
0f39a0f264
commit
2feffbadab
2 changed files with 233 additions and 133 deletions
|
|
@ -104,8 +104,8 @@ function change_state(radiobutton) {
|
|||
<td width="30%">
|
||||
<select id="mail_sendtype" name="mail_sendtype" onChange="notify_setrequired(document.ConfigureSettings); SUGAR.user.showHideGmailDefaultLink(this);" tabindex="1">{$mail_sendtype_options}</select>
|
||||
</td>
|
||||
<td scope="row"> </td>
|
||||
<td > </td>
|
||||
<td scope="row" class="mobile-hide"> </td>
|
||||
<td class="mobile-hide"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="20%" scope="row">{$MOD.LBL_NOTIFY_FROMNAME} <span class="required">{$APP.LBL_REQUIRED_SYMBOL}</span></td>
|
||||
|
|
@ -176,8 +176,8 @@ function change_state(radiobutton) {
|
|||
<tr id="smtp_auth1">
|
||||
<td width="20%" scope="row"><span id="mail_smtpuser_label">{$MOD.LBL_MAIL_SMTPUSER}</span> <span class="required">{$APP.LBL_REQUIRED_SYMBOL}</span></td>
|
||||
<td width="30%" ><input type="text" id="mail_smtpuser" name="mail_smtpuser" size="25" maxlength="255" value="{$mail_smtpuser}" tabindex='1' ></td>
|
||||
<td width="20%"> </td>
|
||||
<td width="30%"> </td>
|
||||
<td width="20%" class="mobile-hide"> </td>
|
||||
<td width="30%" class="mobile-hide"> </td>
|
||||
</tr>
|
||||
<tr id="smtp_auth2">
|
||||
<td width="20%" scope="row"><span id="mail_smtppass_label">{$MOD.LBL_MAIL_SMTPPASS}</span> <span class="required">{$APP.LBL_REQUIRED_SYMBOL}</span></td>
|
||||
|
|
@ -185,8 +185,8 @@ function change_state(radiobutton) {
|
|||
<input type="password" id="mail_smtppass" name="mail_smtppass" size="25" maxlength="255" tabindex='1'>
|
||||
<a href="javascript:void(0)" id='mail_smtppass_link' onClick="SUGAR.util.setEmailPasswordEdit('mail_smtppass')" style="display: none">{$APP.LBL_CHANGE_PASSWORD}</a>
|
||||
</td>
|
||||
<td width="20%"> </td>
|
||||
<td width="30%"> </td>
|
||||
<td width="20%" class="mobile-hide"> </td>
|
||||
<td width="30%" class="mobile-hide"> </td>
|
||||
</tr>
|
||||
<tr id="mail_allow_user">
|
||||
<td width="25%" scope="row">
|
||||
|
|
@ -217,12 +217,12 @@ function change_state(radiobutton) {
|
|||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td colspan="4"> </tr>
|
||||
<tr><td colspan="4" class="mobile-hide"> </tr>
|
||||
<tr>
|
||||
<td width="15%"><input type="button" class="btn btn-info" value="{$APP.LBL_EMAIL_TEST_OUTBOUND_SETTINGS}" onclick="testOutboundSettings();"> </td>
|
||||
<td width="15%"> </td>
|
||||
<td width="40%"> </td>
|
||||
<td width="40%"> </td>
|
||||
<td width="15%" class="mobile-hide"> </td>
|
||||
<td width="40%" class="mobile-hide"> </td>
|
||||
<td width="40%" class="mobile-hide"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
|
@ -309,20 +309,14 @@ function change_state(radiobutton) {
|
|||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="panel-body applet-content">
|
||||
<div class="tab-content">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="edit view">
|
||||
<tr>
|
||||
<td align="left" scope="row" colspan="4">
|
||||
{$MOD.LBL_SECURITY_DESC}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="middle" valign="top" scope="row" colspan="3">
|
||||
{$MOD.LBL_SECURITY_OUTLOOK_DEFAULTS}
|
||||
</td>
|
||||
<td width="10%" NOWRAP valign="top" >
|
||||
<input type="checkbox" value="1" name="set_outlook_defaults" id="set_outlook_defaults" onclick="setOutlookDefaults();">
|
||||
<div>{$MOD.LBL_SECURITY_DESC}</div>
|
||||
|
||||
<div class="flex">
|
||||
<div>{$MOD.LBL_SECURITY_OUTLOOK_DEFAULTS}</div>
|
||||
<div style="margin-left: 3em;">
|
||||
<input type="checkbox" value="1" name="set_outlook_defaults" id="set_outlook_defaults" onclick="setOutlookDefaults();">
|
||||
{literal}
|
||||
<script type="text/javascript" language="Javascript">
|
||||
<!--
|
||||
|
|
@ -369,111 +363,110 @@ function change_state(radiobutton) {
|
|||
-->
|
||||
</script>
|
||||
{/literal}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="middle" valign="top" scope="row" colspan="3">
|
||||
{$MOD.LBL_SECURITY_TOGGLE_ALL}
|
||||
</td>
|
||||
<td width="10%" NOWRAP valign="top" >
|
||||
<input type="checkbox" value="1" name="toggle_all" id="toggle_all" onclick="toggleAllSecurityOptions();">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="10%" valign="middle" scope="row">
|
||||
{$MOD.LBL_SECURITY_APPLET}
|
||||
</td>
|
||||
<td width="40%" NOWRAP valign="middle" >
|
||||
<input type="checkbox" value="1" name="applet" id="applet" {$appletChecked}> <applet>
|
||||
</td>
|
||||
<td width="10%" valign="middle" scope="row">
|
||||
{$MOD.LBL_SECURITY_BASE}
|
||||
</td>
|
||||
<td width="40%" NOWRAP valign="middle" >
|
||||
<input type="checkbox" value="1" name="base" id="base" {$baseChecked}> <base>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="10%" valign="middle" scope="row">
|
||||
{$MOD.LBL_SECURITY_EMBED}
|
||||
</td>
|
||||
<td width="40%" NOWRAP valign="middle" >
|
||||
<input type="checkbox" value="1" name="embed" id="embed" {$embedChecked}> <embed>
|
||||
</td>
|
||||
<td width="10%" valign="middle" scope="row">
|
||||
{$MOD.LBL_SECURITY_FORM}
|
||||
</td>
|
||||
<td width="40%" NOWRAP valign="middle" >
|
||||
<input type="checkbox" value="1" name="form" id="form" {$formChecked}> <form>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="10%" valign="middle" scope="row">
|
||||
{$MOD.LBL_SECURITY_FRAME}
|
||||
</td>
|
||||
<td width="40%" NOWRAP valign="middle" >
|
||||
<input type="checkbox" value="1" name="frame" id="frame" {$frameChecked}> <frame>
|
||||
</td>
|
||||
<td width="10%" valign="middle" scope="row">
|
||||
{$MOD.LBL_SECURITY_FRAMESET}
|
||||
</td>
|
||||
<td width="40%" NOWRAP valign="middle" >
|
||||
<input type="checkbox" value="1" name="frameset" id="frameset" {$framesetChecked}> <frameset>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="10%" valign="middle" scope="row">
|
||||
{$MOD.LBL_SECURITY_IFRAME}
|
||||
</td>
|
||||
<td width="40%" NOWRAP valign="middle" >
|
||||
<input type="checkbox" value="1" name="iframe" id="iframe" {$iframeChecked}> <iframe>
|
||||
</td>
|
||||
<td width="10%" valign="middle" scope="row">
|
||||
{$MOD.LBL_SECURITY_IMPORT}
|
||||
</td>
|
||||
<td width="40%" NOWRAP valign="middle" >
|
||||
<input type="checkbox" value="1" name="import" id="import" {$importChecked}> <import>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="10%" valign="middle" scope="row">
|
||||
{$MOD.LBL_SECURITY_LAYER}
|
||||
</td>
|
||||
<td width="40%" NOWRAP valign="middle" >
|
||||
<input type="checkbox" value="1" name="layer" id="layer" {$layerChecked}> <layer>
|
||||
</td>
|
||||
<td width="10%" valign="middle" scope="row">
|
||||
{$MOD.LBL_SECURITY_LINK}
|
||||
</td>
|
||||
<td width="40%" NOWRAP valign="middle" >
|
||||
<input type="checkbox" value="1" name="link" id="link" {$linkChecked}> <link>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="10%" valign="middle" scope="row">
|
||||
{$MOD.LBL_SECURITY_OBJECT}
|
||||
</td>
|
||||
<td width="40%" NOWRAP valign="middle" >
|
||||
<input type="checkbox" value="1" name="object" id="object" {$objectChecked}> <object>
|
||||
</td>
|
||||
<td width="10%" valign="middle" scope="row">
|
||||
{$MOD.LBL_SECURITY_STYLE}
|
||||
</td>
|
||||
<td width="40%" NOWRAP valign="middle" >
|
||||
<input type="checkbox" value="1" name="style" id="style" {if isset($styleChecked)}{$styleChecked}{else}{log msg="styleChecked is not set"}{/if}> <style>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="10%" valign="middle" scope="row">
|
||||
{$MOD.LBL_SECURITY_XMP}
|
||||
</td>
|
||||
<td width="40%" NOWRAP valign="middle" >
|
||||
<input type="checkbox" value="1" name="xmp" id="xmp" {$xmpChecked}> <xmp>
|
||||
</td>
|
||||
<td scope="row"> </td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<div>{$MOD.LBL_SECURITY_TOGGLE_ALL}</div>
|
||||
<div style="margin-left: 3em;">
|
||||
<input type="checkbox" value="1" name="toggle_all" id="toggle_all" onclick="toggleAllSecurityOptions();">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="applet-container">
|
||||
|
||||
<div class="flex-container">
|
||||
<div class="flex-child">
|
||||
<div class="lbl-space">{$MOD.LBL_SECURITY_APPLET}</div>
|
||||
<div><input type="checkbox" value="1" name="applet" id="applet" {$appletChecked}></div>
|
||||
<div> <applet></div>
|
||||
</div>
|
||||
<div class="flex-child">
|
||||
<div class="lbl-space">{$MOD.LBL_SECURITY_BASE}</div>
|
||||
<div><input type="checkbox" value="1" name="base" id="base" {$baseChecked}></div>
|
||||
<div> <base></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-container">
|
||||
<div class="flex-child">
|
||||
<div class="lbl-space">{$MOD.LBL_SECURITY_EMBED}</div>
|
||||
<div><input type="checkbox" value="1" name="embed" id="embed" {$embedChecked}></div>
|
||||
<div> <embed></div>
|
||||
</div>
|
||||
<div class="flex-child">
|
||||
<div class="lbl-space">{$MOD.LBL_SECURITY_FORM}</div>
|
||||
<div><input type="checkbox" value="1" name="form" id="form" {$formChecked}></div>
|
||||
<div> <form></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-container">
|
||||
<div class="flex-child">
|
||||
<div class="lbl-space">{$MOD.LBL_SECURITY_FRAME}</div>
|
||||
<div><input type="checkbox" value="1" name="frame" id="frame" {$frameChecked}></div>
|
||||
<div> <frame></div>
|
||||
</div>
|
||||
<div class="flex-child">
|
||||
<div class="lbl-space">{$MOD.LBL_SECURITY_FRAMESET}</div>
|
||||
<div><input type="checkbox" value="1" name="frameset" id="frameset" {$framesetChecked}></div>
|
||||
<div> <frameset></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-container">
|
||||
<div class="flex-child">
|
||||
<div class="lbl-space">{$MOD.LBL_SECURITY_IFRAME}</div>
|
||||
<div><input type="checkbox" value="1" name="iframe" id="iframe" {$iframeChecked}></div>
|
||||
<div> <iframe></div>
|
||||
</div>
|
||||
<div class="flex-child">
|
||||
<div class="lbl-space">{$MOD.LBL_SECURITY_IMPORT}</div>
|
||||
<div><input type="checkbox" value="1" name="import" id="import" {$importChecked}></div>
|
||||
<div> <import></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-container">
|
||||
<div class="flex-child">
|
||||
<div class="lbl-space">{$MOD.LBL_SECURITY_LAYER}</div>
|
||||
<div><input type="checkbox" value="1" name="layer" id="layer" {$layerChecked}></div>
|
||||
<div> <layer></div>
|
||||
</div>
|
||||
<div class="flex-child">
|
||||
<div class="lbl-space">{$MOD.LBL_SECURITY_LINK}</div>
|
||||
<div><input type="checkbox" value="1" name="link" id="link" {$linkChecked}></div>
|
||||
<div> <link></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-container">
|
||||
<div class="flex-child">
|
||||
<div class="lbl-space">{$MOD.LBL_SECURITY_OBJECT}</div>
|
||||
<div><input type="checkbox" value="1" name="object" id="object" {$objectChecked}></div>
|
||||
<div> <object></div>
|
||||
</div>
|
||||
<div class="flex-child">
|
||||
<div class="lbl-space">{$MOD.LBL_SECURITY_STYLE}</div>
|
||||
<div><input type="checkbox" value="1" name="style" id="style" {if isset($styleChecked)}{$styleChecked}{else}{log msg="styleChecked is not set"}{/if}></div>
|
||||
<div> <style></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-container">
|
||||
<div class="flex-child">
|
||||
<div class="lbl-space">{$MOD.LBL_SECURITY_XMP}</div>
|
||||
<div><input type="checkbox" value="1" name="xmp" id="xmp" {$xmpChecked}></div>
|
||||
<div> <xmp></div>
|
||||
</div>
|
||||
<div class="flex-child">
|
||||
<div> </div>
|
||||
<div> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -501,14 +494,13 @@ function change_state(radiobutton) {
|
|||
<input type="button" class="button" value=" {$APP.LBL_CANCEL_BUTTON_LABEL} " onclick="javascript:EmailMan.testOutboundDialog.hide();">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn-hide">
|
||||
<input title="{$APP.LBL_SAVE_BUTTON_TITLE}" class="button primary" onclick="this.form.action.value='Save';return verify_data(this);" type="submit" name="button" value=" {$APP.LBL_SAVE_BUTTON_LABEL} ">
|
||||
<input title="{$APP.LBL_CANCEL_BUTTON_TITLE}" class="button" onclick="this.form.action.value='{$RETURN_ACTION}'; this.form.module.value='{$RETURN_MODULE}';" type="submit" name="button" value=" {$APP.LBL_CANCEL_BUTTON_LABEL} ">
|
||||
<input title="{$APP.LBL_SAVE_BUTTON_TITLE}" class="button primary" onclick="this.form.action.value='Save';return verify_data(this);" type="submit" name="button" value=" {$APP.LBL_SAVE_BUTTON_LABEL} ">
|
||||
<input title="{$APP.LBL_CANCEL_BUTTON_TITLE}" class="button" onclick="this.form.action.value='{$RETURN_ACTION}'; this.form.module.value='{$RETURN_MODULE}';" type="submit" name="button" value=" {$APP.LBL_CANCEL_BUTTON_LABEL} ">
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
|
@ -803,4 +795,4 @@ changeEmailScreenDisplay("{/literal}{$mail_smtptype}{literal}", false);
|
|||
</script>
|
||||
{/literal}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -20,11 +20,12 @@
|
|||
.action-btn-top {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 2%;
|
||||
margin-top: -4.2em;
|
||||
}
|
||||
.required-text {
|
||||
position:absolute;
|
||||
right: 0;
|
||||
top: -5px;
|
||||
}
|
||||
.panel-heading a:before {
|
||||
display: none;
|
||||
|
|
@ -49,3 +50,110 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*Email Settings Starts Here */
|
||||
|
||||
.view-module-EmailMan.view-action-config {
|
||||
.email-settings {
|
||||
.applet-content {
|
||||
.tab-content {
|
||||
line-height: 3em;
|
||||
font-weight: 700;
|
||||
color: #534D64;
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
.flex-container {
|
||||
display: flex;
|
||||
line-height: 3em;
|
||||
@media (max-width: 750px) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.flex-child {
|
||||
display: flex;
|
||||
width: 50%;
|
||||
@media (max-width: 750px) {
|
||||
width: 100%;
|
||||
}
|
||||
.label-descrp {
|
||||
width: 20%;
|
||||
}
|
||||
span {
|
||||
margin-left: 1em;
|
||||
}
|
||||
.lbl-space {
|
||||
margin-right: 2em;
|
||||
width: 12%;
|
||||
@media (min-width: 500px) and (max-width: 1200px){
|
||||
width: 18%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:769px) and (max-width:800px) {
|
||||
.view-module-EmailMan.view-action-config {
|
||||
.edit tr td[scope="row"] {
|
||||
height: auto;
|
||||
line-height: 2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.view-module-EmailMan.view-action-config {
|
||||
.moduleTitle {
|
||||
width: 100%;
|
||||
}
|
||||
.edit tr {
|
||||
border-bottom: none;
|
||||
}
|
||||
.edit tr td[scope="row"] {
|
||||
height: auto;
|
||||
line-height: 2em;
|
||||
}
|
||||
.mobile-hide {
|
||||
display: none;
|
||||
}
|
||||
.applet-content {
|
||||
table {
|
||||
tr {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
#EditView {
|
||||
#EditView_tabs {
|
||||
input[type="text"]#notify_fromname {
|
||||
width: 100%;
|
||||
}
|
||||
input[type="text"]#notify_fromaddress {
|
||||
width: 100%;
|
||||
}
|
||||
input[type="text"]#mail_smtpserver {
|
||||
width: 100%;
|
||||
}
|
||||
input[type="text"]#mail_smtpport {
|
||||
width: 100%;
|
||||
}
|
||||
input[type="text"]#mail_smtpuser {
|
||||
width: 100%;
|
||||
}
|
||||
input[type="password"]#mail_smtppass {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*Email Settings Ends here */
|
||||
Loading…
Add table
Add a link
Reference in a new issue
