$(function() {
/*
=========================================
| |
| Variables Definations |
| |
=========================================
*/
var Container = {
scrumboard: $('.scrumboard'),
card: $('.scrumboard .card')
}
// Containers
var scrumboard = Container.scrumboard;
var card = Container.card;
// Make Task Sortable
function $_taskSortable() {
$('[data-sortable="true"]').sortable({
connectWith: '.connect-sorting-content',
items: ".card",
cursor: 'move',
placeholder: "ui-state-highlight",
refreshPosition: true,
stop: function( event, ui ) {
var parent_ui = ui.item.parent().attr('data-section');
},
update: function( event, ui ) {
console.log(ui);
console.log(ui.item);
}
});
}
// Click on Add Task button to open the modal and more..
function addTask() {
$('.addTask').on('click', function(event) {
event.preventDefault();
getParentElement = $(this).parents('[data-connect="sorting"]').attr('data-section');
$('.edit-task-title').hide();
$('.add-task-title').show();
$('[data-btnfn="addTask"]').show();
$('[data-btnfn="editTask"]').hide();
$('.addTaskAccordion .collapse').collapse('hide');
$('#addTaskModal').modal('show');
$_taskAdd(getParentElement);
});
}
// Get the range count value
$('#progress-range-counter').on('input', function(event) {
event.preventDefault();
/* Act on the event */
getRangeValue = $(this).val();
$('.range-count-number').html(getRangeValue);
$('.range-count-number').attr('data-rangeCountNumber', getRangeValue);
});
// Reset the input Values
$('#addTaskModal, #addListModal').on('hidden.bs.modal', function (e) {
$('input,textarea').val('');
$('input[type="range"]').val(0);
$('.range-count-number').attr('data-rangecountnumber', 0);
$('.range-count-number').html(0);
})
// change the modal Button class on accordion open
$('.addTaskAccordion .collapse').on('shown.bs.collapse', function () {
getClassOfAccordion = $(this).parents('.card').attr('class').split(' ')[1];
getClassOfAddTaskBtn = $(this).parents('.modal-content').find('[data-btnfn="addTask"]').attr('class').split(' ')[1];
removeClassOfAddTaskBtn = $(this).parents('.modal-content').find('[data-btnfn="addTask"]').removeClass(getClassOfAddTaskBtn);
var addClassInAddTaskBtn;
if (getClassOfAccordion === 'task-simple') {
addClassInAddTaskBtn = $(this).parents('.modal-content').find('[data-btnfn="addTask"]').addClass('task-simple');
}
if (getClassOfAccordion === 'task-text-progress') {
addClassInAddTaskBtn = $(this).parents('.modal-content').find('[data-btnfn="addTask"]').addClass('task-text-progress');
} else if (getClassOfAccordion === 'task-checkbox') {
addClassInAddTaskBtn = $(this).parents('.modal-content').find('[data-btnfn="addTask"]').addClass('task-checkbox');
} else if (getClassOfAccordion === 'task-image') {
addClassInAddTaskBtn = $(this).parents('.modal-content').find('[data-btnfn="addTask"]').addClass('task-image');
}
})
function $_taskAdd( getParent ) {
$('[data-btnfn="addTask"]').off('click').on('click', function(event) {
getAddBtnClass = $(this).attr('class').split(' ')[1];
var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth()); //January is 0!
var yyyy = today.getFullYear();
var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ];
today = dd + ' ' + monthNames[mm] + ', ' + yyyy;
var $_getParent = getParent;
if (getAddBtnClass === 'task-simple') {
var $_task = document.getElementById('s-simple-task').value;
$html = '';
$("[data-section='"+$_getParent+"'] .connect-sorting-content").append($html);
} else if (getAddBtnClass === 'task-text-progress') {
var $_task = document.getElementById('s-task').value;
var $_taskText = document.getElementById('s-text').value;
var $_taskProgress = $('.range-count-number').attr('data-rangeCountNumber');
$html = ''+
'
'+
''+
'
'+
'
'+
'
'+ $_taskText +'
'+
'
'+
'
'+
'
'+$_taskProgress+'%
'+
'
'+
'
'+
'
'+
'
'+
' '+today+''+
'
'+
'
'+
'
'+
'
'+
'
'+
'
'+
'
'+
'
'+
'
'+
'
'+
''+
'
'+
'
'+
'
'+
' '+today+''+
'
'+
'
'+
'
'+
'
'+
'
'+
'