API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 10th, 2019
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.98 KB | None | 0 0
raw download clone embed print report
  1.  
  2. @{
  3. Layout = "_Layout";
  4. }
  5.  
  6.  
  7. <style>
  8. .swal2-container {
  9. z-index: 12000;
  10. }
  11.  
  12. /*.divSection {
  13. border: none !important;
  14. background: white;
  15. }*/
  16.  
  17. .s-MaxWidth {
  18. max-width: 70% !important;
  19. }
  20.  
  21. .b-Running {
  22. margin-top: -20px;
  23. }
  24.  
  25. .h-Image {
  26. height: 90%;
  27. }
  28.  
  29. .s-Image {
  30. text-align: center;
  31. position: relative;
  32. left: 20%;
  33. width: 60%;
  34. }
  35.  
  36. .s-Box {
  37. margin-top: 20px;
  38. border: solid;
  39. width: 50%;
  40. color: #09a909;
  41. }
  42.  
  43. .c-Box {
  44. width: 98%;
  45. }
  46.  
  47. .c-Table {
  48. width: 98%;
  49. background: #ECEFF8;
  50. }
  51.  
  52. .card-header {
  53. background: white;
  54. }
  55.  
  56.  
  57. select {
  58. border-radius: 10px !important;
  59. background: #EEF1F8 !important;
  60. }
  61.  
  62. button.btn-secondary {
  63. color: black !important;
  64. background: #EEF1FA;
  65. border: none;
  66. }
  67.  
  68. /*.divSection {
  69. border-top-left-radius: 10px !important;
  70. border-top-right-radius: 10px !important;
  71. border: none !important;
  72. background: white;
  73. }*/
  74.  
  75. #btnLineNumber {
  76. margin-top: -6px;
  77. }
  78.  
  79. .btnAdd {
  80. padding: 0.25rem 0.5rem;
  81. }
  82.  
  83. #btn-Third {
  84. width: 10px;
  85. }
  86.  
  87. .w-24 {
  88. width: 24% !important;
  89. }
  90.  
  91. .w-Fix {
  92. width: 100%;
  93. display: table;
  94. table-layout: fixed;
  95. }
  96.  
  97. .w-45 {
  98. width: 45%;
  99. }
  100.  
  101. .list-group-item {
  102. background: #EEF1F8;
  103. border: 10px !important;
  104. margin-top: 10px;
  105. margin-bottom: 5px;
  106. border-radius: 10px;
  107. border-top-left-radius: 10px !important;
  108. border-top-right-radius: 10px !important;
  109. border-bottom-left-radius: 10px !important;
  110. border-bottom-right-radius: 10px !important;
  111. }
  112.  
  113. .list-group-item.active {
  114. background-color: #d6ddef;
  115. }
  116.  
  117. .fontColor {
  118. color: #6C90DD;
  119. }
  120.  
  121. .c-Red {
  122. color: #FF2B2C;
  123. }
  124.  
  125. /*.c-Blue {
  126. background: #4884D9;
  127. border: none;
  128. }*/
  129.  
  130. .c-Purple {
  131. background: #B460A5;
  132. border: none;
  133. }
  134.  
  135. .c-Green {
  136. background: #00ACBE;
  137. border: none;
  138. }
  139.  
  140. .c-Greenblack {
  141. color: #88CD6B;
  142. }
  143.  
  144. .c-Redblack {
  145. background: #E83D3E;
  146. border: none;
  147. }
  148.  
  149. .c-Bluelight {
  150. background: #6BA7D9;
  151. border: none;
  152. }
  153.  
  154. .c-Sky {
  155. color: #3479D7;
  156. }
  157.  
  158. .c-Background {
  159. background: #eef1f8;
  160. }
  161.  
  162. .c-Gray {
  163. color: #7D7D7D;
  164. }
  165.  
  166. .c-Height {
  167. height: 247px;
  168. }
  169.  
  170. .select2-container {
  171. width: 100% !important;
  172. }
  173.  
  174. .c-Black {
  175. color: black;
  176. }
  177.  
  178. .c-lightGreen {
  179. color: #1ACE91;
  180. }
  181.  
  182. .cl-Blue {
  183. color: #20BFE6;
  184. }
  185.  
  186. .c-Orange {
  187. color: #FDBD37;
  188. }
  189.  
  190. .c-DarkBule {
  191. color: #889CE5;
  192. }
  193.  
  194. .c-Yellow {
  195. color: #EBE64A;
  196. }
  197.  
  198. .c-Red {
  199. color: #D3505F;
  200. }
  201.  
  202. label.machineType {
  203. position: absolute;
  204. background: #67839e;
  205. color: white;
  206. border-radius: 10px;
  207. border-color: #67839e;
  208. margin-top: -35px;
  209. text-align: center;
  210. }
  211.  
  212. .border-image {
  213. margin-top: 70px !important;
  214. }
  215.  
  216. #imgMachine {
  217. left: 20%;
  218. width: 60%;
  219. }
  220. /*====================================*/
  221. /*.divSection {
  222. border-top-left-radius: 10px !important;
  223. border-top-right-radius: 10px !important;
  224. background: white;
  225. }*/
  226.  
  227.  
  228. button.btn-secondary {
  229. color: black !important;
  230. background: #EEF1FA;
  231. border: none;
  232. }
  233.  
  234. /*.divSection {
  235. border-top-left-radius: 10px !important;
  236. border-top-right-radius: 10px !important;
  237. background: white;
  238. }*/
  239.  
  240. .w-49 {
  241. width: 49.5% !important;
  242. }
  243.  
  244. .w-80 {
  245. width: 80% !important;
  246. }
  247.  
  248. .modal-lg {
  249. max-width: 70%;
  250. }
  251.  
  252. .list-group-item {
  253. background: #EEF1F8;
  254. border-top-left-radius: 10px !important;
  255. border-top-right-radius: 10px !important;
  256. border-bottom-left-radius: 10px !important;
  257. border-bottom-right-radius: 10px !important;
  258. border: 10px !important;
  259. margin-top: 10px;
  260. }
  261.  
  262. .list-group-item.active {
  263. background-color: #d6ddef;
  264. }
  265.  
  266. .fontColor {
  267. color: #6C90DD;
  268. }
  269.  
  270. th {
  271. padding: 10px;
  272. }
  273.  
  274. .border-image {
  275. margin-top: 70px !important;
  276. }
  277.  
  278. #imgMachine {
  279. left: 20%;
  280. width: 60%;
  281. }
  282.  
  283. .select2-container {
  284. z-index: 100000;
  285. }
  286.  
  287. #uploadBrandImage div.uppy-Dashboard-inner {
  288. min-height: 50px;
  289. min-width: 50px;
  290. }
  291.  
  292. #drag-drop-imageBrand div.uppy-Dashboard-inner {
  293. min-height: 50px;
  294. min-width: 50px;
  295. }
  296. </style>
  297. <input type="hidden" id="inputHiddenBrandIdForAddMachine" />
  298. <input type="hidden" id="inputHiddenModelIdForAddMachine" />
  299. <main class="main">
  300. <div class="container-fluid">
  301. <div>
  302. <ol class="breadcrumb mt-2 mb-0" style="position: absolute; z-index: 1;">
  303. <li class="breadcrumb-item active" id="breadcrumbBrand"><a href="#" data-page="brand">Brand</a></li>
  304. <li class="breadcrumb-item d-none" id="breadcrumbModel"><a href="#" data-page="model">Model</a></li>
  305. <li class="breadcrumb-item d-none" id="breadcrumbMachine"><a href="#" data-page="machine">Machine</a></li>
  306. </ol>
  307.  
  308. <div class="animated fadeIn">
  309. <div id="brandView">
  310. <div class="animated fadeIn">
  311. <div class="row">
  312. <div class="col-md-12 my-3">
  313. <button onclick="resetBrandData()" class="btn btn-primary pull-right " type="button" data-toggle="modal" data-target="#modalAddBrand">
  314. <i class="fa fa-plus"></i> Add Brand
  315. </button>
  316. </div>
  317. </div>
  318. <div class="animated fadeIn">
  319. <div class="row">
  320. <div class="col-md-12 divModelMain">
  321. <div class="card">
  322. <div class="card-body divSection table-responsive">
  323. <h5 class="d-inline-block ">Brand</h5>
  324. <table id="brandDataList" class="display " style="width:100%" cellpadding="10">
  325. <thead>
  326. <tr>
  327. <th>brandId</th>
  328. <th class="text-left">Name</th>
  329. @*<th class="text-center">Image</th>*@
  330. <th class="text-center">Action</th>
  331. </tr>
  332. </thead>
  333. </table>
  334. </div>
  335.  
  336. </div>
  337. </div>
  338. </div>
  339. </div>
  340. </div>
  341. </div>
  342. <div id="modelView" class="d-none">
  343. <div class="animated fadeIn">
  344. @*<div class="row m-2">
  345. <div class="col-md-12">
  346. <i onclick="backToBrand(this)" class="fa fa-arrow-left font-xl mt-2 d-none pointer iBack"></i>
  347. <button onclick="resetData()" class="btn btn-pill btn-primary mr-2 pull-right addMachine" type="button" data-toggle="modal" data-target="#modalAddModel">
  348. <i class="fa fa-plus"></i> Add Model
  349. </button>
  350. </div>
  351. </div>*@
  352. <div class="col-12 d-inline-block">
  353. <button class="btn btn-pill btn-primary mt-2 pull-right " type="button" data-toggle="modal" data-target="#modalAddModel" onclick="resetData()">
  354. <i class="fa fa-plus"></i> Add Model
  355. </button>
  356. </div>
  357. <div class="animated fadeIn">
  358. <div class="row mt-2">
  359. <div class="col-md-12 divModelMain">
  360. <div class="card">
  361. <div class="card-body divSection table-responsive">
  362. @*<i onclick="backToBrand(this)" class="fa fa-arrow-left font-xl mt-2 d-none pointer iBack"></i>*@
  363. <h5 class="d-inline-block ">Model</h5>
  364. <table id="modelDataList" class="display" style="width:100%" cellpadding="5">
  365. <thead>
  366. <tr>
  367. <th>ModelId</th>
  368. <th>BrandId</th>
  369. <th>MachintTypeId</th>
  370. <th class="text-left">Name</th>
  371. <th class="text-left">Brand</th>
  372. <th class="text-left">Type</th>
  373. <th class="text-left">Action</th>
  374. </tr>
  375. </thead>
  376. </table>
  377. </div>
  378. </div>
  379. </div>
  380. </div>
  381. </div>
  382. </div>
  383. </div>
  384. <div id="machineView" class="d-none">
  385. <div class="animated fadeIn">
  386. @*<div class="row m-2">
  387. <div class="col-md-12">
  388. <i onclick="backToModel(this)" class="fa fa-arrow-left font-xl mt-2 pointer iBack"></i>
  389. </div>
  390. </div>*@
  391. <div class="col-12 d-inline-block">
  392. <button class="btn btn-pill btn-primary mt-2 pull-right " type="button" data-toggle="modal" data-target="#modalAddMachine" onclick="resetAddMachine()">
  393. <i class="fa fa-plus"></i> Add Machine
  394. </button>
  395. </div>
  396.  
  397. <div class="row mt-3">
  398. <div class="col-md-12 divMachine ">
  399. <div class="card">
  400. <div class="card-body divSection table-responsive">
  401. @*<i onclick="backToModel(this)" class="fa fa-arrow-left font-xl mt-2 pointer iBack"></i>*@
  402. <h5 class="d-inline-block">Machine</h5>
  403. <table id="machineDataList" class="display" style="width:100%" cellpadding="10">
  404. <thead>
  405. <tr>
  406. <th>machineid</th>
  407. <th>modelid</th>
  408. <th class="text-left">Name</th>
  409. <th class="text-left">Description</th>
  410. <th class="text-left">Asset Tag</th>
  411. <th class="text-left">Owner</th>
  412. <th class="text-left">Manager</th>
  413. <th class="text-center">SN</th>
  414. <th class="text-center">Image</th>
  415. <th>ownerId</th>
  416. <th>managerId</th>
  417. <th class="text-center">Action</th>
  418. </tr>
  419. </thead>
  420. </table>
  421. @*</div>*@
  422. </div>
  423. </div>
  424. </div>
  425. </div>
  426. </div>
  427. </div>
  428. </div>
  429. </div>
  430. </div>
  431. </main>
  432.  
  433. <div class="modal fade" id="modalAddBrand" role="dialog" aria-labelledby="myModalLabel" style="display: none;" aria-hidden="true">
  434. <div class="modal-dialog" role="document">
  435. <div class="modal-content">
  436. <div class="modal-header">
  437. <h5 class="modal-title">Add Brand</h5>
  438. <button class="close text-black-70" type="button" data-dismiss="modal" aria-label="Close">ื</button>
  439. </div>
  440. <div class="modal-body">
  441. <div class="row">
  442. <div class="form-group col-md-12 m-0">
  443. @*<div id="dragDropImageBrand"></div>*@
  444. <label class="mt-3 font-weight-bold control-label required">Name</label>
  445. <input type="text" class="form-control" id="txtAddNameBrand" />
  446. </div>
  447. </div>
  448. </div>
  449. <div class="modal-footer">
  450. <button id="btnAddBrand" class="btn btn-pill btn-primary pull-right" type="button" onclick="addBrand()"><i class="fa fa-plus"></i> Add</button>
  451. </div>
  452. </div>
  453. </div>
  454. </div>
  455. <div class="modal fade" id="modalAddModel" role="dialog" aria-labelledby="myModalLabel" style="display: none;" aria-hidden="true">
  456.  
  457. <input type="hidden" class="form-control" id="txtHiddenBrandId" />
  458.  
  459. <div class="modal-dialog" role="document">
  460. <div class="modal-content">
  461. <div class="modal-header">
  462. <h5 class="modal-title">Add Model</h5>
  463. <button class="close text-black-70" type="button" data-dismiss="modal" aria-label="Close">ื</button>
  464. </div>
  465. <div class="modal-body display">
  466. <div class="row">
  467. <div class="col-12">
  468. <label class="mt-3 font-weight-bold control-label required">Name</label>
  469. <input type="text" class="form-control" id="txtName" />
  470. </div>
  471. <div class="col-12">
  472. <label class="mt-3 font-weight-bold control-label required">Brand</label>
  473. <select id="selectBrand" class="form-control required" style="width:100%">
  474. <option></option>
  475. </select>
  476. </div>
  477. <div class="col-12">
  478. <label class="mt-3 font-weight-bold control-label required">Type</label>
  479. <select id="selectType" class="form-control required" style="width:100%">
  480. <option></option>
  481. </select>
  482. </div>
  483. </div>
  484. </div>
  485. <div class="modal-footer">
  486. <button id="btnAddModel" class="btn btn-pill btn-primary pull-right" type="button" onclick="addModel()"><i class="fa fa-plus"></i> Add</button>
  487. </div>
  488. </div>
  489. </div>
  490. </div>
  491. <div class="modal fade" id="modalAddMachine" role="dialog" aria-labelledby="myModalLabel" style="display: none;" aria-hidden="true">
  492. <div class="modal-dialog" role="document" style="max-width:70% !important;">
  493. <div class="modal-content">
  494. <div class="modal-header">
  495. <h5 class="modal-title">Add Machine</h5>
  496. <button class="close text-black-70" type="button" data-dismiss="modal" aria-label="Close">ื</button>
  497. </div>
  498. <div class="modal-body">
  499. <div class="row">
  500. <div class="form-group col-md-6">
  501. <div id="dragDropArea"></div>
  502. </div>
  503. <div class="form-group col-md-6">
  504. @*<label class="mt-3 font-weight-bold control-label required">Model</label>
  505. <select id="selectModel" class="form-control required">
  506. <option></option>
  507. </select>*@
  508. <label class="mt-3 font-weight-bold control-label required">Serial Number</label>
  509. <input type="text" class="form-control" id="txtSNMachine" />
  510. <label class="mt-3 font-weight-bold control-label required">Machine Name</label>
  511. <input type="text" class="form-control" id="txtNameMachine" />
  512. <label class="mt-3 font-weight-bold control-label">Asset Tag</label>
  513. <input type="text" class="form-control" id="txtAssetTagMachine" />
  514. <label class="mt-3 font-weight-bold control-label">Description</label>
  515. <input type="text" class="form-control" id="txtDescriptionMachine" />
  516. <label class="mt-3 font-weight-bold control-label">Equipment Owner</label>
  517. <select id="selectOwner" class="form-control required ">
  518. <option></option>
  519. </select>
  520. <label class="mt-3 font-weight-bold control-label">Manager</label>
  521. <select id="selectManager" class="form-control required">
  522. <option></option>
  523. </select>
  524. </div>
  525. </div>
  526. </div>
  527. <div class="modal-footer">
  528. <button id="btnAddMachine" class="btn btn-pill btn-primary pull-right" type="button" onclick="addMachine()"><i class="fa fa-plus"></i> Add</button>
  529. <button class="btn btn-pill btn-light active pull-right mr-2" type="button" onclick="resetAddMachineForm()"><i class="fa fa-refresh"></i> Reset</button>
  530. </div>
  531. </div>
  532. </div>
  533. </div>
  534.  
  535.  
  536. <div class="modal fade" id="modalEditModel" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  537. <input type="hidden" id="inputHiddenModelId" />
  538. <div class="modal-dialog " role="document">
  539. <div class="modal-content">
  540. <div class="modal-header">
  541. <h5 class="modal-title">Edit Model</h5>
  542. <button class="close text-black-70" type="button" data-dismiss="modal" aria-label="Close">ื</button>
  543. </div>
  544. <div class="modal-body display">
  545. <div class="row">
  546. <div class="col-12">
  547. <label class="mt-3 font-weight-bold control-label required">Name</label>
  548. <input type="text" class="form-control" id="txtNameEdit" />
  549. </div>
  550. <div class="col-12">
  551. <label class="mt-3 font-weight-bold control-label required">Brand</label>
  552. <select id="selectBrandEdit" class="form-control required" style="width:100%">
  553. <option></option>
  554. </select>
  555. </div>
  556. <div class="col-12">
  557. <label class="mt-3 font-weight-bold control-label required">Type</label>
  558. <select id="selectTypeEdit" class="form-control required" style="width:100%">
  559. <option></option>
  560. </select>
  561. </div>
  562. </div>
  563. </div>
  564. <div class="modal-footer">
  565. <button id="btnEditModel" class="btn btn-pill btn-primary pull-right" type="button" onclick="updateModel()"><i class="fa fa-save"></i> Save</button>
  566. </div>
  567. </div>
  568. </div>
  569. </div>
  570.  
  571.  
  572. <div class="modal fade" id="modalEditMachine" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  573. <input type="hidden" id="inputEditMachineHiddenModelId" />
  574. <input type="hidden" id="inputEditMachineHiddenMachineId" />
  575. <div class="modal-dialog modal-lg" role="document" style="max-width:50% !important;">
  576. <div class="modal-content">
  577. <div class="modal-header">
  578. <h5 class="modal-title">Edit Machine</h5>
  579. <button class="close text-black-70" type="button" data-dismiss="modal" aria-label="Close">ื</button>
  580. </div>
  581. <div class="modal-body display">
  582. <div class="row">
  583. <div class="form-group col-md-6 ">
  584. <button class="btn btn-pill btn-primary pull-bottom" type="button" onclick="uploadImage()"><i class="fa fa-edit"></i> Edit</button>
  585. <button class="btnEditCancel btn btn-pill btn-danger pull-bottom d-none" type="button" onclick="cancelUploadImage()"><i class="fa fa-times"></i> Cancel</button>
  586. <div id="machineImage" class="text-center pt-5"></div>
  587. <div id="uploadMachineImage" class="d-none"></div>
  588. </div>
  589. <div class="form-group col-md-6">
  590. <label class="mt-3 font-weight-bold control-label required">Name</label>
  591. <input type="text" class="form-control" id="txtNameMachineEdit" />
  592. <label class="mt-3 font-weight-bold control-label">Description</label>
  593. <input type="text" class="form-control" id="txtDescriptionMachineEdit" />
  594. <label class="mt-3 font-weight-bold control-label">Asset Tag</label>
  595. <input type="text" class="form-control" id="txtAssetMachineEdit" />
  596. <label class="mt-3 font-weight-bold control-label">Owner</label>
  597. <select id="selectOwnerMachineEdit" class="form-control required">
  598. <option></option>
  599. </select>
  600. <label class="mt-3 font-weight-bold control-label ">Manager</label>
  601. <select id="selectManagerMachineEdit" class="form-control required">
  602. <option></option>
  603. </select>
  604. <label class="mt-3 font-weight-bold control-label ">Serial No</label>
  605. <input type="text" class="form-control" id="txtSnMachineEdit" />
  606. </div>
  607. </div>
  608. </div>
  609. <div class="modal-footer">
  610. <button id="btnEditMachine" class="btn btn-pill btn-primary pull-right" type="button" onclick="updateMachine()"><i class="fa fa-save"></i> Save</button>
  611. </div>
  612. </div>
  613. </div>
  614. </div>
  615. <div class="modal fade" id="modalEditBrand" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  616. <input type="hidden" id="inputHiddenBrandId" />
  617. <div class="modal-dialog" role="document">
  618. <div class="modal-content">
  619. <div class="modal-header">
  620. <h5 class="modal-title">Edit Brand</h5>
  621. <button class="close text-black-70" type="button" data-dismiss="modal" aria-label="Close">ื</button>
  622. </div>
  623. <div class="modal-body display">
  624. <div class="row">
  625. <div class="form-group col-md-12 ">
  626. @*<div class="row m-2">
  627. <button class="btn btn-pill btn-primary pull-bottom" type="button" onclick="uploadImageBrand()"><i class="fa fa-edit"></i> Edit</button>
  628. <button class="btnCancel btn btn-pill btn-danger pull-bottom d-none ml-2" type="button" onclick="cancelUploadImageBrand()"><i class="fa fa-times"></i> Cancel</button>
  629. </div>
  630. <div id="brandImage" class="text-center pt-5"></div>
  631. <div id="uploadBrandImage" class="d-none"></div>*@
  632. <label class="mt-3 font-weight-bold control-label required">Name</label>
  633. <input type="text" class="form-control" id="txtNameBrand" />
  634. </div>
  635. </div>
  636. </div>
  637. <div class="modal-footer">
  638. <button id="btnEditBrand" class="btn btn-pill btn-primary pull-right" type="button" onclick="updateBrand()"><i class="fa fa-save"></i> Save</button>
  639. </div>
  640. </div>
  641. </div>
  642. </div>
  643.  
  644. <link href="~/lib/datatables/dataTables.bootstrap4.css" rel="stylesheet" />
  645. <script src="~/lib/datatables/jquery.dataTables.js"></script>
  646. <script src="~/lib/datatables/dataTables.bootstrap4.js"></script>
  647. <script src="~/lib/datatables/datatables.js"></script>
  648. <script src="~/Scripts/js_iOperation/ModelMaster.js"></script>
  649. <script src="~/Scripts/js_iOperation/Brand.js"></script>
  650. <script src="~/lib/datatables/responsive.js"></script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!