Merge pull request #5169 from G-Chubinidze/gc_SCI_8098

Cursor position improvements, focused fields - part 1 (more in addons) [SCI-8098]
This commit is contained in:
artoscinote 2023-03-21 15:17:55 +01:00 committed by GitHub
commit 634b4145fd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 29 additions and 5 deletions

View file

@ -9,6 +9,7 @@ function applyCreateWopiFileCallback() {
$modal.find('#element_id').val($(this).data('id'));
$modal.find('#element_type').val($(this).data('type'));
$modal.modal('show');
$($modal).find('#new-wopi-file-name').focus();
return false;
});

View file

@ -333,6 +333,13 @@ var ExperimnetTable = {
}
});
},
initModalInputFocus: function() {
$(document).on('shown.bs.modal', function() {
var inputField = $('#edit-module-name-input');
var value = inputField.val();
inputField.focus().val('').val(value);
});
},
initMoveModulesModal: function() {
$('#moveTask').on('click', () => {
this.openMoveModulesModal(this.selectedMyModules);
@ -639,6 +646,7 @@ var ExperimnetTable = {
this.initMyModuleActions();
this.initRestoreMyModules();
this.initManageUsersDropdown();
this.initModalInputFocus();
}
};

View file

@ -1522,7 +1522,9 @@ function initEditModules() {
})
.on("shown.bs.modal", function(event) {
// Focus the text element
$(this).find("#edit-module-name-input").focus();
var inputField = $('#edit-module-name-input');
var value = inputField.val();
inputField.focus().val('').val(value);
})
.on("hide.bs.modal", function (event) {
// Remove potential error classes

View file

@ -42,7 +42,6 @@ var ProjectsIndex = (function() {
// Init new project folder modal function
function initNewProjectFolderModal() {
var newProjectFolderModal = '#new-project-folder-modal';
// Modal's submit handler function
$(projectsWrapper)
.on('ajax:success', newProjectFolderModal, function(ev, data) {
@ -328,6 +327,13 @@ var ProjectsIndex = (function() {
$.get(url, function(result) {
$(editProjectModal).find('.modal-content').html(result.html);
$(editProjectModal).modal('show');
// focusing at the end of the field
['project_name', 'project_folder_name'].forEach(function(inputId) {
var inputField = $('#' + inputId);
var value = inputField.val();
inputField.focus().val('').val(value);
});
$(editProjectModal).find('.selectpicker').selectpicker();
$(editProjectModal).find('form')
.on('ajax:success', function(ev, data) {
@ -412,7 +418,7 @@ var ProjectsIndex = (function() {
$(moveToModal).find('.modal-content').html(result.html);
$(moveToModal).modal('show');
initializeJSTree($(moveToModal).find('#moveToFolders'));
$('#searchFolderTree').focus();
$(moveToModal).find('form')
.on('ajax:before', function() {
$('<input>').attr({

View file

@ -323,6 +323,12 @@
});
}
$(document).on('shown.bs.modal', function() {
var inputField = $('#experiment-name');
var value = inputField.val();
inputField.focus().val('').val(value);
});
function initNewExperimentToolbarButton() {
let forms = '.new-experiment-form';
$(experimentsPage)

View file

@ -328,7 +328,7 @@
<div class="panel-body">
<div class="form-group">
<label class="control-label">Name</label>
<input type="text" class="form-control" onChange="DragNDropResults.validateTextSize(this)"
<input type="text" class="form-control" autofocus onChange="DragNDropResults.validateTextSize(this)"
rel="results[name]" name="results[name][${i}]">
</div>
<div class="form-group">

View file

@ -8,6 +8,7 @@ export default {
$wopiModal.find('#element_id').val(step.id);
$wopiModal.find('#element_type').val('Step');
$wopiModal.modal('show');
$($wopiModal).find('#new-wopi-file-name').focus();
$wopiModal.find('form').on(
'ajax:success',