MajorDoMo

Код: Выделить всё

<style>
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");

 
#item194 { /* здесь item194 - это номер ID пункта меню этого элемента */
 padding: 0;
 }
 
#list {
  position: relative;
 /* width: calc(100% + 40px); */
 /* margin: 0 -20px 0 -20px; */
 width: calc(100%);
 margin: 0;
 
}
#list .new {
 width: 100%;
 height: 50px;
  padding: 0;
  margin: 0;
 }
 
#list .new #newtask {
  float: left;
  width: calc(100% - 76px);
  height: 50px;
  padding: 0;
  margin: 0;
  background: #222;
  /*line-height: 50px;*/
  text-indent: 10px;
}

#list .new input {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 14px;
  color: #FFF;
  text-align: justify;
  line-height: normal;
  outline: 0;
  border: 0;
  border-radius: 0px;
 /* font-smoothing: antialiased; */
}


#list .new #newtask::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#list .new button {
  cursor: pointer;
  float: right;
  width: 76px;
  height: 50px;
  padding: 0;
  outline: 0;
  border: 0;
  border-radius: 0px;
  margin: -9px 0 0 0;
  background: #111111;
  font-size: 24px;
  color: #FFF;
}
#list .list .item {
  clear: both;
  width: 100%;
  height: 38px;
 margin: 0;
  
}
#list .list .item span {
  cursor: default;
  float: left;
  width: calc(100% - 76px);
  height: 20px;
  padding: 5px 0 0 0;
  margin: 0 0 0 0;
  outline: 0;
  border: 0;
  background: transparent;
  text-indent: 10px;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 14px;
  color: #FFF;
  text-align: justify;
  line-height: 1.9;
  
}
#list .list .item span.checked {
  opacity: .5;
  text-decoration: line-through;
}
#list .list .item .rightblock {
  float: right;
  width: 76px;
  height: 38px;
  padding: 0;
  margin: 0;
  
}
#list .list .item .rightblock button {
 cursor: pointer;
  float: left;
  width: 38px;
  height: 38px;
  padding: 0px;
  margin: 0;
  outline: 0;
  border: 0;
  border-radius: 0px;
  background: rgba(0,0,0,0.1);
  font-size: 20px;
  color: #FFF;  
}

</style>
 
<script type="text/javascript">

function btnRunClicked() {
    var newtask = $('#newtask').val(),
        bc = 20,
        ni = $("div.item").length + 1;
        
    $('#newtask').val('');
    
     if (newtask) {
        
        
        var codItem1 = '<div class="item" id="taskbox_' + ni + '" style ="background: rgba(223,' + (bc + ni * 14) + ',31,0.9);">';
        var    codItem2 = '<span id="task_' + ni + '">' + newtask + '</span>';
          var codItem3 = '<div class="rightblock"><button id="check_' + ni + '" class="check fa fa-check ui-btn ui-shadow ui-corner-all" onClick="checkClicked(' + ni +');"></button>';
        var codItem4 = '<button id="delete_' + ni + '" class="delete fa fa-times ui-btn ui-shadow ui-corner-all" onClick="deleteClicked(' + ni + ');"></button></div></div>';
 
        $.get( "/objects/", { script:"todo_new", task:newtask } );
         $(codItem1 + codItem2 + codItem3 + codItem4).appendTo("div.list");
        
         //    setTimeout(function() { location.reload() }, 1000);
        return false;
     } 
} 

function checkClicked(ctask) {
    if (ctask) {
         // var el = document.getElementById('task_'+ctask);
        $.get( "/objects/", { script:"todo_check", task:ctask } );

         // el.className = (el.className == 'checked' ? '' : 'checked');

        $('#task_'+ctask).toggleClass('checked');
        return false;
    } 
}   

function deleteClicked(dtask) {
    if (dtask) {
           $.get( "/objects/", { script:"todo_delete", task:dtask } );
         //    document.getElementById('taskbox_'+dtask).remove();
            $('#taskbox_'+dtask).remove();
           return false;
     } 
}
 
</script>

%TodoList.StreamingCode1%