157 lines
8.2 KiB
Plaintext
157 lines
8.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/sortablejs/Sortable.min.js"></script>
|
|
<script src="~/assets/vendor/nestable2/jquery.nestable.min.js"></script>
|
|
<script src="~/assets/javascript/custom/optionlist.js?v=3"></script>
|
|
}
|
|
<!-- .page-inner -->
|
|
<div class="page-inner">
|
|
<!-- .page-title-bar -->
|
|
<header class="page-title-bar">
|
|
<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>
|
|
<h1 class="page-title"> 選項項目資料維護 </h1>
|
|
</header><!-- /.page-title-bar -->
|
|
<!-- .page-section -->
|
|
<div class="page-section">
|
|
<!-- .section-block -->
|
|
<div class="section-block" style="display: none;">
|
|
<h2 class="section-title"> Nestable </h2>
|
|
<p class="text-muted"> Drag & drop hierarchical list with mouse and touch compatibility. </p>
|
|
</div><!-- /.section-block -->
|
|
<!-- grid row -->
|
|
<div class="row">
|
|
<!-- grid column -->
|
|
<div class="col-lg-6">
|
|
<!-- .card -->
|
|
<div class="card card-fluid">
|
|
<div class="card-header border-bottom-0"> KOL成員類型 </div><!-- .nestable -->
|
|
<div id="nestable01" class="dd" data-toggle="sortable" data-max-depth="1" data-type="kolMakeup">
|
|
<!-- .dd-list -->
|
|
<ol class="dd-list">
|
|
|
|
</ol><!-- /.dd-list -->
|
|
</div><!-- /.nestable -->
|
|
<!-- .card-footer -->
|
|
<div class="card-footer">
|
|
<a href="javascript: void(0);" onclick="addItem(this)" data-type="kolMakeup" class="card-footer-item justify-content-start"><span><i class="fa fa-plus-circle mr-1"></i> Add Menu Item</span></a>
|
|
</div><!-- /.card-footer -->
|
|
</div><!-- /.card -->
|
|
</div><!-- /grid column -->
|
|
<!-- grid column -->
|
|
<div class="col-lg-6">
|
|
<!-- .card -->
|
|
<div class="card card-fluid">
|
|
<div class="card-header border-bottom-0"> KOL類型 </div><!-- .nestable -->
|
|
<div id="nestable02" class="dd" data-toggle="sortable" data-max-depth="1" data-type="kolStyle">
|
|
<!-- .dd-list -->
|
|
<ol class="dd-list">
|
|
</ol><!-- /.dd-list -->
|
|
</div><!-- /.nestable -->
|
|
<!-- .card-footer -->
|
|
<div class="card-footer">
|
|
<a href="javascript: void(0);" onclick="addItem(this)" data-type="kolStyle" class="card-footer-item justify-content-start"><span><i class="fa fa-plus-circle mr-1"></i> Add Menu Item</span></a>
|
|
</div><!-- /.card-footer -->
|
|
</div><!-- /.card -->
|
|
</div><!-- /grid column -->
|
|
<!-- grid column -->
|
|
<div class="col-lg-6">
|
|
<!-- .card -->
|
|
<div class="card card-fluid">
|
|
<div class="card-header border-bottom-0"> 粉絲輪廓 </div><!-- .nestable -->
|
|
<div id="nestable03" class="dd" data-toggle="sortable" data-max-depth="1" data-type="fansType">
|
|
<!-- .dd-list -->
|
|
<ol class="dd-list">
|
|
</ol><!-- /.dd-list -->
|
|
</div><!-- /.nestable -->
|
|
<!-- .card-footer -->
|
|
<div class="card-footer">
|
|
<a href="javascript: void(0);" onclick="addItem(this)" data-type="fansType" class="card-footer-item justify-content-start"><span><i class="fa fa-plus-circle mr-1"></i> Add Menu Item</span></a>
|
|
</div><!-- /.card-footer -->
|
|
</div><!-- /.card -->
|
|
</div><!-- /grid column -->
|
|
<!-- grid column -->
|
|
<div class="col-lg-6">
|
|
<!-- .card -->
|
|
<div class="card card-fluid">
|
|
<div class="card-header border-bottom-0"> 合作形式 </div><!-- .nestable -->
|
|
<div id="nestable04" class="dd" data-toggle="sortable" data-max-depth="1" data-type="cooperateType">
|
|
<!-- .dd-list -->
|
|
<ol class="dd-list">
|
|
</ol><!-- /.dd-list -->
|
|
</div><!-- /.nestable -->
|
|
<!-- .card-footer -->
|
|
<div class="card-footer">
|
|
<a href="javascript: void(0);" onclick="addItem(this)" data-type="cooperateType" class="card-footer-item justify-content-start"><span><i class="fa fa-plus-circle mr-1"></i> Add Menu Item</span></a>
|
|
</div><!-- /.card-footer -->
|
|
</div><!-- /.card -->
|
|
</div><!-- /grid column -->
|
|
<!-- grid column -->
|
|
<div class="col-lg-6">
|
|
<!-- .card -->
|
|
<div class="card card-fluid">
|
|
<div class="card-header border-bottom-0"> 媒體平台 </div><!-- .nestable -->
|
|
<div id="nestable05" class="dd" data-toggle="sortable" data-max-depth="1" data-type="media">
|
|
<!-- .dd-list -->
|
|
<ol class="dd-list">
|
|
</ol><!-- /.dd-list -->
|
|
</div><!-- /.nestable -->
|
|
<!-- .card-footer -->
|
|
<div class="card-footer">
|
|
<a href="javascript: void(0);" onclick="addItem(this)" data-type="media" class="card-footer-item justify-content-start"><span><i class="fa fa-plus-circle mr-1"></i> Add Menu Item</span></a>
|
|
</div><!-- /.card-footer -->
|
|
</div><!-- /.card -->
|
|
</div><!-- /grid column -->
|
|
</div><!-- /grid row -->
|
|
</div><!-- /.page-section -->
|
|
</div><!-- /.page-inner -->
|
|
|
|
<!-- .modal -->
|
|
<form id="clientContactEditForm" name="clientContactEditForm">
|
|
<div class="modal fade" id="optionItemModal" tabindex="-1" role="dialog" aria-labelledby="optionItemModalLabel" 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="optionItemModalLabel" class="modal-title inline-editable">
|
|
<span class="sr-only">項目名稱</span> <input id="option_name" 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="method" />
|
|
<input type="hidden" id="option_uid" />
|
|
<input type="hidden" id="optionItem_uid" />
|
|
<!-- .form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input type="text" id="optionItem_name" class="form-control" value="" placeholder="名稱" maxlength="32" required=""> <label for="optionItem_name">名稱</label>
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
|
|
</div><!-- /.modal-body -->
|
|
<!-- .modal-footer -->
|
|
<div class="modal-footer">
|
|
<button type="button" id="optionItemDialogSaveBtn" class="btn btn-primary">Save</button> <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
|
|
</div><!-- /.modal-footer -->
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div>
|
|
</form><!-- /.modal --> |