fix layout
This commit is contained in:
parent
26aacb4e62
commit
1454b4515c
|
@ -131,11 +131,19 @@ table.nostyle td { padding: 0.2em 0; }
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#new-app-login-name,
|
||||||
#new-app-password {
|
#new-app-password {
|
||||||
width: 186px;
|
width: 186px;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
background-color: lightyellow;
|
background-color: lightyellow;
|
||||||
}
|
}
|
||||||
|
.app-password-row {
|
||||||
|
display: table-row;
|
||||||
|
}
|
||||||
|
.app-password-label {
|
||||||
|
display: table-cell;
|
||||||
|
padding-right: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
/* USERS */
|
/* USERS */
|
||||||
#newgroup-init a span { margin-left: 20px; }
|
#newgroup-init a span { margin-left: 20px; }
|
||||||
|
|
|
@ -139,6 +139,7 @@
|
||||||
|
|
||||||
this._result = $('#app-password-result');
|
this._result = $('#app-password-result');
|
||||||
this._newAppLoginName = $('#new-app-login-name');
|
this._newAppLoginName = $('#new-app-login-name');
|
||||||
|
this._newAppLoginName.on('focus', _.bind(this._onNewTokenLoginNameFocus, this));
|
||||||
this._newAppPassword = $('#new-app-password');
|
this._newAppPassword = $('#new-app-password');
|
||||||
this._newAppPassword.on('focus', _.bind(this._onNewTokenFocus, this));
|
this._newAppPassword.on('focus', _.bind(this._onNewTokenFocus, this));
|
||||||
this._hideAppPasswordBtn = $('#app-password-hide');
|
this._hideAppPasswordBtn = $('#app-password-hide');
|
||||||
|
@ -184,9 +185,7 @@
|
||||||
$.when(creatingToken).done(function(resp) {
|
$.when(creatingToken).done(function(resp) {
|
||||||
_this.collection.add(resp.deviceToken);
|
_this.collection.add(resp.deviceToken);
|
||||||
_this.render();
|
_this.render();
|
||||||
_this._newAppLoginName.text(t('core', 'You may now configure your client with username "{loginName}" and the following password:', {
|
_this._newAppLoginName.val(resp.loginName);
|
||||||
loginName: resp.loginName
|
|
||||||
}));
|
|
||||||
_this._newAppPassword.val(resp.token);
|
_this._newAppPassword.val(resp.token);
|
||||||
_this._toggleFormResult(false);
|
_this._toggleFormResult(false);
|
||||||
_this._newAppPassword.select();
|
_this._newAppPassword.select();
|
||||||
|
@ -200,6 +199,10 @@
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
_onNewTokenLoginNameFocus: function() {
|
||||||
|
this._newAppLoginName.select();
|
||||||
|
},
|
||||||
|
|
||||||
_onNewTokenFocus: function() {
|
_onNewTokenFocus: function() {
|
||||||
this._newAppPassword.select();
|
this._newAppPassword.select();
|
||||||
},
|
},
|
||||||
|
|
|
@ -203,11 +203,18 @@ if($_['passwordChangeSupported']) {
|
||||||
<button id="add-app-password" class="button"><?php p($l->t('Create new app password')); ?></button>
|
<button id="add-app-password" class="button"><?php p($l->t('Create new app password')); ?></button>
|
||||||
</div>
|
</div>
|
||||||
<div id="app-password-result" class="hidden">
|
<div id="app-password-result" class="hidden">
|
||||||
<span id="new-app-login-name"></span>
|
<span><?php p($l->t('Use the credentials below to configure your app or device.')); ?></span>
|
||||||
|
<div class="app-password-row">
|
||||||
|
<span class="app-password-label"><?php p($l->t('Username')); ?></span>
|
||||||
|
<input id="new-app-login-name" type="text" readonly="readonly"/>
|
||||||
|
</div>
|
||||||
|
<div class="app-password-row">
|
||||||
|
<span class="app-password-label"><?php p($l->t('Password')); ?></span>
|
||||||
<input id="new-app-password" type="text" readonly="readonly"/>
|
<input id="new-app-password" type="text" readonly="readonly"/>
|
||||||
<button id="app-password-hide" class="button"><?php p($l->t('Done')); ?></button>
|
<button id="app-password-hide" class="button"><?php p($l->t('Done')); ?></button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="clientsbox" class="section clientsbox">
|
<div id="clientsbox" class="section clientsbox">
|
||||||
<h2><?php p($l->t('Get the apps to sync your files'));?></h2>
|
<h2><?php p($l->t('Get the apps to sync your files'));?></h2>
|
||||||
|
|
Loading…
Reference in New Issue