Removed inline parameter of checkbox and select components

This commit is contained in:
the-djmaze 2022-11-22 10:17:46 +01:00
parent c503aaca1d
commit 63316be535
7 changed files with 16 additions and 34 deletions

View file

@ -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);
} }
} }

View file

@ -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() {

View file

@ -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>

View file

@ -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: {

View file

@ -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: {

View file

@ -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>
&nbsp; &nbsp;
@ -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>
&nbsp; &nbsp;

View file

@ -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,