text: 
  let boardLabel = document.getElementById('board-label');
  let boardNameEdit = document.getElementById('board-name-edit');
  let boardFav = document.getElementById('board-header-fav ');
  
  let addList = document.getElementById('add-list');
  let openAddList = document.getElementById('open-list-box');
  let listAddControls = document.getElementById('list-add-controls');
  let listCloseBtn = document.getElementById('list-close-btn');
  let listAddBtn = document.getElementById('list-add-btn');
  let listNameInput = document.getElementById('list-name-input');
  
  //Box cho phép thêm thẻ mới ở mỗi danh sách
  function createCardComposerContainer(list) {
  	var newCardComposerContainer = document.createElement('div');
  	newCardComposerContainer.className = "card-control";
  
  	var newOpenCardComposer = document.createElement('div');
  	newOpenCardComposer.className = "open-card-box";
  	newOpenCardComposer.innerHTML = "<span style=\"line-height: 30px;height: 20px;font-size:" +
  		"16px;width: 20px;margin-right: 10px;border-radius: 3px;\"><i " +
  		"class=\"fas fa-plus\"></i></span><span style=\"font-size: 16px;\">" +
  		"Add another card</span>";
  
  	var newCardComposer = document.createElement('div');
  	newCardComposer.className = "card-composer hide";
  
  	var newCardComposerTitle = document.createElement('textarea');
  	newCardComposerTitle.className = "card-composer-title";
  	newCardComposerTitle.placeholder = "Enter a title for this card..."
  
  	var newDiv = document.createElement('div');
  	newDiv.style.width = "100%";
  	newDiv.style.height = "32px";
  	newDiv.style.display = "flex";
  	newDiv.style.position = "relative";
  
  	var newCardAddBtn = document.createElement('div');
  	newCardAddBtn.className = "card-add-btn";
  	newCardAddBtn.innerHTML = "Add card";
  
  	var newCardCloseBtn = document.createElement('div');
  	newCardCloseBtn.className = "card-close-btn1";
  	newCardCloseBtn.innerHTML = "<i class=\"fas fa-times\"></i>";
  
  	newDiv.appendChild(newCardAddBtn);
  	newDiv.appendChild(newCardCloseBtn);
  	newCardComposer.appendChild(newCardComposerTitle);
  	newCardComposer.appendChild(newDiv);
  	newCardComposerContainer.appendChild(newOpenCardComposer);
  	newCardComposerContainer.appendChild(newCardComposer);
  	list.appendChild(newCardComposerContainer);
  
  	newOpenCardComposer.addEventListener('click', function () {
  		swapElement(newOpenCardComposer, newCardComposer);
  		newCardComposerTitle.focus();
  	});
  
  	newCardAddBtn.addEventListener('click', function () {
  		if (newCardComposerTitle.value !== "") {
  			let url = "/boards/" + list.getAttribute('data-id-board') + "/lists/" + list.getAttribute('data-id-list') + "/cards";
  			handleAPI(url, setTokenToData("title", newCardComposerTitle.value), "POST", "card");
  			swapElement(newOpenCardComposer, newCardComposer);
  			newCardComposerTitle.value = "";
  		}
  	});
  
  	newCardCloseBtn.addEventListener('click', function () {
  		swapElement(newOpenCardComposer, newCardComposer);
  		newCardComposerTitle.value = "";
  	});
  	return newCardComposerContainer;
  }
  
  //Thay đổi tên bảng
  boardLabel.addEventListener("dblclick", function () {
  	boardNameEdit.style.zIndex = 1;
  	boardNameEdit.focus();
  });
  
  boardNameEdit.addEventListener('blur', function () {
  	if (boardNameEdit.value !== "") {
  		boardLabel.innerHTML = boardNameEdit.value;
  		handleAPI("/boards/" + getDataBoard(), setTokenToData("title",boardNameEdit.value), "PUT", "board");
  	}
  	boardNameEdit.style.zIndex = -1;
  });
  
  boardFav.addEventListener("click", function () {
  	boardFav.classList.toggle('board-header-fav-check');
  });
  
  //Hiển thị box cho phép thêm danh sách mới
  openAddList.addEventListener('click', function () {
  	swapElement(openAddList, listAddControls);
  	listNameInput.focus();
  });
  
  listCloseBtn.addEventListener('click', function () {
  	swapElement(openAddList, listAddControls);
  });
  
  listAddBtn.addEventListener('click', function () {
  	if (listNameInput.value !== "") {
  		let url = "/boards/" + getDataBoard() + "/lists";
  		let data = setTokenToData("title", listNameInput.value);
  		console.log(url);
  		console.log(data);
  		handleAPI(url, data, "POST", "list");
  		swapElement(openAddList, listAddControls);
  		listNameInput.value = "";
  	}
  });
  
  function setBackGround(root, boardId) {
  	let index = parseInt(boardId) % 10;
  	let url = "../../assets/img/bg" + index + ".jpg";
  	root.style.background = url;
  	root.style.backgroundPosition = "center";
  	root.style.backgroundRepeat = "no-repeat";
  	root.style.backgroundSize = "cover";
  }