Untitled

 avatar
unknown
plain_text
4 years ago
8.7 kB
6
Indexable

function selectCard(card) {
    if(document.getElementById('editTitle').checked){
    if(document.getElementById('card1Selected').checked){
        document.getElementById('cardTitle').value=document.querySelector('.card1 h2').innerText;
        
    }
   
    else if(document.getElementById('card2Selected').checked){
        document.getElementById('cardTitle').value=document.querySelector('.card2 h2').innerText;

    }
    else if(document.getElementById('card3Selected').checked){
        document.getElementById('cardTitle').value=document.querySelector('.card3 h2').innerText;

    }
    else if(document.getElementById('addWork').checked ){
        document.getElementById('add').style.display='block';
        document.getElementById('add').style.display='block';
        
    }
}
else if(document.getElementById('delete').checked){

    if(document.getElementById('card1Selected').checked){
        var v=document.querySelectorAll('.card1 .delete');
        for(let i=0;i<v.length;i++){
            v[i].style.display='block';
        }
        var v2=document.querySelectorAll('.card2 .delete');
        for(let i=0;i<v2.length;i++){
            v2[i].style.display='none';
        }
        var v3=document.querySelectorAll('.card3 .delete');
        for(let i=0;i<v3.length;i++){
            v3[i].style.display='none';
        }

    }else if(document.getElementById('card2Selected').checked){
        var v=document.querySelectorAll('.card2 .delete');
        for(let i=0;i<v.length;i++){
            v[i].style.display='block';
        }
        var v2=document.querySelectorAll('.card1 .delete');
        for(let i=0;i<v2.length;i++){
            v2[i].style.display='none';
        }
        var v3=document.querySelectorAll('.card3 .delete');
        for(let i=0;i<v3.length;i++){
            v3[i].style.display='none';
        }

    }
    else if(document.getElementById('card3Selected').checked){
        var v=document.querySelectorAll('.card3 .delete');
        for(let i=0;i<v.length;i++){
            v[i].style.display='block';
        }
        var v2=document.querySelectorAll('.card1 .delete');
        for(let i=0;i<v2.length;i++){
            v2[i].style.display='none';
        }
        var v3=document.querySelectorAll('.card2 .delete');
        for(let i=0;i<v3.length;i++){
            v3[i].style.display='none';
        }
    }

}
}
let l1count=0;
let l2count=0;
let l3count=0;

function addWork() {
    let v=document.getElementById('work').value;
    if(v==''){
        return;
    }
    if(document.getElementById('card1Selected').checked){
        if(l1count==0){
        l1count++;
        var parent=document.getElementsByClassName('card1')[0];
        ull= document.createElement('ul');
        let t="<li>"+v+'<button class="delete"  style="display:none" id="deleteBtn'+l1count+'" onClick="del(this)"></button></li>';
        ull.innerHTML+=t;
        parent.appendChild(ull);
        }else{
            l1count++;
            var x = document.querySelectorAll('.card1 ul')[0];
            let t="<li>"+v+'<button class="delete"  style="display:none" id="deleteBtn'+l1count+'" onClick="del(this)"></button></li>';
            x.innerHTML+=t;
    }}
    else if(document.getElementById('card2Selected').checked){
        if(l2count==0){
            l2count++;
            var parent=document.getElementsByClassName('card2')[0];
            ull= document.createElement('ul');
            let t="<li>"+v+'<button class="delete"  style="display:none" id="deleteBtn'+l2count+'" onClick="del(this)"></button></li>';
            ull.innerHTML+=t;
            parent.appendChild(ull);
            }else{
                l2count++;
                var x = document.querySelectorAll('.card2 ul')[0];
                let t="<li>"+v+'<button class="delete"  style="display:none" id="deleteBtn'+l2count+'" onClick="del(this)"></button></li>';
                x.innerHTML+=t;
            }
    }  
    else if(document.getElementById('card3Selected').checked){
        if(l3count==0){
            var parent=document.getElementsByClassName('card3')[0];
            ull= document.createElement('ul');
            l3count++;
            let t="<li>"+v+'<button class="delete"  style="display:none" id="deleteBtn'+l3count+'" onClick="del(this)"></button></li>';
            ull.innerHTML+=t;
            parent.appendChild(ull);
            }else{
                l3count++;
                var x = document.querySelectorAll('.card3 ul')[0];
                let t="<li>"+v+'<button class="delete"  style="display:none" id="deleteBtn'+l3count+'" onClick="del(this)"></button></li>';
                x.innerHTML+=t;
    }
}
document.getElementById('work').value='';
}

function deleteWork() {
  

}

function update() {   
    let v=document.getElementById('cardTitle').value;
    if(v==''){
        document.getElementById('addWork').checked=true;
        document.getElementById('add').style.display='block';
        document.getElementById('edit').style.display='none'; 
        return;
    }
    if(document.getElementById('card1Selected').checked){
        let h=document.querySelector('.card1 h2');
        h.innerHTML=v;
    }
    else if(document.getElementById('card2Selected').checked){
        let h=document.querySelector('.card2 h2');
        h.innerHTML=v;
    }
    else if(document.getElementById('card3Selected').checked){
        let h=document.querySelector('.card3 h2');
        h.innerHTML=v;
    }
    document.getElementById('addWork').checked=true;
    document.getElementById('add').style.display='block';
    document.getElementById('edit').style.display='none'; 

}

function clearWorkList() {
    l3count=0;
    l2count=0;
    l1count=0;
    var parent=document.getElementsByClassName('card1')[0];
    var x = parent.getElementsByTagName("UL")[0];
    if(x!=undefined){
    x.remove();
    }
    parent=document.getElementsByClassName('card2')[0];
    h = parent.getElementsByTagName("UL")[0];    
    if(h!=undefined){
        h.remove();
    }
    parent=document.getElementsByClassName('card3')[0];
    h = parent.getElementsByTagName("UL")[0];    
    if(h!=undefined){
        h.remove();
    }  
}

function changeMode() {
  if(document.getElementById('editTitle').checked){

    if(document.getElementById('card1Selected').checked){
        document.getElementById('cardTitle').value=document.querySelector('.card1 h2').innerText;
        
    }
   
    else if(document.getElementById('card2Selected').checked){
        document.getElementById('cardTitle').value=document.querySelector('.card2 h2').innerText;

    }
    else if(document.getElementById('card3Selected').checked){
        document.getElementById('cardTitle').value=document.querySelector('.card3 h2').innerText;

    }
      document.getElementById('add').style.display='none';
      document.getElementById('edit').style.display='block'; 
      var elements = document.getElementsByClassName('delete');
      for(var i=0; i<elements.length; i++) { 
        elements[i].style.display='none';
    }  
}else if(document.getElementById('addWork').checked){
    document.getElementById('add').style.display='block';
    document.getElementById('edit').style.display='none'; 
    var v=document.getElementsByClassName('delete');
    var elements = document.getElementsByClassName('delete');
    for(var i=0; i<elements.length; i++) { 
        elements[i].style.display='none';
    }

  }else if(document.getElementById('delete').checked ){

    document.getElementById('add').style.display='none';
    document.getElementById('edit').style.display='none';
    if(document.getElementById('card1Selected').checked){
        var v=document.querySelectorAll('.card1 .delete');
        for(let i=0;i<v.length;i++){
            v[i].style.display='block';
        }
    }else if(document.getElementById('card2Selected').checked){
        var v=document.querySelectorAll('.card2 .delete');
        for(let i=0;i<v.length;i++){
            v[i].style.display='block';
        }
    }
    else if(document.getElementById('card3Selected').checked){
        var v=document.querySelectorAll('.card3 .delete');
        for(let i=0;i<v.length;i++){
            v[i].style.display='block';
        }
    }

  }
}
function del(me){
    me.parentElement.remove();
    var v=document.querySelectorAll('.card1 .delete');
    for(let i=0;i<v.length;i++){
        let g=i+1;
        v[i].id='deleteBtn'+g;
    }
    v=document.querySelectorAll('.card2 .delete');
    for(let i=0;i<v.length;i++){
        let g=i+1;
        v[i].id='deleteBtn'+g;
    }    v=document.querySelectorAll('.card3 .delete');
    for(let i=0;i<v.length;i++){
        let g=i+1;
        v[i].id='deleteBtn'+g;
    }
}
function deleteMode() {

}
Editor is loading...