mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-12-29 11:01:34 +08:00
Removed inline
parameter of checkbox and select components
This commit is contained in:
parent
c503aaca1d
commit
63316be535
7 changed files with 16 additions and 34 deletions
|
@ -36,9 +36,6 @@ export class AbstractApp {
|
||||||
createViewModel: (params, componentInfo) => {
|
createViewModel: (params, componentInfo) => {
|
||||||
params = params || {};
|
params = params || {};
|
||||||
i18nToNodes(componentInfo.element);
|
i18nToNodes(componentInfo.element);
|
||||||
if (params.inline) {
|
|
||||||
componentInfo.element.style.display = 'inline-block';
|
|
||||||
}
|
|
||||||
return new ClassObject(params);
|
return new ClassObject(params);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,7 +7,6 @@ export class CheckboxComponent {
|
||||||
: ko.observable(undefined === params.enable || !!params.enable);
|
: ko.observable(undefined === params.enable || !!params.enable);
|
||||||
|
|
||||||
this.label = params.label;
|
this.label = params.label;
|
||||||
this.inline = params.inline;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
click() {
|
click() {
|
||||||
|
|
|
@ -32,6 +32,7 @@
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
<hr/>
|
||||||
<div>
|
<div>
|
||||||
<input data-i18n="[placeholder]GLOBAL/USERNAME" data-bind="textInput: username">
|
<input data-i18n="[placeholder]GLOBAL/USERNAME" data-bind="textInput: username">
|
||||||
<button class="btn" data-i18n="GLOBAL/TEST" data-bind="click: testUsername"></button>
|
<button class="btn" data-i18n="GLOBAL/TEST" data-bind="click: testUsername"></button>
|
||||||
|
|
|
@ -13,8 +13,7 @@
|
||||||
name: 'Checkbox',
|
name: 'Checkbox',
|
||||||
params: {
|
params: {
|
||||||
value: capaOpenPGP,
|
value: capaOpenPGP,
|
||||||
label: 'TAB_SECURITY/LABEL_ALLOW_OPEN_PGP',
|
label: 'TAB_SECURITY/LABEL_ALLOW_OPEN_PGP'
|
||||||
inline: true
|
|
||||||
}
|
}
|
||||||
}"></div>
|
}"></div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -65,11 +64,9 @@
|
||||||
name: 'Checkbox',
|
name: 'Checkbox',
|
||||||
params: {
|
params: {
|
||||||
value: verifySslCertificate,
|
value: verifySslCertificate,
|
||||||
label: 'TAB_SECURITY/LABEL_REQUIRE_VERIFICATION',
|
label: 'TAB_SECURITY/LABEL_REQUIRE_VERIFICATION'
|
||||||
inline: true
|
|
||||||
}
|
}
|
||||||
}"></div>
|
}"></div>
|
||||||
<br>
|
|
||||||
<div data-bind="component: {
|
<div data-bind="component: {
|
||||||
name: 'Checkbox',
|
name: 'Checkbox',
|
||||||
params: {
|
params: {
|
||||||
|
|
|
@ -47,12 +47,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
<div data-bind="component: {
|
<div style="display: inline-block;" data-bind="component: {
|
||||||
name: 'Checkbox',
|
name: 'Checkbox',
|
||||||
params: {
|
params: {
|
||||||
label: 'POPUPS_DOMAIN/LABEL_USE_SHORT_LOGIN',
|
label: 'POPUPS_DOMAIN/LABEL_USE_SHORT_LOGIN',
|
||||||
value: imapShortLogin,
|
value: imapShortLogin
|
||||||
inline: true
|
|
||||||
}
|
}
|
||||||
}"></div>
|
}"></div>
|
||||||
<span style="opacity:0.7"> (user@domain.com → user)</span>
|
<span style="opacity:0.7"> (user@domain.com → user)</span>
|
||||||
|
@ -62,11 +61,9 @@
|
||||||
name: 'Checkbox',
|
name: 'Checkbox',
|
||||||
params: {
|
params: {
|
||||||
value: imapSslVerify_peer,
|
value: imapSslVerify_peer,
|
||||||
label: 'TAB_SECURITY/LABEL_REQUIRE_VERIFICATION',
|
label: 'TAB_SECURITY/LABEL_REQUIRE_VERIFICATION'
|
||||||
inline: true
|
|
||||||
}
|
}
|
||||||
}"></div>
|
}"></div>
|
||||||
<br>
|
|
||||||
<div data-bind="component: {
|
<div data-bind="component: {
|
||||||
name: 'Checkbox',
|
name: 'Checkbox',
|
||||||
params: {
|
params: {
|
||||||
|
@ -107,12 +104,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
<div data-bind="component: {
|
<div style="display: inline-block;" data-bind="component: {
|
||||||
name: 'Checkbox',
|
name: 'Checkbox',
|
||||||
params: {
|
params: {
|
||||||
label: 'POPUPS_DOMAIN/LABEL_USE_SHORT_LOGIN',
|
label: 'POPUPS_DOMAIN/LABEL_USE_SHORT_LOGIN',
|
||||||
value: smtpShortLogin,
|
value: smtpShortLogin
|
||||||
inline: true
|
|
||||||
}
|
}
|
||||||
}"></div>
|
}"></div>
|
||||||
<span style="opacity:0.7"> (user@domain.com → user)</span>
|
<span style="opacity:0.7"> (user@domain.com → user)</span>
|
||||||
|
@ -129,17 +125,14 @@
|
||||||
name: 'Checkbox',
|
name: 'Checkbox',
|
||||||
params: {
|
params: {
|
||||||
label: 'POPUPS_DOMAIN/LABEL_SET_SENDER',
|
label: 'POPUPS_DOMAIN/LABEL_SET_SENDER',
|
||||||
value: smtpSetSender,
|
value: smtpSetSender
|
||||||
inline: true
|
|
||||||
}
|
}
|
||||||
}"></div>
|
}"></div>
|
||||||
<br>
|
<div style="display: inline-block;" data-bind="component: {
|
||||||
<div data-bind="component: {
|
|
||||||
name: 'Checkbox',
|
name: 'Checkbox',
|
||||||
params: {
|
params: {
|
||||||
label: 'POPUPS_DOMAIN/LABEL_USE_PHP_MAIL',
|
label: 'POPUPS_DOMAIN/LABEL_USE_PHP_MAIL',
|
||||||
value: smtpUsePhpMail,
|
value: smtpUsePhpMail
|
||||||
inline: true
|
|
||||||
}
|
}
|
||||||
}"></div>
|
}"></div>
|
||||||
<span style="color:red"> (<span data-i18n="HINTS/BETA"></span>)</span>
|
<span style="color:red"> (<span data-i18n="HINTS/BETA"></span>)</span>
|
||||||
|
@ -149,11 +142,9 @@
|
||||||
name: 'Checkbox',
|
name: 'Checkbox',
|
||||||
params: {
|
params: {
|
||||||
value: smtpSslVerify_peer,
|
value: smtpSslVerify_peer,
|
||||||
label: 'TAB_SECURITY/LABEL_REQUIRE_VERIFICATION',
|
label: 'TAB_SECURITY/LABEL_REQUIRE_VERIFICATION'
|
||||||
inline: true
|
|
||||||
}
|
}
|
||||||
}"></div>
|
}"></div>
|
||||||
<br>
|
|
||||||
<div data-bind="component: {
|
<div data-bind="component: {
|
||||||
name: 'Checkbox',
|
name: 'Checkbox',
|
||||||
params: {
|
params: {
|
||||||
|
|
|
@ -187,13 +187,12 @@
|
||||||
<div class="control-group">
|
<div class="control-group">
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<div data-bind="component: {
|
<div style="display: inline-block;" data-bind="component: {
|
||||||
name: 'Checkbox',
|
name: 'Checkbox',
|
||||||
params: {
|
params: {
|
||||||
label: 'SETTINGS_GENERAL/CHROME_NOTIFICATION_DESC',
|
label: 'SETTINGS_GENERAL/CHROME_NOTIFICATION_DESC',
|
||||||
value: desktopNotification,
|
value: desktopNotification,
|
||||||
enable: isDesktopNotificationAllowed,
|
enable: isDesktopNotificationAllowed
|
||||||
inline: true
|
|
||||||
}
|
}
|
||||||
}"></div>
|
}"></div>
|
||||||
|
|
||||||
|
@ -201,12 +200,11 @@
|
||||||
<span class="fontastic" data-bind="click: testSystemNotification" style="color:green;cursor:pointer">▶️</span>
|
<span class="fontastic" data-bind="click: testSystemNotification" style="color:green;cursor:pointer">▶️</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div data-bind="component: {
|
<div style="display: inline-block;" data-bind="component: {
|
||||||
name: 'Checkbox',
|
name: 'Checkbox',
|
||||||
params: {
|
params: {
|
||||||
label: 'SETTINGS_GENERAL/SOUND_NOTIFICATION',
|
label: 'SETTINGS_GENERAL/SOUND_NOTIFICATION',
|
||||||
value: soundNotification,
|
value: soundNotification
|
||||||
inline: true
|
|
||||||
}
|
}
|
||||||
}"></div>
|
}"></div>
|
||||||
|
|
||||||
|
|
|
@ -5,7 +5,6 @@
|
||||||
<div data-bind="component: {
|
<div data-bind="component: {
|
||||||
name: 'Select',
|
name: 'Select',
|
||||||
params: {
|
params: {
|
||||||
inline: true,
|
|
||||||
options: autoLogoutOptions,
|
options: autoLogoutOptions,
|
||||||
value: autoLogout,
|
value: autoLogout,
|
||||||
trigger: autoLogoutTrigger,
|
trigger: autoLogoutTrigger,
|
||||||
|
|
Loading…
Reference in a new issue