make all the buttons beautiful
This commit is contained in:
parent
8bffc84766
commit
d9d8f7e569
|
@ -56,7 +56,7 @@
|
|||
display: table;
|
||||
}
|
||||
|
||||
#ldapWizard1 .hostPortCombinator div span {
|
||||
#ldapWizard1 .hostPortCombinatorSpan {
|
||||
width: 14.5%;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
|
@ -114,13 +114,13 @@
|
|||
width: auto;
|
||||
}
|
||||
|
||||
.ldapManyGroupsSupport span {
|
||||
.ldapManyGroupsSupport .buttonSpan {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.ldapManyGroupsSupport span button {
|
||||
.ldapManyGroupsSupport .buttonSpan button {
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
|
|
|
@ -349,8 +349,7 @@ OCA = OCA || {};
|
|||
render: function () {
|
||||
$('#ldapAdvancedAccordion').accordion({ heightStyle: 'content', animate: 'easeInOutCirc'});
|
||||
this.$settings.tabs({});
|
||||
$('.ldap_submit').button();
|
||||
$('.ldap_action_test_connection').button();
|
||||
$('#ldapSettings button:not(.icon-default-style):not(.ui-multiselect)').button();
|
||||
$('#ldapSettings').tabs({ beforeActivate: this.onTabChange });
|
||||
$('#ldapSettings :input').tooltip({placement: "right", container: "body", trigger: "hover"});
|
||||
|
||||
|
|
|
@ -22,6 +22,12 @@ OCA = OCA || {};
|
|||
*/
|
||||
multiSelectPluginClass: 'multiSelectPlugin',
|
||||
|
||||
/**
|
||||
* @property {string} - class that identifies a multiselect-plugin
|
||||
* control.
|
||||
*/
|
||||
bjQuiButtonClass: 'ui-button',
|
||||
|
||||
/** @inheritdoc */
|
||||
init: function(tabIndex, tabID) {
|
||||
this.tabIndex = tabIndex;
|
||||
|
@ -233,7 +239,10 @@ OCA = OCA || {};
|
|||
|
||||
if($element.hasClass(this.multiSelectPluginClass) && hasOptions) {
|
||||
$element.multiselect("enable");
|
||||
} else if(!isMS || (isMS && hasOptions)) {
|
||||
} else if ($element.hasClass(this.bjQuiButtonClass)) {
|
||||
$element.button("enable");
|
||||
}
|
||||
else if(!isMS || (isMS && hasOptions)) {
|
||||
$element.prop('disabled', false);
|
||||
}
|
||||
},
|
||||
|
@ -246,6 +255,8 @@ OCA = OCA || {};
|
|||
disableElement: function($element) {
|
||||
if($element.hasClass(this.multiSelectPluginClass)) {
|
||||
$element.multiselect("disable");
|
||||
} else if ($element.hasClass(this.bjQuiButtonClass)) {
|
||||
$element.button("disable");
|
||||
} else {
|
||||
$element.prop('disabled', 'disabled');
|
||||
}
|
||||
|
|
|
@ -241,7 +241,11 @@ OCA = OCA || {};
|
|||
onTestLoginnameChange: function() {
|
||||
var loginName = this.managedItems.ldap_test_loginname.$element.val();
|
||||
var beDisabled = !_.isString(loginName) || !loginName.trim();
|
||||
this.managedItems.ldap_test_loginname.$relatedElements.prop('disabled', beDisabled);
|
||||
if(beDisabled) {
|
||||
this.disableElement(this.managedItems.ldap_test_loginname.$relatedElements);
|
||||
} else {
|
||||
this.enableElement(this.managedItems.ldap_test_loginname.$relatedElements);
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
|
|
@ -28,7 +28,7 @@
|
|||
<label></label>
|
||||
<select class="ldapGroupList ldapGroupListAvailable" multiple="multiple"
|
||||
title="<?php p($l->t('Available groups'));?>"></select>
|
||||
<span>
|
||||
<span class="buttonSpan">
|
||||
<button class="ldapGroupListSelect" type="button">></button><br/>
|
||||
<button class="ldapGroupListDeselect" type="button"><</button>
|
||||
</span>
|
||||
|
|
|
@ -24,14 +24,14 @@
|
|||
?>
|
||||
</select>
|
||||
<button type="button" id="ldap_action_add_configuration"
|
||||
name="ldap_action_add_configuration" class="icon-add"
|
||||
name="ldap_action_add_configuration" class="icon-add icon-default-style"
|
||||
title="<?php p($l->t('Add a new and blank configuration'));?>"> </button>
|
||||
<button type="button" id="ldap_action_copy_configuration"
|
||||
name="ldap_action_copy_configuration"
|
||||
class="ldapIconCopy icon-default-style"
|
||||
title="<?php p($l->t('Copy current configuration into new directory binding'));?>"> </button>
|
||||
<button type="button" id="ldap_action_delete_configuration"
|
||||
name="ldap_action_delete_configuration" class="icon-delete"
|
||||
name="ldap_action_delete_configuration" class="icon-delete icon-default-style"
|
||||
title="<?php p($l->t('Delete the current configuration'));?>"> </button>
|
||||
</p>
|
||||
|
||||
|
@ -44,7 +44,7 @@
|
|||
placeholder="<?php p($l->t('Host'));?>"
|
||||
title="<?php p($l->t('You can omit the protocol, except you require SSL. Then start with ldaps://'));?>"
|
||||
/>
|
||||
<span>
|
||||
<span class="hostPortCombinatorSpan">
|
||||
<input type="number" id="ldap_port" name="ldap_port"
|
||||
placeholder="<?php p($l->t('Port'));?>" />
|
||||
<button class="ldapDetectPort" name="ldapDetectPort" type="button">
|
||||
|
|
|
@ -31,7 +31,7 @@
|
|||
<label></label>
|
||||
<select class="ldapGroupList ldapGroupListAvailable" multiple="multiple"
|
||||
title="<?php p($l->t('Available groups'));?>"></select>
|
||||
<span>
|
||||
<span class="buttonSpan">
|
||||
<button class="ldapGroupListSelect" type="button">></button><br/>
|
||||
<button class="ldapGroupListDeselect" type="button"><</button>
|
||||
</span>
|
||||
|
|
Loading…
Reference in New Issue