mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Use handlebars template

This commit is contained in:
Robin Appelman 2016-02-01 14:44:17 +01:00
parent 7162d66373
commit 4b4bf87f95
1 changed files with 25 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
apps/files_external/js/statusmanager.js
View File

@ -368,32 +368,35 @@ OCA.External.StatusManager = {
self.launchPartialConnectivityCheck(mountListData, recheck);
},
credentialsDialogTemplate:
'<div id="files_external_div_form"><div>' +
'<div>{{credentials_text}}</div>' +
'<form>' +
'<input type="text" name="username" placeholder="{{placeholder_username}}"/>' +
'<input type="text" name="password" placeholder="{{placeholder_password}}"/>' +
'</form>' +
'</div></div>',
/**
* Function to display custom dialog to enter credentials
* @param mountPoint
* @param mountData
*/
showCredentialsDialog: function (mountPoint, mountData) {
var $popup = $('<div id="files_external_div_form"/>').attr('title', t('files_external', 'Mount Credentials'));
var template = Handlebars.compile(OCA.External.StatusManager.credentialsDialogTemplate);
var dialog = $(template({
credentials_text: t('files_external', 'Please enter the credentials for the {mount} mount', {
'mount': mountPoint
}),
placeholder_username: t('files_external', 'Username'),
placeholder_password: t('files_external', 'Password')
}));
var $inner = $('<div/>');
$popup.append($inner);
$inner.append($('<div/>').text(t('files_external', 'Please enter the credentials for the {mount} mount', {
'mount': mountPoint
})));
var $form = $('<form/>');
$inner.append($form);
var $username = $('<input type="text" name="username"/>').attr('placeholder', t('files_external', 'Username'));
var $password = $('<input type="password" name="password"/>').attr('placeholder', t('files_external', 'Password'));
$form.append($username);
$form.append($password);
$form.on('submit', apply);
$('body').append(dialog);
var apply = function () {
var username = $username.val();
var password = $password.val();
var username = dialog.find('[name=username]').val();
var password = dialog.find('[name=password]').val();
var endpoint = OC.generateUrl('apps/files_external/userglobalstorages/{id}', {
id: mountData.id
});
@ -409,7 +412,7 @@ OCA.External.StatusManager = {
},
success: function (data) {
OC.Notification.showTemporary(t('files_external', 'Credentials saved'));
$popup.ocdialog('close');
dialog.ocdialog('close');
/* Trigger status check again */
OCA.External.StatusManager.recheckConnectivityForMount([OC.basename(data.mountPoint)], true);
},
@ -420,6 +423,8 @@ OCA.External.StatusManager = {
});
};
dialog.find('form').on('submit', apply);
var ocdialogParams = {
modal: true,
buttons: [{
@ -430,11 +435,9 @@ OCA.External.StatusManager = {
closeOnExcape: true
};
$('body').append($popup);
$popup.ocdialog(ocdialogParams)
dialog.ocdialog(ocdialogParams)
.bind('ocdialogclose', function () {
$popup.ocdialog('destroy').remove();
dialog.ocdialog('destroy').remove();
});
}
};