QuotationMaker/Views/Home/ModalList.cshtml

115 lines
5.2 KiB
Plaintext

@*
For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
Layout = "_LooperLayout";
}
@section Style {
<link rel="stylesheet" href="~/assets/vendor/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css">
}
@section Script {
<script src="~/assets/vendor/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="~/assets/vendor/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="~/assets/vendor/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
<script src="~/assets/javascript/pages/dataTables.bootstrap.js"></script>
<script src="~/assets/javascript/custom/modallist.js" asp-append-version="true"></script>
}
<div class="page-inner">
<!-- .page-title-bar -->
<header class="page-title-bar">
<!-- .breadcrumb -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item active">
<a href="#"><i class="breadcrumb-icon fa fa-angle-left mr-2"></i>主項目清單</a>
</li>
</ol>
</nav><!-- /.breadcrumb -->
<!-- title -->
<h1 class="page-title"> 主項目清單 </h1>
<p class="text-muted"> </p><!-- /title -->
</header><!-- /.page-title-bar -->
<!-- .page-section -->
<div class="page-section">
<button type="button" id="modelProjNewBtn" class="btn btn-primary btn-floated position-absolute" title="Add new client"><i class="fa fa-plus"></i></button>
<!-- .card -->
<div class="card card-fluid">
<!-- .card-body -->
<div class="card-body">
<div class="form-row">
<div class="col-md-3">
<div class="form-group">
<label for="dept_select">單位</label>
<select class="custom-select custom-select-sm" id="dept_select" name="dept_select" required="">
</select>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<label for="search_btn" style="display: block;">&nbsp; &nbsp;</label>
<button type="button" class="btn btn-info btn-sm" id="search_btn">切換單位</button>
</div>
</div>
</div>
</div><!-- /.card-body -->
</div><!-- /.card -->
<!-- .card -->
<div class="card card-fluid">
<!-- .card-body -->
<div class="card-body">
<!-- .table -->
<table id="dt-responsive" class="table dt-responsive nowrap w-100">
<thead>
<tr>
<th> 專案類型 </th>
<th> 建立時間 </th>
<th> 功能 </th>
</tr>
</thead>
</table><!-- /.table -->
</div><!-- /.card-body -->
</div><!-- /.card -->
</div><!-- /.page-section -->
</div>
<!-- .modal -->
<form id="clientModelProjForm" name="clientModelProjForm">
<div class="modal fade" id="modelProjModal" tabindex="-1" role="dialog" aria-labelledby="modelProjModalLabel" data-backdrop="static"
data-keyboard="false" aria-hidden="true">
<!-- .modal-dialog -->
<div class="modal-dialog" role="document">
<!-- .modal-content -->
<div class="modal-content">
<!-- .modal-header -->
<div class="modal-header">
<h6 id="modelProjModalLabel" class="modal-title inline-editable">
<span class="sr-only">專案類型</span> <input id="group_content" type="text" class="form-control form-control-lg" value="" placeholder="專案類型" readonly="readonly " required="">
</h6>
</div><!-- /.modal-header -->
<!-- .modal-body -->
<div class="modal-body">
<input type="hidden" id="modelProj_method" />
<input type="hidden" id="modelProj_uid" />
<input type="hidden" id="dept_uid" />
<!-- .form-group -->
<div class="form-group">
<div class="form-label-group">
<input type="text" id="modelProj_name" class="form-control" value="" placeholder="專案類型名稱" maxlength="12" required=""> <label for="modelProj_name">專案類型名稱</label>
</div>
</div><!-- /.form-group -->
</div><!-- /.modal-body -->
<!-- .modal-footer -->
<div class="modal-footer">
<button type="button" id="modelProjDialogSaveBtn" class="btn btn-primary">Save</button> <button type="button" class="btn btn-light" data-dismiss="modal" data-target="#modelProjModal">Close</button>
</div><!-- /.modal-footer -->
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
</form><!-- /.modal -->