API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 5th, 2019
131
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.42 KB | None | 0 0
raw download clone embed print report
  1. var table;
  2. var modelData = [];
  3. var machineData = [];
  4. var _addUppy;
  5. var statusUploadOrCancel;
  6. var _uppyEditMachine = null;
  7.  
  8.  
  9. init();
  10. function init() {
  11.  
  12. getOwnerOrManagerDropDown();
  13.  
  14. _addUppy = Uppy.Core({
  15. autoProceed: false,
  16. restrictions: {
  17. maxFileSize: 1000000,
  18. maxNumberOfFiles: 1,
  19. allowedFileTypes: ['image/*'],
  20. }
  21. }).use(Uppy.Dashboard, {
  22. hideUploadButton: true,
  23. inline: true,
  24. target: '#dragDropArea',
  25. height: 450,
  26. });
  27.  
  28. _uppyEditMachine = Uppy.Core({
  29. autoProceed: false,
  30. restrictions: {
  31. maxFileSize: 1000000,
  32. maxNumberOfFiles: 1,
  33. allowedFileTypes: ['image/*'],
  34. }
  35. }).use(Uppy.Dashboard, {
  36. hideUploadButton: true,
  37. inline: true,
  38. target: '#uploadMachineImage',
  39. height: 450,
  40. });
  41. }
  42.  
  43.  
  44.  
  45.  
  46. function loadModel(brandId) {
  47. $global.fetch(`api/Master/GetModel?siteId=${_tempSideId}&brandId=${brandId}`, {
  48.  
  49. }).then(model=> {
  50.  
  51. getBrandOrMachineTypeDropDown();
  52.  
  53. modelData = [];
  54.  
  55. for (var i = 0; i < model.length; i++) {
  56. var pushData = {
  57. modelId: model[i].Id,
  58. modelName: model[i].Name,
  59. brandId: model[i].Brand.Id,
  60. brandName: model[i].Brand.Name,
  61. machineTypeId: model[i].MachineType.Id,
  62. machineTypeName: model[i].MachineType.Name
  63. };
  64.  
  65. modelData.push(pushData);
  66. }
  67.  
  68. if ($.fn.DataTable.isDataTable('#modelDataList')) {
  69. $('#modelDataList').dataTable().fnClearTable();
  70. $('#modelDataList').dataTable().fnDestroy();
  71. }
  72.  
  73. $('#modelDataList').dataTable({
  74. data: modelData,
  75. language: {
  76. search: "",
  77. searchPlaceholder: "Filter"
  78. },
  79. info: false,
  80. lengthChange: false,
  81. cellspacing: true,
  82. destroy: true,
  83. order: [[3, "asc"]],
  84. columnDefs: [
  85. {
  86. targets: 0, data: "modelId", className: "text-center", visible: false
  87. },
  88. {
  89. targets: 1, data: "brandId", className: "text-center", visible: false
  90. },
  91. {
  92. targets: 2, data: "machineTypeId", className: "text-center", visible: false
  93. },
  94. {
  95. targets: 3, data: "modelName", className: "text-left"
  96. },
  97. {
  98. targets: 4, className: "text-left",
  99. render: function (data, type, row) {
  100. //return `<span class= "badge text-white bg-pink d-inline-block font-bold ml-1 onclick=" " > ${row.brandName}</span >`
  101. return `${row.brandName}`;
  102. }
  103. },
  104. {
  105. targets: 5, className: "text-left",
  106. render: function (data, type, row) {
  107. //return `<span class= "badge text-white bg-yellow d-inline-block font-bold ml-1 onclick=" " > ${row.machineTypeName}</span >`
  108. return `${row.machineTypeName}`;
  109. }
  110. },
  111. {
  112. targets: 6, className: "text-center",
  113. render: function (data, type, row) {
  114. return `<button class="btn btn-circle btn-info mr-2" type="button" title="View Machine" onclick="goToMachine(${row.modelId},${row.brandId})"><i class="fa fa-eye"></i></button>` +
  115. `<button class="btn btn-circle btn-primary mr-2" type="button" title="Edit Model" onclick="editModel(this,${row.modelId},${row.brandId},${row.machineTypeId})"><i class="fa fa-edit"></i></button>` +
  116. `<button class="btn btn-circle btn-danger mr-2" type="button" title="Delete Model" onclick="deleteModel(${row.modelId},${row.brandId})"><i class="fa fa-trash-o"></i></button>`;
  117. }
  118. }
  119. ]
  120. });
  121. $global.hideLoader();
  122. });
  123. }
  124.  
  125.  
  126. function goToMachine(modelId, brandId) {
  127. detailMachine(modelId);
  128. document.getElementById("inputHiddenBrandIdForAddMachine").value = brandId;
  129. document.getElementById("inputHiddenModelIdForAddMachine").value = modelId;
  130. document.querySelector("#brandView").classList.add("d-none");
  131. document.querySelector("#modelView").classList.add("d-none");
  132. document.querySelector("#machineView").classList.remove("d-none");
  133. document.querySelector(".iBack").classList.add("d-none");
  134. activeBreadcrumb('Machine');
  135. }
  136.  
  137. function detailMachine(modelId) {
  138. document.getElementById("btnEditMachine").disabled = false;
  139. $global.fetch(`api/Master/GetMachine?siteid=${_tempSideId}&modelId=${modelId}`,{
  140. }).then( allMachine => {
  141.  
  142. machineData = [];
  143. for (var i = 0; i < allMachine.length; i++) {
  144. var userId_Manager = "";
  145. var userFullName_Manager = "";
  146. var userId_Owner = "";
  147. var userFullName_Owner = "";
  148. for (var j = 0; j < allMachine[i].MachineManagers.length; j++) {
  149. userId_Manager = allMachine[i].MachineManagers[j].UserId;
  150. userFullName_Manager = allMachine[i].MachineManagers[j].UserFullName;
  151. }
  152. for (var k = 0; k < allMachine[i].MachineOwners.length; k++) {
  153. userId_Owner = allMachine[i].MachineOwners[k].UserId;
  154. userFullName_Owner = allMachine[i].MachineOwners[k].UserFullName;
  155. }
  156.  
  157. var pushData = {
  158. machineId: allMachine[i].Id,
  159. modelId: allMachine[i].ModelId,
  160. machineName: allMachine[i].Name,
  161. machineDescription: allMachine[i].Description,
  162. machineAsset: allMachine[i].AssetTag,
  163. userId_Owner: userId_Owner,
  164. owner: userFullName_Owner,
  165. userId_Manager: userId_Manager,
  166. manager: userFullName_Manager,
  167. serialNo: allMachine[i].SerialNo,
  168. image: allMachine[i].Image
  169. };
  170. machineData.push(pushData);
  171. }
  172.  
  173. if ($.fn.DataTable.isDataTable('#machineDataList')) {
  174. $('#machineDataList').dataTable().fnClearTable();
  175. $('#machineDataList').dataTable().fnDestroy();
  176. }
  177.  
  178. $('#machineDataList').DataTable({
  179. data: machineData,
  180. destroy: true,
  181. language: {
  182. search: "",
  183. searchPlaceholder: "Filter"
  184. },
  185. info: false,
  186. lengthChange: false,
  187. rowReorder: {
  188. selector: 'td:nth-child(3)'
  189. },
  190. responsive: true,
  191. order: [[2, "asc"]],
  192. columnDefs: [
  193. { targets: 0, data: "machineId", className: "text-center", visible: false },
  194. { targets: 1, data: "modelId", className: "text-center", visible: false },
  195. { responsivePriority: 1,targets: 2, data: "machineName", className: "text-left" },
  196. { responsivePriority: 1000,targets: 3, data: "machineDescription", className: "text-left" },
  197. { responsivePriority: 1000,targets: 4, data: "machineAsset", className: "text-left" },
  198. {
  199. responsivePriority: 1000,targets: 5, data: "owner", className: "text-left",
  200. render: function (data, type, row) {
  201. if (row.owner != "") {
  202. return `<i class="fa fa-user-circle"></i> <label class="mt-3 control-label">${row.owner}</label>`;
  203. }
  204. else { return ""; }
  205. }
  206. },
  207. {
  208. responsivePriority: 1000,targets: 6, data: "manager", className: "text-left",
  209. render: function (data, type, row) {
  210. if (row.manager != "") {
  211. return `<i class="fa fa-user-circle"></i> <label class="mt-3 control-label">${row.manager}</label>`;
  212. } else {
  213. return "";
  214. }
  215.  
  216. }
  217. },
  218. { responsivePriority: 2,targets: 7, data: "serialNo", className: "text-center" },
  219. {
  220. responsivePriority: 3,targets: 8, data: "image", className: "text-center",
  221. render: function (data, type, row) {
  222. if (row.image != "") {
  223. return `<img src = ${row.image} style="height: 60px">`;
  224.  
  225. }
  226. else {
  227. return "";
  228. }
  229. }
  230. },
  231. { targets: 9, data: "userId_Owner", className: "text-center", visible: false },
  232. { targets: 10, data: "userId_Manager", className: "text-center", visible: false },
  233. {
  234. responsivePriority: 4,targets: 11, className: "text-center",
  235. render: function (data, type, row) {
  236. return `<button class="btn btn-circle btn-primary mr-2" type="button" title="Edit Machine" onclick="editMachine(this,${row.machineId},'${row.image}',${row.modelId})"><i class="fa fa-edit"></i></button>` +
  237. `<button class="btn btn-circle btn-danger " type="button" title="Delete Machine" onclick="deleteMachine(${row.machineId},${row.modelId})"><i class="fa fa-trash-o"></i></button>`;
  238. }
  239. },
  240.  
  241. ]
  242. });
  243. $global.hideLoader();
  244. });
  245. }
  246.  
  247.  
  248. function editModel(obj, modelId, brandId, machineTypeId) {
  249. $("#modalEditModel").modal("show");
  250. var objRowModel = obj.parentElement.parentElement.children;
  251. document.getElementById("txtNameEdit").value = objRowModel[0].innerText;
  252. document.getElementById("inputHiddenModelId").value = modelId;
  253. $("#selectBrandEdit").val(brandId).trigger("change");
  254. $("#selectTypeEdit").val(machineTypeId).trigger("change");
  255. }
  256.  
  257.  
  258. function editMachine(obj, machineId, imageUrl, modelId) {
  259. _uppyEditMachine.cancelAll();
  260. document.querySelector("#uploadMachineImage").classList.add("d-none");
  261. document.querySelector("#machineImage").classList.remove("d-none");
  262. $("#modalEditMachine").modal("show");
  263. var machine = machineData.find(x => x.machineId == machineId);
  264. document.getElementById("txtNameMachineEdit").value = machine.machineName;
  265. document.getElementById("inputEditMachineHiddenMachineId").value = machine.machineId;
  266. document.getElementById("inputEditMachineHiddenModelId").value = machine.modelId;
  267. document.getElementById("txtDescriptionMachineEdit").value = machine.machineDescription;
  268. document.getElementById("txtAssetMachineEdit").value = machine.machineAsset;
  269. $("#selectOwnerMachineEdit").val(machine.userId_Owner).trigger("change");
  270. $("#selectManager_machineedit").val(machine.userId_Manager).trigger("change");
  271. //document.getElementById("txtSnMachineEdit").disabled = true;
  272. document.getElementById("txtSnMachineEdit").value = machine.serialNo;
  273. $("#machineImage").empty();
  274. var link = imageUrl;
  275. var elem = document.createElement("img");
  276. elem.setAttribute("src", link);
  277. elem.setAttribute("width", "200px");
  278. document.getElementById("machineImage").appendChild(elem);
  279. }
  280.  
  281.  
  282. function updateModel() {
  283. document.getElementById("btnEditModel").disabled = true;
  284.  
  285. var modelId = document.getElementById("inputHiddenModelId").value.trim();
  286. var modelName = document.getElementById("txtNameEdit").value.trim();
  287. var brandId = document.getElementById("selectBrandEdit").value.trim();
  288. var machineType = document.getElementById("selectTypeEdit").value.trim();
  289.  
  290. $global.fetch(`api/Master/AddModel?siteId=${_tempSideId}&model=${modelName}&brand=${brandId}&machineType=${machineType}&modelId=${modelId}&siteId=${_tempSideId}`,{
  291. method: "POST"
  292. }).then( result=> {
  293. if (!!result.Id) {
  294. Swal.fire("Success", "", "success");
  295. loadModel(brandId);
  296. $('#modalEditModel').modal('toggle');
  297. } else {
  298. Swal.fire("Error", "", "error");
  299. }
  300. document.getElementById("btnEditModel").disabled = false;
  301. });
  302. }
  303.  
  304. function updateMachine() {
  305. document.getElementById("btnEditMachine").disabled = true;
  306. //if (!document.getElementById("txtNameMachineEdit").value.trim()
  307. // || !document.getElementById("selectOwnerMachineEdit").value.trim() || !document.getElementById("selectManager_machineedit").value.trim()) {
  308. // Swal.fire("Warning", "Please enter all required fields!", "warning");
  309. // document.getElementById("btnEditMachine").disabled = false;
  310. // return;
  311. //}
  312.  
  313. if (!document.getElementById("txtNameMachineEdit").value.trim()) {
  314. Swal.fire("Warning", "Please enter all required fields!", "warning");
  315. document.getElementById("btnEditMachine").disabled = false;
  316. return;
  317. }
  318.  
  319. if (statusUploadOrCancel == "1") {
  320.  
  321. if (_uppyEditMachine.getFiles().length == 0) {
  322. Swal.fire("Warning", "Please upload machine image!", "warning");
  323. return;
  324. }
  325. var fileUpload = new FormData();
  326. fileUpload.append("FileData", _uppyEditMachine.getFiles()[0].data);
  327. fileUpload.append("filename", _uppyEditMachine.getFiles()[0].data.name);
  328.  
  329. $.ajax({
  330. type: "POST",
  331. url: _apiUrl + "api/BlobsUpload/UploadFiles",
  332. data: fileUpload,
  333. enctype: 'multipart/form-data',
  334. processData: false,
  335. contentType: false,
  336. success: function (fileName) {
  337. saveUpdateMachine(fileName);
  338. },
  339. error: function (e) {
  340. console.log("There was error uploading files! " + e);
  341. }
  342. });
  343. }
  344. else {
  345.  
  346. saveUpdateMachine("");
  347.  
  348. }
  349. }
  350.  
  351. function addMachine() {
  352. document.getElementById("btnAddMachine").disabled = true;
  353.  
  354.  
  355. if (_addUppy.getFiles().length != 0) {
  356.  
  357. var fileUpload = new FormData();
  358. fileUpload.append("FileData", _addUppy.getFiles()[0].data);
  359. fileUpload.append("filename", _addUppy.getFiles()[0].data.name);
  360.  
  361. $.ajax({
  362. type: "POST",
  363. url: _apiUrl + "api/BlobsUpload/UploadFiles",
  364. data: fileUpload,
  365. enctype: 'multipart/form-data',
  366. processData: false,
  367. contentType: false,
  368. success: function (fileName) {
  369. Swal.fire("Success", "", "success");
  370. saveMachine(fileName);
  371. _addUppy.reset();
  372. },
  373. error: function (e) {
  374. Swal.fire("Error", result.msg, "error");
  375. console.log("There was error uploading files! " + e);
  376. }
  377. });
  378. }
  379. else {
  380. saveMachine("");
  381. }
  382.  
  383. }
  384.  
  385. function saveMachine(fileName) {
  386. var active = "True";
  387.  
  388. //if (!document.getElementById("txtSNMachine").value.trim() || !document.getElementById("txtNameMachine").value.trim()
  389. // || !document.getElementById("selectOwner").value.trim() || !document.getElementById("selectManager").value.trim()) {
  390. // Swal.fire("Warning", "Please enter all required fields!", "warning");
  391. // document.getElementById("btnAddMachine").disabled = false;
  392. // return;
  393. //}
  394.  
  395. if (!document.getElementById("txtSNMachine").value.trim() || !document.getElementById("txtNameMachine").value.trim() ) {
  396. Swal.fire("Warning", "Please enter all required fields!", "warning");
  397. document.getElementById("btnAddMachine").disabled = false;
  398. return;
  399. }
  400.  
  401. var owner =
  402. [{
  403. UserId: document.getElementById("selectOwner").value.trim()
  404. }];
  405.  
  406. var manager =
  407. [{
  408. UserId: document.getElementById("selectManager").value.trim()
  409. }];
  410.  
  411. var machine = {
  412. ModelId: document.getElementById("inputHiddenModelIdForAddMachine").value.trim(),
  413. SerialNo: document.getElementById("txtSNMachine").value.trim(),
  414. Name: document.getElementById("txtNameMachine").value.trim(),
  415. AssetTag: document.getElementById("txtAssetTagMachine").value.trim(),
  416. Description: document.getElementById("txtDescriptionMachine").value.trim(),
  417. //MachineOwners: owner,
  418. //MachineManagers: manager,
  419. MachineOwners: "",
  420. MachineManagers: "",
  421. Image: fileName,
  422. Active: active
  423. };
  424.  
  425. $global.fetch(`api/Operation/AddorUpdateMachine?siteid=${_tempSideId}`, {
  426. method: 'POST',
  427. data: machine
  428. }).then(result => {
  429. if (result.status == true) {
  430. Swal.fire("Success", "", "success");
  431. $("#modalAddMachine").modal("toggle");
  432. detailMachine(machine.ModelId);
  433. _uppy.reset();
  434.  
  435. } else {
  436. Swal.fire("Error", result.msg, "error");
  437. }
  438.  
  439. document.getElementById("btnAddMachine").disabled = false;
  440. });
  441. }
  442.  
  443.  
  444. function saveUpdateMachine(fileName) {
  445. var modelId = document.getElementById("inputEditMachineHiddenModelId").value;;
  446. var machineId = document.getElementById("inputEditMachineHiddenMachineId").value;
  447. var machineName = document.getElementById("txtNameMachineEdit").value;
  448. var machineDescription = document.getElementById("txtDescriptionMachineEdit").value;
  449. var assetTag = document.getElementById("txtAssetMachineEdit").value;
  450. var owner = document.getElementById("selectOwnerMachineEdit").value;
  451. var manager = document.getElementById("selectManagerMachineEdit").value;
  452. var serialNo = document.getElementById("txtSnMachineEdit").value;
  453. $global.fetch(`api/Master/UpdateMachine?siteId=${_tempSideId}&machineId=${machineId}&machineName=${machineName}&machineDescription=${machineDescription}&assetTag=${assetTag}&owner=${owner}&manager=${manager}&image=${fileName}&serialNo=${serialNo}`, {
  454. method: "POST"
  455. }).then( result => {
  456. if (result.status == true) {
  457. Swal.fire("Success", "", "success");
  458. detailMachine(modelId);
  459. $('#modalEditMachine').modal('toggle');
  460. _uppy.reset();
  461. cancelUploadImage();
  462. } else {
  463. Swal.fire("Error", "", "error");
  464. }
  465. });
  466. }
  467. function resetData() {
  468. var branid = $("#txtHiddenBrandId").val();
  469. //alert(branid);
  470. $('#selectBrand').prop('disabled', true);
  471. document.getElementById("txtName").value = "";
  472. $("#selectBrand").val(branid).trigger("change");
  473. $("#selectType").val("").trigger("change");
  474. }
  475.  
  476. function resetAddMachine() {
  477. document.getElementById("txtSNMachine").value = "";
  478. document.getElementById("txtNameMachine").value = "";
  479. document.getElementById("txtAssetTagMachine").value = "";
  480. document.getElementById("txtDescriptionMachine").value = "";
  481. $("#selectOwner").val("").trigger("change");
  482. $("#selectManager").val("").trigger("change");
  483. }
  484.  
  485. function addModel() {
  486. document.getElementById("btnAddModel").disabled = true;
  487. document.getElementById("inputHiddenModelId").value = "";
  488.  
  489. var modelName = document.getElementById("txtName").value;
  490. var brandId = document.getElementById("selectBrand").value;
  491. var machineType = document.getElementById("selectType").value;
  492.  
  493. if (!document.getElementById("txtName").value.trim() || !document.getElementById("selectBrand").value.trim()
  494. || !document.getElementById("selectType").value.trim()) {
  495.  
  496. Swal.fire("Warning", "Please enter all required fields!", "warning");
  497. document.getElementById("btnAddModel").disabled = false;
  498. return;
  499. }
  500.  
  501. $global.fetch(`api/Master/AddModel?model=${modelName}&brand=${brandId}&machinetype=${machineType}&modelid=&siteId=${_tempSideId}`,
  502. {
  503. method: "POST"
  504. }).then( result => {
  505.  
  506. if (!!result.Id) {
  507. $('#modalAddModel').modal('toggle');
  508. Swal.fire("Success", "Add model completed", "success");
  509. loadModel(brandId);
  510. } else {
  511. Swal.fire("Error", "Can not add model", "error");
  512. }
  513. document.getElementById("btnAddModel").disabled = false;
  514. });
  515. }
  516.  
  517. function deleteModel(modelId, brandId) {
  518.  
  519. Swal.fire({ title: 'Are you sure?', text: "You won't be able to revert this!", type: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Yes, delete it!' }).then((result) => {
  520. if (result.value) {
  521. $global.fetch(`api/Master/DeleteModel?siteid=1&modelId=${modelId}`,
  522. {
  523. method: "DELETE"
  524. }).then(model => {
  525. if (model.status) {
  526. Swal.fire("Success", model.msg, "success");
  527. loadModel(brandId);
  528. } else {
  529. Swal.fire("Error", model.msg, "error");
  530. }
  531. });
  532. }
  533. });
  534. }
  535.  
  536. function deleteMachine(machineId, modelId, status) {
  537.  
  538. Swal.fire({ title: 'Are you sure?', text: "You won't be able to revert this!", type: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Yes, delete it!' }).then((result) => {
  539. if (result.value) {
  540. $global.fetch(`api/Master/DeleteMachine?machineId=${machineId}&status=${status}&siteId=${_tempSideId}`,
  541. {
  542. method: "POST"
  543.  
  544. }).then(result => {
  545. if (result.status) {
  546. Swal.fire("Success", result.msg, "success").then(detailMachine(modelId));
  547.  
  548. } else {
  549. Swal.fire("Error", result.msg, "error");
  550. }
  551. });
  552. }
  553. })
  554. }
  555.  
  556. function getOwnerOrManagerDropDown() {
  557. $global.fetch(`api/Master/GetUser`, {
  558.  
  559. }).then( obj => {
  560.  
  561. var ownerAndManagerData = obj.map(function (i) { return { id: i.Id, text: i.FullName } });
  562. $("#selectOwner").select2({ data: ownerAndManagerData, width: '100%' });
  563. $("#selectOwner").select2({ sorter: opt => opt.sort((a, b) => a.text.localeCompare(b.text)) });
  564. $("#selectManager").select2({ data: ownerAndManagerData, width: '100%' });
  565. $("#selectManager").select2({ sorter: opt => opt.sort((a, b) => a.text.localeCompare(b.text)) });
  566. $("#selectOwnerMachineEdit").select2({ data: ownerAndManagerData, width: '100%' });
  567. $("#selectOwnerMachineEdit").select2({ sorter: opt => opt.sort((a, b) => a.text.localeCompare(b.text)) });
  568. $("#selectManager_machineedit").select2({ data: ownerAndManagerData, width: '100%' });
  569. $("#selectManager_machineedit").select2({ sorter: opt => opt.sort((a, b) => a.text.localeCompare(b.text)) });
  570.  
  571. });
  572. }
  573.  
  574. function getBrandOrMachineTypeDropDown() {
  575. getBrandDropDown();
  576. getMachineTypeDropDown();
  577. }
  578.  
  579. function getBrandDropDown() {
  580. document.getElementById("txtName").value = "";
  581. $("#selectBrand").val("").trigger('change');
  582. $("#selectBrandEdit").val("").trigger('change');
  583.  
  584. $global.fetch(`api/Master/GetBrand?siteid=${_tempSideId}`,{
  585. }).then( brandName => {
  586.  
  587. var brandData = brandName.map(function (i) { return { id: i.Id, text: i.Name } });
  588.  
  589. $("#selectBrand").select2({ data: brandData, width: '100%' });
  590. $('#selectBrand').select2({ sorter: opt => opt.sort((a, b) => a.text.localeCompare(b.text)) });
  591. $("#selectBrandEdit").select2({ data: brandData, width: '100%' });
  592. $('#selectBrandEdit').select2({ sorter: opt => opt.sort((a, b) => a.text.localeCompare(b.text)) });
  593. });
  594. }
  595.  
  596. function getMachineTypeDropDown() {
  597. $("#selectType").val("").trigger('change');
  598. $("#selectTypeEdit").val("").trigger('change');
  599.  
  600. $global.fetch(`api/Master/GetMachineType?siteid=${_tempSideId}`,{
  601. }).then( machineType => {
  602.  
  603. var machineTypeData = machineType.map(function (i) { return { id: i.Id, text: i.Name } });
  604.  
  605. $("#selectType").select2({ data: machineTypeData, width: '100%' });
  606. $('#selectType').select2({ sorter: opt => opt.sort((a, b) => a.text.localeCompare(b.text)) });
  607. $("#selectTypeEdit").select2({ data: machineTypeData, width: '100%' });
  608. $('#selectTypeEdit').select2({ sorter: opt => opt.sort((a, b) => a.text.localeCompare(b.text)) });
  609. });
  610. }
  611.  
  612. function backToModel() {
  613. document.querySelector("#brandView").classList.add("d-none");
  614. document.querySelector("#modelView").classList.remove("d-none");
  615. document.querySelector("#machineView").classList.add("d-none");
  616. document.querySelector(".iBack").classList.remove("d-none");
  617. activeBreadcrumb('Model');
  618. }
  619.  
  620. function backToBrand() {
  621. document.querySelector("#brandView").classList.remove("d-none");
  622. document.querySelector("#modelView").classList.add("d-none");
  623. document.querySelector("#machineView").classList.add("d-none");
  624. activeBreadcrumb('Brand');
  625. }
  626.  
  627. function uploadImage() {
  628. statusUploadOrCancel = "1";
  629. _uppyEditMachine.cancelAll();
  630. document.querySelector("#uploadMachineImage").classList.remove("d-none");
  631. document.querySelector("#machineImage").classList.add("d-none");
  632. document.querySelector(".btnEditCancel").classList.remove("d-none");
  633. }
  634.  
  635. function cancelUploadImage() {
  636. statusUploadOrCancel = "0";
  637. document.querySelector("#uploadMachineImage").classList.add("d-none");
  638. document.querySelector("#machineImage").classList.remove("d-none");
  639. document.querySelector(".btnEditCancel").classList.add("d-none");
  640. $('#uploadMachineImage').empty();
  641. }
  642.  
  643. $("#txtName").on("input", function () {
  644. if ($("#txtName").val() !== "" && $("#selectBrand").val() !== "" && $("#selectType").val() !== "") {
  645. document.getElementById("btnAddModel").disabled = false;
  646. } else {
  647. document.getElementById("btnAddModel").disabled = true;
  648. }
  649. });
  650.  
  651. $("#selectBrand, #selectType").on("change", function () {
  652. if ($('#txtName').val() !== "" && $("#selectBrand").val() !== "" && $("#selectType").val() !== "") {
  653. document.getElementById("btnAddModel").disabled = false;
  654. } else {
  655. document.getElementById("btnAddModel").disabled = true;
  656. }
  657. });
  658.  
  659. $("#txtNameEdit").on("input", function () {
  660. if ($("#txtNameEdit").val() !== "" && $("#selectBrandEdit").val() !== "" && $("#selectTypeEdit").val() !== "") {
  661. document.getElementById("btnEditModel").disabled = false;
  662. } else {
  663. document.getElementById("btnEditModel").disabled = true;
  664. }
  665. });
  666.  
  667. $("#selectBrandEdit, #selectTypeEdit").on("change", function () {
  668. if ($("#txtNameEdit").val() !== "" && $("#selectBrandEdit").val() !== "" && $("#selectTypeEdit").val() !== "") {
  669. document.getElementById("btnEditModel").disabled = false;
  670. } else {
  671. document.getElementById("btnEditModel").disabled = true;
  672. }
  673. });
  674.  
  675.  
  676. $(document).ready(function () {
  677. var table = $('#example').DataTable({
  678. rowReorder: {
  679. selector: 'td:nth-child(2)'
  680. },
  681. responsive: true
  682. });
  683. });
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!