editor_mode = function(editor){
var core = editor.core;

function editor_mode(){
  this.ids={
    'loc':'left2',
    'emenyitem':'left3',
    'floor':'left4',
    'tower':'left5'
  }
  this._ids={}
  this.dom={}
  this.actionList=[];
  this.mode='';
  this.info={};
  this.appendPic={};
}
editor_mode.prototype.init = function(callback){
  if (Boolean(callback))callback();
}

editor_mode.prototype.init_dom_ids = function(callback){

  Object.keys(editor_mode.ids).forEach(function(v){
    editor_mode.dom[v]=document.getElementById(editor_mode.ids[v]);
    editor_mode._ids[editor_mode.ids[v]]=v;
  });

  if (Boolean(callback))callback();
}

/////////////////////////////////////////////////////////////////////////////

editor_mode.prototype.objToTable = function(obj,commentObj){
  var outstr=["\n<tr><td>条目</td><td>注释</td><td>值</td></tr>\n"];
  var guids=[];
  //深度优先遍历
  var recursionParse = function(tfield) {
    for(var ii in eval("obj"+tfield)){
      var field = tfield+"['"+ii+"']";
      var isleaf = editor_mode.checkIsLeaf(obj,commentObj,field);
      if (isleaf) {
        var leafnode = editor_mode.objToTr(obj,commentObj,field);
        outstr.push(leafnode[0]);
        guids.push(leafnode[1]);
      } else {
        outstr.push(["<tr><td>----</td><td>----</td><td>",field,"</td></tr>\n"].join(''));
        recursionParse(field);
      }
    }
  }
  recursionParse("");
  var listen = function(guids) {
    guids.forEach(function(guid){
      // tr>td[title=field]
      //   >td[title=comment]
      //   >td>div>input[value=thsieval]
      var thisTr = document.getElementById(guid);
      var input = thisTr.children[2].children[0].children[0];
      var field = thisTr.children[0].getAttribute('title');
      var comment = thisTr.children[1].getAttribute('title');
      input.onchange = function(){
        var node = thisTr.parentNode;
        while (!editor_mode._ids.hasOwnProperty(node.getAttribute('id'))) {
          node = node.parentNode;
        }
        editor_mode.onmode(editor_mode._ids[node.getAttribute('id')]);
        editor_mode.addAction(['change',field,JSON.parse(input.value)]);
        //尚未完成,不完善,目前还没做$range的检查
        
        /*临时*/editor_mode.onmode('');/*临时*/
        //临时改为立刻写入文件,删去此句的时,切换模式才会真正写入
        //现阶段这样会更实用,20180218
      }
      input.ondblclick = function(){
        editor_blockly.import(guid);
      }
    });
  }
  return {"HTML":outstr.join(''),"guids":guids,"listen":listen};
}

editor_mode.prototype.checkIsLeaf = function(obj,commentObj,field){
  var thiseval = eval('obj'+field);
  if (thiseval == null || thiseval == undefined)return true;//null,undefined
  if (typeof(thiseval) == typeof(''))return true;//字符串
  if (Object.keys(thiseval).length == 0)return true;//数字,true,false,空数组,空对象
  try {
    var comment = eval('commentObj'+field);
    if( comment.indexOf('$leaf') != -1){
      evalstr = comment.split('$leaf')[1].split('$end')[0];
      if(eval(evalstr) === true)return true;
    }
  } catch (error) {}
  return false;
}

editor_mode.prototype.objToTr = function(obj,commentObj,field){
  var guid = editor.guid();
  var thiseval = eval('obj'+field);
  var comment = '';
  try {
    comment = eval('commentObj'+field);
  } catch (error) {}
  if(!comment)comment='';

  var charlength=10;

  var shortField = field.split("']").slice(-2)[0].split("['").slice(-1)[0];
  shortField = (shortField.length<charlength?shortField:shortField.slice(0,charlength)+'...');

  var commentHTMLescape=comment.split('').map(function(v){return '&#'+v.charCodeAt(0)+';'}).join('');
  var shortCommentHTMLescape=(comment.length<charlength?commentHTMLescape:comment.slice(0,charlength).split('').map(function(v){return '&#'+v.charCodeAt(0)+';'}).join('')+'...');

  var outstr=['<tr id="',guid,'"><td title="',field,'">',shortField,'</td>',
  '<td title="',commentHTMLescape,'">',shortCommentHTMLescape,'</td>',
  '<td><div>',editor_mode.objToTd(thiseval,comment),'</div></td></tr>\n',
  ];
  return [outstr.join(''),guid];
}

editor_mode.prototype.objToTd = function(thiseval,comment){
  if( comment.indexOf('$select') != -1){
    var evalstr = comment.split('$select')[1].split('$end')[0];
    var values = eval(evalstr)['values'];
    var outstr = ['<select>\n',"<option value='",JSON.stringify(thiseval),"'>",JSON.stringify(thiseval),'</option>\n'];
    values.forEach(function(v){
      outstr.push(["<option value='",JSON.stringify(v),"'>",JSON.stringify(v),'</option>\n'].join(''))
    });
    outstr.push('</select>');
    return outstr.join('');
  } else if( comment.indexOf('$input') != -1){
    return ["<input spellcheck='false' value='",JSON.stringify(thiseval),"'/>\n"].join('');
  } else {
    //rows='",rows,"'
    return ["<textarea spellcheck='false' >",JSON.stringify(thiseval,null,4),'</textarea>\n'].join('');
  }
}

editor_mode.prototype.addAction = function(action){
  editor_mode.actionList.push(action);
}

editor_mode.prototype.doActionList = function(mode,actionList){
  if (actionList.length==0)return;
  switch (mode) {
    case 'loc':

      editor.file.editLoc(editor_mode.pos.x,editor_mode.pos.y,actionList,function(objs_){console.log(objs_);if(objs_.slice(-1)[0]!=null){printe(objs_.slice(-1)[0]);throw(objs_.slice(-1)[0])};printf('修改成功')});
      break;
    case 'emenyitem':

      if (editor_mode.info.images=='enemys'){
        editor.file.editEnemy(editor_mode.info.id,actionList,function(objs_){console.log(objs_);if(objs_.slice(-1)[0]!=null){printe(objs_.slice(-1)[0]);throw(objs_.slice(-1)[0])};printf('修改成功')});
      } else if (editor_mode.info.images=='items'){
        editor.file.editItem(editor_mode.info.id,actionList,function(objs_){console.log(objs_);if(objs_.slice(-1)[0]!=null){printe(objs_.slice(-1)[0]);throw(objs_.slice(-1)[0])};printf('修改成功')});
      }
      break;
    case 'floor':
      
      editor.file.editFloor(actionList,function(objs_){console.log(objs_);if(objs_.slice(-1)[0]!=null){printe(objs_.slice(-1)[0]);throw(objs_.slice(-1)[0])};printf('修改成功')});
      break;
    case 'tower':
      
      editor.file.editTower(actionList,function(objs_){console.log(objs_);if(objs_.slice(-1)[0]!=null){printe(objs_.slice(-1)[0]);throw(objs_.slice(-1)[0])};printf('修改成功')});
      break;
    default:
      break;
  }
}

editor_mode.prototype.onmode = function (mode) {
  if (editor_mode.mode!=mode) {
    console.log('change mode into : '+mode);
    editor_mode.doActionList(editor_mode.mode,editor_mode.actionList);
    editor_mode.mode=mode;
    editor_mode.actionList=[];
  }
}

editor_mode.prototype.loc = function(callback){
  //editor.pos={x: 0, y: 0};
  if (!core.isset(editor.pos))return;
  editor_mode.pos=editor.pos;
  document.getElementById('pos_a6771a78_a099_417c_828f_0a24851ebfce').innerText=editor_mode.pos.x+','+editor_mode.pos.y;

  var objs=[];
  editor.file.editLoc(editor_mode.pos.x,editor_mode.pos.y,[],function(objs_){objs=objs_;console.log(objs_)});
  //只查询不修改时,内部实现不是异步的,所以可以这么写
  var tableinfo=editor_mode.objToTable(objs[0],objs[1]);
  document.getElementById('table_3d846fc4_7644_44d1_aa04_433d266a73df').innerHTML=tableinfo.HTML;
  tableinfo.listen(tableinfo.guids);

  if (Boolean(callback))callback();
}

editor_mode.prototype.emenyitem = function(callback){
  //editor.info=editor.ids[editor.indexs[201]];
  if (!core.isset(editor.info))return;
  editor_mode.info=editor.info;//避免editor.info被清空导致无法获得是物品还是怪物

  if (!core.isset(editor_mode.info.id)){
    document.getElementById('table_a3f03d4c_55b8_4ef6_b362_b345783acd72').innerHTML='';
    document.getElementById('newIdIdnum').style.display='';
    return;
  }
  document.getElementById('newIdIdnum').style.display='none';

  var objs=[];
  if (editor_mode.info.images=='enemys'){
    editor.file.editEnemy(editor_mode.info.id,[],function(objs_){objs=objs_;console.log(objs_)});
  } else if (editor_mode.info.images=='items'){
    editor.file.editItem(editor_mode.info.id,[],function(objs_){objs=objs_;console.log(objs_)});
  } else {
    document.getElementById('table_a3f03d4c_55b8_4ef6_b362_b345783acd72').innerHTML='';
    return;
  }
  //只查询不修改时,内部实现不是异步的,所以可以这么写
  var tableinfo=editor_mode.objToTable(objs[0],objs[1]);
  document.getElementById('table_a3f03d4c_55b8_4ef6_b362_b345783acd72').innerHTML=tableinfo.HTML;
  tableinfo.listen(tableinfo.guids);

  if (Boolean(callback))callback();
}

editor_mode.prototype.floor = function(callback){
  var objs=[];
  editor.file.editFloor([],function(objs_){objs=objs_;console.log(objs_)});
  //只查询不修改时,内部实现不是异步的,所以可以这么写
  var tableinfo=editor_mode.objToTable(objs[0],objs[1]);
  document.getElementById('table_4a3b1b09_b2fb_4bdf_b9ab_9f4cdac14c74').innerHTML=tableinfo.HTML;
  tableinfo.listen(tableinfo.guids);
  if (Boolean(callback))callback();
}

editor_mode.prototype.tower = function(callback){
  var objs=[];
  editor.file.editTower([],function(objs_){objs=objs_;console.log(objs_)});
  //只查询不修改时,内部实现不是异步的,所以可以这么写
  var tableinfo=editor_mode.objToTable(objs[0],objs[1]);
  document.getElementById('table_b6a03e4c_5968_4633_ac40_0dfdd2c9cde5').innerHTML=tableinfo.HTML;
  tableinfo.listen(tableinfo.guids);
  if (Boolean(callback))callback();
}

/////////////////////////////////////////////////////////////////////////////

editor_mode.prototype.listen = function(callback){

  var newIdIdnum = document.getElementById('newIdIdnum');
  newIdIdnum.children[0].onchange = newIdIdnum.children[1].onchange = function(){
    if (newIdIdnum.children[0].value && newIdIdnum.children[1].value){
      var id = newIdIdnum.children[0].value;
      var idnum = parseInt(newIdIdnum.children[1].value);
      editor.file.changeIdAndIdnum(id,idnum,editor_mode.info,function(err){
        if(err){printe(err);throw(err)}
        printe('添加id的idnum成功,请F5刷新编辑器');
      });
    }
  }

  var selectFloor = document.getElementById('selectFloor');
  editor.file.getFloorFileList(function(floors){
    var outstr=[];
    floors[0].forEach(function(floor){
      outstr.push(["<option value='",floor,"'>",floor,'</option>\n'].join(''));
    });
    selectFloor.innerHTML=outstr.join('');
    selectFloor.value=core.status.floorId;
    selectFloor.onchange = function(){
      editor_mode.onmode('');
      editor.changeFloor(selectFloor.value);
    }
  });

  var saveFloor = document.getElementById('saveFloor');
  saveFloor.onclick = function(){
    editor_mode.onmode('');
    editor.file.saveFloorFile(function(err){if(err){printe(err);throw(err)}});
  }

  var saveFloorAs = document.getElementById('saveFloorAs');
  var saveAsName = document.getElementById('saveAsName');
  saveFloorAs.onclick = function(){
    if (!saveAsName.value)return;
    editor_mode.onmode('');
    editor.file.saveFloorFileAs(saveAsName.value,function(err){
      if(err){printe(err);throw(err)}
      core.floorIds.push(saveAsName.value);
      editor.file.editTower([['change',"['main']['floorIds']",core.floorIds]],function(objs_){console.log(objs_);if(objs_.slice(-1)[0]!=null){printe(objs_.slice(-1)[0]);throw(objs_.slice(-1)[0])}});
    });
  }

  var ratio=1;
  var appendPicCanvas = document.getElementById('appendPicCanvas');
  var bg = appendPicCanvas.children[0];
  var source = appendPicCanvas.children[1];
  var picClick = appendPicCanvas.children[2];
  var sprite = appendPicCanvas.children[3];
  var appendPicSelection = document.getElementById('appendPicSelection');

  var selectAppend = document.getElementById('selectAppend');
  var selectAppend_str=[];
  ["terrains", "animates", "enemys", "items", "npcs"].forEach(function(image){
    selectAppend_str.push(["<option value='",image,"'>",image,'</option>\n'].join(''));
  });
  selectAppend.innerHTML=selectAppend_str.join('');
  selectAppend.onchange = function(){
    var value = selectAppend.value;
    editor_mode.appendPic.imageName = value;
    var img = editor.material.images[value];
    editor_mode.appendPic.toImg = img;
    var num = ~~img.width/32;
    editor_mode.appendPic.num = num;
    editor_mode.appendPic.index = 0;
    var selectStr = '';
    for(var ii=0;ii<num;ii++){
      appendPicSelection.children[ii].style='left:0;top:0';
      selectStr+='{"x":0,"y":0},'
    }
    editor_mode.appendPic.selectPos = eval('['+selectStr+']');
    for(var jj=num;jj<4;jj++){
      appendPicSelection.children[jj].style='display:none';
    }
    sprite.style.width = (sprite.width = img.width)/ratio + 'px';
    sprite.style.height = (sprite.height = img.height+32)/ratio + 'px';
    sprite.getContext('2d').drawImage(img, 0, 0);
  }
  selectAppend.onchange();

  var selectFileBtn = document.getElementById('selectFileBtn');
  var selectFileStr = document.getElementById('selectFileStr');
  selectFileBtn.onclick = function(){
    var loadImage = function (content, callback) {
      var image = new Image();
      try {
        image.src = content;
        if (image.complete) {
          callback(image);
          return;
        }
        image.onload = function () {
          callback(image);
        }
      }
      catch (e) {
        printe(e);
      }
    }
    core.readFile(function(content){
      loadImage(content,function(image){
        editor_mode.appendPic.img = image;
        editor_mode.appendPic.width = image.width;
        editor_mode.appendPic.height = image.height;
        for(var ii=0;ii<3;ii++){
          var newsprite = appendPicCanvas.children[ii];
          newsprite.style.width = (newsprite.width = Math.floor(image.width/32)*32)/ratio + 'px';
          newsprite.style.height = (newsprite.height = Math.floor(image.height/32)*32)/ratio + 'px';
        }

        //画灰白相间的格子
        var bgc = bg.getContext('2d');
        var colorA = ["#f8f8f8", "#cccccc"];
        var colorIndex;
        var sratio=4;
        for (var ii = 0; ii < image.width/32*sratio; ii++){
          colorIndex = 1-ii%2;
          for (var jj = 0; jj < image.height/32*sratio; jj++) {
            bgc.fillStyle = colorA[colorIndex];
            colorIndex = 1 - colorIndex;
            bgc.fillRect(ii * 32/sratio, jj * 32/sratio, 32/sratio, 32/sratio);
          }
        }
        
        //把导入的图片画出
        source.getContext('2d').drawImage(image, 0, 0);

        //重置临时变量
        selectAppend.onchange();
      });
    },null,'img');

    return;
  }

  var left1 = document.getElementById('left1');
  var eToLoc = function (e) { 
    var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
    var loc = { 
      'x': scrollLeft+e.clientX + appendPicCanvas.scrollLeft  - left1.offsetLeft-appendPicCanvas.offsetLeft, 
      'y': scrollTop+e.clientY + appendPicCanvas.scrollTop - left1.offsetTop-appendPicCanvas.offsetTop, 
      'size': 32 
    };
    return loc; 
  }//返回可用的组件内坐标

  var locToPos = function (loc) {
    var pos = { 'x': ~~(loc.x / loc.size), 'y': ~~(loc.y / loc.size) }
    return pos;
  }
  
  picClick.onclick = function(e){
    var loc = eToLoc(e);
    var pos = locToPos(loc);
    console.log(e,loc,pos);
    var num = editor_mode.appendPic.num;
    var ii = editor_mode.appendPic.index;
    if(ii+1>=num)editor_mode.appendPic.index=ii+1-num;
    else editor_mode.appendPic.index++;
    editor_mode.appendPic.selectPos[ii]=pos;
    appendPicSelection.children[ii].style=[
      'left:',pos.x*32,'px;',
      'top:',pos.y*32,'px'
    ].join('');
  }

  var appendConfirm = document.getElementById('appendConfirm');
  appendConfirm.onclick = function(){
    var sprited = sprite.getContext('2d');
    //sprited.drawImage(img, 0, 0);
    var height = editor_mode.appendPic.toImg.height;
    var sourced = source.getContext('2d');
    for(var ii=0,v;v=editor_mode.appendPic.selectPos[ii];ii++){
      var imgData=sourced.getImageData(v.x*32,v.y*32,32,32);
      sprited.putImageData(imgData,ii*32,height);
    }
    var imgbase64 = sprite.toDataURL().split(',')[1];
    fs.writeFile('./project/images/'+editor_mode.appendPic.imageName+'.png',imgbase64,'base64',function(err,data){
      if(err){printe(err);throw(err)}
      printe('追加素材成功,请刷新编辑器');
    });
  }

  if (Boolean(callback))callback();
}

var editor_mode = new editor_mode();
editor_mode.init_dom_ids();

return editor_mode;
}
//editor_mode = editor_mode(editor);