RameshT
/
google_forms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Test Husky pre-commit hook.

This commit is contained in:
RameshT 2024-08-06 14:50:56 +05:30
parent f31bf6e2d2
commit 70036952b4
1 changed files with 69 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
assets/js/updation.js
View File

@ -1,26 +1,27 @@
$(document).ready(function () {
let index = 1;
let activeSection = null;
let index = 1
let activeSection = null
function addOption(type, container) {
let optionHtml;
let optionHtml
if (type === 'multiple-choice' || type === 'checkboxes') {
optionHtml = `
<div class="option">
<input type="${type === 'multiple-choice' ? 'radio' : 'checkbox'}" disabled>
<input type="text" class="form-control option-label">
<span class="delete-option-icon">&times;</span>
</div>
`;
`
} else if (type === 'dropdown') {
optionHtml = `
<div class="option">
<input type="text" class="form-control option-label">
<span class="delete-option-icon">&times;</span>
</div>
`;
`
}
container.append(optionHtml);
container.append(optionHtml)
}
function createFormSection() {
@ -44,50 +45,58 @@ $(document).ready(function() {
</div>
<div class="options-container"></div>
</div>
`;
$('#form-container').append(newSection);
index++;
`
$('#form-container').append(newSection)
index++
positionAddSectionButton();
positionAddSectionButton()
}
function positionAddSectionButton() {
if (activeSection) {
let position = activeSection.position();
let buttonWidth = $('#add-section-btn').outerWidth();
let buttonHeight = $('#add-section-btn').outerHeight();
let position = activeSection.position()
let buttonWidth = $('#add-section-btn').outerWidth()
let buttonHeight = $('#add-section-btn').outerHeight()
$('#add-section-btn').css({
position: 'absolute',
left: position.left - buttonWidth - 47 + 'px',
top: position.top + activeSection.height() / 2 - buttonHeight / 2 + 'px'
});
top:
position.top + activeSection.height() / 2 - buttonHeight / 2 + 'px',
})
}
}
$('#add-section-btn').on('click', function () {
createFormSection();
$('.form-section').removeClass('active');
activeSection = $('.form-section').last();
activeSection.addClass('active');
positionAddSectionButton();
});
createFormSection()
$('.form-section').removeClass('active')
activeSection = $('.form-section').last()
activeSection.addClass('active')
positionAddSectionButton()
})
$(document).on('change', '.custom-select', function () {
let type = $(this).val();
let container = $(this).closest('.form-section').find('.options-container');
container.empty();
let type = $(this).val()
let container = $(this).closest('.form-section').find('.options-container')
container.empty()
$(this).closest('.form-section').find('.add-option-btn').remove();
$(this).closest('.form-section').find('.add-option-btn').remove()
if (type === 'short-answer') {
container.append('<input type="text" class="form-control" disabled placeholder="Short answer text">');
container.append(
'<input type="text" class="form-control" disabled placeholder="Short answer text">'
)
} else if (type === 'paragraph') {
container.append('<textarea class="form-control" disabled placeholder="Paragraph text"></textarea>');
container.append(
'<textarea class="form-control" disabled placeholder="Paragraph text"></textarea>'
)
} else {
addOption(type, container);
$(this).closest('.form-section').append('<button class="btn btn-secondary add-option-btn">Add Option</button>');
addOption(type, container)
$(this)
.closest('.form-section')
.append(
'<button class="btn btn-secondary add-option-btn">Add Option</button>'
)
}
});
});
})
})