Commit 64e9e4ea by aagusti

penggunaan simple development

1 parent dc70cf17
Showing 55 changed files with 0 additions and 4491 deletions
<html metal:use-macro="load: ../base3.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-4 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-6">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="col-md-10">
<label class="control-label col-md-4"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div> <!--panel-body-->
</div>
</div>
<div metal:fill-slot="scripts">
<script>
$(document).ready(function () {
//$('#urusan_nm').typeahead({"minLength": 1, "remote": "${request._host}/departemen/hon/headofnama/act?term=%QUERY", "limit": 8});
/* $('#urusan_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#urusan_id').val(datum.id);
}); */
$('#parent_nm').typeahead({"minLength": 1, "remote": "${request._host}/departemen/hon/act?term=%QUERY", "limit": 8});
$('#parent_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#parent_id').val(datum.id);
$('#parent_kode').val(datum.kode);
});
/*$('#parent_id').select2({
ajax: {
url: '${request._host}/departemen/hon/act',
dataType: 'json',
type: "GET",
quietMillis: 50,
data: function (q) {
return {
'term': q.term
};
},
processResults: function (data) {
return {
results: $.map(data, function (item) {
$('#parent_kode').val(item.kode);
return {
text: item.nama,
id: item.id
}
})
};
}
}
});*/
$('#parent_kode').prop("readonly",true);
});
</script>
</div>
</html>
<html metal:use-macro="load: ../base3.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">${request.title}</h3>
</div>
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-4 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7 col-sm-8">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="col-md-offset-8">
<label class="control-label col-md-3"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div>
</div>
</div>
<div metal:fill-slot="scripts">
<script>
$(document).ready(function () {
$('#departemen_nm').typeahead({"minLength": 1, "remote": "${request._host}/departemen/hon_level/act?term=%QUERY", "limit": 8});
$('#departemen_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#departemen_id').val(datum.id);
$('#departemen_kd').val(datum.kode);
$('#level_id').val(datum.level_id);
});
$('#departemen_kd').attr("readonly", true);
$('#level_id').attr("readonly", true);
/*$('#departemen_id').select2({
ajax: {
url: '${request._host}/departemen/hon_level/act',
dataType: 'json',
type: "GET",
quietMillis: 50,
data: function (q) {
return {
'term': q.term
};
},
processResults: function (data) {
return {
results: $.map(data, function (item) {
$('#departemen_kd').val(item.kode);
$('#level_id').val(item.level_id);
return {
text: item.nama,
id: item.id
}
})
};
}
}
});*/
});
</script>
</div>
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../base3.pt">
<div metal:fill-slot="content">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Peringatan</h3>
</div>
<div class="panel-body">
${request.title} ID #${row.id} ?
</div>
</div>
<div tal:content="structure form"/>
</div>
</html>
<html metal:use-macro="load: ../base3.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-4 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-6">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="col-md-10">
<label class="control-label col-md-4"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div> <!--panel-body-->
</div>
</div>
<div metal:fill-slot="scripts">
<script>
$(document).ready(function () {
//$('#urusan_nm').typeahead({"minLength": 1, "remote": "${request._host}/aset/urusan/headofnama/act?term=%QUERY", "limit": 8});
/* $('#urusan_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#urusan_id').val(datum.id);
}); */
$('#parent_nm').typeahead({"minLength": 1, "remote": "${request._host}/aset/unit/headofnama/act?term=%QUERY", "limit": 8});
$('#parent_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#parent_id').val(datum.id);
$('#parent_kode').val(datum.kode);
});
/*$('#parent_id').select2({
ajax: {
url: '${request._host}/departemen/hon/act',
dataType: 'json',
type: "GET",
quietMillis: 50,
data: function (q) {
return {
'term': q.term
};
},
processResults: function (data) {
return {
results: $.map(data, function (item) {
$('#parent_kode').val(item.kode);
return {
text: item.nama,
id: item.id
}
})
};
}
}
});*/
$('#parent_nm').prop('readonly', true);
$('#parent_kode').prop('readonly', true);
});
</script>
</div>
</html>
<html metal:use-macro="load: ../base3.1.pt">
<link metal:fill-slot="css_files" rel="stylesheet" type="text/css" media="screen" href="${request._host}/static/v3/css/custom-datatable.css">
<div metal:fill-slot="content">
<div class="jarviswidget" style="border-top:1px solid #ccc!important">
<div role="content">
<table id="table1" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th>ID</th>
<th>Kode</th>
<th>Uraian</th>
<th>Status</th>
<th>Urusan</th>
<th>Level</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div metal:fill-slot="scripts">
<script>
var mID;
var mThn;
var oTable;
var iPos;
var oTableUrl = "${home}/departemen";
var oTableUri = oTableUrl+"/grid/act";
$(document).ready(function () {
oTable = $('#table1').DataTable({
dom : '<"toolbar">lfrtip',
processing : true,
serverSide : true,
ajax : oTableUri,
stateSave : true,
scrollCollapse: true,
sort : true,
info : false,
filter : true,
autoWidth : false,
paginate : true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100],
[10, 25, 50, 100]
],
columnDefs: [{
searchable: false,
visible: false,
targets: [0]
}],
columns: [
{ "data": "id" },
{ "data": "kode", "width": "100px", "class":"left"},
{ "data": "nama" },
{ "data": "status", "width": "100px", "class":"center",
"render": function (data, type, full, meta){
if (data==0) return 'Tidak Aktif';
else if (data==1) return 'Aktif';
else return "-";
}
},
{ "data": "parent" },
{ "data": "level_id" },
],
"language": {
"search" : "Cari: ",
"paginate":{
"first" : "Awal ",
"last" : "Akhir ",
"previous": "",
"next" : "",
},
"lengthMenu": " _MENU_ baris "
}
});
var tb_array = [
'<div class="btn-group pull-left">',
' <button id="btn_view" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="View"> <i class="fa fa-eye"></i></button>',
' <button id="btn_add" class="btn btn btn-success" type="button" data-toggle="tooltip" title="Tambah"><i class="fa fa-plus"></i></button>',
' <button id="btn_edt" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="Koreksi"><i class="fa fa-edit"></i></button>',
' <button id="btn_del" class="btn btn btn-danger" type="button" data-toggle="tooltip" title="Hapus"><i class="fa fa-trash-o"></i></button>',
' <button id="btn_upload" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="Upload"><i class="fa fa-upload"></i></button>',
' <button id="btn_print" class="btn btn btn-primary" type="button" data-toggle="tooltip" title="PDF"><i class="fa fa-file-pdf-o"></i></button>',
' <button id="btn_csv" class="btn btn btn-primary" type="button" data-toggle="tooltip" title="CSV"><i class="fa fa-file-excel-o"></i></button>',
' <button id="btn_close" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="Tutup"><i class="fa fa-arrow-right"></i></button>',
' &nbsp;',
'</div>',
];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
$('#table1 tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTable.row( this ).data();
oTable.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mID = aData.id;
console.log(mID);
//oTable.$('tr.row_selected').removeClass('row_selected');
//$(this).addClass('row_selected');
}
});
$('#btn_add').click(function () {
window.location = oTableUrl+'/add';
});
$('#btn_edt').click(function () {
if (mID) window.location = oTableUrl+'/'+mID+'/edt';
else alert('Pilih Baris yang akan di koreksi');
});
$('#btn_view').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/view';
else
$.SmartMessageBox({
title : "View",
content : "Pilih Baris yang akan di lihat...",
buttons : '[Ok]'
});;
});
$('#btn_del').click(function () {
if (mID) window.location = oTableUrl+'/'+mID+'/del';
else alert('Pilih Baris yang akan di hapus');
});
// #edit
// $('#btn_print').click(function () {
// window.location = oTableUrl+'/pdf/rpt';
// window.open(url);
// });
$('#btn_print').click(function () {
url = oTableUrl+"/pdf/rpt";
window.open(url);
});
$('#btn_csv').click(function () {
url = oTableUrl+"/csv/rpt";
window.open(url);
});
$('#btn_upload').click(function () {
url = oTableUrl+"/upload";
window.location = url;
});
// $('#btn_csv').click(function () {
// window.location = oTableUrl+'/csv/rpt';
// window.open(url);
// });
$("#btn_close").click(function () {
window.location = '/core';
return false;
});
})
</script>
</div>
</html>
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="row">
<div class="panel panel-default">
<div>
Upload
</div>
<div class="panel-body">
<div class="col-md-10 col-md-offset-1">
<div tal:content="structure form"/>
</div>
</div>
</div>
</div>
</div>
<!-- end content -->
</html>
\ No newline at end of file \ No newline at end of file
<div metal:use-macro="load: ../main.pt">
<div metal:fill-slot="content">
<div class="well">
<div tal:content="structure form"/>
</div>
</div>
<script type="text/javascript" metal:fill-slot="scripts">
$(document).ready(function() {
$('#departemen_nm').typeahead({
"minLength": 1,
"remote": "${request._host}/departemen/honk/act?term=%QUERY",
"limit": 8
});
$('#departemen_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#departemen_id').val(datum.id);
});
$('#user_nm').typeahead({
"minLength": 1,
"remote": "${request._host}/user/hon/act?term=%QUERY",
"limit": 8
});
$('#user_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#user_id').val(datum.id);
});
});
</script>
</div>
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Hapus data</h3>
</div>
<div class="panel-body">
Hapus Group #${row.group_name} ${row.description} ?
</div>
</div>
<div tal:content="structure form"/>
</div>
<!-- end content -->
</html>
\ No newline at end of file \ No newline at end of file
<div metal:use-macro="load: ../main.pt">
<div metal:fill-slot="content">
<div class="well">
<div tal:content="structure form"/>
</div>
</div>
</div>
<div metal:use-macro="load: ../main.pt">
<div metal:fill-slot="content">
<div class="jarviswidget" style="border-top:1px solid #ccc!important">
<div role="content">
<table id="table1" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th>ID</th>
<th>User</th>
<th>Departemen</th>
<th>Allow Sub</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<script type="text/javascript" metal:fill-slot="scripts">var mID;
var oTable;
var oTableUri = "${home}/departemen/user"
var oTableUrl = oTableUri + "/grid/act";
$(document).ready(function() {
oTable = $('#table1').DataTable({
dom: '<"row"<"col-md-8"<"toolbar">l><"col-md-4"f>>rtip',
processing: true,
serverSide: true,
ajax: oTableUrl,
stateSave: true,
scrollCollapse: true,
sort: true,
info: false,
filter: true,
autoWidth: false,
paginate: true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100],
[10, 25, 50, 100]
],
columnDefs: [{
searchable: false,
visible: false,
targets: [0]
}],
columns: [{
"data": "id"
},
{
"data": "user_name",
"width": "200px",
"class": "left"
},
{
"data": "dept_name"
},
{
"data": "allow_sub",
"width": "200px",
"class": "center"
},
],
"language": {
"search": "Cari: ",
"paginate": {
"first": "Pertama ",
"last": "Akhir ",
"previous": "",
"next": "",
},
"lengthMenu": "Tampil _MENU_ baris "
},
});
var tb_array = [
'<div class="btn-group pull-left">',
' <button id="btn_view" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="View"> <i class="fa fa-eye"></i></button>',
' <button id="btn_add" class="btn btn btn-success" type="button" data-toggle="tooltip" title="Tambah"><i class="fa fa-plus"></i></button>',
' <button id="btn_edit" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="Koreksi"><i class="fa fa-edit"></i></button>',
' <button id="btn_delete" class="btn btn btn-danger" type="button" data-toggle="tooltip" title="Hapus"><i class="fa fa-trash-o"></i></button>',
' <button id="btn_close" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="Tutup"><i class="fa fa-arrow-right"></i></button>',
' &nbsp;',
'</div>',
];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
$('#table1 tbody').on('click', 'tr', function() {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTable.row(this).data();
oTable.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mID = aData.id;
console.log(mID);
oTable.$('tr.row_selected').removeClass('row_selected');
$(this).addClass('row_selected');
}
});
$('#btn_add').click(function() {
window.location = oTableUri + '/add';
});
$('#btn_edit').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/edt';
else
$.SmartMessageBox({
title : "Edit",
content : "Pilih Baris yang akan di edit...",
buttons : '[Oke]'
});;
});
$('#btn_view').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/view';
else
$.SmartMessageBox({
title : "View",
content : "Pilih Baris yang akan di lihat...",
buttons : '[Ok]'
});;
});
$('#btn_delete').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/del';
else
$.SmartMessageBox({
title : "Hapus",
content : "Pilih Baris yang akan di hapus...",
buttons : '[Oke]'
});
});
$('#btn_csv').click(function() {
url = oTableUri + "/csv/rpt";
window.open(url);
});
$('#btn_pdf').click(function() {
url = oTableUri + "/pdf/rpt";
window.open(url);
});
$("#btn_close").click(function() {
window.location = '/';
return false;
});
});
</script>
</div>
<html metal:use-macro="load: ../base3.1.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">${request.title}</h3>
</div>
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-2 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-3">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="col-md-4">
<label class="control-label col-md-3"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div> <!--panel-body-->
</div>
</div>
</html>
<html metal:use-macro="load: ../base3.1.pt">
<div metal:fill-slot="content">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Peringatan</h3>
</div>
<div class="panel-body">
${request.title} ID #${row.id} ${row.nama} ?
</div>
</div>
<div tal:content="structure form"/>
</div>
</html>
<html metal:use-macro="load: ../base3.1.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">${request.title}</h3>
</div>
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-2 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-3">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="col-md-4">
<label class="control-label col-md-3"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div> <!--panel-body-->
</div>
</div>
</html>
<html metal:use-macro="load: ../_table.pt">
<link metal:fill-slot="css_files" rel="stylesheet" type="text/css" media="screen" href="/static/v3/css/custom-datatable.css">
<div metal:fill-slot="content">
<div class="jarviswidget" style="border-top:1px solid #ccc!important">
<div role="content">
<table id="table1" class="table table-bordered table-hover table-strip table-condensed">
<thead>
<tr>
<th>ID</th>
<th>Kode</th>
<th>Uraian</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div metal:fill-slot="scripts">
<script>
var mID;
var mThn;
var oTable;
var iPos;
var oTableUrl = "${home}/eselon";
var oTableUri = oTableUrl+"/grid/act";
$(document).ready(function () {
oTable = $('#table1').DataTable({
dom : '<"row"<"col-sm-6"<"toolbar">l><"col-sm-6"fr>>tip',
processing : true,
serverSide : true,
ajax : oTableUri,
stateSave : true,
scrollCollapse: true,
sort : true,
info : false,
filter : true,
autoWidth : false,
paginate : true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100],
[10, 25, 50, 100]
],
columnDefs: [{
searchable: false,
visible: false,
targets: [0]
}],
columns: [
{ "data": "id" },
{ "data": "kode", "width": "100px", "class":"left"},
{ "data": "nama" },
],
"language": {
"search" : "Cari: ",
"paginate":{
"first" : "Awal ",
"last" : "Akhir ",
"previous": "",
"next" : "",
},
"lengthMenu": " _MENU_ baris "
}
});
var tb_array = [
'<div class="btn-group pull-left">',
' <button id="btn_view" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="View"> <i class="fa fa-eye"></i></button>',
' <button id="btn_add" class="btn btn btn-success" type="button">Tambah</button>',
' <button id="btn_edt" class="btn btn btn-warning" type="button">Koreksi</button>',
' <button id="btn_del" class="btn btn btn-danger" type="button">Hapus</button>',
' <button id="btn_print" class="btn btn btn-primary" type="button">Cetak</button>',
' <button id="btn_csv" class="btn btn btn-primary" type="button">CSV</button>',
' <button id="btn_close" class="btn btn btn-warning" type="button">Tutup</button>',
' &nbsp;',
'</div>',
];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
$('#table1 tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTable.row( this ).data();
oTable.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mID = aData.id;
}
});
$('#btn_add').click(function () {
window.location = oTableUrl+'/add';
});
$('#btn_edt').click(function () {
if (mID) window.location = oTableUrl+'/'+mID+'/edit';
else alert('Pilih Baris yang akan di koreksi');
});
$('#btn_view').click(function() {
if (mID) window.location = oTableUrl + '/' + mID + '/view';
else
$.SmartMessageBox({
title : "View",
content : "Pilih Baris yang akan di lihat...",
buttons : '[Ok]'
});;
});
$('#btn_del').click(function () {
if (mID) window.location = oTableUrl+'/'+mID+'/delete';
else alert('Pilih Baris yang akan di hapus');
});
$('#btn_print').click(function () {
url = oTableUrl+"/pdf/rpt";
window.open(url);
});
$('#btn_csv').click(function () {
url = oTableUrl+"/csv/rpt";
window.open(url);
});
$("#btn_close").click(function () {
window.location = '/core';
return false;
});
})
</script>
</div>
</html>
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">${request.title}</h3>
</div>
<div class="panel-body">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-1 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-9">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}
</p>
</div>
<div class="pull-left">
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="jarviswidget" style="border-top:1px solid #ccc!important">
<div role="content">
<table id="table1" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th><input name="select_all" value="1" type="checkbox"></th>
<th>Kode</th>
<th>Nama</th>
<th>Path</th>
<th>Status</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</form>
</div>
<!-- end content -->
<metal:js fill-slot="js_files">
<script type="text/javascript" src="${request._host}/static/js/tools.js"></script>
</metal:js>
<script type="text/javascript" metal:fill-slot="scripts">
var mID;
var mThn;
var oTable;
var iPos;
var oTableUri = "${request._host}/group/routes";
var oTableUrl = oTableUri + "${request._host}/grid-add/act";
$(document).ready(function() {
oTable = $('#table1').DataTable({
dom: '<"row"<"col-md-8"<"toolbar">l><"col-md-4"f>>rtip',
processing: true,
serverSide: true,
ajax: oTableUrl,
//stateSave: true,
scrollCollapse: true,
sort: true,
info: false,
filter: true,
autoWidth: false,
paginate: true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100, -1],
[10, 25, 50, 100, 'Semua']
],
columns: [{
"data": "id",
"width": "50px",
"className": "text-center",
"render": function(data, type, full, meta) {
str_return = '<input type="checkbox" name="group_route_id" value="' + data + '">';
return str_return;
},
},
{
"data": "kode",
"width": "200px",
"className": "text-left"
},
{
"data": "nama"
},
{
"data": "path",
"width": "200px",
"className": "text-left"
},
{
"data": "route_id",
"width": "200px",
"className": "text-center",
"visible": false,
"render": function(data, type, full, meta) {
console.log(data);
if (data != null) {
str_return = '<input type="text" name="route_id" value="' + data + '">';
var index = $.inArray(data, rows_selected);
if (index === -1) {
rows_selected.push(data);
}
return str_return;
}
return 'kosong'
},
},
],
fnRowCallback: function(nRow, aData, iDisplayIndex) {
var rowId = aData.id;
if ($.inArray(rowId, rows_selected) !== -1) {
$(nRow).find('input[type="checkbox"]').prop('checked', true);
$(nRow).addClass('selected');
}
},
"language": {
"search": "Cari: ",
"paginate": {
"first": "Pertama ",
"last": "Akhir ",
"previous": "",
"next": "",
},
"lengthMenu": "Tampil _MENU_ baris "
},
});
var tb_array = [];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
// Handle click on checkbox
$('#table1 tbody').on('click', 'input[type="checkbox"]', function(e) {
var $row = $(this).closest('tr');
// Get row data
//iPos = oTable.fnGetPosition(this);
var data = oTable.row($row).data();
// Get row ID
var rowId = data.id;
// Determine whether row ID is in the list of selected row IDs
var index = $.inArray(rowId, rows_selected);
// If checkbox is checked and row ID is not in list of selected row IDs
if (this.checked && index === -1) {
rows_selected.push(rowId);
// Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
} else if (!this.checked && index !== -1) {
rows_selected.splice(index, 1);
}
if (this.checked) {
$row.addClass('selected');
} else {
$row.removeClass('selected');
}
// Update state of "Select all" control
updateDataTableSelectAllCtrl(oTable);
// Prevent click event from propagating to parent
e.stopPropagation();
});
// Handle click on "Select all" control
$('#table1 thead input[name="select_all"]').on('click', function(e) {
if (this.checked) {
$('#table1 tbody input[type="checkbox"]:not(:checked)').trigger('click');
} else {
$('#table1 tbody input[type="checkbox"]:checked').trigger('click');
}
// Prevent click event from propagating to parent
e.stopPropagation();
});
// Handle table draw event
oTable.on('draw', function() {
// Update state of "Select all" control
updateDataTableSelectAllCtrl(oTable);
});
$('#group_nm').typeahead({
"hint": true,
"highlight": true,
"minLength": 1,
"limit": 10,
"remote": "${request._host}/group/hon/act?term=%QUERY",
}, {
"name": 'group_nm',
"displayKey": 'value',
});
$('#group_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#group_id').val(datum.id);
oTable.ajax.url(oTableUrl + "?group_id=" + datum.id).load();
console.log(datum.id);
});
});
</script>
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Hapus Group Route</h3>
</div>
<div class="panel-body">
${request.title} Group: <strong>${row.groups.group_name}</strong> Route: <strong>${row.routes.nama}</strong> ?
</div>
</div>
<div tal:content="structure form"/>
</div>
<!-- end content -->
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">${request.title}</h3>
</div>
<div class="panel-body">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-1 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-9">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}
</p>
</div>
<div class="pull-left">
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="jarviswidget" style="border-top:1px solid #ccc!important">
<div role="content">
<table id="table1" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th><input name="select_all" value="1" type="checkbox"></th>
<th>Kode</th>
<th>Nama</th>
<th>Path</th>
<th>Status</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</form>
</div>
<!-- end content -->
<metal:js fill-slot="js_files">
<script type="text/javascript" src="${request._host}/static/js/tools.js"></script>
</metal:js>
<script type="text/javascript" metal:fill-slot="scripts">
var mID;
var mThn;
var oTable;
var iPos;
var oTableUri = "${request._host}/group/routes";
var oTableUrl = oTableUri + "${request._host}/grid-add/act";
$(document).ready(function() {
oTable = $('#table1').DataTable({
dom: '<"row"<"col-md-8"<"toolbar">l><"col-md-4"f>>rtip',
processing: true,
serverSide: true,
ajax: oTableUrl,
//stateSave: true,
scrollCollapse: true,
sort: true,
info: false,
filter: true,
autoWidth: false,
paginate: true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100, -1],
[10, 25, 50, 100, 'Semua']
],
columns: [{
"data": "id",
"width": "50px",
"className": "text-center",
"render": function(data, type, full, meta) {
str_return = '<input type="checkbox" name="group_route_id" value="' + data + '">';
return str_return;
},
},
{
"data": "kode",
"width": "200px",
"className": "text-left"
},
{
"data": "nama"
},
{
"data": "path",
"width": "200px",
"className": "text-left"
},
{
"data": "route_id",
"width": "200px",
"className": "text-center",
"visible": false,
"render": function(data, type, full, meta) {
console.log(data);
if (data != null) {
str_return = '<input type="text" name="route_id" value="' + data + '">';
var index = $.inArray(data, rows_selected);
if (index === -1) {
rows_selected.push(data);
}
return str_return;
}
return 'kosong'
},
},
],
fnRowCallback: function(nRow, aData, iDisplayIndex) {
var rowId = aData.id;
if ($.inArray(rowId, rows_selected) !== -1) {
$(nRow).find('input[type="checkbox"]').prop('checked', true);
$(nRow).addClass('selected');
}
},
"language": {
"search": "Cari: ",
"paginate": {
"first": "Pertama ",
"last": "Akhir ",
"previous": "",
"next": "",
},
"lengthMenu": "Tampil _MENU_ baris "
},
});
var tb_array = [];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
// Handle click on checkbox
$('#table1 tbody').on('click', 'input[type="checkbox"]', function(e) {
var $row = $(this).closest('tr');
// Get row data
//iPos = oTable.fnGetPosition(this);
var data = oTable.row($row).data();
// Get row ID
var rowId = data.id;
// Determine whether row ID is in the list of selected row IDs
var index = $.inArray(rowId, rows_selected);
// If checkbox is checked and row ID is not in list of selected row IDs
if (this.checked && index === -1) {
rows_selected.push(rowId);
// Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
} else if (!this.checked && index !== -1) {
rows_selected.splice(index, 1);
}
if (this.checked) {
$row.addClass('selected');
} else {
$row.removeClass('selected');
}
// Update state of "Select all" control
updateDataTableSelectAllCtrl(oTable);
// Prevent click event from propagating to parent
e.stopPropagation();
});
// Handle click on "Select all" control
$('#table1 thead input[name="select_all"]').on('click', function(e) {
if (this.checked) {
$('#table1 tbody input[type="checkbox"]:not(:checked)').trigger('click');
} else {
$('#table1 tbody input[type="checkbox"]:checked').trigger('click');
}
// Prevent click event from propagating to parent
e.stopPropagation();
});
// Handle table draw event
oTable.on('draw', function() {
// Update state of "Select all" control
updateDataTableSelectAllCtrl(oTable);
});
$('#group_nm').typeahead({
"hint": true,
"highlight": true,
"minLength": 1,
"limit": 10,
"remote": "${request._host}/group/hon/act?term=%QUERY",
}, {
"name": 'group_nm',
"displayKey": 'value',
});
$('#group_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#group_id').val(datum.id);
oTable.ajax.url(oTableUrl + "?group_id=" + datum.id).load();
console.log(datum.id);
});
});
</script>
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="jarviswidget" style="border-top:1px solid #ccc!important">
<div role="content">
<table id="table1" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th>Group ID</th>
<th>Route ID</th>
<th>Group Nama</th>
<th>Route Nama</th>
<th>Path</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<!-- end content -->
<script type="text/javascript" metal:fill-slot="scripts">
var mID;
var mID2;
var mThn;
var oTable;
var iPos;
var oTableUrl = "${home}/group/routes/grid/act";
$(document).ready(function() {
oTable = $('#table1').DataTable({
dom: '<"row"<"col-md-8"<"toolbar">l><"col-md-4"f>>rtip',
processing: true,
serverSide: true,
ajax: oTableUrl,
stateSave: true,
stateDuration: 1,
scrollCollapse: true,
sort: true,
info: false,
filter: true,
autoWidth: false,
paginate: true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100, -1],
[10, 25, 50, 100, 'Semua']
],
//columnDefs: [{
// searchable: false,
// visible: false,
// targets: [0]
// }],
columns: [{
"data": "group_id",
"visible": false,
"orderable": false,
"searchable": false
},
{
"data": "route_id",
"visible": false,
"orderable": false,
"searchable": false
},
{
"data": "group_nama",
"width": "200px",
"className": "text-left"
},
{
"data": "route_nama",
"width": "200px",
"className": "text-left"
},
{
"data": "route_path"
},
],
"language": {
"search": "Cari: ",
"paginate": {
"first": "Pertama ",
"last": "Akhir ",
"previous": "",
"next": "",
},
"lengthMenu": "Tampil _MENU_ baris "
},
});
var tb_array = [
'<div class="btn-group pull-left">',
' <button id="btn_add" class="btn btn btn-success" type="button">Tambah</button>',
' <button id="btn_edit" class="btn btn btn-warning" type="button">Edit</button>',
' <button id="btn_delete" class="btn btn btn-danger" type="button">Hapus</button>',
' <!--<button id="btn_csv" class="btn btn btn-primary" type="button">CSV</button>',
' <button id="btn_pdf" class="btn btn btn-primary" type="button">PDF</button>-->',
' <button id="btn_close" class="btn btn btn-warning" type="button">Tutup</button>',
' &nbsp;',
'</div>',
];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
$('#table1 tbody').on('click', 'tr', function() {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTable.row(this).data();
oTable.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mID = aData.group_id;
mID2 = aData.route_id;
oTable.$('tr.row_selected').removeClass('row_selected');
$(this).addClass('row_selected');
}
});
$('#btn_add').click(function() {
window.location = '/group/routes/add';
});
$('#btn_edit').click(function() {
if (mID && mID2) window.location = '/group/routes/' + mID + '/' + mID2 + '/edit';
else
$.SmartMessageBox({
title : "Edit",
content : "Pilih Baris yang akan di edit...",
buttons : '[Oke]'
});;
});
$('#btn_view').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/view';
else
$.SmartMessageBox({
title : "View",
content : "Pilih Baris yang akan di lihat...",
buttons : '[Ok]'
});;
});
$('#btn_delete').click(function() {
if (mID && mID2) window.location = '/group/routes/' + mID + '/' + mID2 + '/delete';
else
$.SmartMessageBox({
title : "Hapus",
content : "Pilih Baris yang akan di hapus...",
buttons : '[Oke]'
});
});
// $('#btn_print').click(function() {
// url = '/admin/report/act/guper'
// window.open(url);
// });
$("#btn_close").click(function() {
window.location = '/';
return false;
});
});
</script>
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../base3.1.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">${request.title}</h3>
</div>
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="col-md-6">
<div class="form-group" tal:define="f form['kode']">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-5 ${f.required and 'required' or ''}" id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="form-group" tal:define="f form['nama']">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-5 ${f.required and 'required' or ''}" id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="form-group" tal:define="f form['nama_pendek']">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-5 ${f.required and 'required' or ''}" id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="form-group" tal:define="f form['nama_lain']">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-5 ${f.required and 'required' or ''}" id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group" tal:define="f form['jenis']">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-5 ${f.required and 'required' or ''}" id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="form-group" tal:define="f form['eselon_id']">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-5 ${f.required and 'required' or ''}" id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="form-group" tal:define="f form['status']">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-5 ${f.required and 'required' or ''}" id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-12" align="center">
<label class="control-label col-md-3"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div> <!--panel-body-->
</div>
</div>
</html>
<html metal:use-macro="load: ../base3.1.pt">
<div metal:fill-slot="content">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Peringatan</h3>
</div>
<div class="panel-body">
${request.title} ID #${row.id} ${row.nama} ?
</div>
</div>
<div tal:content="structure form"/>
</div>
</html>
<html metal:use-macro="load: ../base3.1.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">${request.title}</h3>
</div>
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="col-md-6">
<div class="form-group" tal:define="f form['kode']">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-5 ${f.required and 'required' or ''}" id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="form-group" tal:define="f form['nama']">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-5 ${f.required and 'required' or ''}" id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="form-group" tal:define="f form['nama_pendek']">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-5 ${f.required and 'required' or ''}" id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="form-group" tal:define="f form['nama_lain']">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-5 ${f.required and 'required' or ''}" id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group" tal:define="f form['jenis']">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-5 ${f.required and 'required' or ''}" id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="form-group" tal:define="f form['eselon_id']">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-5 ${f.required and 'required' or ''}" id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="form-group" tal:define="f form['status']">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-5 ${f.required and 'required' or ''}" id="req-${f.oid}">
${f.title}</label>
<div class="col-md-7">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-12" align="center">
<label class="control-label col-md-3"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div> <!--panel-body-->
</div>
</div>
</html>
<html metal:use-macro="load: ../_table.pt">
<link metal:fill-slot="css_files" rel="stylesheet" type="text/css" media="screen"
href="/static/v3/css/custom-datatable.css">
<div metal:fill-slot="content">
<div class="jarviswidget" style="border-top:1px solid #ccc!important">
<div role="content">
<table id="table1" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th>ID</th>
<th>Kode</th>
<th>Uraian</th>
<th>Singkat</th>
<th>Eselon</th>
<th>Jenis</th>
<th>Status</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div metal:fill-slot="scripts">
<script>
var mID;
var mThn;
var oTable;
var iPos;
var oTableUrl = "${home}/jabatan";
var oTableUri = oTableUrl + "/grid/act";
$(document).ready(function () {
oTable = $('#table1').DataTable({
dom: '<"toolbar">lfrtip',
processing: true,
serverSide: true,
ajax: oTableUri,
stateSave: true,
scrollCollapse: true,
sort: true,
info: false,
filter: true,
autoWidth: false,
paginate: true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100],
[10, 25, 50, 100]
],
columnDefs: [{
searchable: false,
visible: false,
targets: [0]
}],
columns: [
{"data": "id"},
{"data": "kode", "width": "100px", "class": "left"},
{"data": "nama"},
{"data": "nama_pendek"},
{"data": "eselon"},
{
"data": "jenis", "width": "100px", "class": "left",
"render": function (data, type, full, meta) {
if (data == 1) return 'Struktural';
else if (data == 2) return 'Fungsional';
else if (data == 3) return 'Keuangan';
else return "-";
}
},
{
"data": "status", "width": "100px", "class": "center",
"render": function (data, type, full, meta) {
if (data == 1) return 'Aktif';
else if (data == 0) return 'Pasif';
else return "-";
}
}
],
"language": {
"search": "Cari: ",
"paginate": {
"first": "Awal ",
"last": "Akhir ",
"previous": "",
"next": "",
},
"lengthMenu": " _MENU_ baris "
}
});
var tb_array = [
'<div class="btn-group pull-left">',
' <button id="btn_view" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="View"> <i class="fa fa-eye"></i></button>',
' <button id="btn_add" class="btn btn btn-success" type="button">Tambah</button>',
' <button id="btn_edt" class="btn btn btn-warning" type="button">Koreksi</button>',
' <button id="btn_del" class="btn btn btn-danger" type="button">Hapus</button>',
' <button id="btn_print" class="btn btn btn-primary" type="button">Cetak</button>',
' <button id="btn_csv" class="btn btn btn-primary" type="button">CSV</button>',
' <button id="btn_close" class="btn btn btn-warning" type="button">Tutup</button>',
' &nbsp;',
'</div>',
];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
$('#table1 tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTable.row(this).data();
oTable.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mID = aData.id;
console.log(mID);
//oTable.$('tr.row_selected').removeClass('row_selected');
//$(this).addClass('row_selected');
}
});
$('#btn_add').click(function () {
window.location = oTableUrl + '/add';
});
$('#btn_edt').click(function () {
if (mID) window.location = oTableUrl + '/' + mID + '/edit';
else alert('Pilih Baris yang akan di koreksi');
});
$('#btn_view').click(function () {
if (mID) window.location = oTableUrl + '/' + mID + '/view';
else
$.SmartMessageBox({
title: "View",
content: "Pilih Baris yang akan di lihat...",
buttons: '[Ok]'
});
;
});
$('#btn_del').click(function () {
if (mID) window.location = oTableUrl + '/' + mID + '/delete';
else alert('Pilih Baris yang akan di hapus');
});
$('#btn_print').click(function () {
url = oTableUrl + "/pdf/rpt";
window.open(url);
});
$('#btn_csv').click(function () {
url = oTableUrl + "/csv/rpt";
window.open(url);
});
$("#btn_close").click(function () {
window.location = '/';
return false;
});
})
</script>
</div>
</html>
<html metal:use-macro="load: ../base.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">${request.title}</h3>
</div>
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-2 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-3">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="col-md-4">
<label class="control-label col-md-3"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div> <!--panel-body-->
</div>
</div>
</html>
<html metal:use-macro="load: ../base3.pt">
<div metal:fill-slot="content">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Peringatan</h3>
</div>
<div class="panel-body">
${request.title} ID #${row.id} ${row.nama} ?
</div>
</div>
<div tal:content="structure form"/>
</div>
</html>
<html metal:use-macro="load: ../base.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">${request.title}</h3>
</div>
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-2 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-3">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="col-md-4">
<label class="control-label col-md-3"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div> <!--panel-body-->
</div>
</div>
</html>
<html metal:use-macro="load: ../base.pt">
<link metal:fill-slot="css_files" rel="stylesheet" type="text/css" media="screen" href="/static/v3/css/custom-datatable.css">
<div metal:fill-slot="content">
<div class="jarviswidget" style="border-top:1px solid #ccc!important">
<div role="content">
<table id="table1" class="table table-bordered table-hover table-strip table-condensed">
<thead>
<tr>
<th>ID</th>
<th>Kode</th>
<th>Uraian</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div metal:fill-slot="scripts">
<script>
var mID;
var mThn;
var oTable;
var iPos;
var oTableUrl = "${home}/pangkat";
var oTableUri = oTableUrl+"/grid/act";
$(document).ready(function () {
oTable = $('#table1').DataTable({
dom : '<"row"<"col-sm-6"<"toolbar">l><"col-sm-6"fr>>tip',
processing : true,
serverSide : true,
ajax : oTableUri,
stateSave : true,
scrollCollapse: true,
sort : true,
info : false,
filter : true,
autoWidth : false,
paginate : true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100],
[10, 25, 50, 100]
],
columnDefs: [{
searchable: false,
visible: false,
targets: [0]
}],
columns: [
{ "data": "id" },
{ "data": "kode", "width": "100px", "class":"left"},
{ "data": "nama" },
],
"language": {
"search" : "Cari: ",
"paginate":{
"first" : "Awal ",
"last" : "Akhir ",
"previous": "",
"next" : "",
},
"lengthMenu": " _MENU_ baris "
}
});
var tb_array = [
'<div class="btn-group pull-left">',
' <button id="btn_view" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="View"> <i class="fa fa-eye"></i></button>',
' <button id="btn_add" class="btn btn btn-success" type="button">Tambah</button>',
' <button id="btn_edt" class="btn btn btn-warning" type="button">Koreksi</button>',
' <button id="btn_del" class="btn btn btn-danger" type="button">Hapus</button>',
' <button id="btn_print" class="btn btn btn-primary" type="button">Cetak</button>',
' <button id="btn_csv" class="btn btn btn-primary" type="button">CSV</button>',
' <button id="btn_close" class="btn btn btn-warning" type="button">Tutup</button>',
' &nbsp;',
'</div>',
];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
$('#table1 tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTable.row( this ).data();
oTable.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mID = aData.id;
}
});
$('#btn_add').click(function () {
window.location = oTableUrl+'/add';
});
$('#btn_edt').click(function () {
if (mID) window.location = oTableUrl+'/'+mID+'/edt';
else alert('Pilih Baris yang akan di koreksi');
});
$('#btn_view').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/view';
else
$.SmartMessageBox({
title : "View",
content : "Pilih Baris yang akan di lihat...",
buttons : '[Ok]'
});;
});
$('#btn_del').click(function () {
if (mID) window.location = oTableUrl+'/'+mID+'/del';
else alert('Pilih Baris yang akan di hapus');
});
$('#btn_print').click(function () {
url = oTableUrl+"/pdf/rpt";
window.open(url);
});
$('#btn_csv').click(function () {
url = oTableUrl+"/csv/rpt";
window.open(url);
});
$("#btn_close").click(function () {
window.location = '/core';
return false;
});
})
</script>
</div>
</html>
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-4 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-6">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}
</p>
</div>
</div>
</div>
<div class="pull-right">
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- end content -->
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Hapus Parameter</h3>
</div>
<div class="panel-body">
${request.title} ID #${row.id} ${row.nama} ?
</div>
</div>
<div tal:content="structure form"/>
</div>
<!-- end content -->
</html>
\ No newline at end of file \ No newline at end of file
<div metal:use-macro="load: ../main.pt">
<div metal:fill-slot="content">
<div class="well">
<div tal:content="structure form"/>
</div>
</div>
</div>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../_table.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="jarviswidget" style="border-top:1px solid #ccc!important">
<div role="content">
<table id="table1" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th>ID</th>
<th>Kode</th>
<th>Nama</th>
<th>Nilai</th>
<th>Status</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<!-- end content -->
<script type="text/javascript" metal:fill-slot="scripts">
var mID;
var mThn;
var oTable;
var iPos;
var oTableUri = "${home}/parameter";
var oTableUrl = oTableUri + "/grid/act";
$(document).ready(function() {
oTable = $('#table1').DataTable({
dom: '<"row"<"col-md-8"<"toolbar">l><"col-md-4"f>>rtip',
processing: true,
serverSide: true,
ajax: oTableUrl,
stateSave: true,
scrollCollapse: true,
sort: true,
info: false,
filter: true,
autoWidth: false,
paginate: true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100, -1],
[10, 25, 50, 100, 'Semua']
],
columnDefs: [{
searchable: false,
visible: false,
targets: [0]
}],
columns: [
{ "data": "id" },
{ "data": "kode", "width": "200px", "className": "text-left" },
{ "data": "nama" },
{ "data": "value" },
{ "data": "status",
"render": function (data, type, full, meta){
if (data==0) return 'NonAktif';
else if (data==1) return 'Aktif';
else return "-";
}
},
],
"language": {
"search": "Cari: ",
"paginate": {
"first": "Pertama ",
"last": "Akhir ",
"previous": "",
"next": "",
},
"lengthMenu": "Tampil _MENU_ baris "
},
});
var tb_array = [
'<div class="btn-group pull-left">',
' <button id="btn_view" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="View"> <i class="fa fa-eye"></i></button>',
' <button id="btn_add" class="btn btn btn-success" type="button" data-toggle="tooltip" title="Tambah"><i class="fa fa-plus"></i></button>',
' <button id="btn_edit" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="Koreksi"><i class="fa fa-edit"></i></button>',
' <button id="btn_delete" class="btn btn btn-danger" type="button" data-toggle="tooltip" title="Hapus"><i class="fa fa-trash-o"></i></button>',
' <!--<button id="btn_csv" class="btn btn btn-primary" type="button" data-toggle="tooltip" title="CSV"><i class="fa fa-file-excel-o"></i></button>',
' <button id="btn_pdf" class="btn btn btn-primary" type="button" data-toggle="tooltip" title="PDF"><i class="fa fa-file-pdf-o"></i></button>-->',
' <button id="btn_close" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="Tutup"><i class="fa fa-arrow-right"></i></button>',
' &nbsp;',
'</div>',
];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
$('#table1 tbody').on('click', 'tr', function() {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTable.row(this).data();
oTable.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mID = aData.id;
oTable.$('tr.row_selected').removeClass('row_selected');
$(this).addClass('row_selected');
}
});
$('#btn_add').click(function() {
window.location = oTableUri + '/add';
});
$('#btn_view').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/view';
else
$.SmartMessageBox({
title : "View",
content : "Pilih Baris yang akan di lihat...",
buttons : '[Ok]'
});;
});
$('#btn_edit').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/edit';
else
$.SmartMessageBox({
title : "Edit",
content : "Pilih Baris yang akan di edit...",
buttons : '[Oke]'
});;
});
$('#btn_delete').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/delete';
else
$.SmartMessageBox({
title : "Hapus",
content : "Pilih Baris yang akan di hapus...",
buttons : '[Oke]'
});
});
$("#btn_close").click(function() {
window.location = '/';
return false;
});
});
</script>
</html>
<html metal:use-macro="load: ../_table.pt">
<div metal:fill-slot="content">
<div class="jarviswidget" style="border-top:1px solid #ccc!important">
<div role="content">
<table id="table1" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th>ID</th>
<th>Kode</th>
<th>Uraian</th>
<th>Vendor</th>
<th>Customer</th>
<th>Status</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div metal:fill-slot="scripts">
<script>
var mID;
var mThn;
var oTable;
var iPos;
var oTableUrl = "${home}/partner";
var oTableUri = oTableUrl+"/grid/act";
$(document).ready(function () {
oTable = $('#table1').DataTable({
dom : '<"row"<"col-md-8"<"toolbar">Bl><"col-md-4"fr>>tip',
processing : true,
serverSide : true,
ajax : oTableUri,
stateSave : true,
scrollCollapse: true,
sort : true,
info : false,
filter : true,
autoWidth : false,
paginate : true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100],
[10, 25, 50, 100]
],
columnDefs: [{
searchable: false,
visible: false,
targets: [0]
}],
columns: [
{ "data": "id" },
{ "data": "kode", "width": "150px", "class":"left"},
{ "data": "nama" },
{ "data": "is_vendor", "width": "100px", "class":"left" },
{ "data": "is_customer", "width": "100px", "class":"left" },
{ "data": "status", "width": "100px", "class":"center"}
],
"language": {
"search" : "Cari: ",
"paginate":{
"first" : "Awal ",
"last" : "Akhir ",
"previous": "Mundur ",
"next" : "Maju ",
},
"lengthMenu": " _MENU_ baris "
}
});
var tb_array = [
'<div class="btn-group pull-left">',
' <button id="btn_view" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="View"> <i class="fa fa-eye"></i></button>',
' <button id="btn_add" class="btn btn btn-success" type="button" data-toggle="tooltip" title="Tambah"><i class="fa fa-plus"></i></button>',
' <button id="btn_edt" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="Koreksi"><i class="fa fa-edit"></i></button>',
' <button id="btn_del" class="btn btn btn-danger" type="button" data-toggle="tooltip" title="Hapus"><i class="fa fa-trash-o"></i></button>',
' <button id="btn_print" class="btn btn btn-primary" type="button" data-toggle="tooltip" title="PDF"><i class="fa fa-file-pdf-o"></i></button>',
' <button id="btn_csv" class="btn btn btn-primary" type="button" data-toggle="tooltip" title="CSV"><i class="fa fa-file-excel-o"></i></button>',
' <button id="btn_close" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="Tutup"><i class="fa fa-arrow-right"></i></button>',
' &nbsp;',
'</div>',
];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
$('#table1 tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTable.row( this ).data();
oTable.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mID = aData.id;
console.log(mID);
//oTable.$('tr.row_selected').removeClass('row_selected');
//$(this).addClass('row_selected');
}
});
$('#btn_add').click(function () {
window.location = oTableUrl+'/add';
});
$('#btn_edt').click(function () {
if (mID) window.location = oTableUrl+'/'+mID+'/edt';
else alert('Pilih Baris yang akan di koreksi');
});
$('#btn_view').click(function() {
if (mID) window.location = oTableUrl + '/' + mID + '/view';
else
$.SmartMessageBox({
title : "View",
content : "Pilih Baris yang akan di lihat...",
buttons : '[Ok]'
});;
});
$('#btn_del').click(function () {
if (mID) window.location = oTableUrl+'/'+mID+'/del';
else alert('Pilih Baris yang akan di hapus');
});
$('#btn_print').click(function () {
url = oTableUrl+"/pdf/rpt";
window.open(url);
});
$('#btn_csv').click(function () {
url = oTableUrl+"/csv/rpt";
window.open(url);
});
$("#btn_close").click(function () {
window.location = '/';
return false;
});
})
</script>
</div>
</html>
<html metal:use-macro="load: ../base.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">${request.title}</h3>
</div>
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-2 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-3">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="col-md-4">
<label class="control-label col-md-3"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div> <!--panel-body-->
</div>
</div>
<div metal:fill-slot="scripts">
<script type="text/javascript">
$(document).ready(function () {
$('#pegawai_nm').typeahead({
"hint" : true,
"highlight": true,
"minLength": 1,
"remote" : {
url: "/pegawai/headofnama/act?term=%QUERY",
beforeSend: function () {
$('#pegawai_nm').addClass("loading");
},
filter: function(parsedResponse){
$('#pegawai_nm').removeClass('loading');
return parsedResponse;
}
},
},{
"name" : 'pegawai_nm',
"displayKey": 'value',
});
$('#pegawai_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#pegawai_id').val(datum.id);
$('#pegawai_nm').val(datum.nama);
});
$('#pangkat_nm').typeahead({
"hint" : true,
"highlight": true,
"minLength": 1,
"remote" : {
url: "/pangkat/hon/act?term=%QUERY",
beforeSend: function () {
$('#pangkat_nm').addClass("loading");
},
filter: function(parsedResponse){
$('#pangkat_nm').removeClass('loading');
return parsedResponse;
}
},
},{
"name" : 'pangkat_nm',
"displayKey": 'value',
});
$('#pangkat_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#pangkat_id').val(datum.id);
});
$('#tmt').attr('readonly',false);
$('#tmt').datepicker({
changeMonth: true,
changeYear: true,
format:'dd-mm-yyyy'
});
});
</script>
</div>
</html>
<html metal:use-macro="load: ../base3.pt">
<div metal:fill-slot="content">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Peringatan</h3>
</div>
<div class="panel-body">
<!-- edit -->
${request.title} ID #${row.id} ${row.pegawai.nama} ?
</div>
</div>
<div tal:content="structure form"/>
</div>
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../base.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">${request.title}</h3>
</div>
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-2 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-3">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="col-md-4">
<label class="control-label col-md-3"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div> <!--panel-body-->
</div>
</div>
<div metal:fill-slot="scripts">
<script type="text/javascript">
$(document).ready(function () {
$('#pegawai_nm').typeahead({
"hint" : true,
"highlight": true,
"minLength": 1,
"remote" : {
url: "/pegawai/headofnama/act?term=%QUERY",
beforeSend: function () {
$('#pegawai_nm').addClass("loading");
},
filter: function(parsedResponse){
$('#pegawai_nm').removeClass('loading');
return parsedResponse;
}
},
},{
"name" : 'pegawai_nm',
"displayKey": 'value',
});
$('#pegawai_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#pegawai_id').val(datum.id);
$('#pegawai_nm').val(datum.nama);
});
$('#pangkat_nm').typeahead({
"hint" : true,
"highlight": true,
"minLength": 1,
"remote" : {
url: "/pangkat/hon/act?term=%QUERY",
beforeSend: function () {
$('#pangkat_nm').addClass("loading");
},
filter: function(parsedResponse){
$('#pangkat_nm').removeClass('loading');
return parsedResponse;
}
},
},{
"name" : 'pangkat_nm',
"displayKey": 'value',
});
$('#pangkat_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#pangkat_id').val(datum.id);
});
// edit
$('#tmt').attr('readonly',false);
$('#tmt').datepicker({
changeMonth:true,
changeYear:true,
format:'dd-mm-yyyy'
});
});
</script>
</div>
</html>
<html metal:use-macro="load: ${request.session['base']}/base.pt">
<link metal:fill-slot="css_files" rel="stylesheet" type="text/css" media="screen" href="/static/v3/css/custom-datatable.css">
<div metal:fill-slot="content">
<div class="jarviswidget" style="border-top:1px solid #ccc!important">
<div role="content">
<table id="table1" class="table table-bordered table-hover table-strip table-condensed">
<thead>
<tr>
<th>ID</th>
<th>NIP</th>
<th>Nama</th>
<th>Golongan</th>
<th>Pangkat</th>
<th>TMT</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div metal:fill-slot="scripts">
<script>
var mID;
var mThn;
var oTable;
var iPos;
var oTableUrl = "${home}/pegawai/pangkat";
var oTableUri = oTableUrl+"/grid/act";
$(document).ready(function () {
oTable = $('#table1').DataTable({
// edit
dom : '<"toolbar">lfrtip',
// dom : '<"row"<"col-sm-6"<"toolbar">l><"col-sm-6"fr>>tip',
processing : true,
serverSide : true,
ajax : oTableUri,
stateSave : true,
scrollCollapse: true,
sort : true,
info : false,
filter : true,
autoWidth : false,
paginate : true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100],
[10, 25, 50, 100]
],
columnDefs: [{
searchable: false,
visible: false,
targets: [0]
}],
columns: [
{ "data": "id" },
{ "data": "nik", "width": "100px", "class":"left"},
{ "data": "nama" },
{ "data": "golongan", "width": "100px", "class":"left"},
{ "data": "pangkat", "width": "170px", "class":"left"},
{ "data": "tmt", "width": "100px", "class":"left"},
],
"language": {
"search" : "Cari: ",
"paginate":{
"first" : "Awal ",
"last" : "Akhir ",
"previous": "",
"next" : "",
},
"lengthMenu": " _MENU_ baris "
}
});
var tb_array = [
'<div class="btn-group pull-left">',
' <button id="btn_view" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="View"> <i class="fa fa-eye"></i></button>',
' <button id="btn_add" class="btn btn btn-success" type="button">Tambah</button>',
' <button id="btn_edt" class="btn btn btn-warning" type="button">Koreksi</button>',
' <button id="btn_del" class="btn btn btn-danger" type="button">Hapus</button>',
' <button id="btn_print" class="btn btn btn-primary" type="button">Cetak</button>',
' <button id="btn_csv" class="btn btn btn-primary" type="button">CSV</button>',
' <button id="btn_close" class="btn btn btn-warning" type="button">Tutup</button>',
' &nbsp;',
'</div>',
];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
$('#table1 tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTable.row( this ).data();
oTable.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mID = aData.id;
console.log(mID);
}
});
$('#btn_add').click(function () {
window.location = oTableUrl+'/add';
});
$('#btn_edt').click(function () {
if (mID) window.location = oTableUrl+'/'+mID+'/edt';
else alert('Pilih Baris yang akan di koreksi');
});
$('#btn_view').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/view';
else
$.SmartMessageBox({
title : "View",
content : "Pilih Baris yang akan di lihat...",
buttons : '[Ok]'
});;
});
$('#btn_del').click(function () {
if (mID) window.location = oTableUrl+'/'+mID+'/del';
else alert('Pilih Baris yang akan di hapus');
});
$('#btn_print').click(function () {
url = oTableUrl+"/pdf/rpt";
window.open(url);
});
$('#btn_csv').click(function () {
url = oTableUrl+"/csv/rpt";
window.open(url);
});
$("#btn_close").click(function () {
window.location = '/core';
return false;
});
})
</script>
</div>
</html>
<html metal:use-macro="load: ../main.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-4 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-6">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="col-md-10">
<label class="control-label col-md-4"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div> <!--panel-body-->
</div>
</div>
</html>
<html metal:use-macro="load: ../main.pt">
<div metal:fill-slot="content">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Peringatan</h3>
</div>
<div class="panel-body">
${request.title} ID #${row.id} ?
</div>
</div>
<div tal:content="structure form"/>
</div>
</html>
<html metal:use-macro="load: ../main.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-4 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-6">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="col-md-10">
<label class="control-label col-md-4"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div> <!--panel-body-->
</div>
</div>
</html>
<html metal:use-macro="load: ../main.pt">
<div metal:fill-slot="content">
<div class="jarviswidget" style="border-top:1px solid #ccc!important">
<div role="content">
<table id="table1" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th>ID</th>
<th>Nama</th>
<th>Deskripsi</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div metal:fill-slot="scripts">
<script>
var mID;
var mThn;
var oTable;
var iPos;
var oTableUrl = "${home}/permission";
var oTableUri = oTableUrl+"/grid/act";
$(document).ready(function () {
oTable = $('#table1').DataTable({
dom : '<"row"<"col-md-8"<"toolbar">Bl><"col-md-4"fr>>tip',
processing : true,
serverSide : true,
ajax : oTableUri,
stateSave : true,
scrollCollapse: true,
sort : true,
info : false,
filter : true,
autoWidth : false,
paginate : true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100],
[10, 25, 50, 100]
],
columnDefs: [{
searchable: false,
visible: false,
targets: [0]
}],
columns: [
{ "data": "id" },
{ "data": "perm_name", "width": "200px", "class":"left"},
{ "data": "description" },
],
"language": {
"search" : "Cari: ",
"paginate":{
"first" : "Awal ",
"last" : "Akhir ",
"previous": "Mundur ",
"next" : "Maju ",
},
"lengthMenu": " _MENU_ baris "
}
});
var tb_array = [
'<div class="btn-group pull-left">',
' <button id="btn_view" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="View"> <i class="fa fa-eye"></i></button>',
' <button id="btn_add" class="btn btn btn-success" type="button">Tambah</button>',
' <button id="btn_edt" class="btn btn btn-warning" type="button">Edit</button>',
' <button id="btn_del" class="btn btn btn-danger" type="button">Hapus</button>',
// ' <button id="btn_print" class="btn btn btn-primary" type="button">PDF</button>',
// ' <button id="btn_csv" class="btn btn btn-primary" type="button">CSV</button>',
' <button id="btn_close" class="btn btn btn-primary" type="button">Tutup</button>',
' &nbsp;',
'</div>',
];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
$('#table1 tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTable.row( this ).data();
oTable.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mID = aData.id;
console.log(mID);
//oTable.$('tr.row_selected').removeClass('row_selected');
//$(this).addClass('row_selected');
}
});
$('#btn_add').click(function () {
window.location = oTableUrl+'/add';
});
$('#btn_edt').click(function () {
if (mID) window.location = oTableUrl+'/'+mID+'/edit';
else alert('Pilih Baris yang akan di koreksi');
});
$('#btn_view').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/view';
else
$.SmartMessageBox({
title : "View",
content : "Pilih Baris yang akan di lihat...",
buttons : '[Ok]'
});;
});
$('#btn_del').click(function () {
if (mID) window.location = oTableUrl+'/'+mID+'/delete';
else alert('Pilih Baris yang akan di hapus');
});
// $('#btn_print').click(function () {
// url = oTableUrl+"/pdf/act";
// window.open(url);
// });
// $('#btn_csv').click(function () {
// url = oTableUrl+"/csv/act";
// window.open(url);
// });
$("#btn_close").click(function () {
window.location = '/';
return false;
});
})
</script>
</div>
</html>
<html metal:use-macro="load: ../base3.1.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">${request.title}</h3>
</div>
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-2 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-3">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="col-md-4">
<label class="control-label col-md-3"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div> <!--panel-body-->
</div>
</div>
<div metal:fill-slot="scripts">
<script type="text/javascript">
$(document).ready(function () {
$('#pegawai_nm').typeahead({
"hint" : true,
"highlight": true,
"minLength": 1,
"remote" : {
url: "/partner/hon/act?term=%QUERY",
beforeSend: function () {
$('#partner_nm').addClass("loading");
},
filter: function(parsedResponse){
$('#partner_nm').removeClass('loading');
return parsedResponse;
}
},
},{
"name" : 'partner_nm',
"displayKey": 'value',
});
$('#partner_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#partner_id').val(datum.id);
$('#partner_nm').val(datum.nama);
});
$('#departemen_nm').typeahead({
"hint" : true,
"highlight": true,
"minLength": 1,
"remote" : {
url: "/departemen/hon/act?term=%QUERY",
beforeSend: function () {
$('#departemen_nm').addClass("loading");
},
filter: function(parsedResponse){
$('#departemen_nm').removeClass('loading');
return parsedResponse;
}
},
},{
"name" : 'departemen_nm',
"displayKey": 'value',
});
$('#departemen_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#departemen_id').val(datum.id);
});
$('#jabatan_nm').typeahead({
"hint" : true,
"highlight": true,
"minLength": 1,
"remote" : {
url: "/partner/departemen/hon_jabatannm/act?term=%QUERY",
beforeSend: function () {
$('#jabatan_nm').addClass("loading");
},
filter: function(parsedResponse){
$('#jabatan_nm').removeClass('loading');
return parsedResponse;
}
},
},{
"name" : 'jabatan_nm',
"displayKey": 'value',
});
$('#jabatan_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#jabatan_id').val(datum.id);
$('#jabatan_nm').val(datum.value);
});
$('#mulai, #selesai').attr('readonly',false);
$('#mulai, #selesai').datepicker({
changeMonth: true,
changeYear: true,
format:'dd-mm-yyyy'
});
});
</script>
</div>
<style metal:fill-slot="css_files">
.tt-suggestion p { text-transform:uppercase }
</style>
</html>
<html metal:use-macro="load: ../base3.1.pt">
<div metal:fill-slot="content">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Peringatan</h3>
</div>
<div class="panel-body">
${request.title} ID #${row.id} ${row.pegawai.nama} di ${row.departemen.nama} ?
</div>
</div>
<div tal:content="structure form"/>
</div>
</html>
<html metal:use-macro="load: ../base3.1.pt">
<div metal:fill-slot="content">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">${request.title}</h3>
</div>
<div class="panel-body">
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-2 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-3">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}</p>
</div>
</div>
</div>
<div class="col-md-4">
<label class="control-label col-md-3"></label>
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div> <!--panel-body-->
</div> <!-- panel-->
</div>
<div metal:fill-slot="scripts">
<script type="text/javascript">
$(document).ready(function () {
// edit
$('#partner_nm').typeahead({
"hint" : true,
"highlight": true,
"minLength": 1,
"remote" : {
url: "/partner/hon/act?term=%QUERY",
beforeSend: function () {
$('#partner_nm').addClass("loading");
},
filter: function(parsedResponse){
$('#partner_nm').removeClass('loading');
return parsedResponse;
}
},
},{
"name" : 'partner_nm',
"displayKey": 'value',
});
$('#jabatan_nm').typeahead({
"hint" : true,
"highlight": true,
"minLength": 1,
"remote" : {
url: "/jabatan/hon/act?term=%QUERY",
beforeSend: function () {
$('#jabatan_nm').addClass("loading");
},
filter: function(parsedResponse){
$('#jabatan_nm').removeClass('loading');
return parsedResponse;
}
},
},{
"name" : 'jabatan_nm',
"displayKey": 'value',
});
$('#struktural_nm').typeahead({
"hint" : true,
"highlight": true,
"minLength": 1,
"remote" : {
url: "/jabatan/struk_hon/act?term=%QUERY",
beforeSend: function () {
$('#struktural_nm').addClass("loading");
},
filter: function(parsedResponse){
$('#struktural_nm').removeClass('loading');
return parsedResponse;
}
},
},{
"name" : 'struktural_nm',
"displayKey": 'value',
});
$('#partner_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#partner_id').val(datum.id);
});
$('#jabatan_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#jabatan_id').val(datum.id);
});
$('#struktural_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#struktural_id').val(datum.id);
});
$('#mulai, #selesai').attr('readonly',false);
$('#mulai, #selesai').datepicker({
changeMonth: true,
changeYear: true,
format:'dd-mm-yyyy'
});
});
</script>
</div>
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../base3.1.pt">
<link metal:fill-slot="css_files" rel="stylesheet" type="text/css" media="screen" href="/static/v3/css/custom-datatable.css">
<div metal:fill-slot="content">
<div class="jarviswidget" style="border-top:1px solid #ccc!important">
<div role="content">
<table id="table1" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th>ID</th>
<th>NIP</th>
<th>Nama</th>
<th>Unit Kerja</th>
<th>Jabatan</th>
<th>Jenis Jabatan</th>
<th>Mulai</th>
<th>Selesai</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div metal:fill-slot="scripts">
<script>
var mID;
var mThn;
var oTable;
var iPos;
var oTableUrl = "${home}/partner/departemen";
var oTableUri = oTableUrl+"/grid/act";
$(document).ready(function () {
oTable = $('#table1').DataTable({
dom : '<"toolbar">lfrtip',
processing : true,
serverSide : true,
ajax : oTableUri,
stateSave : true,
scrollCollapse: true,
sort : true,
info : false,
filter : true,
autoWidth : false,
paginate : true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100],
[10, 25, 50, 100]
],
columnDefs: [{
searchable: false,
visible: false,
targets: [0]
}],
columns: [
{ "data": "id" },
{ "data": "nik", "width": "70px", "class":"left"},
{ "data": "nama" },
{ "data": "departemen" },
{ "data": "jabatan", "width": "150px", "class":"left"},
{ "data": "jenis", "width": "150px", "render": function (data, type, full, meta){
if (data==1) return 'Struktural';
else if (data==2) return 'Fungsional';
else if (data==3) return 'Keuangan';
else return "-";
}},
{ "data": "mulai", "width": "100px", "class":"left"},
{ "data": "selesai", "width": "100px", "class":"left"}
],
"language": {
"search" : "Cari: ",
"paginate":{
"first" : "Awal ",
"last" : "Akhir ",
"previous": "",
"next" : "",
},
"lengthMenu": " _MENU_ baris "
}
});
var tb_array = [
'<div class="btn-group pull-left">',
' <button id="btn_view" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="View"> <i class="fa fa-eye"></i></button>',
' <button id="btn_add" class="btn btn btn-success" type="button">Tambah</button>',
' <button id="btn_edt" class="btn btn btn-warning" type="button">Koreksi</button>',
' <button id="btn_del" class="btn btn btn-danger" type="button">Hapus</button>',
' <button id="btn_print" class="btn btn btn-primary" type="button">Cetak</button>',
' <button id="btn_csv" class="btn btn btn-primary" type="button">CSV</button>',
' <button id="btn_close" class="btn btn btn-warning" type="button">Tutup</button>',
' &nbsp;',
'</div>',
];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
$('#table1 tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTable.row( this ).data();
oTable.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mID = aData.id;
console.log(mID);
//oTable.$('tr.row_selected').removeClass('row_selected');
//$(this).addClass('row_selected');
}
});
$('#btn_add').click(function () {
window.location = oTableUrl+'/add';
});
$('#btn_edt').click(function () {
if (mID) window.location = oTableUrl+'/'+mID+'/edit';
else alert('Pilih Baris yang akan di koreksi');
});
$('#btn_view').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/view';
else
$.SmartMessageBox({
title : "View",
content : "Pilih Baris yang akan di lihat...",
buttons : '[Ok]'
});;
});
$('#btn_del').click(function () {
if (mID) window.location = oTableUrl+'/'+mID+'/delete';
else alert('Pilih Baris yang akan di hapus');
});
$('#btn_print').click(function () {
url = oTableUrl+"/pdf/rpt";
window.open(url);
});
$('#btn_csv').click(function () {
url = oTableUrl+"/csv/rpt";
window.open(url);
});
$("#btn_close").click(function () {
window.location = '/core';
return false;
});
})
</script>
</div>
</html>
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-6 col-lg-offset-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Tambah Route</h3>
</div>
<div class="panel-body">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-4 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-8">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}
</p>
</div>
</div>
</div>
<div class="pull-right">
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- end content -->
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Hapus Route</h3>
</div>
<div class="panel-body">
${request.title} ID #${row.id} ${row.nama} ?
</div>
</div>
<div tal:content="structure form"/>
</div>
<!-- end content -->
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-6 col-lg-offset-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Edit Route</h3>
</div>
<div class="panel-body">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-4 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-8">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}
</p>
</div>
</div>
</div>
<div class="pull-right">
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- end content -->
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="jarviswidget" style="border-top:1px solid #ccc!important">
<div role="content">
<table id="table1" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th>ID</th>
<th>Kode</th>
<th>Nama</th>
<th>Path</th>
<th>Status</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<!-- end content -->
<script type="text/javascript" metal:fill-slot="scripts">
var mID;
var mThn;
var oTable;
var iPos;
var oTableUri = "${home}/routes";
var oTableUrl = oTableUri + "/grid/act";
$(document).ready(function() {
oTable = $('#table1').DataTable({
dom: '<"row"<"col-md-8"<"toolbar">l><"col-md-4"f>>rtip',
processing: true,
serverSide: true,
ajax: oTableUrl,
stateSave: true,
scrollCollapse: true,
sort: true,
info: false,
filter: true,
autoWidth: false,
paginate: true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100, -1],
[10, 25, 50, 100, 'Semua']
],
columnDefs: [{
searchable: false,
visible: false,
targets: [0]
}],
columns: [{
"data": "id"
},
{
"data": "kode",
"width": "200px",
"className": "text-left"
},
{
"data": "nama"
},
{
"data": "path",
"width": "200px",
"className": "text-left"
},
{
"data": "status",
"width": "200px",
"className": "text-center",
"render": function (data, type, full, meta){
if (data==0) return 'NonAktif';
else if (data==1) return 'Aktif';
else return "-";
}
},
],
"language": {
"search": "Cari: ",
"paginate": {
"first": "Pertama ",
"last": "Akhir ",
"previous": "",
"next": "",
},
"lengthMenu": "Tampil _MENU_ baris "
},
});
var tb_array = [
'<div class="btn-group pull-left">',
' <button id="btn_view" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="View"> <i class="fa fa-eye"></i></button>',
' <button id="btn_add" class="btn btn btn-success" type="button">Tambah</button>',
' <button id="btn_edit" class="btn btn btn-warning" type="button">Edit</button>',
' <button id="btn_delete" class="btn btn btn-danger" type="button">Hapus</button>',
' <!--<button id="btn_csv" class="btn btn btn-primary" type="button">CSV</button>',
' <button id="btn_pdf" class="btn btn btn-primary" type="button">PDF</button>-->',
' <button id="btn_close" class="btn btn btn-warning" type="button">Tutup</button>',
' &nbsp;',
'</div>',
];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
$('#table1 tbody').on('click', 'tr', function() {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTable.row(this).data();
oTable.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mID = aData.id;
oTable.$('tr.row_selected').removeClass('row_selected');
$(this).addClass('row_selected');
}
});
$('#btn_add').click(function() {
window.location = oTableUri + '/add';
});
$('#btn_edit').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/edit';
else
$.SmartMessageBox({
title : "Edit",
content : "Pilih Baris yang akan di edit...",
buttons : '[Oke]'
});;
});
$('#btn_view').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/view';
else
$.SmartMessageBox({
title : "View",
content : "Pilih Baris yang akan di lihat...",
buttons : '[Ok]'
});;
});
$('#btn_delete').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/delete';
else
$.SmartMessageBox({
title : "Hapus",
content : "Pilih Baris yang akan di hapus...",
buttons : '[Oke]'
});
});
$('#btn_print').click(function() {
url = '/admin/report/act/route?route=' + mID
if (mID) window.open(url);
else window.open('/admin/report/act/route2');
});
$("#btn_close").click(function() {
window.location = '/';
return false;
});
});
</script>
</html>
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-4 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-6">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}
</p>
</div>
</div>
</div>
<div class="pull-right">
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- end content -->
<script type="text/javascript" metal:fill-slot="scripts">
$(document).ready(function() {
$('#user_nm').typeahead({
"minLength": 1,
"remote": "${request._host}/user/hon/act?term=%QUERY",
"limit": 8
});
$('#user_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#user_id').val(datum.id);
});
$('#group_nm').typeahead({
"minLength": 1,
"remote": "${request._host}/group/hon/act?term=%QUERY",
"limit": 8
});
$('#group_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#group_id').val(datum.id);
});
});
</script>
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Hapus User Group</h3>
</div>
<div class="panel-body">
Hapus User Group ID #${row.user_name} ${row.group_name} ?
</div>
</div>
<div tal:content="structure form"/>
</div>
<!-- end content -->
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="row">
<div class="panel-body">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-4 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-6">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}
</p>
</div>
</div>
</div>
<div class="pull-right">
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- end content -->
<script type="text/javascript" metal:fill-slot="scripts">
$(document).ready(function() {
$('#user_nm').typeahead({
"minLength": 1,
"remote": "${request._host}/user/hon/act?term=%QUERY",
"limit": 8
});
$('#user_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#user_id').val(datum.id);
});
$('#group_nm').typeahead({
"minLength": 1,
"remote": "${request._host}/group/hon/act?term=%QUERY",
"limit": 8
});
$('#group_nm').bind('typeahead:selected', function(obj, datum, name) {
$('#group_id').val(datum.id);
});
});
</script>
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">User Group</h3>
</div>
<div class="panel-body">
<table id="grpTable" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th>ID</th>
<th>Kode</th>
<th>Uraian</th>
<th>Anggota</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Member</h3>
</div>
<div class="panel-body">
<table id="table1" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th>ID</th>
<th>Email</th>
<th>User Name</th>
<th>Status</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- end content -->
<script type="text/javascript" metal:fill-slot="scripts">
var mGID;
var oTableGrp;
var oTableGrpUri = "${home}/group"
var oTableGrpUrl = oTableGrpUri + "/grid/act";
var mID;
var oTable;
var oTableUri = "${home}/user/group"
var oTableUrl = oTableUri + "/grid/act";
$(document).ready(function() {
oTableGrp = $('#grpTable').DataTable({
dom: 'lfrtip',
processing: true,
serverSide: true,
ajax: oTableGrpUrl,
stateSave: true,
scrollCollapse: true,
sort: true,
info: false,
filter: true,
autoWidth: false,
paginate: false,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100],
[10, 25, 50, 100]
],
columns: [{
"data": "id",
"width": "70px",
},
{
"data": "name",
"width": "100px",
"class": "left"
},
{
"data": "desc"
},
{
"data": "member",
"width": "60px",
"class": "center"
},
],
"language": {
"search": "Cari: ",
"paginate": {
"first": "Pertama ",
"last": "Akhir ",
"previous": "",
"next": "",
},
"lengthMenu": "Tampil _MENU_ baris "
},
});
$('#grpTable tbody').on('click', 'tr', function() {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTableGrp.row(this).data();
oTableGrp.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mGID = aData.id;
oTableGrp.$('tr.row_selected').removeClass('row_selected');
$(this).addClass('row_selected');
oTable.ajax.url(oTableUrl + "?gid=" + mGID).load();
}
});
});
$(document).ready(function() {
oTable = $('#table1').DataTable({
dom: '<"row"<"col-md-6"<"toolbar">l><"col-md-6"f>>rtip',
processing: true,
serverSide: true,
ajax: oTableUrl,
stateSave: true,
scrollCollapse: true,
sort: true,
info: false,
filter: true,
autoWidth: false,
paginate: true,
paginationType: "full_numbers",
searching: false,
lengthMenu: [
[10, 25, 50, 100],
[10, 25, 50, 100]
],
columnDefs: [{
searchable: false,
visible: false,
targets: [0]
}],
columns: [{
"data": "id"
},
{
"data": "email",
"width": "130px",
"class": "left"
},
{
"data": "name"
},
{
"data": "status",
"width": "70px",
"class": "center"
},
],
"language": {
"search": "Cari: ",
"paginate": {
"first": "Pertama ",
"last": "Akhir ",
"previous": "",
"next": "",
},
"lengthMenu": "Tampil _MENU_ baris "
},
});
$("#btn_close").click(function() {
window.location = '/';
return false;
});
var tb_array = [
'<div class="btn-group pull-left">',
' <button id="btn_view" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="View"> <i class="fa fa-eye"></i></button>',
' <button id="btn_add" class="btn btn btn-success" type="button" data-toggle="tooltip" title="Tambah"><i class="fa fa-plus"></i></button>',
' <!--<button id="btn_edit" class="btn btn btn-warning" type="button">Edit</button>-->',
' <button id="btn_delete" class="btn btn btn-danger" type="button" data-toggle="tooltip" title="Hapus"><i class="fa fa-trash-o"></i></button>',
' <!--<button id="btn_csv" class="btn btn btn-primary" type="button">CSV</button>',
' <button id="btn_pdf" class="btn btn btn-primary" type="button">PDF</button>-->',
' <button id="btn_close" class="btn btn btn-warning" type="button" data-toggle="tooltip" title="Tutup"><i class="fa fa-arrow-right"></i></button>',
' &nbsp;',
'</div>',
];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
$('#table1 tbody').on('click', 'tr', function() {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTable.row(this).data();
oTable.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mID = aData.id;
console.log(mID);
oTable.$('tr.row_selected').removeClass('row_selected');
$(this).addClass('row_selected');
/*oTable2.fnReloadAjax("egaji/grid2?id=" + mID);*/
}
});
$('#btn_add').click(function() {
window.location = '${home}user/group/add?gid=' + mGID;
});
$('#btn_edit').click(function() {
if (mID) window.location = '${home}user/group/' + mID + '/edit?gid=' + mGID;
else
$.SmartMessageBox({
title : "Edit",
content : "Pilih Baris yang akan di edit...",
buttons : '[Oke]'
});;
});
$('#btn_view').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/view';
else
$.SmartMessageBox({
title : "View",
content : "Pilih Baris yang akan di lihat...",
buttons : '[Ok]'
});;
});
$('#btn_delete').click(function() {
if (mID) window.location = '${home}user/group/' + mID + '/delete?gid=' + mGID;
else
$.SmartMessageBox({
title : "Hapus",
content : "Pilih Baris yang akan di hapus...",
buttons : '[Oke]'
});
});
$("#btn_close").click(function() {
window.location = '/';
return false;
});
});
</script>
</html>
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Tambah data</h3>
</div>
<div class="panel-body">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-4 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-8">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}
</p>
</div>
</div>
</div>
<div class="pull-right">
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- end content -->
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Hapus data</h3>
</div>
<div class="panel-body">
Delete user ID #${row.id} ${row.email} ?
</div>
</div>
<div tal:content="structure form"/>
</div>
<!-- end content -->
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Edit data</h3>
</div>
<div class="panel-body">
<div class="alert alert-danger" tal:condition="form and form.error and True or False">
<div class="error-msg-lbl">Kesalahan Pengisian Form</div>
<p class="error-msg">${form.errormsg}</p>
</div>
<form method="post" accept-charset="utf-8" id="myform" class="form-horizontal" enctype="multipart/form-data">
<div class="form-group" tal:repeat="f form">
<div id="item-${f.oid}" style="${f.widget.hidden and 'display:none;' or 'display:block;'}">
<label for="${f.oid}" class="control-label col-md-4 ${f.required and 'required' or ''} " id="req-${f.oid}">
${f.title}</label>
<div class="col-md-8">
${structure:f.serialize()}
<p id="error-${f.oid}" class="help-block" tal:condition="f.error"
tal:repeat="error f.error.messages()">
${error}
</p>
</div>
</div>
</div>
<div class="pull-right">
<button type="submit" class="btn btn-primary" id="simpan" name="simpan">Simpan</button>
<button type="submit" class="btn btn-warning" id="batal" name="batal">Tutup</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- end content -->
</html>
\ No newline at end of file \ No newline at end of file
<html metal:use-macro="load: ../main.pt">
<!-- content -->
<div metal:fill-slot="content">
<table id="table1" class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th>ID</th>
<th>Email</th>
<th>User Name</th>
<th>Status</th>
<th>Last Login</th>
<th>Registered Date</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<!-- end content -->
<script type="text/javascript" metal:fill-slot="scripts">
var mID;
var oTable;
var oTableUri = "${home}/user/ws"
var oTableUrl = oTableUri + "/grid/act";
$(document).ready(function() {
oTable = $('#table1').DataTable({
dom: '<"row"<"col-md-8"<"toolbar">l><"col-md-4"f>>rtip',
processing: true,
serverSide: true,
ajax: oTableUrl,
stateSave: true,
scrollCollapse: true,
sort: true,
info: false,
filter: true,
autoWidth: false,
paginate: true,
paginationType: "full_numbers",
lengthMenu: [
[10, 25, 50, 100],
[10, 25, 50, 100]
],
columnDefs: [{
searchable: false,
visible: false,
targets: [0]
}],
columns: [{
"data": "id"
},
{
"data": "email",
"width": "200px",
"className": "text-left"
},
{
"data": "name"
},
{
"data": "status",
"width": "200px",
"className": "text-center"
},
{
"data": "last_login",
"width": "200px",
"className": "text-center"
},
{
"data": "registered",
"width": "200px",
"className": "text-center"
}
],
"language": {
"search": "Cari: ",
"paginate": {
"first": "Pertama ",
"last": "Akhir ",
"previous": "",
"next": "",
},
"lengthMenu": "Tampil _MENU_ baris "
},
});
var tb_array = [
'<div class="btn-group pull-left">',
' <button id="btn_add" class="btn btn btn-primary" type="button">Tambah</button>',
' <button id="btn_edit" class="btn btn btn-warning" type="button">Edit</button>',
' <button id="btn_delete" class="btn btn btn-danger" type="button">Hapus</button>',
' <button id="btn_csv" class="btn btn btn-primary" type="button">CSV</button>',
' <button id="btn_pdf" class="btn btn btn-primary" type="button">PDF</button>',
' <button id="btn_close" class="btn btn btn-success" type="button">Tutup</button>',
' &nbsp;',
'</div>',
];
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
$('#table1 tbody').on('click', 'tr', function() {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
var aData = oTable.row(this).data();
oTable.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
mID = aData.id;
console.log(mID);
oTable.$('tr.row_selected').removeClass('row_selected');
$(this).addClass('row_selected');
/*oTable2.fnReloadAjax("egaji/grid2?id=" + mID);*/
}
});
$('#btn_add').click(function() {
window.location = oTableUri + '/add';
});
$('#btn_edit').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/edit';
else alert('Pilih Baris yang akan di edit');
});
$('#btn_delete').click(function() {
if (mID) window.location = oTableUri + '/' + mID + '/delete';
else alert('Pilih Baris yang akan di hapus');
});
$('#btn_csv').click(function() {
url = oTableUri + "/csv/act";
window.open(url);
});
$('#btn_pdf').click(function() {
url = oTableUri + "/pdf/act";
window.open(url);
});
$("#btn_close").click(function() {
window.location = '/';
return false;
});
});
</script>
</html>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!