Advertisement
Guest User

Untitled

a guest
Dec 11th, 2019
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.44 KB | None | 0 0
  1. @{
  2. Layout = "_Layout";
  3. }
  4.  
  5. <style>
  6. /*html {
  7. overflow-x: hidden;
  8. }*/
  9. .form-group .form-control {
  10. padding-right: 3.375rem;
  11. }
  12. .form-group .form-control-icon {
  13. position: absolute;
  14. z-index: 2;
  15. display: block;
  16. width: 25.375rem;
  17. height: 2.375rem;
  18. line-height: 2.375rem;
  19. text-align: center;
  20. pointer-events: none;
  21. color: #aaa;
  22. }
  23. .select2-container {
  24. z-index: 100000;
  25. }
  26. .swal2-container {
  27. z-index: 100000;
  28. }
  29.  
  30. html {
  31. overflow-x: hidden;
  32. }
  33.  
  34. .form-group .form-control {
  35. padding-right: 3.375rem;
  36. }
  37.  
  38. .form-group .form-control-icon {
  39. position: absolute;
  40. z-index: 2;
  41. display: block;
  42. width: 25.375rem;
  43. height: 2.375rem;
  44. line-height: 2.375rem;
  45. text-align: center;
  46. pointer-events: none;
  47. color: #aaa;
  48. }
  49.  
  50. .select2-container {
  51. z-index: 100000;
  52. }
  53. .search .select2-container {
  54. z-index: 1;
  55. }
  56.  
  57. .swal2-container {
  58. z-index: 12000;
  59. }
  60.  
  61. #drag-drop-userprofile div.uppy-Dashboard-inner {
  62. min-height: 250px;
  63. }
  64.  
  65. #drag-drop-edit-userprofile div.uppy-Dashboard-inner {
  66. min-height: 250px;
  67. min-width: 250px;
  68. }
  69.  
  70. td.pointer:hover {
  71. /*background: blue;*/
  72. /*text-decoration: underline;*/
  73. font-weight: bold;
  74. }
  75.  
  76. body #modalHistoryFeederType {
  77. width: 250% !important;
  78. margin-left: -70% !important;
  79. }
  80.  
  81. .modal-full {
  82. min-width: 100%;
  83. margin: 0;
  84. }
  85.  
  86. .modal-full .modal-content {
  87. min-height: 100vh;
  88. }
  89.  
  90. /*table.dataTable tbody tr {
  91. color: white;
  92. background-color: red !important;
  93. }*/
  94. .widthcomment {
  95. width: 90%;
  96. }
  97. .validationdoc {
  98. background-color: red;
  99. color: white;
  100. }
  101. </style>
  102.  
  103.  
  104. <main class="main">
  105.  
  106. <div class="container-fluid">
  107. <div class="animated fadeIn pt-2">
  108. <div id="scanFeeder">
  109. <div class="animated fadeIn">
  110. <div class="row">
  111. <div class="col-6">
  112. <ol class="breadcrumb m-0">
  113. <li class="breadcrumb-item active" id="breadcrumbBrand"><a href="#" data-page="brand">Brand</a></li>
  114. <li class="breadcrumb-item d-none" id="breadcrumbModel"><a href="#" data-page="model">Model</a></li>
  115. <li class="breadcrumb-item d-none" id="breadcrumbMachine"><a href="#" data-page="machine">Machine</a></li>
  116. </ol>
  117. </div>
  118.  
  119. <div class="col-6">
  120. <button id="btnAddNewScanProcess" class="btn btn-info mt-2 pull-right d-none required-sn-pm" type="button" onclick="resetNewScanFeeder()">
  121. <i class="fa fa-recycle"></i> Clear
  122. </button>
  123.  
  124. <button id="btnMaintenanceGroup" class="btn btn-success pull-right d-block" type="button" onclick="maintenanceGroup()">
  125. <i class="fa fa-cogs"></i> Maintenance Group
  126. </button>
  127. </div>
  128. </div>
  129. <div id="divScanFeeder" class="animated fadeIn d-none">
  130. <div class="row">
  131. <div class="col-md-12 divModelMain">
  132. <div class="card">
  133. <div class="card-body divSection">
  134.  
  135. <i onclick="cancleScanProcess()" class="fa fa-arrow-left font-xl mt-2 pointer iBack"></i>
  136.  
  137. <h5 class="d-inline-block m-0 mt-0">Feeder PM</h5>
  138. <div class="col-12">
  139. <label class="mt-3 font-weight-bold control-label">SN</label>
  140. <input type="text" class="form-control" id="txtAddSerialNumber" />
  141. </div>
  142. </div>
  143. <div class="card-body divSection">
  144. <table id="feederListData" class="display" style="width:100%" cellpadding="10">
  145. <thead>
  146. <tr>
  147. <th class="text-center">SerialNumber</th>
  148. <th class="text-center">Comment</th>
  149. <th class="text-center">Action</th>
  150. </tr>
  151. </thead>
  152. </table>
  153. </div>
  154. <div class="col-md-12 my-3">
  155. <button class="btn btn-primary pull-right required-sn-pm" type="button" data-toggle="modal" onclick="btnMaintenanceFeeder()" id="btnMaintenanceFeeder">
  156. <i class="fa fa-cogs"></i> Maintenance
  157. </button>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167.  
  168.  
  169. <div class="container-fluid">
  170. <div class="animated fadeIn pt-3 d-none">
  171. <div class="animated fadeIn">
  172. <div id="ui-view">
  173. <div class="row">
  174. <div class="col-md-12 divModelMain">
  175. <div class="card m-0">
  176. <div class="card-body divSection">
  177. <button class="btn btn-primary pull-right " type="button" data-toggle="modal">Go</button>
  178. <div class="form-group mr-sm-2 pull-right">
  179. <span class="fa fa-search form-control-icon "></span>
  180. <input type="text" class="form-control mr-sm-2" placeholder="Search">
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190.  
  191. <div class="container-fluid">
  192. <div>
  193. <div class="animated fadeIn d-none">
  194. <div id="problemView">
  195. <div class="animated fadeIn">
  196. <div class="row">
  197. <div class="col-md-12 my-3">
  198. </div>
  199. </div>
  200. <div class="animated fadeIn">
  201. <div class="row">
  202. <div class="col-md-12 divModelMain">
  203. <div class="card">
  204. <div class="card-body divSection">
  205. <h4 class="d-inline-block m-0 mt-0">Feeder PM</h4>
  206. <div class="col-12">
  207. <label class="mt-3 font-weight-bold control-label">SN</label>
  208. <input type="text" class="form-control" id="txtAddSerialNumber" />
  209. </div>
  210. </div>
  211. <div class="card-body divSection">
  212. <table id="feederListData" class="display" style="width:100%" cellpadding="10">
  213. <thead>
  214. <tr>
  215. <th>Id</th>
  216. <th class="text-center">Name</th>
  217. <th class="text-left">Description</th>
  218. <th class="text-center">Action</th>
  219. </tr>
  220. </thead>
  221. </table>
  222. </div>
  223. <div class="col-md-12 my-3">
  224. @*<button class="btn btn-primary pull-right " type="button" data-toggle="modal" onclick="addMaintenanceFeeder()">
  225. <i class="fa fa-cogs"></i> Maintenance
  226. </button>*@
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237.  
  238.  
  239. @*class="d-none"*@
  240. <div id="divViewFeederData" class="d-block">
  241. <div class="container-fluid">
  242.  
  243. <div id="divsearch">
  244. <div class="animated fadeIn pt-3">
  245. <div class="animated fadeIn">
  246. <div class="card m-0">
  247. <div class="card-body divSection">
  248. <div class="row">
  249. <div class="col-lg-2">
  250.  
  251. </div>
  252. <div class="col-lg-3">
  253. <div class="d-block">
  254. <div id="divSelectBuilding" class="d-block search">
  255. <label class="font-weight-bold control-label d-block">Building</label>
  256. <select id="selectBuilding" style="width:100%" onchange="getCellDropDown()" class="form-control required">
  257. <option></option>
  258. </select>
  259. </div>
  260. </div>
  261. </div>
  262. <div class="col-lg-3">
  263. <div class="d-block ">
  264. <div id="divSelectCell" class="d-block search">
  265. <label class="font-weight-bold control-label d-block">Cell</label>
  266. <select id="selectCell" style="width:100%" onchange="removeSelectFeederType()" class="form-control required">
  267. <option value="0"></option>
  268. </select>
  269. </div>
  270. </div>
  271. </div>
  272. <div class="col-lg-3">
  273. <div class="d-block">
  274. <div id="divSelectFeederTypeId" class="d-block search">
  275. <label class="font-weight-bold control-label d-block">Feeder Type</label>
  276. <select id="selectFeederTypeId" style="width:100%" class="form-control required d-inline">
  277. <option value="0"></option>
  278. </select>
  279. </div>
  280. </div>
  281. </div>
  282.  
  283. <div class="col-lg-1">
  284. <div class="d-block">
  285. <div id="divSelectFeederTypeId" class="d-block search">
  286. <button class="btn btn-primary mt-4 pull-right" id="btnSearch" onclick="searchFeederType()" type="button" data-toggle="modal">Go</button>
  287. </div>
  288. </div>
  289. </div>
  290. </div>
  291. </div>
  292. </div>
  293. </div>
  294. </div>
  295. </div>
  296.  
  297. @*<div id="divsearch">
  298. <div class="animated fadeIn pt-3">
  299. <div class="animated fadeIn">
  300. <div class="card m-0">
  301. <div class="card-body divSection">
  302. <div class="row">
  303. <div class="col-lg-4 ">
  304. <div class="d-block">
  305. <div id="divSelectBuilding" class="d-block search">
  306. <label class="font-weight-bold control-label d-block">Buliding</label>
  307. <select id="selectBuilding" onchange="getCellDropDown()" class="form-control required " style="width:80%">
  308. <option></option>
  309. </select>
  310. </div>
  311. </div>
  312. </div>
  313. <div class="col-lg-4">
  314. <div class="d-block ">
  315. <div id="divSelectCell" class="d-block search">
  316. <label class="font-weight-bold control-label d-block">Cell</label>
  317. <select id="selectCell" onchange="removeSelectFeederType()" class="form-control required " style="width:80%">
  318. <option></option>
  319. </select>
  320. </div>
  321. </div>
  322. </div>
  323. <div class="col-lg-4 ">
  324. <div class="d-block">
  325. <div id="divSelectFeederTypeId" class="d-block search">
  326. <label class="font-weight-bold control-label d-block">Feeder Type</label>
  327. <select id="selectFeederTypeId" class="form-control required d-inline" style="width:80%">
  328. <option value="0"></option>
  329. </select>
  330. <button class="btn btn-primary ml-2 " id="btnSearch" onclick="searchFeederType()" type="button" data-toggle="modal">Go</button>
  331. </div>
  332. </div>
  333. </div>
  334. </div>
  335. </div>
  336. </div>
  337. </div>
  338. </div>
  339. </div>*@
  340. </div>
  341. <div class="container-fluid">
  342. <div id="divFeederSummary" class="d-none">
  343. <div class="animated fadeIn pt-3">
  344. <div class="animated fadeIn">
  345. <div class="card-deck">
  346. <div class="card">
  347. <div class="card-header background-info font-weight-bold p-2 text-center font-xl text-white">All Feeder</div>
  348. <div class="card-body ">
  349. <h1 class="card-text text-center"><label id="showAllFeeder"></label></h1>
  350. </div>
  351.  
  352. </div>
  353. <div class="card">
  354. <div class="card-header background-success font-weight-bold p-2 text-center font-xl text-white">Ready</div>
  355. <div class="card-body">
  356. <h1 class="card-text text-center"><label id="showAllReadyFeeder"></label></h1>
  357. </div>
  358. </div>
  359. <div class="card">
  360. <div class="card-header background-warning font-weight-bold p-2 text-center font-xl text-white">Feeder PM</div>
  361. <div class="card-body">
  362. <h1 class="card-text text-center"><label id="showAllFeederPM"></label></h1>
  363. </div>
  364. </div>
  365. <div class="card">
  366. <div class="card-header background-danger font-weight-bold p-2 text-center font-xl text-white">Feeder Repair</div>
  367. <div class="card-body">
  368. <h1 class="card-text text-center"><label id="showAllRepair"></label></h1>
  369. </div>
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. </div>
  375. </div>
  376. <br />
  377. <div class="container-fluid">
  378. <div id="divFeeder">
  379. <div class="animated fadeIn">
  380. <div class="animated fadeIn">
  381. <div class="animated fadeIn">
  382. <div class="row">
  383. <div class="col-md-12 divModelMain d-none" id="divFeederList">
  384. <div class="card">
  385. <div class="card-body divSection table-responsive">
  386. <h5 class="card-title">Feeder PM</h5>
  387. <table id="feederListDataPM" class="display" style="width:100%" cellpadding="10">
  388. <thead>
  389. <tr>
  390. <th>typeId</th>
  391. <th>Id</th>
  392. <th class="text-center">Serial Number</th>
  393. <th class="text-center">Type</th>
  394. <th class="text-center">Pickup Count</th>
  395. <th class="text-center">Error Feeder</th>
  396. <th class="text-center">Error Rate(%)</th>
  397. <th class="text-center">Action</th>
  398. </tr>
  399. </thead>
  400. </table>
  401.  
  402. </div>
  403. </div>
  404. </div>
  405. </div>
  406. </div>
  407. </div>
  408. </div>
  409. </div>
  410. </div>
  411.  
  412. </div>
  413.  
  414.  
  415. <div class="modal fade modal-fullscreen-xs-down" id="modalViewFeederPreventativeMaintenance" role="dialog" aria-labelledby="myModalLabel" style="display: none;" aria-hidden="true">
  416. <input type="text" class="form-control" id="txtDocumentFeederId" hidden />
  417. <input type="text" class="form-control" id="txtDocumentDataId" hidden />
  418. <div class="modal-dialog modal-full" role="document">
  419. <div class="modal-content">
  420. <div class="modal-header">
  421. <h4 class="modal-title">Feeder</h4>
  422. <button class="close text-black-70" type="button" data-dismiss="modal" aria-label="Close">×</button>
  423. </div>
  424. <div class="modal-body display">
  425. <div class="row">
  426. <div id="mainNewDocument">
  427. <div class="container-fluid">
  428. <div id="divMainForm" class="row mt-4 d-none">
  429. <div id="divBtnAction" class="col-12 text-right">
  430. <button class="btn btn-danger mt-2 mb-2" type="button" onclick="cancleFormio()"><i class="fa fa-remove"></i> Cancel</button>
  431. </div>
  432. <div class="col-12">
  433. <div class="card mb-1">
  434. <div class="card-body">
  435. <div id="builder2" class="formio-form formbuilder">
  436. </div>
  437. </div>
  438. </div>
  439. </div>
  440. <div class="col-12 mt-4 d-none">
  441. @*d-none*@
  442. <h3 class="text-center text-muted">as JSON Schema</h3>
  443. <div class="card bg-light jsonviewer">
  444. <div class="card-body">
  445. <pre id="json"></pre>
  446. </div>
  447.  
  448. </div>
  449. </div>
  450. </div>
  451. <div id="divPreviewForm" class="row mt-12 d-none">
  452. @*d-none*@
  453. <div class="col-sm-12">
  454. <div class="card mt-70 bg-white">
  455. <div id="formio" class="card-body null formio-form">
  456. </div>
  457. </div>
  458. </div>
  459. <div class="clearfix"></div>
  460. </div>
  461. <div class="row mt-4 d-none">
  462. @*d-none*@
  463. <div class="col-sm-8 offset-sm-2">
  464. <h3 class="text-center text-muted">which creates a Submission JSON</h3>
  465. <div class="card card-body bg-light jsonviewer">
  466. <pre id="subjson"></pre>
  467. </div>
  468. </div>
  469. <div class="clearfix"></div>
  470. </div>
  471. </div>
  472. </div>
  473. </div>
  474.  
  475. <div class="row">
  476. <div class="col-12 col-lg-6">
  477. <div class="d-block" id="divShowCommentDocument">
  478. <label class="font-weight-bold control-label">Comment</label>
  479. <textarea rows="4" cols="50" id="txtComment" class="form-control"></textarea>
  480. </div>
  481. </div>
  482. <div class="col-12 col-lg-6"> </div>
  483.  
  484. </div>
  485.  
  486. </div>
  487. <div class="modal-footer">
  488. <button id="btnUpdateDocOne" onclick="updateDocumentFeeder()" class="btn btn-pill btn-primary pull-right d-none" type="button"><i class="fa fa-save"></i> Save</button>
  489. <button id="btnUpdateDoc" onclick="updateMultipleDocumentFeeder()" class="btn btn-pill btn-primary pull-right d-none" type="button"><i class="fa fa-save"></i> Save</button>
  490. </div>
  491. </div>
  492. </div>
  493. </div>
  494. <div class="modal fade" id="modalUpdateComment" role="dialog" aria-labelledby="myModalLabel" style="display: none;" aria-hidden="true">
  495. <div class="modal-dialog" role="document">
  496. <div class="modal-content">
  497. <div class="modal-header">
  498. <h4 class="modal-title">Comment</h4>
  499. <button class="close c-Black" type="button" data-dismiss="modal" aria-label="Close">
  500. <span aria-hidden="true">×</span>
  501. </button>
  502. </div>
  503. <div class="modal-body display">
  504. <div class="row">
  505. <div class="col-12">
  506. <label class="mt-3 font-weight-bold control-label">Comment</label>
  507. @*<textarea rows="4" cols="50" class="form-control" id="txtFeederComment"></textarea>*@
  508. <div contenteditable="true" class="form-control h-50" id="txtFeederComment"></div>
  509. </div>
  510. </div>
  511. </div>
  512. <div class="modal-footer">
  513. <button id="btnUpdateComment" onclick="btnUpdateComment()" class="btn btn-pill btn-primary pull-right" type="button"><i class="fa fa-save"></i> Save</button>
  514. </div>
  515. <div id="indexFeederId" style="display:none"></div>
  516. </div>
  517. </div>
  518. </div>
  519. </main>
  520.  
  521.  
  522. <link href="~/lib/datatables/dataTables.bootstrap4.css" rel="stylesheet" />
  523. <link href="~/lib/formio/formio.full.min.css" rel="stylesheet" />
  524. <script src="~/lib/datatables/jquery.dataTables.js"></script>
  525. <script src="~/lib/datatables/dataTables.bootstrap4.js"></script>
  526. <script src="~/lib/datatables/datatables.js"></script>
  527. <script src="~/Scripts/js_iOperation/FeederPM.js"></script>
  528. <script src="~/Scripts/js_iOperation/FeederDocument.js"></script>
  529. <script src="~/lib/formio/formio.full.min.js"></script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement