##dataSource
##2_dataSource
##3_dataSource

isc.DataSource.create({
  serverType:"sql",
  fields:{
    name:{title:"Name", primaryKey:true, type:"text", name:"name",width:"80%",canEdit:false},
    value:{title:"Value",required:true, type:"text", name:"value"}
  },
  tableName:"ugroupMap",
  testFileName:"ugroupMap.data.xml",
  ID:"ugroupMap"
});

isc.DataSource.create({
  serverType:"sql",
  fields:{
    id:{title:"id",primaryKey:true, type:"text", name:"id"},
    name:{title:"name", required:true, type:"text", name:"property"},
    ReportsTo:{title:"Manager",type:"text", name:"reportsTo",foreignKey:"networkDs.id",rootValue:"1"}
  },
  tableName:"tree",
  testFileName:"tree.data.xml",
  ID:"networkDs"
});

isc.DataSource.create({
  serverType:"sql",
  fields:{
    id:{title:"NetworkId", required:true, type:"text", name:"id",width:"50"},
    linkStatus:{title:"Status", required:true, type:"text", name:"linkStatus",width:"45"},
    severity:{title:"Severity", required:true, type:"text", name:"severity",width:"55"},
    deviceId:{title:"Id",primaryKey:true, type:"text", name:"deviceId",width:"50"},
    device_name:{title:"Device_name", required:true, type:"text", name:"device_name",width:"200"},
    ipStr:{title:"Ip", required:true, type:"text",
        formatCellValue: function (value) {
          return '<a href="http://'+value+'" target="_blank">'+value+'</a>';
        },
        name:"ipStr",width:"120"},

    modelname:{title:"ModelName", required:true, type:"text", name:"modelname",width:"90"},
    softwareVersion:{title:"SoftwareVersion", required:true, type:"text", name:"softwareVersion",width:"110"},
    externalIpAddressStr:{title:"ExternalIp", required:true, type:"text",
        formatCellValue: function (value) {
          return '<a href="http://'+value+'" target="_blank">'+value+'</a>';
        },
        name:"externalIpAddressStr",width:"120"},

    port:{title:"Port", required:true, type:"text", name:"port",width:"50"},
    uri:{title:"Uri", required:true, type:"text", name:"uri",width:"100"},
    manufacturer:{title:"Manufacturer", required:true, type:"text", name:"manufacturer",width:"100"},
    oui:{title:"Oui", required:true, type:"text", name:"oui",width:"70"},
    serialNumber:{title:"SerialNumber", required:true, type:"text", name:"serialNumber",width:"90"},
    specVersion:{title:"SpecVersion", required:true, type:"text", name:"specVersion",width:"100"},
    hardwareVersion:{title:"HardwareVersion", required:true, type:"text", name:"hardwareVersion",width:"120"},
    advance:{title:"Advance", required:true, type:"text", name:"advance",width:"80"},
    address:{title:"Address",  type:"text", name:"address", width:"200"},
    startDate:{required:true, type:"text", name:"startDate"},
    endDate:{ required:true, type:"text", name:"endDate"},
    startTime:{required:true, type:"text", name:"startTime"},
    endTime:{required:true, type:"text", name:"endTime"},
    result:{required:true, type:"text", name:"result"},
    ugroupid:{required:true, type:"text", name:"ugroupid"}
  },
  tableName:"keepprofile",
  testFileName:"keepprofile.data.xml",
  ID:"deviceDs"
});

isc.DataSource.create({
  serverType:"sql",
  fields:{
     device_count:{required:true, type:"text", name:"device_count"},
     ugroupid:{required:true, type:"text", name:"ugroupid"}
  },
  ID:"upgradedDevice"
});

isc.RPCManager.actionURL = "##applyAction&ui=draytek";
isc.Window.create({
    ID: "textPopUpWindow",
    title: "TextPopUpWindow",
    showMinimizeButton:true,
    showMaximizeButton:true,
    canDragResize:true,
    width:"98%",
    height:"50%",
    autoSize:true,
    overflow:"auto",
    autoCenter: true,
    autoDraw: false,
    closeClick : function () { this.Super("closeClick", arguments)},
    items: [
    isc.ListGrid.create({
      ID: "textPopUpList",
      width:"100%", height:"250", alternateRecordStyles:true,
      emptyCellValue: "--",
      dataSource: ds3,
      bodyProperties: {
        canSelectText: true
      },
      fields:[
      ##3_fields
      ],
      getCellCSSText: function (record, rowNum, colNum) {
        if (this.getFieldName(colNum) == "fileName") {
          if (record.property=="Directory") {
            return "font-weight:bold; color:blue;";
          } else {
            return "font-weight:bold; color:black;";
          }
        }
      },
      recordDoubleClick: function (viewer, record, recordNum, field, fieldNum, value, rawValue) {
        if (record.property=="Directory") {
          if (record.fileName == "."){
            return ;
          }
          if (record.fileName != ".."){
            textPopUpList.setData([]);
            /*countryList.fetchData({directory:"."});*/
            textPopUpList.fetchData({directory:record.directory +"/" + record.fileName});
          }else{
            if(record.directory.lastIndexOf('/')<0){
            textPopUpList.fetchData({directory:"."});
            }else{
              textPopUpList.fetchData({directory:record.directory});
            }
          }
        }else{
          countryList.setEditValue(countryList.getEditRow(),"firmware_file",record.directory+"/"+record.fileName);
          textPopUpWindow.hide();
        }
      },
      editEvent:"click",
      confirmCancelEditing:false,
      sortFieldNum: 0,
      dataPageSize: 30,
      autoSaveEdits: false,
      autoFetchData: true,
      showFilterEditor: true,
      canEdit: true,
      autoDraw: false
    })
    ]
});
isc.ClassFactory.defineClass("TextPopUpItem", "TextItem");
isc.TextPopUpItem.addProperties({
    icons:[{click:"textPopUpWindow.show();"}]
});
isc.ListGrid.create({
  ID: "countryList",
  width:"100%",  alternateRecordStyles:true,
  emptyCellValue: "--",
  dataSource: ds1,
  bodyProperties: {
  canSelectText: true
  },
  fields:[
  ##fields
  ],
  /*##cssStyle_start
  getBaseStyle: function (record, rowNum, colNum) {
  if (this.getFieldName(colNum) == "severity") {
      if (record.severity==1 ||record.severity=='Critical') {
        return "criticalAlarm";
      } else if (record.severity==2 || record.severity=='Major') {
        return "majorAlarm";
      }else if (record.severity==3 || record.severity=='Minor') {
        return "minorAlarm";
      }else if (record.severity==4 || record.severity=='Warning') {
        return "warningAlarm";
      }else if (record.severity==5 || record.severity=='Normal') {
        return "normalAlarm";
      }else {
        return this.baseStyle;
      }
    }else{

    if (record.isnotify==1 || record.status == 0 || record.status ==3|| record.result=="Success" || record.SUCCESS=="Y" || record.flag == 1 || record.flag == 5||record.clear_status==1) {
      return "noteGridCell";
    } else if (record.status ==1 || record.flag == 4||record.ack_status==0) {
      return "warnGridCell";
    }else if (record.isnotify==0  || record.status ==2 || record.result=="Fail" || record.SUCCESS=="N" || record.flag == 2 || record.flag == 6) {
      return "errorGridCell";
    }else if (record.status ==3||record.ack_status==1) {
      return "normalGridCell";
    }else if (record.status ==-1 || record.flag == 0 || record.flag == 3) {
      return "initGridCell";
    }else if (record.action == 'Inform') {
      return "InformGridCell";
    } else if (record.action =='Reboot') {
      return "RebootGridCell";
    }else if (record.action =='Download') {
      return "DownloadGridCell";
    }else if (record.action =='TransferComplete') {
      return "TransferCompleteGridCell";
    }else if (record.action =='GetParameterValues') {
      return "GetParameterValuesGridCell";
    }else if (record.action =='SetParameterValues') {
      return "SetParameterValuesGridCell";
    }else if (record.action =='GetParameterNames') {
      return "GetParameterNamesGridCell";
    }else if (record.action =='SetParameterAttributes') {
      return "SetParameterAttributesGridCell";
    }else if (record.action =='GetParameterAttributes') {
      return "GetParameterAttributesGridCell";
    }else if (record.action =='AddObject') {
      return "AddObjectGridCell";
    }else if (record.action =='DeleteObject') {
      return "DeleteObjectGridCell";
    }else if (record.action =='GetQueuedTransfers') {
      return "GetQueuedTransfersGridCell";
    }else if (record.action =='ScheduleInform') {
      return "ScheduleInformGridCell";
    }else if (record.action =='SetVouchers') {
      return "SetVouchersGridCell";
    }else if (record.action =='GetOptions') {
      return "GetOptionsGridCell";
    }else if (record.action =='GetQueuedTransfers') {
      return "GetQueuedTransfersGridCell";
    }else if (record.action =='Upload') {
      return "UploadGridCell";
    }else if (record.action =='FactoryReset') {
      return "FactoryResetGridCell";
    }else if (record.action =='Kicked') {
      return "KickedGridCell";
    }else if (record.action =='RequestDownload') {
      return "RequestDownloadGridCell";
    }else if (record.action =='GetRPCMethods') {
      return "GetRPCMethodsGridCell";
    }else {
      return this.baseStyle;
    }
  }
  },
  ##cssStyle_end*/
  selectionChanged : function (record, state) {
    boundForm.editRecord(record);
  },
  /*##click_detailButtonEvent*/
  editEvent: "doubleClick",
  confirmCancelEditing:false,
  sortFieldNum: 0,
  sortDirection: "descending",
  dataPageSize: 30,
  filterData :  function(criteria, callback, requestProperties){
    countryList.setData([]);
    var ugroup_id=UGroupForm.getValue("ugroup");
    criteria.ugroup_id=ugroup_id;
    countryList.fetchData(criteria, callback, requestProperties);
  },
  autoSaveEdits: false,
  autoFetchData: true,
  showFilterEditor: true,
  canEdit: true,
  autoDraw: false
});
isc.IButton.create({
  title:"",
  ID: "newButton",
  autoDraw: false,
  click: function () {
    countryList.cancelEditing();
    countryList.startEditingNew();
  },
  width:30,
  icon: "new.gif",
  showRollOver: false,
  prompt: "New Record"
});
isc.IButton.create({
  ID: "newButton_detail",
  autoDraw: false,
  click: function () {
    ##newButtonDetail_Event
  },
  width:30,
  icon: "new.gif",
  showRollOver: false,
  prompt: "New Record"
});
isc.IButton.create({
  title:"", ID:"deleteButton1",autoDraw: false,
  icon: "delete.png",
  showRollOver: false,
  width:30,
  prompt: "Delete",
  click: function () {
    var answer = confirm("Are you sure to delete this?");
    if (answer){
      countryList.discardEdits(countryList.getRecordIndex(countryList.getSelectedRecord()));
      countryList.removeSelectedData();
    }
  }
});
isc.IButton.create({
  title:"", ID:"deleteButton2",autoDraw: false,
  icon: "delete.png",
  showRollOver: false,
  width:30,
  prompt: "Delete",
  click: function () {
    var answer = confirm("Are you sure to delete this?");
    if (answer){
      detailList.discardEdits(detailList.getRecordIndex(detailList.getSelectedRecord()));
      detailList.removeSelectedData();
    }
  }
});
isc.IButton.create({
  title:"", ID:"Button7",autoDraw: false,
  icon: "post.gif",
  showRollOver: false,
  width:30,
  prompt: "Post",
  click: function () {
    alert("Not support");
  }
});
isc.IButton.create({
  title:"", ID:"saveButton1",autoDraw: false,
  icon: "save.gif",
  width:30,
  click: function () {
    countryList.saveAllEdits();
    countryList.cancelEditing ();
  },
  showRollOver:false,
  prompt: "Save"
});
isc.IButton.create({
  title:"", ID:"saveButton2",autoDraw: false,
  icon: "save.gif",
  width:30,
  click: function () {
    detailList.saveAllEdits();
    detailList.cancelEditing();
  },
  showRollOver:false,
  prompt: "Save"
});
isc.IButton.create({
  title:"",ID:"Button9",autoDraw: false,
  icon: "undo.gif",
  width:30,
  showRollOver: false,
  prompt: "Undo",
  click: function () {
    alert("Not support");
  }
});

isc.IButton.create({
  title:"",ID:"clearAllButton",autoDraw: false,
  icon: "[SKIN]/actions/configure.png",
  width:30,
  showRollOver: false,
  prompt: "ClearAll",
  click: function () {
   var record=countryList.getRecord(0);
   record.flag="clearall";
    var answer = confirm("Are you sure to clear all Alarm Log?");
    if (answer){
    countryList.updateData(record);
    countryList.setData([]);
    }
  }
});

isc.IButton.create({
  title:"",ID:"clearButton",autoDraw: false,
  icon: "[SKIN]/actions/column_preferences.png",
  width:30,
  showRollOver: false,
  prompt: "Clear",
  click: function () {
   var recordArr=countryList.getSelection();

   for(var i=0;i<recordArr.getLength ();i++){
   recordArr.get (i).flag="clear";
   }
   countryList.removeSelectedData();

  }
});

isc.IButton.create({
  title:"",ID:"unAckButton",autoDraw: false,
  icon: "[SKIN]/DynamicForm/PopUpTextAreaEditor_icon_Disabled.gif",
  width:30,
  showRollOver: false,
  prompt: "UnAck",
  click: function () {
   var recordArr=countryList.getSelection();
   for(var i=0;i<recordArr.getLength ();i++){
   recordArr.get (i).flag="unack";
   countryList.updateData (recordArr.get (i));
   }

  }
});

isc.IButton.create({
  title:"",ID:"ackButton",autoDraw: false,
  icon: "[SKIN]/DynamicForm/PopUpTextAreaEditor_icon.gif",
  width:30,
  showRollOver: false,
  prompt: "Ack",
  click: function () {
   var recordArr=countryList.getSelection();

   for(var i=0;i<recordArr.getLength ();i++){
   recordArr.get (i).flag="ack";
   countryList.updateData(recordArr.get (i));
   }
 }
});

isc.IButton.create({
  title:"",ID:"refreshButton",autoDraw: false,
  icon: "refresh.gif",
  width:30,
  showRollOver: false,
  prompt: "Refresh",
  click: function () {
    countryList.setData([]);
    var ugroup_id=UGroupForm.getValue("ugroup");
    countryList.fetchData({ugroup_id:ugroup_id});
  }
});
isc.IButton.create({
  title:"",ID:"cancelButton",autoDraw: false,
  icon: "cancel.png",
  width:30,
  showRollOver: false,
  prompt: "Cancel",
  click: function () {
    countryList.cancelEditing();
  }
});
isc.IButton.create({
  title:"",ID:"uploadButton",autoDraw: false,
  icon: "upload.png",
  width:30,
  click : function () {
    alert("Not support");
  },
  showRollOver: false,
  prompt: "Upload"
});
isc.IButton.create({
  title:"",ID:"downloadButton",autoDraw: false,
  icon: "download.png",
  width:30,
  click : function () {
    alert("Not support");
  },
  showRollOver: false,
  prompt: "Download"
});
isc.IButton.create({
  title:"",ID:"detailButton",autoDraw: false,
  icon: "detail.gif",
  width:30,
  click : function () {
    ##detailButtonEvent
  },
  showRollOver: false,
  prompt: "Detail"
});


isc.DynamicForm.create({
  ID:"UGroupForm",
  numCols: 2,
  autoDraw: false,
  fields : [{
    name: "ugroup", title: "UserGroup",
    editorType: "select",
    optionDataSource:"ugroupMap", autoFetchDisplayMap: false,
    displayField:"name", valueField:"id",
    dataArrived : function (startRow, endRow, data){
      if (data && data.getLength() > 0)
      {
        this.setValue(data.get(0)[this.getValueFieldName()]);
      }
    },
    change:"countryList.setData([]);countryList.fetchData({ugroup_id:value});ugroup_id=value;"
  }
  ]
});



isc.ToolStrip.create({
  width: "100%", height:24,autoDraw: false,
  members: [
  newButton,saveButton1,deleteButton1,"separator",
  cancelButton,refreshButton,"separator",
  uploadButton,downloadButton,detailButton],
  ID:"HLayout1"
});
isc.ToolStrip.create({
  width: "100%", height:24,autoDraw: false,
  members: [newButton_detail,saveButton2,"separator",deleteButton2],
  ID:"HLayout2"
});


isc.DynamicForm.create({
  ID:"boundForm",
  autoDraw: false,
  dataSource: ds1,
  numCols:"4",
  autoFocus:false
});
isc.VLayout.create({
  ID:"html_center_1",
    members:[
    HLayout1,
    countryList
    ],
    autoDraw:false,
    width:"100%",
    height:"100%"
    /*
    ,position:"relative"
    */
});


isc.IButton.create({
  title:"",
  ID:"exportButton",
  autoDraw: false,
  icon: "export.gif",width:30,
  click : function () {
  var ugroup_id=UGroupForm.getValue("ugroup");
    window.location.href="ExportServlet?ugroupId="+ugroup_id+"&type=##exportAction";
  },
  showRollOver: false,
  prompt: "Export"
});

/*##action*/

HLayout1.addMember("separator");
HLayout1.addMember(UGroupForm);

isc.Window.create({
    ID: "detailWindow",
    title: "Detail Window",
    showMinimizeButton:true,
    showMaximizeButton:true,
    canDragResize:true,
    width:"98%",
    height:"50%",
    autoSize:true,
    overflow:"auto",
    autoCenter: true,
    autoDraw: false,
    closeClick : function () { this.Super("closeClick", arguments)},
    items: [
    HLayout2,
    isc.ListGrid.create({
      ID: "detailList",
      width:"100%", height:"250", alternateRecordStyles:true,
      emptyCellValue: "--",
      dataSource: ds2,
      bodyProperties: {
        canSelectText: true
      },
      fields:[
      ##2_fields
      ],
      selectionChanged : function (record, state) {
        boundForm.editRecord(record);
      },
      editEvent:"click",
      confirmCancelEditing:false,
      sortFieldNum: 0,
      dataPageSize: 30,
      autoSaveEdits: false,
      autoFetchData: true,
      showFilterEditor: true,
      canEdit: true,
      autoDraw: false
    })
    ]
});

/*fileter*/

 isc.DynamicForm.create({
autoFetchData: false,
dataSource:upgradedDevice,
ID:"setting",
autoDraw:false,
fields:[
 {name:"ugroupid", type:"text", title:"",showIf:"false"},
 {name:"device_count", type:"text", title:"ExecutedDevice",disabled:"true"},
 {name:"startDate", type:"text", title:"Start Date", click:"dateWindow.show();dateWindow.setLeft(this.getLeft());dateWindow.setTop(50)"},
 {name:"startTime", type:"text", title:"Start Time", click:"timeWindow.show();timeWindow.setLeft(this.getLeft());timeWindow.setTop(150)"},
 {name:"endDate", type:"text", title:"End Date", click:"dateWindow1.show();dateWindow1.setLeft(this.getLeft());dateWindow1.setTop(this.getTop())"},
 {name:"endTime", type:"text", title:"End time", click:"timeWindow1.show();timeWindow1.setLeft(this.getLeft());timeWindow1.setTop(200)"},
 {name:"change", type:"checkbox", title:"Use Result To Search",change:"value?form.getField('textResult').show():form.getField('textResult').hide(); value?form.getField('result').hide():form.getField('result').show()" },
 {name:"result", type:"select", title:"Status", valueMap:{0:"Success",1:"Processing",2:"Error",3:"Exclude"}},
 {name:"textResult", type:"text", title:"Result", showIf:"false"}

]
}
);

isc.DynamicForm.create({
  ID:"timeForm",
  numCols:"4",
  autoDraw: false,
  fields: [{
    name: "hour", title: "H", type: "select",width:"50",
    defaultValue:"00",
    valueMap: [
      "00","01","02","03","04","05","06","07","08","09",
      "10","11","12","13","14","15","16","17","18","19",
      "20","21","22","23"
    ]
  },
  {
    name: "minute", title: "M", type: "select",width:"50",
    defaultValue:"00",
    valueMap: [
      "00","01","02","03","04","05","06","07","08","09",
      "10","11","12","13","14","15","16","17","18","19",
      "20","21","22","23","24","25","26","27","28","29",
      "30","31","32","33","34","35","36","37","38","39",
      "40","41","42","43","44","45","46","47","48","49",
      "50","51","52","53","54","55","56","57","58","59"
    ]
  }
  ]
});

isc.DynamicForm.create({
  ID:"timeForm1",
  numCols:"4",
  autoDraw: false,
  fields: [{
    name: "hour", title: "H", type: "select",width:"50",
    defaultValue:"00",
    valueMap: [
      "00","01","02","03","04","05","06","07","08","09",
      "10","11","12","13","14","15","16","17","18","19",
      "20","21","22","23"
    ]
  },
  {
    name: "minute", title: "M", type: "select",width:"50",
    defaultValue:"00",
    valueMap: [
      "00","01","02","03","04","05","06","07","08","09",
      "10","11","12","13","14","15","16","17","18","19",
      "20","21","22","23","24","25","26","27","28","29",
      "30","31","32","33","34","35","36","37","38","39",
      "40","41","42","43","44","45","46","47","48","49",
      "50","51","52","53","54","55","56","57","58","59"
    ]
  }
  ]
});

isc.IButton.create({
  title:"Apply",
  ID: "appButton",
  autoDraw: false,
  click: function () {
    setting.setValue("startTime",timeForm.getValue("hour")+":"+timeForm.getValue("minute"));
    timeWindow.hide();
  }
});

isc.IButton.create({
  title:"Apply",
  ID: "appButton1",
  autoDraw: false,
  click: function () {
    setting.setValue("endTime",timeForm1.getValue("hour")+":"+timeForm1.getValue("minute"));
    timeWindow1.hide();
  }
});

isc.DateChooser.create({
  ID: "dateChooser",
  autoDraw: false,
  dataChanged :function(){
  setting.setValue("startDate",this.getData().getFullYear()+"-"+(this.getData().getMonth()+1)+"-"+this.getData().getDate());
    dateWindow.hide();
  }
});

isc.DateChooser.create({
  ID: "dateChooser1",
  autoDraw: false,
  dataChanged :function(){
  setting.setValue("endDate",this.getData().getFullYear()+"-"+(this.getData().getMonth()+1)+"-"+this.getData().getDate());
    dateWindow1.hide();
  }
});

  isc.Window.create({
  align:"left",
  ID: "dateWindow",
  title: "Date Window",
  showMinimizeButton:false,
  showMaximizeButton:false,
  canDragResize:false,
  width:"100",
  height:"150",
  autoSize:true,
  overflow:"auto",
  autoCenter: true,
  autoDraw: false,
  closeClick : function () { this.Super("closeClick", arguments)},
  items: [
  dateChooser
  ]
});

isc.Window.create({
  ID: "dateWindow1",
  title: "Date Window",
  showMinimizeButton:false,
  showMaximizeButton:false,
  canDragResize:false,
  width:"100",
  height:"150",
  autoSize:true,
  overflow:"auto",
  autoCenter: true,
  autoDraw: false,
  closeClick : function () { this.Super("closeClick", arguments)},
  items: [
  dateChooser1
  ]
});

  isc.Window.create({
  ID: "timeWindow",
  title: "Time Window",
  showMinimizeButton:false,
  showMaximizeButton:false,
  canDragResize:false,
  width:"10",
  height:"10",
  autoSize:true,
  overflow:"auto",
  autoCenter: true,
  autoDraw: false,
  closeClick : function () { this.Super("closeClick", arguments)},
  items: [
  timeForm,
  appButton
  ]
});

 isc.Window.create({
  ID: "timeWindow1",
  title: "Time Window",
  showMinimizeButton:false,
  showMaximizeButton:false,
  canDragResize:false,
  width:"10",
  height:"10",
  autoSize:true,
  overflow:"auto",
  autoCenter: true,
  autoDraw: false,
  closeClick : function () { this.Super("closeClick", arguments)},
  items: [
  timeForm1,
  appButton1
  ]
});

isc.ListGrid.create({
  ID: "deviceList",
  align: "center",
  width:"68%",
  dataSource:deviceDs,
  border: "1px solid blue",
  overflow: "hidden",
  autoDraw:false,
  dataPageSize: 30,
  bodyProperties: {
    canSelectText: true
  },
  alternateRecordStyles:true, cellHeight:22,
  fields:[
  /*{name:"linkStatus"},*/
  {name:"severity"},
  {name:"deviceId"},
  {name:"device_name"},
  {name:"serialNumber"},
  {name:"address"},
  {name:"ipStr"},
  {name:"modelname"},
  {name:"softwareVersion"},
  {name:"externalIpAddressStr"},

  /*{name:"port"},*/
  /*{name:"uri"},*/
  {name:"manufacturer"},
  /*{name:"oui"},*/
  /*{name:"specVersion"},*/
  {name:"hardwareVersion"}
  ],
  autoFetchData: false,
  rowDoubleClick : function (record, recordNum, fieldNum, keyboardGenerated){
    showWindow();
  },
  getBaseStyle: function (record, rowNum, colNum) {
    if (this.getFieldName(colNum) == "linkStatus") {
      if (record.linkStatus=='up') {
        return "statusUpGridCell";
      } else if (record.linkStatus=='down') {
        return "statusDownGridCell";
      }else if (record.linkStatus=='off') {
        return "statusOffGridCell";
      }else {
        return this.baseStyle;
      }
    }else if (this.getFieldName(colNum) == "severity") {
      if (record.severity=='Critical') {
        return "criticalAlarm";
      } else if (record.severity=='Major') {
        return "majorAlarm";
      }else if (record.severity=='Minor') {
        return "minorAlarm";
      }else if (record.severity=='Warning') {
        return "warningAlarm";
      }else if (record.severity=='Normal') {
        return "normalAlarm";
      }else {
        return this.baseStyle;
      }
    }else {
      return this.baseStyle;
    }
  },
  canEdit: false,
  editEvent: "click",
  listEndEditAction: "next"
});

isc.TreeGrid.create({
  ID: "network",
  dataSource: networkDs,
  autoFetchData: true,
  nodeIcon:"icons/16/file.gif",
  folderIcon:"icons/16/folder.gif",
  folderOpenImage:"icons/16/folderopen.gif",
  showOpenIcons:true,
  showDropIcons:true,
  autoOpenRoot:true,
  autoDraw:false,
  closedIconSuffix:"",
  isFolderProperty : "isFolder",
  bodyProperties: {
    canSelectText: true
  },
  getBaseStyle: function (record, rowNum, colNum) {
    if(record!=null){
      var treeValue=record.id;
      if(treeValue.indexOf("device")!=-1){
        this.nodeIcon="icons/16/device.gif";
        this.folderIcon="icons/16/device.gif";
        this.folderOpenImage="icons/16/deviceOpen.gif";
      }else if(treeValue.indexOf("network")!=-1){
        this.nodeIcon="icons/16/network.gif";
        this.folderIcon="icons/16/network.gif";
        this.folderOpenImage="icons/16/networkOpen.gif";
      }
    }
    return this.baseStyle;
  },
  showHeader:false,
  showConnectors: true,
  dataPageSize: 30,
  animateFolders: false,
  recordClick :function(viewer, record, recordNum, field, fieldNum, value, rawValue){
  var netId =record.id.substr(7);
  var start=setting.getValue("startDate");
  var end=setting.getValue("endDate");
  var st=setting.getValue("startTime");
  var et=setting.getValue("endTime");
  var rt=setting.getValue("result");
  var rt_text=setting.getValue("textResult");
  var ugroup_id=UGroupForm.getValue("ugroup");
  if(netId==null||start==null||end==null||st==null||et==null){
  alert("please fill datas");
  }else{
  deviceList.fetchData({id:netId,startDate:start,endDate:end,startTime:st,endTime:et,result:rt,textResult:rt_text,ugroupid:ugroup_id});
  }


  },
  fields: [
  {name: "name"},
  {name: "id", showIf : "false"},
  {name: "maptype", showIf : "false"}
  ]
});


isc.VLayout.create({
ID:"VLayoutDetail",
width:"28%",
members:[setting,network]
}
);

isc.HLayout.create({
ID:"HLayoutDetail",
members:[VLayoutDetail,deviceList]
}
);
function fetchFirmwareFilter(){
var ugroup_id=UGroupForm.getValue("ugroup");
setting.fetchData({ugroupid:ugroup_id});
};

isc.Window.create({
    ID: "firmwareUpgradeDetail",
    title: "TextPopUpWindow",
    showMinimizeButton:true,
    showMaximizeButton:true,
    canDragResize:true,
    width:"98%",
    height:"50%",
    autoSize:false,
    overflow:"auto",
    autoCenter: true,
    autoDraw: false,
    closeClick : function () { this.Super("closeClick", arguments)},
    items: [
   HLayoutDetail

    ]
});