????
Your IP : 216.73.216.209
<% layout('../layouts/userLayout.eta') %>
<style>
#folder-content li:nth-of-type(odd) {
background: inherit;
border-bottom: 1px solid black
}
#folder-content li:nth-of-type(even) {
background: lightcyan;
border-bottom: 1px solid black
}
#folder-content li:hover {
background: lightskyblue
}
#card-list {
overflow-x: hidden;
overflow-y: hidden;
width: 100%;
height: 200vh;
transition: all 0.5s ease-in-out;
z-index: 99
}
@media (max-width: 992px) {
#card-list {
height: 100px;
transition: all 0.5s ease-in-out
}
}
#card-list:hover {
overflow-y: scroll;
min-width: 300px;
}
#card-list:hover #folder-content li i {
display: inline-block
}
#folder-content li span,
#card-list:not(:hover) #folder-content li i {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#folder-content li span {
font-size: .85rem;
color: black
}
#folder-content li:hover span {
white-space: normal;
word-break: break-all
}
#folder-content li:hover i {
text-overflow: initial;
white-space: nowrap
}
#folder-content li img {
width: 24px;
height: 24px;
margin: 5px
}
#card-list .card-body {
position: relative
}
#dropzone {
width: 100%;
min-height: 100px;
border: dashed 1px black;
background-color: azure
}
#dropzone:hover {
background-color: lightblue
}
#dropzone center {
text-align: center
}
#drop-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
background-color: silver
}
#drop-overlay .dz-preview {
margin: 5px
}
#drop-overlay .dz-preview * {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#drop-overlay .dz-preview:hover * {
white-space: normal;
word-break: break-all
}
#folderPath {
white-space: normal
}
.k-input {
font-size: 14px !important
}
#pdf-viewer iframe {
width: 100%;
max-height: 100vh
}
#folder-content li .del-file {
display: none;
}
#folder-content li:hover .del-file {
display: block;
}
#floating-div {
position: fixed;
top: 50%;
right: 0;
transform: translateY(50%);
}
#floating-div #floating-label {
display: none;
}
#floating-div:hover #floating-label {
display: inline;
}
</style>
<div class="content">
<div class="page-inner">
<div class="page-header">
<h4 class="page-title">Tạo mới văn bản lưu trữ</h4>
<ul class="breadcrumbs">
<li class="nav-home"><a href="/main"><i class="flaticon-home"></i></a></li>
<li class="separator"><i class="flaticon-right-arrow"></i></li>
<li class="nav-item"><a href="/sohoa">Số hóa</a></li>
<li class="separator"><i class="flaticon-right-arrow"></i></li>
<li class="nav-item">Tạo văn bản</li>
</ul>
</div>
<div id="add-doc-ui" class="row">
<div class="col-lg-1">
<div id="card-list" class="card">
<div class="card-header py-2" style="white-space: nowrap">
<div class="btn-group">
<button id="reload-btn" type="button" class="btn btn-icon btn-success btn-link btn-sm"><i
class="fas fa-sync-alt"></i></button>
<button id="add-folder-btn" type="button" class="btn btn-icon btn-primary btn-link btn-sm"><i
class="fas fa-plus-circle"></i></button>
</div>
<input id="folderPath" type="text" class="form-control" readonly>
</div>
<div class="card-body">
<div id="folder-err-msg"></div>
<div id="dropzone">
<center>Nhấp hoặc kéo thả để tải lên tập tin</center>
</div>
<ul id="folder-content" class="card-list"></ul>
<div id="drop-overlay" class="collapse"></div>
</div>
</div>
</div>
<div class="col-lg-7 col-md-6">
<div class="card h-100">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<div class="form-group form-inline">
<label class="col-sm-3 col-form-label">Phông</label>
<div class="col-sm-9 p-0">
<select id="select-fond" class="form-control input-full"></select>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group form-inline">
<label class="col-sm-3 col-form-label">Hồ sơ</label>
<div class="col-sm-9 p-0">
<select id="select-file" class="form-control input-full" data-bind="value: fileCode"></select>
</div>
</div>
</div>
</div>
<div id="pdfViewerContainer" class="min-vh-100 vh-100 w-100">
<iframe id="pdfViewerFrame" class="w-100" src="/viewer"></iframe>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card h-100">
<div class="card-header bg-info py-2">
<div class="card-head-row">
<div class="card-title text-white">Thông tin văn bản</div>
<div class="card-tools">
<div class="input-group">
<input id="docname" class="form-control" readonly></span>
<div class="input-group-append">
<span class="input-group-text bg-secondary text-white" id="doc-size"></span>
</div>
</div>
</div>
</div>
</div>
<form id="addDoc" role="form" enctype="multipart/form-data" autocomplete="on">
<div class="card-body">
<div class="row">
<div id="msg-div" class="ml-auto col-12"></div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label class="placeholder text-truncate">Mã hồ sơ</label>
<input id="doc-file" type="text" name="file" class="form-control" title="Không được để trống"
data-bind="value: fileCode" readonly required>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label class="placeholder text-truncate">Số thứ tự</label>
<input type="number" name="ordinal" class="form-control" title="Không được để trống"
placeholder="Nhập số thứ tự" data-bind="value: doc.ordinal" required>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label class="placeholder text-truncate">Số</label>
<input id="docnumber" type="text" class="form-control" name="number" placeholder="Nhập số văn bản"
title="Chỉ được nhập số" data-bind="value: doc.number">
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label class="placeholder text-truncate">Ký hiệu</label>
<input type="text" class="form-control" name="notation" placeholder="Nhập ký hiệu văn bản"
data-bind="value: doc.notation">
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label class="placeholder text-truncate">Loại văn bản</label>
<select id="docTypes" class="form-control" name="type" title="Chọn loại văn bản">
<option></option>
</select>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label class="placeholder text-truncate">Ngày ban hành</label>
<input id="date" type="text" name="date" class="form-control" data-bind="value: doc.issuedDate">
</div>
</div>
<div class="col-12">
<div class="form-group">
<label class="placeholder text-truncate">Tên cơ quan, tổ chức ban hành</label>
<input type="text" data-role="autocomplete" data-filters="contains" data-min-length="2"
data-text-field="OrganName" data-delay="50"
data-placeholder="Nhập tên hoặc chọn từ danh sách bên dưới" name="organname" class="form-control"
data-bind="source: organs">
</div>
</div>
<div class="col-12">
<div class="form-group">
<label class="placeholder text-truncate">Trích yếu nội dung</label>
<textarea class="form-control" rows="2" name="subject" title="Không được để trống"
placeholder="Nhập trích yếu nội dung văn bản..." required></textarea>
</div>
</div>
<div class="col-12">
<div class="form-group">
<label class="placeholder text-truncate">Ghi chú</label>
<textarea class="form-control" rows="2" name="desc" placeholder="Nhập ghi chú..."
data-bind="value: doc.desc"></textarea>
</div>
</div>
<div class="col-12">
<div class="form-group">
<label class="placeholder text-truncate" style="display:block">Từ khóa</label>
<input id="doc-keyword" type="text" name="keyword" class="form-control"
placeholder="Nhập từ khóa văn bản..." data-role="tagsinput" data-bind="value: doc.keyword">
</div>
</div>
<div class="col-12">
<div class="form-group">
<label class="placeholder text-truncate">Ký hiệu thông tin</label>
<input type="text" name="inforsign" class="form-control"
placeholder="Nhập ký hiệu thông tin (nếu có)" data-bind="value: doc.inforsign">
</div>
</div>
<div class="col-12">
<div class="form-group">
<label class="placeholder text-truncate">Bút tích</label>
<textarea rows="2" name="autograph" class="form-control"
data-bind="value: doc.autograph"></textarea>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label class="placeholder text-truncate">Tổng số tờ</label>
<input type="number" class="form-control" name="sheetamount" data-bind="value: doc.sheetamount"
title="Chỉ được nhập số">
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label class="placeholder text-truncate">Tờ số</label>
<input type="number" class="form-control" name="sheetindex" data-bind="value: doc.sheetindex"
title="Chỉ được nhập số">
</div>
</div>
<div class="col-12">
<div class="form-group">
<label class="placeholder text-truncate">Tình trạng vật lý</label>
<input type="text" name="format" class="form-control" data-bind="value: doc.format"
placeholder="Nhập tình trạng nếu có hư hỏng">
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label class="placeholder text-truncate">Chế độ sử dụng</label>
<div class="select2-input">
<select id="mode" name="mode" class="form-control"></select>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label class="placeholder text-truncate">Mức độ tin cậy</label>
<div class="select2-input">
<select id="level" name="level" class="form-control"></select>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label class="placeholder text-truncate">Ngôn ngữ</label>
<select id="language" class="form-control" name="language"></select>
</div>
</div>
<input id="doc-dir" type="hidden" name="dirpath">
<input id="doc-name" type="hidden" name="docname">
<!-- <div class="col-12 col-lg-6">
<div class="form-group">
<label class="placeholder text-truncate">Số trang</label>
<input type="number" id="pageamount" class="form-control" name="pageamount"
title="Chỉ được nhập số">
</div>
</div> -->
</div>
</div>
<div class="card-footer">
<div class="d-flex justify-content-end">
<button id="submit-btn" type="submit" class="btn btn-success">
<span class="btn-label"><i class="fas fa-file-medical"></i></span>
Tạo văn bản
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div id="floating-div">
<button id="floating-btn" class="btn btn-success" title="Thêm mới văn bản">
<span class="btn-label"><i class="fas fa-plus-square"></i></span>
<span id="floating-label">Tạo văn bản</span>
</button>
</div>
<script src="/js/plugin/dropzone/dropzone.js"></script>
<script src="/js/plugin/bootstrap-notify/bootstrap-notify.min.js"></script>
<script defer type="text/javascript">
document["gFonds"] = '<%= it.fondId || '' %>';
document["gFile"] = '<%= it.fileCode || '' %>';
</script>
<script defer type="text/javascript" src="/js/sohoa/taovanban.js"></script>