????
Your IP : 216.73.216.209
<% layout('../layouts/userLayout.eta') %>
<div class="content">
<div class="page-inner">
<div class="page-header">
<h4 class="page-title">Nộp hồ sơ</h4>
<ul class="breadcrumbs">
<li class="nav-home"><a href="/"><i class="flaticon-home"></i></a></li>
<li class="separator"><i class="flaticon-right-arrow"></i></li>
<li class="nav-item"><a href="/main">Giao diện chính</a></li>
<li class="separator"><i class="flaticon-right-arrow"></i></li>
<li class="nav-item">Nộp hồ sơ</a></li>
</ul>
</div>
<div class="row">
<div class="col">
<div class="card">
<div class="card-body">
<!-- <table id="fileTable" role="table" class="table table-bordered table-striped w-100">
<thead role="rowgroup">
<tr role="row">
<th>Phông</th>
<th>Mục lục</th>
<th>Hộp số</th>
<th>Hồ sơ số</th>
<th>Tiêu đề</th>
<th>Thời gian</th>
<th>Số trang</th>
<th>Số tờ</th>
<th>Người nộp</th>
<th>Người duyệt</th>
<th>Trạng thái</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div id="detail-card" class="card collapse">
<div class="card-header bg-primary">
<div class="card-title text-white">Văn bản trong hồ sơ</div>
</div>
<div class="card-body">
<table id="detailTable" class="table table-bordered table-striped w-100">
<thead>
<tr>
<th style="max-width: 50px">STT</th>
<th>Số và ký hiệu</th>
<th>Trích yếu</th>
<th>Ngày ban hành</th>
<th></th>
</tr>
</thead>
</table> -->
<input type="file" id="test-file" allowdirs webkitdirectory multiple>
<button class="btn btn-primary">Tải lên</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Modal view văn bản-->
<div class="modal" id="view-modal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal body -->
<div class="modal-body" id="view-frame">
<iframe class="w-100" style="min-height:100vh"></iframe>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<a id="doc-view-link"><button class="btn btn-primary btn-sm">Tải xuống</button></a>
<button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Đóng lại</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#test-file').on('dragover', function (e) {
e.preventDefault();
});
$('#test-file').on('drop', async function (e) {
var entries = e.originalEvent.dataTransfer.items;
var tree = [];
for (var i = 0; i < entries.length; i++) {
var entry = entries[i].webkitGetAsEntry();
if (entry) tree.push(await detailEntry(entry));
}
console.log(tree);
});
async function detailEntry(entry) {
if (entry.isFile) {
return { file: await readFile(entry) };
} else if (entry.isDirectory) {
return {
folder: {
name: entry['name'],
childs: await readDir(entry)
}
};
}
}
function readDir(dirEntry) {
return new Promise(function (resolve, reject) {
var dirReader = dirEntry.createReader();
dirReader.readEntries(async function (items) {
let result = [];
for (var i = 0; i < items.length; i++) {
result.push(await detailEntry(items[i]))
}
resolve(result);
})
})
}
function readFile(fileEntry) {
return new Promise(function (resolve, reject) {
fileEntry.file(function (file) {
resolve(file);
})
})
}
// var fileTable = $("#fileTable").DataTable({
// ajax: {
// url: "?list=true",
// dataType: "json"
// },
// select: {
// style: 'single'
// },
// processing: true,
// serverSide: true,
// language: {
// url: "/js/plugin/datatables/Vietnamese.json"
// },
// columns: [
// { data: "FondCode" },
// {
// data: "FileCatalog",
// render: function (data, type, row) {
// return `${data.toString().padStart(2, '0')}`;
// }
// },
// {
// data: "BoxNumber",
// render: function (data, type, row) {
// return `${data.toString().padStart(2, '0')}`;
// }
// },
// { data: "FileNumber" },
// { data: "Title" },
// {
// data: "StartDate",
// render: function (data, type, row) {
// return `${data ? moment(data).format("DD/MM/YYYY") : ""} - ${row.EndDate ? moment(row.EndDate).format("DD/MM/YYYY") : ""}`;
// }
// },
// { data: "PageNumber" },
// { data: "SheetNumber" },
// { data: "EditedBy" },
// { data: "ApprovedBy" },
// {
// data: "State",
// orderable: false,
// render: function (data, type, row) {
// if (data == 3) return "<span class='badge badge-warning'>Đang chờ duyệt</span>";
// else if (data == 4) return "<span class='badge badge-success'>Đã duyệt</span>";
// return "";
// }
// }
// ]
// });
// fileTable.on("select", function (e, dt, type, indexes) {
// var fileId = fileTable.rows(indexes).data()[0].UUID;
// $("#detail-card").removeClass("collapse");
// if ($.fn.DataTable.isDataTable('#detailTable')) $('#detailTable').DataTable().destroy();
// $('#detailTable').DataTable({
// ajax: {
// url: "/sohoa/vanban",
// dataType: "json",
// data: { fileId: fileId },
// headers: {
// 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
// },
// dataSrc: ""
// },
// language: {
// url: "/js/plugin/datatables/Vietnamese.json"
// },
// columns: [
// { data: "DocOrdinal" },
// {
// data: null,
// render: function (data, type, row) {
// if (row.CodeNumber || row.CodeNotation) return `${row.CodeNumber}/${row.CodeNotation}`;
// return "";
// }
// },
// { data: "Subject" },
// {
// data: "IssuedDate",
// render: function (data, type, row) {
// return data ? moment(data).format("DD/MM/YYYY") : "";
// }
// },
// {
// data: "UUID",
// orderable: false,
// render: function (data, type, row) {
// return `<div class="btn-group">
// <button class="btn btn-success btn-xs btn-icon preview-btn"><i class="fas fa-eye"></i></button>
// <a href="/sohoa/vanban/${data}?download=true"><button class="btn btn-primary btn-xs btn-icon"><i class="fas fa-download"></i></button></a>
// </div>`;
// }
// }
// ]
// });
// });
// fileTable.on("deselect", function (e, dt, type, indexes) {
// var fileCode = fileTable.rows(indexes).data()[0].FileCode;
// $("#detail-card").addClass("collapse");
// if ($.fn.DataTable.isDataTable('#detailTable')) $('#detailTable').DataTable().destroy();
// });
// //Bảng chi tiết văn bản
// $("#detailTable").on("click", ".preview-btn", function (e) {
// var docId = $("#detailTable").DataTable().row($(this).closest("tr")).data().UUID;
// $("#view-modal iframe").attr("src", `/viewer/${window.encodePath(`/sohoa/vanban/${docId}`)}`);
// $("#doc-view-link").attr("href", `/sohoa/vanban/${docId}?download=true`);
// $("#view-modal").modal("show");
// });
})
</script>