function u5() { var userid = USERID; var nmcom = CLIENT; //var nmcom = window.location.hostname; var SYS_DATE = new Date(); var hapusfotox = 0; var ds_status = store_status(); var ds_jpengguna = store_jpengguna(); var ds_otoritas= store_otoritas(); p = new Ext.Panel({ bodyBorder: false, width: 170, height: 160, html: '
PHOTO
' }); var ds_nya = new Ext.data.JsonStore({ proxy: new Ext.data.HttpProxy({ url: BASE_URL + 'c_utility/g_PG', method: 'POST', success: function(response) { var x = Ext.decode(response.responseText); if(x.status == false){ Ext.Ajax.request({ url: BASE_URL + 'user/ext_logout', method: 'POST', success: function(xhr) { localStorage.removeItem('access_token'); window.location = BASE_URL + 'user/login'; } }); } } }), params: { start: 0, limit: 5 }, root: 'data', totalProperty: 'results', autoLoad: true, fields: [{ name: "userid", mapping: "userid" }, { name: "password", mapping: "password" }, { name: "nmlengkap", mapping: "nmlengkap" }, { name: "email", mapping: "email" }, { name: "nohp", mapping: "nohp" }, { name: "noref", mapping: "noref" }, { name: "idklppengguna", mapping: "idklppengguna" }, { name: "idjnspengguna", mapping: "idjnspengguna" }, { name: "nmklppengguna", mapping: "nmklppengguna" }, { name: "nmjnspengguna", mapping: "nmjnspengguna" }, { name: "foto", mapping: "foto" }, { name: "idstatus", mapping: "idstatus" }, { name: "nmstatus", mapping: "nmstatus" }, { name: "tgldaftar", mapping: "tgldaftar" }] }); var sm_nya = new Ext.grid.RowSelectionModel({ singleSelect: true, listeners: {} }); var cari_data_nya = [new Ext.ux.grid.Search({ iconCls: 'btn_search', minChars: 1, autoFocus: true, autoHeight: true, position: 'top', mode: 'remote', width: 200 })]; var paging = new Ext.PagingToolbar({ pageSize: 50, store: ds_nya, displayInfo: true, displayMsg: 'Data Pengguna Dari {0} - {1} of {2}', emptyMsg: 'No data to display' }); var grid_nya = new Ext.grid.EditorGridPanel({ store: ds_nya, frame: true, //width: 630, height: 530, plugins: cari_data_nya, id: 'grid_det_nya', forceFit: true, tbar: [{ hidden: true, text: 'Print', iconCls: 'silk-printer', handler: function() { var parsing = ''; parsing = parsing + 'var1'; parsing = parsing + 'qie' + 'var2'; parsing = parsing + 'qie' + 'var3'; parsing = parsing + 'qie' + 'var4'; var win = window.open(); win.location.reload(); win.location = BASE_URL + 'print_topdf/print_Dproducts'; } }, '->'], sm: sm_nya, autoScroll: true, autoSizeColumns: true, enableColumnResize: true, enableColumnHide: false, enableColumnMove: false, enableHdaccess: false, columnLines: true, loadMask: true, columns: [{ header: 'User Id', width: 150, dataIndex: 'userid', sortable: true }, { header: 'Nama Lengkap', width: 150, dataIndex: 'nmlengkap', sortable: true }, { header: 'Email', width: 50, dataIndex: 'email', sortable: true }, { header: 'No.Handphone', width: 100, dataIndex: 'nohp', sortable: true }, { header: 'No.Ref(NPM/NIP/NIDN)', width: 150, dataIndex: 'noref', sortable: true }, { header: 'ID Kel.Pengguna', width: 100, dataIndex: 'nmklppengguna', sortable: true }, { header: 'ID Jenis Pengguna', width: 80, dataIndex: 'nmjnspengguna', sortable: true }, { header: 'Status', width: 80, dataIndex: 'nmstatus', sortable: true }, { header: 'Tanggal Daftar', width: 90, dataIndex: 'tgldaftar', sortable: true }, { header: 'Foto', width: 90, dataIndex: 'foto', sortable: true }, { header: 'Password', width: 100, dataIndex: 'password', sortable: true, editor: { xtype: 'textfield', id: 'pwd', readOnly: true } }], bbar: paging, listeners: { rowclick: function rowClick(grid, rowIdx) { var rec = ds_nya.getAt(rowIdx); Ext.getCmp("userid").setValue(rec.data["userid"]); Ext.getCmp("userid").setReadOnly(true); Ext.getCmp("password").setValue(rec.data["password"]); Ext.getCmp("nama_lengkap").setValue(rec.data["nmlengkap"]); Ext.getCmp("email").setValue(rec.data["email"]); Ext.getCmp("handphone").setValue(rec.data["nohp"]); Ext.getCmp("no_ref").setValue(rec.data["noref"]); Ext.getCmp("kelompok_pengguna").setValue(rec.data["idklppengguna"]); Ext.getCmp("jenis_pengguna").setValue(rec.data["idjnspengguna"]); Ext.getCmp("status").setValue(rec.data["idstatus"]); Ext.getCmp("tgldaftar").setValue(rec.data["tgldaftar"]); Ext.getCmp("file_gambar").setValue(rec.data["foto"]); Ext.getCmp("temp_foto").setValue(rec.data["foto"]); user_foto_ori(Ext.getCmp("file_gambar").getValue()); Ext.getCmp('btn_simpan').disable(); Ext.getCmp('btn_ubah').enable(); Ext.getCmp('btn_hapus').enable(); Ext.getCmp('form_bp_general').enable(); } } }); var paging_nya = new Ext.PagingToolbar({ pageSize: 50, store: ds_nya, displayInfo: true, displayMsg: 'Data Produk Dari {0} - {1} of {2}', emptyMsg: 'No data to display' }); var form_bp_general = new Ext.form.FormPanel({ id: 'form_bp_general', //forceFit: true, fileUpload: true, autoScroll: true, monitorValid: true, title: 'Pengguna', layout: 'column', items: [{ columnWidth: .42, xtype: 'panel', border: false, bodyStyle: 'padding:3px 3px 3px 3px', items: [{ layout: 'form', bodyStyle: 'padding:0px 0px 0px 0px', border: false, items: [{ xtype: 'fieldset', title: 'Detail Pengguna', defaults: { labelWidth: 100, labelAlign: 'right' }, items: [{ columnWidth: 1, border: false, layout: 'form', id: 'idtextfield', items: [ { xtype: 'compositefield', fieldLabel: 'Userid', labelStyle: 'width: 100px', items: [{ xtype: 'textfield', //fieldLabel: 'Userid', labelStyle: 'width:160px', id: 'userid', width: 175, allowBlank: false, minLength:3, maxLength:25, emptyText:'min:3, max:25', listeners: {} }] }, /* { xtype: 'textfield', fieldLabel: 'Userid', labelStyle: 'width:160px', id: 'userid', width: 175, allowBlank: false, minLength:3, maxLength:25, emptyText:'min:3, max:25', listeners: {} }, */ { xtype: 'compositefield', fieldLabel: 'Password', labelStyle: 'width: 100px', items: [{ xtype: 'textfield', //fieldLabel: 'Password', inputType: 'password', labelStyle: 'width:160px', id: 'password', allowBlank: false, minLength:3, maxLength:20, width: 175 }, { xtype: 'displayfield', value: 'min:8, max:20' }] }, /* { xtype: 'compositefield', labelWidth: 120, items: [ { xtype : 'textfield', fieldLabel: 'Title', width : 20 }, { xtype : 'textfield', fieldLabel: 'First', flex : 1 }, { xtype : 'textfield', fieldLabel: 'Last', flex : 1 } ] }, */ /* { xtype: 'textfield', fieldLabel: 'Password', inputType: 'password', labelStyle: 'width:160px', id: 'password', allowBlank: false, width: 175 }, */ { xtype: 'textfield', fieldLabel: 'Nama Lengkap', labelStyle: 'width:100px', id: 'nama_lengkap', width: 175 }, { xtype: 'textfield', fieldLabel: 'Email', labelStyle: 'width:100px', id: 'email', width: 175 }, { xtype: 'textfield', fieldLabel: 'No. Handphone', labelStyle: 'width:100px', id: 'handphone', width: 175 }, { xtype: 'textfield', fieldLabel: 'Last Login', hidden:true, readOnly:true, id: 'lastlogin', name: 'lastlogin', value:userid }, /* { xtype: 'datefield', id: 'lastdate', fieldLabel: 'Last Date', hidden:false, readOnly:true, value: new Date(), format: "d/m/Y", width: 100, }, */ { xtype: 'textfield', fieldLabel: 'Nama Komputer', hidden:true, readOnly:true, id: 'nmcom', name: 'nmcom', value:nmcom }, { xtype: 'combo', width: 125, // height: 50, allowBlank: false, store: ds_jpengguna, fieldLabel: 'Jenis Pengguna', labelStyle: 'width:100px', id: 'jenis_pengguna', triggerAction: 'all', editable: false, valueField: 'idjnspengguna', displayField: 'nmjnspengguna', forceSelection: true, submitValue: true, hiddenName: 'h_jpengguna', listeners: {}, typeAhead: true, mode: 'local', emptyText: 'Pilih...', selectOnFocus: true }, { // xtype: 'compositefield', // name: 'comp_no_ref', // labelStyle: 'width:160px', // fieldLabel: 'No. Ref. (NPM/NIP/NIDN)', // id: 'comp_no_ref', // items: [ // { xtype: 'textfield', fieldLabel: 'No.Ref.(NPM/NIP/NIDN)', labelStyle: 'width:100px', id: 'no_ref', width: 175, listeners: { 'render': function(c) { c.getEl().on('keypress', function(e) { if (e.getKey() == 13) Ext.getCmp('btn_simpan').focus(); }, c); } } }, { xtype: 'button', text: ' ... ', id: 'btn_no_ref', hidden:true, width: 3, handler: function() { find_x("Data Gambar", 6); } // }] }, { xtype: 'combo', width: 125, height: 50, allowBlank: false, store: ds_otoritas, fieldLabel: 'Kelompok Pengguna', labelStyle: 'width:100px', id: 'kelompok_pengguna', triggerAction: 'all', editable: false, valueField: 'idklppengguna', displayField: 'nmklppengguna', forceSelection: true, submitValue: true, hiddenName: 'h_klppengguna', listeners: {}, typeAhead: true, mode: 'local', emptyText: 'Pilih...', selectOnFocus: true }, { xtype: 'combo', width: 100, height: 50, allowBlank: false, store: ds_status, fieldLabel: 'Status', labelStyle: 'width:100px', id: 'status', triggerAction: 'all', editable: false, valueField: 'idstatus', displayField: 'nmstatus', forceSelection: true, submitValue: true, hiddenName: 'h_st', listeners: {}, typeAhead: true, mode: 'local', emptyText: 'Pilih...', selectOnFocus: true }, { xtype: 'datefield', fieldLabel: 'Tanggal Daftar', labelStyle: 'width:100px', id: 'tgldaftar', name: 'tgldaftar', format: "d/m/Y", allowBlank: false, width: 100, listeners: { 'afterrender': function(t, d) { Ext.getCmp('tgldaftar').setValue(SYS_DATE); } } }/* , { xtype: 'compositefield', name: 'comp_file_gambar', fieldLabel: 'File Gambar', labelStyle: 'width:160px', id: 'comp_file_gambar', items: [{ xtype: 'textfield', id: 'file_gambar', width: 200, listeners: { 'change': function(c) { user_foto_ori(Ext.getCmp("file_gambar").getValue()); } } }, { xtype: 'button', text: ' ... ', id: 'btn_data_gambar', width: 3, handler: function() { find_x("Data Gambar", 1); } }] } */, { xtype: 'compositefield', name: 'comp_file_gambar', fieldLabel: 'File Gambar', labelStyle: 'width:100px', id: 'comp_file_gambar', items: [{ xtype: 'fileuploadfield', id: 'file_gambar', emptyText: 'Select an image', fieldLabel: '', //allowBlank:false, name: 'file_gambar', width: 200, buttonText: '', buttonCfg: { iconCls: 'silk-image' }, listeners: { valid: function() { hapusfotox = 1; } } }, { xtype: 'textfield', fieldLabel: 'Poto', hidden:true, labelStyle: 'width:160px', id: 'temp_foto', name: 'temp_foto', width: 175 }] }, { layout: 'form', bodyStyle: 'padding:0px 3px 0px 163px', //atas kanan bawah kiri border: false, items: [{ xtype: 'fieldset', id: 'fieldfoto', title: 'Gambar', height: 160, width: 130, items: [p] }] }, { columnWidth: 1, xtype: 'panel', border: false, buttonAlign: 'left', buttons: [{ text: 'Baru', id: 'btn_baru_nya', iconCls: 'silk-add', handler: function() { form_bp_general.getForm().reset(); Ext.getCmp('userid').enable(); Ext.getCmp('password').enable(); Ext.getCmp('btn_simpan').enable(); Ext.getCmp('btn_hapus').disable(); Ext.getCmp('btn_ubah').disable(); Ext.getCmp("userid").setReadOnly(false); Ext.getCmp('userid').focus(); user_foto_ori(''); Ext.getCmp('tgldaftar').setValue(SYS_DATE); } }, { text: 'Simpan', id: 'btn_simpan', iconCls: 'silk-save', handler: function() { simpan_grid("form_bp_general"); } }, { text: 'Hapus', id: 'btn_hapus', iconCls: 'silk-delete', handler: function() { hapus_grid("form_bp_general"); } }, { text: 'Ubah', id: 'btn_ubah', iconCls: 'silk-edit', handler: function() { ubah_grid("form_bp_general"); } }, '-', { text: 'Keluar', id: 'btn_keluar_nya', iconCls: 'silk-move_room', hidden: true, handler: function() {} }, { text: 'Import Pengguna', id: 'btn_data_import', iconCls: 'silk-add', handler: function() { f_import_pengguna(); } }, { text: 'Upload Gambar ', hidden: true, id: 'btn_data_Upload', handler: function() { upload_x(); } }] }] }] }] }] }, { columnWidth: .58, xtype: 'panel', border: false, bodyStyle: 'padding:3px 3px 3px 3px', items: [{ layout: 'form', // bodyStyle: 'padding:10px 3px 3px 5px', border: false, items: [grid_nya] }] }], listeners: { afterrender: awal } }); function awal() { Ext.getCmp('userid').disable(); Ext.getCmp('password').disable(); //Ext.getCmp('form_bp_general').enable(); Ext.getCmp('btn_simpan').disable(); Ext.getCmp('btn_hapus').disable(); Ext.getCmp('btn_ubah').disable(); } function simpan_grid(namaForm) { var form_nya = Ext.getCmp(namaForm); form_nya.getForm().submit({ url: BASE_URL + 'c_utility/upload', method: 'POST', params: { table:'pengguna', get_foto:Ext.getCmp('file_gambar').getValue() }, success: function(form_bp_general, o) { if (o.result.success == 'true') { if (o.result.nama != '') { Ext.MessageBox.alert('Informasi', 'Simpan Data Berhasil, File ' + o.result.nama + ' berhasil di upload'); } else { Ext.MessageBox.alert('Informasi', 'Simpan Data Berhasil'); } ds_nya.load(); form_nya.getForm().reset(); user_foto_ori(''); Ext.getCmp('tgldaftar').setValue(SYS_DATE); } else if (o.result.success == 'false') { Ext.MessageBox.alert('Informasi', 'Simpan Data Gagal, File ' + o.result.nama + ' gagal di upload' + o.result.data); } else { Ext.Ajax.request({ url: BASE_URL + 'user/ext_logout', method: 'POST', success: function(xhr) { localStorage.removeItem('access_token'); window.location = BASE_URL + 'user/login'; } }); } } }); } function hapus_grid(namaForm) { var form_nya = Ext.getCmp(namaForm); Ext.MessageBox.show({ title: "Konfirmasi", msg: "Anda Yakin Untuk menghapus Data ini?", buttons: Ext.MessageBox.YESNO, fn: function(btn) { if (btn == 'yes') { form_nya.getForm().submit({ url: BASE_URL + 'c_utility/d_PG', method: 'POST', success: function(response) { var x = Ext.decode(response.responseText); if(x.status == false){ Ext.Ajax.request({ url: BASE_URL + 'user/ext_logout', method: 'POST', success: function(xhr) { localStorage.removeItem('access_token'); window.location = BASE_URL + 'user/login'; } }); } Ext.MessageBox.alert("Informasi", "Hapus Data Berhasil"); ds_nya.load(); form_nya.getForm().reset(); Ext.getCmp('form_bp_general').enable(); Ext.getCmp('btn_simpan').disable(); Ext.getCmp('btn_hapus').disable(); Ext.getCmp('btn_ubah').disable(); user_foto_ori(''); Ext.getCmp('tgldaftar').setValue(SYS_DATE); }, failure: function() { Ext.MessageBox.alert("Informasi", "Hapus Data Gagal"); } }); } } }) } function ubah_grid(namaForm) { var form_nya = Ext.getCmp(namaForm); Ext.MessageBox.show({ title: "Konfirmasi", msg: "Anda Yakin Untuk Mengubah Data ini?", buttons: Ext.MessageBox.YESNO, fn: function(btn) { if (btn == 'yes') { form_nya.getForm().submit({ url: BASE_URL + 'c_utility/upload_update', method: 'POST', params: { table:'pengguna', get_foto:Ext.getCmp('file_gambar').getValue() }, success: function(form_bp_general, o) { if (o.result.success == 'true') { if (o.result.nama != '') { Ext.MessageBox.alert('Informasi', 'Ubah Data Berhasil' + o.result.nama + o.result.data); } else { Ext.MessageBox.alert('Informasi', 'Ubah Data Berhasil'); } ds_nya.load(); form_nya.getForm().reset(); user_foto_ori(''); Ext.getCmp('tgldaftar').setValue(SYS_DATE); } else if (o.result.success == 'false') { Ext.MessageBox.alert('Informasi', 'Ubah Data Gagal, File ' + o.result.nama + ' gagal di upload' + o.result.data); } else { Ext.Ajax.request({ url: BASE_URL + 'user/ext_logout', method: 'POST', success: function(xhr) { localStorage.removeItem('access_token'); window.location = BASE_URL + 'user/login'; } }); } } }); } } }); } get_content(form_bp_general); function f_import_pengguna() { var ds_klppengguna_mhs_dosen = store_klppengguna_mhs_dosen(); var ds_prodi = store_prodi(); var ds_thnakademik2 = store_thnakademik2(); var lastlog = Ext.getCmp('lastlogin').getValue(); var compname = Ext.getCmp('nmcom').getValue(); var form_bp_general = new Ext.form.FormPanel({ border: false, id: 'form_bp_general', labelAlign: 'left', buttonAlign: 'right', bodyStyle: 'padding:10px 3px 3px 5px', // atas, kanan, bawah, kiri monitorValid: true, width: 400, layout: 'form', items: [{ xtype: 'combo', width: 200, height: 50, allowBlank: false, store: ds_klppengguna_mhs_dosen, fieldLabel: 'Kelompok Pengguna', labelStyle: 'width:160px', id: 'kelompok_pengguna1', triggerAction: 'all', editable: false, valueField: 'idklppengguna', displayField: 'nmklppengguna', forceSelection: true, submitValue: true, hiddenName: 'h_klppengguna1', listeners:{ 'select': function(){ } }, typeAhead: true, mode: 'local', emptyText: 'Pilih...', selectOnFocus: true }, { xtype: 'combo', width: 200, height: 50, allowBlank: false, labelStyle: 'width:160px', id: 'kdprodi', fieldLabel: 'Program Studi', store: ds_prodi, triggerAction: 'all', editable: false, valueField: 'kdprodi', displayField: 'nmprodi', forceSelection: true, submitValue: true, mode: 'local', hiddenName: 'h_kdprodi1', emptyText:'Pilih...', //selectOnFocus:true, listeners:{ 'select': function(){ } } }, { xtype: 'combo', width: 200, height: 50, allowBlank: false, labelStyle: 'width:160px', store: ds_thnakademik2, name: 'thnakademik', id: 'thnakademik', fieldLabel: 'Tahun Akademik - Semester', triggerAction: 'all', editable: false, valueField: 'kdstsemester', displayField: 'nmthnakademik', forceSelection: true, submitValue: true, hiddenName: 'h_thnkademik', listeners: {}, typeAhead: true, mode: 'local', emptyText: 'Pilih...', selectOnFocus: true }], buttons: [ { id:'btn_simpan', text: 'Import', iconCls: 'silk-save', handler: function() { import_pengguna(); } }, { text: 'Kembali', handler: function() { win.close(); } } ] }); var win = new Ext.Window({ title: 'Import Pengguna', modal: true, items: [form_bp_general], resizable: false, }).show(); function import_pengguna() { Ext.Ajax.request({ url: BASE_URL + 'c_utility/get_import_parameter', method: 'POST', params: { idklppengguna :Ext.getCmp('kelompok_pengguna1').getValue(), kdprodi :Ext.getCmp('kdprodi').getValue(), thnakademik :Ext.getCmp('thnakademik').getValue(), lastlog :lastlog, compname :compname }, success: function(response) { var r = Ext.decode(response.responseText); if(r.status == false){ Ext.Ajax.request({ url: BASE_URL + 'user/ext_logout', method: 'POST', success: function(xhr) { localStorage.removeItem('access_token'); window.location = BASE_URL + 'user/login'; } }); } Ext.MessageBox.alert("Informasi", "Import Pengguna Berhasil, Total Data : " + r.jml_import); ds_nya.load(); win.close(); }, failure: function() { Ext.MessageBox.alert("Informasi", "Import Pengguna Gagal"); } }); } } }