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

function editor_mode(){
  this.ids={
    'loc':'left2',
    'emenyitem':'left3',
    'floor':'left4',
    'tower':'left5',
    'functions':'left8',

    'map':'left',
    'appendpic':'left1',
  }
  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 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;
  }
  //深度优先遍历
  var recursionParse = function(tfield) {
    for(var ii in eval("obj"+tfield)){
      var field = tfield+"['"+ii+"']";
      var isleaf = 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 checkRange = function(comment,thiseval){
    if( comment.indexOf('$range') !== -1){
      var evalstr = comment.split('$range')[1].split('$end')[0];
      return eval(evalstr);
    }
    return true;
  }
  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')]);
        var thiseval=null;
        try{
          thiseval = JSON.parse(input.value);
        }catch(ee){
          printe(field+' : '+ee);
          throw ee;
        }
        if(checkRange(comment,thiseval)){
          editor_mode.addAction(['change',field,thiseval]);
        } else {
          printe(field+' : 输入的值不合要求,请鼠标放置在注释上查看说明');
        }
      }
      input.ondblclick = function(){
        if(!editor_blockly.import(guid))
        if(!editor_multi.import(guid)){}
        
      }
    });
  }
  return {"HTML":outstr.join(''),"guids":guids,"listen":listen};
}

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 class="etableInputDiv">',editor_mode.objToTd(thiseval,comment,field),'</div></td></tr>\n',
  ];
  return [outstr.join(''),guid];
}

editor_mode.prototype.objToTd = function(thiseval,comment,field){
  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,"'
    var num = 0;//editor_mode.indent(field);
    return ["<textarea spellcheck='false' >",JSON.stringify(thiseval,null,num),'</textarea>\n'].join('');
  }
}

editor_mode.prototype.indent = function(field){
  var num = 4;
  if(field.indexOf("['main']")===0)return 0;
  if(field.indexOf("['flyRange']")!==-1)return 0;
  if(field==="['special']")return 0;
  return num;
}

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

editor_mode.prototype.doActionList = function(mode,actionList){
  if (actionList.length==0)return;
  printf('修改中...');
  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;
    case 'functions':
      
      editor.file.editFunctions(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);
    if(mode==='save')editor_mode.doActionList(editor_mode.mode,editor_mode.actionList);
    if(editor_mode.mode==='nextChange' && mode)editor_mode.showMode(mode);
    editor_mode.mode=mode;
    editor_mode.actionList=[];
  }
}

editor_mode.prototype.showMode = function (mode) {
  for(var name in this.dom){
    editor_mode.dom[name].style='z-index:-1;opacity: 0;';
  }
  editor_mode.dom[mode].style='';
  if(editor_mode[mode])editor_mode[mode]();
  document.getElementById('editModeSelect').value=mode;
  var tips = tip_in_showMode;
  if(!selectBox.isSelected)printf('tips: '+tips[~~(tips.length*Math.random())]);
}

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;
  
  if(Object.keys(editor.info).length!==0)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.functions = function(callback){
  var objs=[];
  editor.file.editFunctions([],function(objs_){objs=objs_;console.log(objs_)});
  //只查询不修改时,内部实现不是异步的,所以可以这么写
  var tableinfo=editor_mode.objToTable(objs[0],objs[1]);
  document.getElementById('table_e260a2be_5690_476a_b04e_dacddede78b3').innerHTML=tableinfo.HTML;
  tableinfo.listen(tableinfo.guids);
  if (Boolean(callback))callback();
}

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

editor_mode.prototype.listen = function(callback){

  var newIdIdnum = document.getElementById('newIdIdnum');
  newIdIdnum.children[2].onclick = 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刷新编辑器');
      });
    } else {
      printe('请输入id和idnum');
    }
  }

  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)};printf('保存成功');});
  }

  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])};printe('另存为成功,请F5刷新编辑器生效');});
    });
  }

  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", "enemy48", "items", "npcs", "npc48"].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;
    var ysize = selectAppend.value.indexOf('48')===-1?32:48;
    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;height:'+(ysize-6)+'px';
      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+ysize)/ratio + 'px';
    sprite.getContext('2d').drawImage(img, 0, 0);
  }
  selectAppend.onchange();

  var selectFileBtn = document.getElementById('selectFileBtn');
  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;
        var ysize = selectAppend.value.indexOf('48')===-1?32:48;
        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/ysize)*ysize)/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, 
      'ysize': selectAppend.value.indexOf('48')===-1?32:48
    };
    return loc; 
  }//返回可用的组件内坐标

  var locToPos = function (loc) {
    var pos = { 'x': ~~(loc.x / loc.size), 'y': ~~(loc.y / loc.ysize) ,'ysize': loc.ysize}
    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*pos.ysize,'px;',
      'height:',pos.ysize-6,'px;'
    ].join('');
  }

  var appendConfirm = document.getElementById('appendConfirm');
  appendConfirm.onclick = function(){
    var ysize = selectAppend.value.indexOf('48')===-1?32:48;
    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*ysize,32,ysize);
      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('追加素材成功,请F5刷新编辑器');
    });
  }

  var editModeSelect = document.getElementById('editModeSelect');
  editModeSelect.onchange = function(){
    editor_mode.onmode('nextChange');
    editor_mode.onmode(editModeSelect.value);
  }

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

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

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