this.eszkozkarton_szakertoi_adatok_kepek_nagykep = isc.Img.create({
  autoDraw: false
});

this.eszkozkarton_szakertoi_adatok_kepek_reszletek = isc.DetailViewer.create({
  autoDraw: false,
  width: 600,
  fields: [
    {
      name: "meret",
      title: "Meret"
    },
    {
      name: "behozatal_datuma",
      title: "Feltoltes datuma"
    }
  ]
});

this.eszkozkarton_szakertoi_adatok_kepek_kiskepek = isc.TileGrid.create({
  dataSource:"eszkozkarton_szakertoi_adatok_kiskepek_DS",
  autoFetchData:false,
  tileWidth:117,
  tileHeight:90,
  animateTileChange:true,
  tileMargin: 5,
  width: 600,
  height: 130,
  orientation: "vertical",
  fields: [
    {name:"url_th", type: "image"}
  ],
  recordClick: function (viewer, tile, record) {
    ref.eszkozkarton_szakertoi_adatok_kepek_nagykep.setWidth(record.ck_kep_width);
    ref.eszkozkarton_szakertoi_adatok_kepek_nagykep.setHeight(record.ck_kep_height);
    ref.eszkozkarton_szakertoi_adatok_kepek_nagykep.setSrc(record.url);
    ref.eszkozkarton_szakertoi_adatok_kepek_reszletek.setData({meret: record.ck_kep_width+" x "+record.ck_kep_height, behozatal_datuma: record.behozatal_datuma});
  }  
});

this.eszkozkarton_szakertoi_adatok_kepek_Window = isc.Window.create({
  title: "Nagyitas",
  autoDraw: false,
  autoSize: true,
  autoCenter: true,
  keepInParentRect: true,
  items: [
    isc.VLayout.create({
      width: 600,
      layoutMargin: 5,
      autoDraw: false,
      members: [
        ref.eszkozkarton_szakertoi_adatok_kepek_kiskepek,
        isc.LayoutSpacer.create({height:5}),
        isc.HLayout.create({
          width: "100%",
          align: "center",
          autoDraw: false,
          members: [
            ref.eszkozkarton_szakertoi_adatok_kepek_nagykep
          ]
        }),
        isc.LayoutSpacer.create({height:5}),
        ref.eszkozkarton_szakertoi_adatok_kepek_reszletek
      ]
    })
  ]
});

this.eszkozkarton_szakertoi_adatok_kepek_TileGrid = isc.TileGrid.create({
  tileWidth:120,
  tileHeight:120,
  width: "100%",
  height:"100%",
  dataSource:"eszkozkarton_szakertoi_adatok_kepek_DS",
  autoFetchData:false,
  animateTileChange:false,
  tileMargin: 5,
  fields: [
    {name:"url_th", type: "image"}
  ],
  getTile : function (record) {
    var canvas = this.Super("getTile", arguments);
    if (canvas.children) {
      var child = canvas.children[0];
      canvas.removeChild(child);
      child.destroy();
    }
    canvas.addChild(this.getButtons(this.getRecord(record)));
    return canvas;
  },
  getButtons : function (record) {
    
    var nagyitoButton = isc.ImgButton.create({
      autoDraw: false,
      src: '../../images/icons/zoom_in.png',
      showHover: true,
      prompt: "Nagyitas",
      size: 16,
      showFocused: false,
      showRollOver: false,
      snapTo: "B",
      snapOffsetTop: -10,
      showDown: false,
      tileGrid: this,
      record: record,
      click: function () {
        ref.eszkozkarton_szakertoi_adatok_kepek_kiskepek.invalidateCache();
        ref.eszkozkarton_szakertoi_adatok_kepek_kiskepek.fetchData({p_eszkoz_id:ref.eszkoz_id});
        ref.eszkozkarton_szakertoi_adatok_kepek_nagykep.setWidth(this.record.ck_kep_width);
        ref.eszkozkarton_szakertoi_adatok_kepek_nagykep.setHeight(this.record.ck_kep_height);
        ref.eszkozkarton_szakertoi_adatok_kepek_nagykep.setSrc(this.record.url);
        ref.eszkozkarton_szakertoi_adatok_kepek_reszletek.setData({meret: this.record.ck_kep_width+" x "+this.record.ck_kep_height, behozatal_datuma: this.record.behozatal_datuma});
        ref.eszkozkarton_szakertoi_adatok_kepek_Window.show();
      }
    });
    var removeButton = isc.ImgButton.create({
      autoDraw: false,
      src: '[SKINIMG]/actions/remove.png',
      showHover: true,
      prompt: "Torles",
      size: 16,
      showFocused: false,
      showRollOver: false,
      snapTo: "B",
      snapOffsetTop: -10,
      showDown: false,
      tileGrid: this,
      record: record,
      click: function () {
        var tref = this.tileGrid;
        var rec = this.record;
        isc.confirm("Biztosan torolni akarja a kepet?", function(value) {
          if (value==true) {
            tref.removeData(rec);
          }
        });
      }
    });
    
    var buttons = isc.HStack.create({
      height: 16,
      autoDraw: false,
      snapTo: "B",
      snapOffsetTop: -10,
      members: [
        nagyitoButton,
        isc.LayoutSpacer.create({width:10}),
        removeButton
      ]
    });
    
    return buttons;
  }
});

this.eszkozkarton_szakertoi_adatok_kepek_upload_callback = function() {
  ref.eszkozkarton_szakertoi_adatok_kepek_TileGrid.fetchData({p_eszkoz_id:ref.eszkoz_id, ts:isc.timeStamp()}, function(dsResponse, data) {
    if (dsResponse.status==0) {
    }
  });
  ref.eszkozkarton_szakertoi_adatok_kepek_kiskepek.fetchData({p_eszkoz_id:ref.eszkoz_id, ts:isc.timeStamp()}, function(dsResponse, data) {
    if (dsResponse.status==0) {
    }
  });
};

this.eszkozkarton_szakertoi_adatok_kepek_upload_DForm = isc.DynamicForm.create({
  width: 330,
  fields:[
    {name: "allomanyok", title: "Kep fajl", titleOrientation:"left", type: "MultiFileUploadItem", 
     width:270, iframeWidth:0, iframeHeight:1, params:{eszkoz_id:ref.eszkoz_id,func:"szakertoi_kepfeltoltes",callback:ref.getID()+".eszkozkarton_szakertoi_adatok_kepek_upload_callback"}}
  ],
  autoDraw:false
});

this.eszkozkarton_szakertoi_adatok_kepek_upload_Label = isc.Label.create({
  align:"left",valign:"center", width:"*",height:40,
  showEdges:false,
  contents:"<b>Megjegyzes: </b>Csak GIF, JPEG vagy PNG formatumu kep toltheto fel.<br>Az oldalunkon megjelenitett legnagyobb kepfelbontas 600x400.<br>Kerjuk ekkora, vagy ennel nagyobb felbontasu kepeket toltson fel.<br>Amennyiben tobb kepet szeretne egyszerre feltolteni, csomagolja a fajlokat egy ZIP allomanyba.<br>A szerver automatikusan kibontja azt, es a kepeket megjeleniti.",
  autoDraw:false
});

this.eszkozkarton_szakertoi_adatok_kepek_upload_HLayout = isc.HLayout.create({
  height:40,
  members: [
    ref.eszkozkarton_szakertoi_adatok_kepek_upload_DForm,
    isc.LayoutSpacer.create({width:10}),
    ref.eszkozkarton_szakertoi_adatok_kepek_upload_Label
  ],
  autoDraw:false
});

this.szakertoi_adatok_kepek_gombok_DForm = isc.DynamicForm.create({
  autoDraw: false,
  layoutAlign: "center",
  width: 220,
  numCols: 2,
  fields: [
    {
      name: "submit",
      type: "button",
      width: 100,
      title: "Mentes",
      click: function() {
        ref.szakertoi_adatok_reszletek_ValuesManager.saveData(function(dsResponse, data) {
          if (dsResponse.status==0) {
            ref.szakertoi_adatok_reszletek_ValuesManager.fetchData({p_eszkoz_id:ref.eszkoz_id});
          }
        });
        if (typeof(ref.szakertoi_adatok_fenyezes_DForm) != 'undefined' && ref.szakertoi_adatok_fenyezes_DForm.destroying != true) {
          ref.szakertoi_adatok_fenyezes_DForm.submit();
        }
      },
      startRow: false,
      endRow: false
    },
    {
      name: "bezaras",
      type: "button",
      width: 100,
      title: "Bezaras",
      click: function() {
        isc.confirm("Biztosan bezarja az ablakot? Az el nem mentett valtoztatasok elvesznek.", function(value) {
          if (value == true) {
            window.close();
          }
        });
      },
      startRow: false
    }
  ]
});

this.szakertoi_adatok_kepek_VLayout = isc.VLayout.create({
  autoDraw: false,
  members: [
    ref.eszkozkarton_szakertoi_adatok_kepek_upload_HLayout,
    ref.eszkozkarton_szakertoi_adatok_kepek_TileGrid,
    isc.LayoutSpacer.create({height: 10}),
    ref.szakertoi_adatok_kepek_gombok_DForm
  ]
});