- 
+ 
+
Item Standardizer
diff --git a/src/renderer/item_main.js b/src/renderer/item_main.js
new file mode 100644
index 0000000..321bb19
--- /dev/null
+++ b/src/renderer/item_main.js
@@ -0,0 +1,1421 @@
+const {clipboard, ipcRenderer, shell} = require('electron');
+const fs = require('fs');
+const path = require('path');
+// const { dialog } = require('electron').remote;
+const Database = require('../misc/indexDB');
+const SharedDatabase = require('../misc/sharedDB');
+const Validate = require('../misc/validators');
+const Maximo = require('../misc/maximo');
+const CONSTANTS = require('../misc/constants.js');
+// stores items that are to be uploaded through the "batch upload" accordion.
+let itemsToUpload = [];
+
+// stores images that are to be uploaded through the "image upload" accordion.
+let imgsToUpload = [];
+
+// an object that stores the location of each column in the batch upload table.
+// allows for column locations to be interchanged. -1 means a column is not in
+// the table. Maybe in the future, column locations should be predetermined so
+// that a global variable is not used for this.
+let colLoc = {
+ description: -1,
+ uom: -1,
+ commGroup: -1,
+ glClass: -1,
+ maximo: -1,
+ vendor: -1,
+ storeroom: -1,
+ catNum: -1,
+ siteID: -1,
+};
+
+// an object that stores all search results and "bookmarks" how many items have
+// been loaded in the related results table. Used for infinite scroll.
+let relatedResults = {
+ idx: 0, // store the index of the current item being loaded
+ curKey: 0, // store which key is currently being loaded from the search results
+ results: [], // store all search results (dictonary)
+};
+
+// a function that is called immediately after the window has been loaded
+window.onload = function() {
+ // set the darkmode toggle to the correct position by retreiving information from the local storage
+ document.getElementById('dark-mode-switch').checked = (localStorage.getItem('theme') === 'dark' ? true : false);
+
+ // change the UI based on whether the user is a "power user". show all upload elements if they are a power user, else hide it.
+ if (localStorage.getItem('powerUser') === 'true') {
+ document.getElementById('upload-btn').style.display = 'block';
+ document.getElementById('request-btn').style.display = 'none';
+ document.getElementById('batch-upld-btn').style.display = 'block';
+ document.getElementById('img-upld-toggle').style.display = 'block';
+ document.getElementById('batch-mode-toggle').style.display = 'block';
+ return;
+ }
+};
+
+/*
+Power User Toggle
+
+Allows user to toggle between 2 modes: Power user and Normal User.
+Normal user mode hides all upload elements and only allows the user to request items.
+Power user mode shows all upload elements and allows the user to upload items and images.
+
+Created for the purpose of hiding upload functionality from people who shouldn't be
+uploading items (a.k.a. everyone except for reliability team).
+*/
+// set the user to a power user if they have clicked the secret button 5 times
+document.getElementById('secret-button').addEventListener('click', (e) => {
+ let isPowerUser = false;
+ let numClicks = parseInt(e.target.getAttribute('data-clicks'));
+
+ numClicks++;
+
+ if (numClicks === 5) {
+ isPowerUser = true;
+ localStorage.setItem('powerUser', 'true');
+ e.target.setAttribute('data-clicks', '0');
+ } else {
+ localStorage.setItem('powerUser', 'false');
+ e.target.setAttribute('data-clicks', `${numClicks}`);
+ isPowerUser = false;
+ }
+
+ // toggle whether elements are hidden or not based off of power user status
+ if (isPowerUser == true) {
+ document.getElementById('upload-btn').style.display = 'block';
+ document.getElementById('request-btn').style.display = 'none';
+ document.getElementById('batch-upld-btn').style.display = 'block';
+ document.getElementById('img-upld-toggle').style.display = 'block';
+ document.getElementById('batch-mode-toggle').style.display = 'block';
+ } else {
+ document.getElementById('upload-btn').style.display = 'none';
+ document.getElementById('request-btn').style.display = 'block';
+ document.getElementById('batch-upld-btn').style.display = 'none';
+ document.getElementById('img-upld-toggle').style.display = 'none';
+ document.getElementById('batch-mode-toggle').style.display = 'none';
+ }
+});
+
+// gets user site information
+async function getSite(credentials = {}) {
+ const maximo = new Maximo();
+ const currInfo = await maximo.checkLogin(credentials?.userid, credentials?.password);
+ return currInfo.siteID;
+}
+
+// open a modal that allows you to make an item request
+document.getElementById('request-btn').addEventListener('click', () => {
+ // show request item modal
+ const requestModal = new bootstrap.Modal(document.getElementById('requestModal'));
+ requestModal.toggle();
+
+ const currPass = new SharedDatabase().getPassword();
+ const userid = currPass.userid;
+ let siteID;
+
+ const sites = {
+ 'AA': ['AAG: Brampton B2 Storeroom', 'AAL: Brampton B2/B4 Maintenance Storeroom', 'AAO: Brampton B4 Oxidizer Storeroom'],
+ 'ANT': ['AN1: Antwerp Mod Line Storeroom', 'AN2: Antwerp Coating Line Storeroom'],
+ 'BA': ['BAL: IKO Calgary Maintenance Storeroom'],
+ 'BL': ['BLC: Hagerstown TPO Storeroom', 'BLD: Hagerstown ISO Storeroom', 'BLL: Hagerstown Maintenance Storeroom(Shared)'],
+ 'CA': ['CAL">IKO Kankakee Maintenance Storeroom'],
+ 'CAM': ['C61">IKO Appley Bridge Maintenance Storeroom'],
+ 'COM': ['CB1">Combronde Maintenance Storeroom'],
+ 'GA': ['GAL: IKO Wilmington Maintenance Storeroom'],
+ 'GC': ['GCL: Sumas Maintenance Storeroom', 'GCA: Sumas Shipping Storeroom', 'GCD: Sumas Shingle Storeroom', 'GCG: Sumas Mod Line Storeroom', 'GCJ: Sumas Crusher Storeroom', 'GCK: Sumas Tank Farm Storeroom'],
+ 'GE': ['GEL: Ashcroft Maintenance Storeroom'],
+ 'GH': ['GHL: IKO Hawkesbury Maintenance Storeroom'],
+ 'GI': ['GIL: IKO Madoc Maintenance Storeroom'],
+ 'GJ': ['GJL: CRC Toronto Maintenance Storeroom'],
+ 'GK': ['GKA: IG Brampton B7 and B8 Storeroom', 'GKC: IG Brampton B6 and Laminator Storeroom', 'GKL: IG Brampton Maintenance Storeroom'],
+ 'GM': ['GML: IG High River Maintenance Storeroom'],
+ 'GP': ['GPL: CRC Brampton Maintenance Storeroom'],
+ 'GR': ['GRL: Bramcal Maintenance Storeroom'],
+ 'GS': ['GSL: Sylacauga Maintenance Storeroom'],
+ 'GV': ['GVL: IKO Hillsboro Maintenance Storeroom'],
+ 'GX': ['GXL: Maxi-Mix Maintenance Storeroom'],
+ 'KLU': ['KD1: IKO Klundert Maintenance Storeroom', 'KD2: IKO Klundert Lab Storeroom', 'KD3: IKO Klundert Logistics Storeroom'],
+ 'PBM': ['PB6: Slovakia Maintenance Storeroom'],
+ 'RAM': ['RA6: IKO Alconbury Maintenance Storeroom'],
+ // Add more sites and storerooms as needed...
+ };
+
+ const userSite = getSite({userid: userid, password: currPass.password});
+ userSite.then((response) => {
+ siteID = response;
+
+ const storeroomSelect = document.getElementById('storeroom');
+ // poppulate correct user storerooms in modal
+ function updateStoreroomOptions() {
+ storeroomSelect.options.length = 1;
+
+ // Add new options
+ const neededStorerooms = sites[siteID];
+ for (const storeroom of neededStorerooms) {
+ const option = document.createElement('option');
+ option.value = storeroom;
+ option.text = storeroom;
+ storeroomSelect.add(option);
+ }
+ }
+ updateStoreroomOptions();
+ })
+ .catch((error) => console.error(`Error: ${error}`));
+
+ poppulateModal();
+});
+
+// Allow input of manufacturer name & part number if "Other" is selected
+document.getElementById('manu-name').addEventListener('click', (e) => {
+ if (e.target.value == 'Other') {
+ document.getElementById('pref-manu').style.display = 'block';
+ document.getElementById('part-form').style.display = 'block';
+ } else {
+ document.getElementById('pref-manu').style.display = 'none';
+ document.getElementById('part-form').style.display = 'none';
+ }
+});
+
+// download email file when submit button is pressed
+document.getElementById('submit-btn').addEventListener('click', submitMail, false);
+
+// opens email file in default mail client
+function submitMail() {
+ // checking required fields are filled
+ if (document.getElementById('manu-name').value == 'Other') {
+ if (!(document.getElementById('part-num').reportValidity() &&
+ document.getElementById('storeroom').reportValidity() &&
+ document.getElementById('item-descr').reportValidity())) {
+ console.log('Required fields still empty');
+ return;
+ }
+ } else {
+ if (!(document.getElementById('storeroom').reportValidity() &&
+ document.getElementById('item-descr').reportValidity())) {
+ console.log('Required fields still empty');
+ return;
+ }
+ }
+ // storing current date and time for email subject
+ const currentdate = new Date();
+ const datetime = currentdate.getFullYear() + '/' + (currentdate.getMonth() + 1) + '/' + (currentdate.getDay() + 1) +
+ ' @ ' +
+ currentdate.getHours() + ':' +
+ currentdate.getMinutes() + ':' + currentdate.getSeconds();
+ const mailText =
+ ``;
+
+ // Send string to main process to write file
+ ipcRenderer.send('write-file', mailText);
+ // requestModal.toggle();
+}
+
+/* Infinite scroll
+
+Allows elements to load as the user scrolls down the page,
+drastically decreasing loading times and making UI smoother.
+*/
+// listen for a scroll event. if the bottom of the results table is less than 100px below the bottom of the viewport, load more items
+document.getElementById('everything').addEventListener('scroll', () => {
+ // dont add items to the list if the accordion is collapsed
+ if (document.getElementById('related-items-accordion-btn').classList.contains('collapsed') || relatedResults.results.length == 0) {
+ return;
+ }
+
+ const searchResultsTable = document.getElementById('related-items');
+
+ const domRect = searchResultsTable.getBoundingClientRect();
+ const spaceBelow = document.getElementById('everything').offsetHeight - domRect.bottom;
+
+ if (spaceBelow > -100) {
+ // load more items if the bottom of the table is less than 100px below the bottom of the viewport
+ loadRelated();
+ }
+});
+
+// Generate UI when files are selected by user
+document.getElementById('imgInput').addEventListener('change', async (e) => {
+ const progressBar = new ProgressBar();
+
+ // reset UI
+ document.getElementById('imgList').innerHTML = ``;
+ // get files from file picker
+ const files = document.getElementById('imgInput').files;
+ imgsToUpload = files;
+ // make a comma separated string of all the item numbers that are to be uploaded
+ let nums = '';
+
+ // if no files were selected, return
+ if (files.length == 0 || !files) {
+ return;
+ }
+
+ const imgList = document.getElementById('imgList');
+
+ progressBar.update(0, 'Loading Images...');
+
+ // for each image, add list item to HTML list
+ for (let i = 0; i < files.length; i++) {
+ const file = files[i];
+ const completion = (i + 1) / files.length * 100;
+
+ nums += file.name.slice(0, 7) + ','; // get first 7 characters of file name
+ progressBar.updateProgressBar(completion);
+
+ imgList.innerHTML += `
+
+ `;
+ }
+
+ // generate a link to open items that are being uploaded to in maximo
+
+ const url = `https://${CONSTANTS.ENV}.iko.max-it-eam.com/maximo/oslc/graphite/manage-shell/index.html?event=loadapp&value=item&additionalevent=useqbe&additionaleventvalue=itemnum=${nums}`;
+ document.getElementById('img-upload-status-text').innerHTML = `Selected Items:`;
+ document.getElementById('imgs-link').addEventListener('click', function(e) {
+ e.preventDefault();
+ shell.openExternal(url);
+ });
+
+ progressBar.update(100, 'Ready to Upload!');
+});
+
+// clear the file picker each time it is clicked
+document.getElementById('imgInput').addEventListener('click', () => {
+ document.getElementById('img-clear-btn').dispatchEvent(new Event('click'));
+});
+
+document.getElementById('img-clear-btn').addEventListener('click', () => {
+ // reset all related components
+ const progressBar = new ProgressBar();
+ document.getElementById('imgList').innerHTML = ``;
+ progressBar.update(100, 'Ready!');
+ // empty list of images to upload
+ imgsToUpload = [];
+ // empty file picker
+ document.getElementById('imgInput').value = null;
+
+ document.getElementById('img-upload-status-text').innerHTML = 'Select Images to Continue...';
+});
+document.getElementById('img-upload-btn').addEventListener('click', () => {
+ const progressBar = new ProgressBar();
+
+ const clearBtn = document.getElementById('img-clear-btn');
+ const uploadBtn = document.getElementById('img-upload-btn');
+
+ // return if user has picked no images
+ if (imgsToUpload.length == 0) {
+ new Toast('No Images Selected!');
+ return;
+ }
+
+ let finishedItems = 0;
+
+ // disable the clear and upload buttons while upload is taking place so the
+ // user can't send duplicate requests or accidentally clear the image upload list
+ // while its uploading
+ clearBtn.disabled = true;
+ uploadBtn.disabled = true;
+
+ const worker = new WorkerHandler();
+
+ progressBar.update(0, 'Uploading Images...');
+
+ // upload all images and update UI
+ worker.work(['uploadImages', imgsToUpload], (result) => {
+ if (result[0] == 'success') {
+ // if success, display checkmark
+ document.getElementById(`img-${result[1]}-status`).innerHTML = `done`;
+ } else if (result[0] == 'fail') {
+ // if fail, display 'x' (cross)
+ document.getElementById(`img-${result[1]}-status`).innerHTML = `close`;
+ } else if (result[0] == 'done') {
+ progressBar.update(100, 'Upload Complete!');
+ clearBtn.disabled = false;
+ uploadBtn.disabled = false;
+ } else if (result[0] == 'warning') {
+ // if warning, display triangle with exclamation point in it. This only occurs if you try
+ // to upload an image to an item that already has an image
+ document.getElementById(`img-${result[1]}-status`).innerHTML = `warning`;
+ } else if (result[0] == 'total failure') {
+ finishedItems = imgsToUpload.length;
+ progressBar.update(100, 'Error occurred while attempting upload!');
+ document.getElementById('img-upload-status-text').innerHTML = `Upload Failed: ${result[1]}}`;
+ clearBtn.disabled = false;
+ uploadBtn.disabled = false;
+ }
+
+ if (result != 'done') {
+ finishedItems++;
+ }
+
+ // update progressbar when each image is uploaded/fails upload
+ progressBar.updateProgressBar(finishedItems * 100 / imgsToUpload.length);
+ });
+});
+
+// Other
+document.getElementById('load-item').addEventListener('click', loadItem);
+document.getElementById('valid-single').addEventListener('click', () => {
+ validSingle();
+});
+document.getElementById('valid-single-ext').addEventListener('click', () => {
+ validSingle(true);
+});
+document.getElementById('settings').addEventListener('click', openSettings);
+document.getElementById('topButton').addEventListener('click', toTop);
+document.getElementById('endButton').addEventListener('click', toEnd);
+document.getElementById('interactive').addEventListener('click', openExcel);
+document.getElementById('worksheet-path').addEventListener('click', openExcel);
+document.getElementById('pauseAuto').addEventListener('click', pauseAuto);
+
+document.getElementById('save-desc').addEventListener('click', writeDescription);
+document.getElementById('save-num').addEventListener('click', writeItemNum);
+document.getElementById('skip-row').addEventListener('click', skipRow);
+document.getElementById('continueAuto').addEventListener('click', continueAuto);
+document.getElementById('confirm-btn').addEventListener('click', () => {
+ uploadItem();
+});
+document.getElementById('upload-btn').addEventListener('click', () => {
+ const confirmModal = new bootstrap.Modal(document.getElementById('confirmModal'));
+ if (!(
+ document.getElementById('maximo-desc').reportValidity() &&
+ document.getElementById('uom-field').reportValidity() &&
+ document.getElementById('com-group').reportValidity() &&
+ document.getElementById('gl-class').reportValidity()
+ )) {
+ return;
+ }
+ ItemAnalysis();
+ confirmModal.toggle();
+ getNextNumThenUpdate(document.getElementById('num-type').value);
+});
+
+
+// batch upload:
+document.getElementById('openBatchFile').addEventListener('click', () => {
+ openFile('worksheet-path');
+});
+
+document.getElementById('clear-batch-items-btn').addEventListener('click', () => {
+ document.getElementById('batch-items-table').innerHTML = ``;
+ document.getElementById('batch-copy-nums').disabled = true;
+ document.getElementById('batch-upload-status-text').innerHTML = 'Waiting for paste...';
+});
+
+document.getElementById('batch-copy-nums').addEventListener('click', () => {
+ try {
+ const result = getItemsFromTable('batch-items-table');
+ if (result == undefined || result == null || result == 0) {
+ throw ('Table missing columns');
+ }
+ const rows = parseInt(document.getElementById('batch-items-table').getAttribute('data-rows')) - 1;
+ let nums = '';
+ for (let i = 2; i <= rows + 1; i++) {
+ nums += document.getElementById(`${i}-${colLoc.maximo}`).innerHTML ? (document.getElementById(`${i}-${colLoc.maximo}`).innerHTML + '\n') : '';
+ }
+ navigator.clipboard.writeText(nums);
+ new Toast('Item Numbers Copied to Clipboard!');
+ } catch (error) {
+ // console.log(error);
+ new Toast('Unable to copy numbers, please check table formatting!');
+ }
+});
+
+document.getElementById('batch-items-textinput').addEventListener('paste', (e) => {
+ setTimeout(() => {
+ const paste = e.target.value;
+ const table = document.getElementById('batch-items-table-div');
+ table.innerHTML = convertToTable(paste, 'batch-items-table');
+
+ document.getElementById('batch-copy-nums').disabled = false;
+
+ document.getElementById('batch-upload-status-text').innerHTML = 'Paste detected! Edit table if needed and click upload.';
+ e.target.value = '';
+ }, 0);
+});
+document.getElementById('batch-upload-btn').addEventListener('click', () => {
+ try {
+ itemsToUpload = getItemsFromTable('batch-items-table');
+ } catch (error) {
+ itemsToUpload = [];
+ document.getElementById('batch-upload-status-text').innerHTML = `Error, check table format! (${error})`;
+ return;
+ }
+
+ if (itemsToUpload.length > 0) {
+ itemsToUpload.forEach((value, idx) => {
+ if (value) {
+ updateItemStatus('loading', idx + 1);
+ }
+ });
+ batchUploadItems(itemsToUpload);
+ return;
+ } else {
+ document.getElementById('batch-upload-status-text').innerHTML = 'No valid items to upload!';
+ }
+
+ return;
+});
+document.getElementById('batch-paste-btn').addEventListener('click', async () => {
+ const text = await navigator.clipboard.readText();
+ const pasteEvent = new Event('paste', {'bubbles': true, 'cancelable': false});
+ const textinput = document.getElementById('batch-items-textinput');
+
+ textinput.value = text;
+ textinput.dispatchEvent(pasteEvent);
+});
+document.getElementById('batch-copy-headers-btn').addEventListener('click', () => {
+ const copyText = `Maximo\tDescription\tIssue Unit\tCommodity Group\tGL Class\tSite\tStoreroom\tVendor\tCatalogue Number\n\t`;
+ navigator.clipboard.writeText(copyText);
+ new Toast('Table copied to clipboard!');
+});
+// dark theme toggle
+document.getElementById('dark-mode-switch').addEventListener('click', toggleTheme);
+// Infinite scroll
+
+// listener for enter key on search field
+document.getElementById('maximo-desc').addEventListener('keyup', function(event) {
+ // Number 13 is the "Enter" key on the keyboard
+ if (event.key === 'Enter') {
+ // Cancel the default action, if needed
+ event.preventDefault();
+ // Trigger the button element with a click
+ validSingle();
+ }
+});
+
+document.getElementById('interact-num').addEventListener('keyup', function(event) {
+ // Number 13 is the "Enter" key on the keyboard
+ if (event.key === 'Enter') {
+ // Cancel the default action, if needed
+ event.preventDefault();
+ // Trigger the button element with a click
+ loadItem();
+ }
+});
+
+function pauseAuto() {
+ document.getElementById('modeSelect').checked = true;
+}
+
+function loadItem() {
+ const itemnum = document.getElementById('interact-num').value.trim();
+ new Toast(`Loading Item: ${itemnum}`);
+ const worker = new WorkerHandler();
+ worker.work(['loadItem', itemnum], showItem);
+}
+
+function auto_grow(elementID) {
+ const element = document.getElementById(elementID);
+ element.style.height = '5px';
+ element.style.height = (element.scrollHeight) + 'px';
+}
+
+function showItem(data) {
+ document.getElementById('maximo-desc').value = data[0].description;
+ document.getElementById('uom-field').value = data[0].uom;
+ document.getElementById('com-group').value = data[0].commodity_group;
+ document.getElementById('gl-class').value = data[0].gl_class;
+}
+
+function writeDescription() {
+ const valid = new Validate();
+ const field = document.getElementById('maximo-desc');
+ if (field.value.length > 0) {
+ const bar = new ProgressBar();
+ bar.update(0, 'Writing asset description to file');
+ let desc = field.value.split(',');
+ desc = valid.assembleDescription(desc);
+ const params = worksheetParams();
+ params.outRow = document.getElementById('current-row').innerHTML;
+ const worker = new WorkerHandler();
+ worker.work(['writeDesc', [params, desc]], writeComplete);
+ } else {
+ new Toast('Please enter a valid description');
+ }
+}
+
+function worksheetParams(path = false) {
+ const params = {
+ // input parameters
+ wsName: document.getElementById('ws-name').value || 'Sheet2', // name of ws
+ inDesc: (document.getElementById('input-col').value || 'F').toUpperCase().split(','), // description columns for input
+ startRow: document.getElementById('start-row').value || '2', // starting row of ws
+ // output parameters
+ outItemNum: document.getElementById('output-col').value.toUpperCase() || 'E',
+ outItemDesc: (document.getElementById('output-col-desc').value || 'F,G,H').toUpperCase().split(','),
+ outComm: document.getElementById('interact-num').value.toUpperCase() || 'I', // commodity group out
+ outGL: document.getElementById('interact-num').value.toUpperCase() || 'J', // gl class out
+ outUOM: document.getElementById('interact-num').value.toUpperCase() || 'K', // uom out
+ outQuestion: document.getElementById('interact-num').value.toUpperCase() || 'L', // questions out
+ outTranslate: document.getElementById('output-col-translation').value.toUpperCase() || 'L',
+ outMissing: document.getElementById('output-col-missing').value.toUpperCase() || 'K',
+ // output data
+ itemNum: document.getElementById('interact-num').value || '999TEST',
+ itemDesc: document.getElementById('maximo-desc').value || 'TEST,ITEM,DESCRIPTION',
+ commGroup: document.getElementById('com-group').value || '401', // commodity group in
+ glClass: document.getElementById('gl-class').value || '6200000000000', // gl class in
+ uom: document.getElementById('uom-field').value || 'EA', // uom in
+ };
+ if (path) {
+ params.filePath = path;
+ } else {
+ params.filePath = document.getElementById('worksheet-path').value;
+ }
+ return params;
+}
+
+function writeItemNum() {
+ const num = document.getElementById('interact-num').value;
+ if (num.length > 0) {
+ const bar = new ProgressBar();
+ bar.update(0, 'Writing item number to file');
+ const path = document.getElementById('worksheet-path').value;
+ const wsName = document.getElementById('ws-name').value;
+ const rowNum = document.getElementById('current-row').innerHTML;
+ const cols = document.getElementById('output-col').value;
+ const worker = new WorkerHandler();
+ worker.work(['writeNum', [path, wsName, rowNum, cols, num]], writeComplete);
+ } else {
+ new Toast('Please enter a valid item number');
+ }
+}
+
+function writeComplete() {
+ const rowNum = parseInt(document.getElementById('current-row').innerHTML);
+ new Toast(`Row ${rowNum} saved!`);
+ document.getElementById('interact-num').value = '';
+ interactiveGoNext(Number(rowNum) + 1);
+}
+
+function openFile(pathElement) {
+ const validFile = document.getElementById(pathElement);
+ const filePath = validFile.value;
+ if (filePath !== 'No file chosen') {
+ new Toast('Opening File in Excel!');
+ shell.openExternal(filePath);
+ }
+}
+
+// Deprecated function, unused.
+function openSettings() {
+ ipcRenderer.send('openSettings');
+ // sendsync blocks parent window...
+ // https://github.com/electron/electron/issues/10426
+}
+
+function openExcel() {
+ document.getElementById('input-col').value = document.getElementById('input-col').value.toUpperCase();
+ document.getElementById('output-col').value = document.getElementById('output-col').value.toUpperCase();
+
+ ipcRenderer.invoke('select-to-be-translated', 'finished').then((result) => {
+ if (!result.canceled) {
+ const worker = new WorkerHandler();
+ const params = worksheetParams(result.filePaths[0]);
+ worker.work(['interactive', params], finishLoadingBatch);
+ document.getElementById('worksheet-path').value = result.filePaths[0];
+ } else {
+ new Toast('File Picker Cancelled');
+ }
+ });
+}
+
+// BATCH UPLOAD FUNCTIONS
+/**
+ * Reads a table and generates items from it
+ *
+ * @param {string} tableId the HTML id of the table to read
+ * @return {Array- } an array of Items
+ */
+function getItemsFromTable(tableId) {
+ colLoc = {
+ description: -1,
+ uom: -1,
+ commGroup: -1,
+ glClass: -1,
+ maximo: -1,
+ vendor: -1,
+ storeroom: -1,
+ catNum: -1,
+ siteID: -1,
+ };
+
+ const table = document.getElementById(`${tableId}`);
+ // find Description, UOM, Commodity Group, and GL Class
+ const rows = parseInt(table.getAttribute('data-rows'));
+ const cols = parseInt(table.getAttribute('data-cols'));
+ // iniitalize items array
+ const items = [];
+ // go through first row to find headings.
+ let validParams = 0;
+ for (let i = 1; i <= cols; i++) {
+ // get a cell in the table by its id
+ const cell = document.getElementById('1-' + i);
+
+ // see if cell value matches any of the required parameters to create an item object
+ if (cell.innerHTML.toUpperCase() === 'DESCRIPTION') {
+ colLoc.description = i;
+ validParams++;
+ } else if (cell.innerHTML.toUpperCase() === 'UOM' || cell.innerHTML.toUpperCase() === 'ISSUE UNIT') {
+ colLoc.uom = i;
+ validParams++;
+ } else if (cell.innerHTML.toUpperCase() === 'COMMODITY GROUP' || cell.innerHTML.toUpperCase() === 'COMM GROUP') {
+ colLoc.commGroup = i;
+ validParams++;
+ } else if (cell.innerHTML.toUpperCase() === 'GL CLASS') {
+ colLoc.glClass = i;
+ validParams++;
+ } else if (cell.innerHTML.toUpperCase() === 'SITEID' || cell.innerHTML.toUpperCase() === 'SITE') {
+ colLoc.siteID = i;
+ validParams++;
+ } else if (cell.innerHTML.toUpperCase() === 'STOREROOM' || cell.innerHTML.toUpperCase() === 'STOREROOM') {
+ colLoc.storeroom = i;
+ validParams++;
+ } else if (cell.innerHTML.toUpperCase() === 'VENDOR' || cell.innerHTML.toUpperCase() === 'VENDOR NUMBER') {
+ colLoc.vendor = i;
+ validParams++;
+ } else if (cell.innerHTML.toUpperCase() === 'CAT NUMBER' || cell.innerHTML.toUpperCase() === 'CATALOG NUMBER' || cell.innerHTML.toUpperCase() === 'CATALOGUE NUMBER') {
+ colLoc.catNum = i;
+ validParams++;
+ } else if (cell.innerHTML.toUpperCase() === 'MAXIMO' || cell.innerHTML.toUpperCase() === 'ITEM NUMBER') {
+ colLoc.maximo = i;
+ validParams++;
+ }
+ // console.log(validParams)
+ }
+
+ // Checking if mandatory columns are filled
+ if (colLoc.siteID != -1 || colLoc.storeroom != -1 || colLoc.vendor != -1 || colLoc.catNum != -1) {
+ if (colLoc.siteID == -1 || colLoc.storeroom == -1) {
+ let numMissing = 0;
+ let missingCols = '';
+ const missingColArr = [];
+ console.log('missing params');
+ for (const property in colLoc) {
+ if (colLoc[property] == -1 && property != 'vendor' && property != 'catNum') {
+ console.log(property);
+ numMissing++;
+ missingColArr.push(property.toLowerCase());
+ }
+ }
+ missingCols = missingColArr.join(', ');
+ document.getElementById('batch-upload-status-text').innerHTML = `Table is missing ${numMissing} column(s): (${missingCols}). Table will not be uploaded!`;
+ return;
+ }
+ } else {
+ if (validParams < 5) {
+ let missingCols = '';
+ const missingColArr = [];
+ console.log('missing params');
+ for (const property in colLoc) {
+ if (colLoc[property] == -1 && property != 'siteID' && property != 'storeroom' && property != 'vendor' && property != 'catNum') {
+ console.log(property);
+ missingColArr.push(property.toLowerCase());
+ }
+ }
+ missingCols = missingColArr.join(', ');
+ document.getElementById('batch-upload-status-text').innerHTML = `Table is missing ${5 - validParams} column(s): (${missingCols}). Table will not be uploaded!`;
+ return;
+ }
+ }
+ let invalidItems = 0;
+ // Make item for request that includes inventory upload
+ if (validParams > 5) {
+ let site = undefined;
+ let storeroom = undefined;
+ let vendor = undefined;
+ let catNum = undefined;
+ for (let i = 2; i <= rows; i++) {
+ const desc = sanitizeString(document.getElementById(i + '-' + colLoc.description).innerHTML);
+ const uom = sanitizeString(document.getElementById(i + '-' + colLoc.uom).innerHTML).toUpperCase();
+ const commGroup = sanitizeString(document.getElementById(i + '-' + colLoc.commGroup).innerHTML);
+ const glclass = sanitizeString(document.getElementById(i + '-' + colLoc.glClass).innerHTML).toUpperCase();
+ if (colLoc.siteID != -1) {
+ site = sanitizeString(document.getElementById(i + '-' + colLoc.siteID).innerHTML).toUpperCase();
+ }
+ if (colLoc.storeroom != -1) {
+ storeroom = sanitizeString(document.getElementById(i + '-' + colLoc.storeroom).innerHTML).toUpperCase();
+ }
+ if (colLoc.vendor != -1) {
+ vendor = sanitizeString(document.getElementById(i + '-' + colLoc.vendor).innerHTML);
+ }
+ if (colLoc.catNum != -1) {
+ catNum = sanitizeString(document.getElementById(i + '-' + colLoc.catNum).innerHTML);
+ }
+ const maximo = sanitizeString(document.getElementById(i + '-' + colLoc.maximo).innerHTML);
+ // if all required parameters are not available, don't create the item and move to next row
+ if (desc == '' || uom == '' || commGroup == '' || glclass == '' || desc == 0 || uom == 0 || commGroup == 0 || glclass == 0 || site == '' || storeroom == '') {
+ updateItemStatus('error', (i - 1));
+ items.push('');
+ invalidItems++;
+ continue;
+ }
+
+ const item = new Item(undefined, desc, uom, commGroup, glclass, site, storeroom, vendor, catNum);
+ if (colLoc.maximo != -1 && maximo != 0 && maximo.toString().length === 7) {
+ item.itemnumber = maximo;
+ } else if (desc.toUpperCase().includes('DWG')) {
+ item.series = 98;
+ } else if (commGroup == '490' && glclass == 'PLS') {
+ // Change when when item num reachs 9920000
+ item.series = 991;
+ }
+ // console.log(item);
+ // add the item to the array
+ items.push(item);
+ }
+ }
+ // Make item for request that doesn't need inventory upload
+ else {
+ for (let i = 2; i <= rows; i++) {
+ const desc = sanitizeString(document.getElementById(i + '-' + colLoc.description).innerHTML);
+ const uom = sanitizeString(document.getElementById(i + '-' + colLoc.uom).innerHTML).toUpperCase();
+ const commGroup = sanitizeString(document.getElementById(i + '-' + colLoc.commGroup).innerHTML);
+ const glclass = sanitizeString(document.getElementById(i + '-' + colLoc.glClass).innerHTML).toUpperCase();
+ const maximo = sanitizeString(document.getElementById(i + '-' + colLoc.maximo).innerHTML);
+ // if all required parameters are not available, don't create the item and move to next row
+ if (desc == '' || uom == '' || commGroup == '' || glclass == '' || desc == 0 || uom == 0 || commGroup == 0 || glclass == 0) {
+ updateItemStatus('error', (i - 1));
+ items.push('');
+ invalidItems++;
+ continue;
+ }
+ const item = new Item(undefined, desc, uom, commGroup, glclass);
+ if (colLoc.maximo != -1 && maximo != 0 && maximo.toString().length === 7) {
+ item.itemnumber = maximo;
+ } else if (desc.toUpperCase().includes('DWG')) {
+ item.series = 98;
+ } else if (commGroup == '490' && glclass == 'PLS') {
+ // Change when when item num reachs 9920000
+ item.series = 991;
+ }
+ // console.log(item);
+ // add the item to the array
+ items.push(item);
+ }
+ }
+
+ if (invalidItems > 0) {
+ document.getElementById('batch-upload-status-text').innerHTML = `Warning! ${invalidItems} invalid items will not be uploaded`;
+ }
+ // return the item array
+ return items;
+}
+
+/**
+ * Uploads an item from item information accordion dropdown (single item upload)
+ *
+ */
+async function uploadItem() {
+ document.getElementById('confirm-btn').innerHTML = ' Uploading...';
+ document.getElementById('confirm-btn').disabled = true;
+ const worker = new WorkerHandler();
+ const item = new Item(
+ sanitizeString(document.getElementById('interact-num').value),
+ sanitizeString(document.getElementById('maximo-desc').value),
+ sanitizeString(document.getElementById('uom-field').value),
+ sanitizeString(document.getElementById('com-group').value),
+ sanitizeString(document.getElementById('gl-class').value),
+ );
+
+ if (document.getElementById('long-desc').value.length > 0) {
+ item.longdescription = document.getElementById('long-desc').value;
+ }
+
+
+ worker.work(['uploadItems', [item]], (e) => {
+ console.log(e);
+ if (e === undefined || typeof e != 'string' || e == 200) {
+ document.getElementById('error').innerHTML = 'Upload Success';
+ document.getElementById('confirm-btn').innerHTML = 'Upload Item';
+ document.getElementById('confirm-btn').disabled = false;
+ new Toast('Upload Complete!', 'bg-success');
+ const itemUrl = `https://${CONSTANTS.ENV}.iko.max-it-eam.com/maximo/oslc/graphite/manage-shell/index.html?event=loadapp&value=item&additionalevent=useqbe&additionaleventvalue=itemnum=${item.itemnumber}`;
+ document.getElementById('error').innerHTML = `Item Upload Successful! (Click to view item) `;
+ document.getElementById('item-link').addEventListener('click', function(x) {
+ x.preventDefault();
+ shell.openExternal(itemUrl);
+ });
+ } else {
+ document.getElementById('error').innerHTML = 'Upload Fail';
+ document.getElementById('confirm-btn').innerHTML = 'Upload Item';
+ document.getElementById('confirm-btn').disabled = false;
+ // TODO: fail messages
+ document.getElementById('error').innerHTML = `Item Upload Failed! ${e}`;
+ }
+ });
+}
+/**
+ * Uploads an array of items
+ *
+ * @param {Array
- } items
+ */
+async function batchUploadItems(items) {
+ const worker = new WorkerHandler();
+ // disable clear and upload buttons while uploading items to prevent duplicate requests
+ const btn = document.getElementById('batch-upload-btn');
+ const clearBtn = document.getElementById('clear-batch-items-btn');
+ clearBtn.disabled = true;
+ btn.disabled = true;
+
+ worker.work(['uploadItems', items, true], (e) => {
+ let finishText = `Upload Finished! ${e[2]} items uploaded, ${e[3]} items added to inventory. `;
+ if (e[0] == 'failure') {
+ new Toast(`Invalid! ${e[1]}}!`);
+ }
+ clearBtn.disabled = false;
+ btn.disabled = false;
+ updateItemNums(e[0]);
+ const rows = parseInt(document.getElementById('batch-items-table').getAttribute('data-rows')) - 1;
+ let nums = '';
+ for (let i = 2; i <= rows + 1; i++) {
+ nums += document.getElementById(`${i}-${colLoc.maximo}`).innerHTML ? (document.getElementById(`${i}-${colLoc.maximo}`).innerHTML + ',') : '';
+ }
+ if (e[2] > 0) {
+ const itemUrl = `https://${CONSTANTS.ENV}.iko.max-it-eam.com/maximo/oslc/graphite/manage-shell/index.html?event=loadapp&value=item&additionalevent=useqbe&additionaleventvalue=itemnum=${nums}`;
+ finishText += `Click to view:`;
+ document.getElementById('batch-upload-status-text').innerHTML = finishText;
+ document.getElementById('batch-link').addEventListener('click', function(e) {
+ e.preventDefault();
+ shell.openExternal(itemUrl);
+ });
+ } else {
+ document.getElementById('batch-upload-status-text').innerHTML = finishText;
+ }
+ console.log('upload finished');
+ });
+}
+/**
+ * Gets a list of newly generated item nums and updates the table with them.
+ *
+ * If an item has just been uploaded, populates item num cell with new number.
+ *
+ * @param {int[][]} arr array of pairs of item nums and table row indexes
+ */
+function updateItemNums(arr) {
+ for (const pair of arr) {
+ const itemNum = pair[0];
+ const itemRowIndex = pair[1];
+
+ // update item number cell
+ const cell = document.getElementById(`${itemRowIndex + 1}-${colLoc.maximo}`);
+ cell.innerHTML = itemNum;
+
+ // highlight the item number yellow to signify that it was newly uploaded
+ cell.classList.add('table-alert');
+ }
+}
+// //////////////////////
+
+function skipRow() {
+ const row = document.getElementById('current-row').innerHTML;
+ interactiveGoNext(Number(row) + 1);
+}
+
+function finishLoadingBatch(params) {
+ const bar = new ProgressBar();
+ // this has a special work thread since initializing a worker thread takes ~700 ms which is too long
+ document.getElementById('valid-row').innerHTML = params[1];
+ document.getElementById('total-row').innerHTML = params[2];
+ const worker = new Worker('./worker.js');
+ const db = new Database();
+ let description = db.getDescription(params[0]);
+ if (description === undefined) {
+ bar.update(100, 'Done!');
+ worker.terminate();
+ new Toast('Finished Batch Processing');
+ return false;
+ }
+ bar.update(0, 'Processing Descriptions');
+ processBatch(worker, params[0], description);
+ worker.onmessage = (msg) => {
+ if (msg.data[0] === 'nextrow') {
+ description = db.getDescription(msg.data[1]);
+ if (description === undefined) {
+ params = worksheetParams(document.getElementById('worksheet-path').value);
+ worker.postMessage([
+ 'saveProcessed',
+ [params, msg.data[1]],
+ ]);
+ new Toast('Finished Batch Processing');
+ new Toast('Please wait for file to finish saving...');
+ return false;
+ }
+ document.getElementById('current-row').innerHTML = description.row;
+ bar.update(msg.data[1] / params[2] * 100, `Processing Description. Row: ${msg.data[1]} of ${params[2]}`);
+ processBatch(worker, msg.data[1], description);
+ } else if (msg.data[0] === 'saveComplete') {
+ interactiveGoNext(msg.data[1]);
+ new Toast('File Saved');
+ worker.terminate();
+ } else {
+ console.log(`IDK: ${msg.data}`);
+ }
+ };
+}
+
+function processBatch(worker, row, description) {
+ const interactive = document.getElementById('modeSelect').checked;
+ const related = document.getElementById('relatedSelect').checked;
+ const translate = document.getElementById('translateSelect').checked;
+ const params = worksheetParams(document.getElementById('worksheet-path').value);
+ if (interactive) {
+ new Toast('Pausing / Switching to Interactive Mode');
+ worker.postMessage([
+ 'saveProcessed',
+ [params, row],
+ ]);
+ } else {
+ worker.postMessage([
+ 'nonInteractive',
+ [
+ related,
+ translate,
+ description.description,
+ document.getElementById('selected-language').value,
+ params,
+ row,
+ ],
+ ]);
+ }
+}
+
+function continueAuto() {
+ document.getElementById('modeSelect').checked = false;
+ finishLoadingBatch([
+ Number(document.getElementById('current-row').innerHTML),
+ document.getElementById('valid-row').innerHTML,
+ document.getElementById('total-row').innerHTML,
+ ]);
+}
+
+function interactiveGoNext(row) {
+ const bar = new ProgressBar();
+ const db = new Database();
+ const description = db.getDescription(row);
+ if (description === undefined) {
+ bar.update(100, 'Done!');
+ new Toast('End of File Reached');
+ return false;
+ }
+ document.getElementById('current-row').innerHTML = description.row;
+ if (description) {
+ const worker = new WorkerHandler();
+ document.getElementById('maximo-desc').value = description.description;
+ worker.work(['validSingle', description.description], showResult);
+ } else {
+ const field = document.getElementById('maximo-desc');
+ field.placeholder = 'Row is blank, press skip row to go next';
+ field.value = '';
+ const bar = new ProgressBar();
+ bar.update(100, 'Done');
+ }
+}
+
+function validSingle(isExtended = false) {
+ const bar = new ProgressBar();
+ bar.update(0, 'Starting Item Description Validation');
+ const raw_desc = document.getElementById('maximo-desc').value;
+ const worker = new WorkerHandler();
+ worker.work(['validSingle', raw_desc], (result) => {
+ showResult(result, isExtended);
+ });
+}
+
+function showResult(result, isExtended = false) {
+ let triDesc = document.getElementById('result-triple-main');
+ triDesc.value = result[0][0];
+ triDesc = document.getElementById('result-triple-ext1');
+ triDesc.value = result[0][1];
+ triDesc = document.getElementById('result-triple-ext2');
+ triDesc.value = result[0][2];
+ const related = document.getElementById('relatedSelect').checked;
+ const translate = document.getElementById('translateSelect').checked;
+ calcConfidence(result[0][3]);
+ document.getElementById('validate-badge').innerHTML = 'New';
+ if (translate) {
+ translationDescription(result[0][3]);
+ }
+ if (related) {
+ findRelated(result[0], isExtended);
+ }
+}
+
+async function ItemAnalysis() {
+ const valid = new Validate();
+ const raw_desc = document.getElementById('maximo-desc').value;
+ const result = await valid.validateSingle(raw_desc);
+ let triDesc = document.getElementById('result-triple-main');
+ triDesc.value = result[0];
+ triDesc = document.getElementById('result-triple-ext1');
+ triDesc.value = result[1];
+ triDesc = document.getElementById('result-triple-ext2');
+ triDesc.value = result[2];
+ calcConfidence(result[3]);
+}
+
+function findRelated(result, isExtended = false) {
+ const worker = new WorkerHandler();
+ worker.work(['findRelated', result[3], isExtended], (result) => {
+ showRelated(result, isExtended);
+ });
+}
+
+function translationDescription(description) {
+ // for now do not translate if english is selected
+ if (document.getElementById('selected-language').value != 'en') {
+ const worker = new WorkerHandler();
+ if (document.getElementById('result-triple-ext1').value) {
+ description = `${document.getElementById('result-triple-main').value},${document.getElementById('result-triple-ext1').value}`;
+ } else {
+ description = document.getElementById('result-triple-main').value;
+ }
+
+ worker.work([
+ 'translateItem',
+ description,
+ document.getElementById('selected-language').value,
+ 'post',
+ ], displayTranslation);
+ } else {
+ new Toast('Currently translation into English is not supported');
+ }
+}
+
+function displayTranslation(data) {
+ document.getElementById('trans-desc').value = data[0];
+ document.getElementById('translation-description').value = `The following words do not have a translation:\n${data[1]}\nPlease check logs at bottom of page for details`;
+ auto_grow('translation-description');
+}
+
+function calcConfidence(data) {
+ let description;
+ let level = 0;
+ let tree = '';
+ let parent = 0;
+ const regex = /\d+/g;
+ const db = new Database();
+ let analysis;
+ let result = '';
+ const option = {
+ style: 'percent',
+ minimumFractionDigits: 1,
+ maximumFractionDigits: 1,
+ };
+ const formatter = new Intl.NumberFormat('en-US', option);
+
+ if (data?.length > 0) { // test if description is blank
+ description = data.split(',');
+ for (let j = 0; j < description.length; j++) {
+ if (!(description[j].match(regex))) {
+ if (db.isManufacturer(description[j])) {
+ result = `${result}\n${description[j]} is confirmed as a manufacturer`;
+ } else {
+ level++;
+ if (level == 1) {
+ tree = description[j];
+ } else {
+ tree = tree + ',' + description[j];
+ }
+ analysis = db.getAnalysis(tree);
+ if (analysis) {
+ if (level == 1) {
+ if (analysis.count >= 100) {
+ result = `${description[j]}: is COMMONLY used as an Item Type.\n${analysis.count}: occurrences found`;
+ } else if (analysis.count >= 20) {
+ result = `${description[j]}: is SOMETIMES used as an Item Type.\n${analysis.count}: occurrences found`;
+ } else {
+ result = `WARNING: ${description[j]}: is an UNCOMMON Item Type.\nPlease double check.\n${analysis.count}: occurrences found`;
+ }
+ } else {
+ if (analysis.count / parent >= 0.25) {
+ result = `${result}\n${description[j]} is COMMONLY used as an item descriptor for ${tree}.\n${analysis.count} of ${parent} = ${formatter.format(analysis.count / parent)}`;
+ } else if (analysis.count / parent >= 0.05) {
+ result = `${result}\n${description[j]} is SOMETIMES used as an item descriptor for ${tree}.\n${analysis.count} of ${parent} = ${formatter.format(analysis.count / parent)}`;
+ } else {
+ result = `${result}\n${description[j]} is an UNCOMMON item descriptor for ${tree}.\nPlease double check.\n${analysis.count} of ${parent} = ${formatter.format(analysis.count / parent)}`;
+ }
+ }
+ parent = analysis.count;
+ } else {
+ result = `${result}\n${description[j]}: Does not exist in Maximo as part of: ${tree}.\nPlease Check with Corporate`;
+ }
+ }
+ }
+ }
+ document.getElementById('valid-description').value = result.trim();
+ } else {
+ new Toast('Blank Description');
+ }
+}
+
+/**
+ * Initializes search results table and populates relatedResults object
+ * with search results.
+ *
+ * @param {Array< Map
>,Map,String>} result array of [array of item nums of all search results, map of item nums to descriptions, and search query with words separated by commas]
+ * @param {bool} isExtended whether the user has clicked extended search
+ */
+async function showRelated(result, isExtended = false) {
+ const bar = new ProgressBar();
+ if (!result[0]) {
+ bar.update(100, 'Done!');
+ return false;
+ }
+
+ // reverse results to get newest items first.
+ // technically this isn't the best way to do
+ // this because results aren't guaranteed
+ // to be in order of oldest to newest.
+ for (const [key, value] of Object.entries(result[0])) {
+ result[0][key] = result[0][key].reverse();
+ }
+ // populate global variable with search results (bad practice, but it works)
+ relatedResults = {
+ idx: 0,
+ curKey: 0,
+ results: result,
+ };
+
+ // reset table after called
+ const relatedTable = document.getElementById('related-table');
+ const numResultsText = document.getElementById('num-results');
+
+ if (isExtended) {
+ relatedTable.classList.add(`isExt`);
+ } else {
+ if (relatedTable.classList.contains(`isExt`)) {
+ relatedTable.classList.remove(`isExt`);
+ }
+ }
+ // Add headings to the search results table
+ relatedTable.innerHTML = `
+
+
+
+ `;
+
+ numResultsText.innerHTML = `Found ${Object.entries(result[1]).length} results`;
+
+ // expand the search results accordion
+ document.getElementById('related-items-accordion-btn').classList.remove('collapsed');
+ // load a couple of items
+ loadRelated();
+ html = new bootstrap.Collapse(document.getElementById('accordion-relatedItem'), {toggle: false});
+ html.show();
+ bar.update(100, 'Done!');
+}
+
+function loadRelated() {
+ // check if user clicked extended search
+ const isExtended = document.getElementById('related-table').classList.contains('isExt');
+
+ // a map with percent match as key (in decimal form) and array of items as value
+ // for example, if the key is 1, the list of items match with the search query 100%. If the key is 0.5, the list of items match with the search query 50%.
+ const scores = relatedResults.results[0];
+
+ // relatedResults.idx is like a bookmark. It keeps track of how many items have been loaded from the array of items associated with the current key in scores.
+ // relatedResults.curKey is the number of the current key that is being loaded if you were to iterate thru the keys in scores.
+ // For example, the first key's number would be 0, second key 1, etc.
+ if (relatedResults.curKey >= Object.entries(scores).length) {
+ // If curKey is equal or larger than the number of keys in scores, then there are no more items to load, so return
+ return;
+ } else if (Object.entries(scores)[relatedResults.curKey][1].length == 0) {
+ // If there are no items associated with the current key, then move to the next key and try loading items again.
+ relatedResults.curKey++; // increment curKey so that the next time the function runs, it will try to load items from the next key
+ relatedResults.idx = 0; // reset idx so that it starts from the beginning of the array
+ loadRelated();
+ return; // return so we don't do make an infinite loop
+ }
+
+ const step = 20; // number of items to load at once.
+
+ // get arrs from results obj
+ const itemNames = relatedResults.results[1]; // a map with the 9-series number of the item as the key and the item info as value. Item info is an array with 4 items: [description, gl class, uom, commodity group]
+ const searchWords = relatedResults.results[2].split(','); // an array of the search query split by commas. For example, if the search query is "test, item, description", then searchWords would be ["test", "item", "description"]
+
+ let html = ''; let color = ''; // html is the html that will be added to the search results table. color is the color of the row in the table.
+
+ let itemDescription;
+
+ // formatting options for percent match. Converts decimal to percent and rounds to nearest whole number.
+ const option = {
+ style: 'percent',
+ minimumFractionDigits: 0,
+ maximumFractionDigits: 0,
+ };
+
+ const formatter = new Intl.NumberFormat('en-US', option);
+ // technically this is bad practise since object order might not be guarenteed
+ // https://stackoverflow.com/questions/983267/how-to-access-the-first-property-of-a-javascript-object
+
+ const percentMatch = Object.entries(scores)[relatedResults.curKey][0]; // get the percent match (name of the current key)
+ const itemNumList = Object.entries(scores)[relatedResults.curKey][1]; // get the array of items associated with key
+ let itemsToLoad; // array of items to load
+
+ if (relatedResults.idx + step >= itemNumList.length) {
+ // if there are less than 20 items to load, load the remaining items in value and increment curKey and reset idx
+ // this way, the next time the function is called, the next key will be loaded instead
+ itemsToLoad = itemNumList.slice(relatedResults.idx, undefined); // get array of items from idx to end of array
+ relatedResults.curKey++;
+ relatedResults.idx = 0;
+ } else {
+ itemsToLoad = itemNumList.slice(relatedResults.idx, relatedResults.idx + step);
+ relatedResults.idx += step;
+ }
+
+ // iterate thru each item in value array
+ for (const itemNum of itemsToLoad) {
+ itemDescription = itemNames[itemNum][0];
+ if (itemDescription) {
+ // Bold all words in item description that match the search query
+ for (const word of searchWords) {
+ split = word.split(' ');
+ for (const smallWord of split) {
+ if (smallWord.length > 0) {
+ itemDescription = itemDescription.replace(
+ new RegExp(`${smallWord}`, 'i'),
+ `${itemDescription.match(new RegExp(`${smallWord}`, 'i'))?.[0]}`,
+ );
+ }
+ }
+ }
+ // set row color based on percent match
+ if (percentMatch > 0.7) {
+ color = 'table-success'; // green
+ } else if (percentMatch > 0.4) {
+ color = 'table-warning'; // yellow
+ } else {
+ color = 'table-danger'; // red
+ }
+
+ // create HTML row.
+ // In extended search, the vendor info is split from the item description by a | (pipe character).
+ // All info after the pipe character is put into another column.
+ // If the item description does not have a pipe character, then the second column is not loaded.
+ html = `${html}\n
+ ${formatter.format(percentMatch)}
+ ${itemNum}
+ ${(isExtended ? `${itemDescription.substring(0, itemDescription.indexOf('|'))} ` : `${itemDescription} `)}
+ ${(isExtended ? `${itemDescription.slice(itemDescription.indexOf('|') + 1)} ` : '')}
+ ${itemNames[itemNum][2]}
+ ${itemNames[itemNum][3]}
+ ${itemNames[itemNum][1]}
+ add_task `;
+ } else {
+ html = `0 \nxxxxxxx \nNo Related Items Found
`,
+ });
+ new Toast('Triple Description Copied to Clipboard!');
+ }
+}
diff --git a/renderer/item_translation.html b/src/renderer/item_translation.html
similarity index 100%
rename from renderer/item_translation.html
rename to src/renderer/item_translation.html
diff --git a/renderer/item_translation.js b/src/renderer/item_translation.js
similarity index 100%
rename from renderer/item_translation.js
rename to src/renderer/item_translation.js
diff --git a/renderer/observation_template.html b/src/renderer/observation_template.html
similarity index 100%
rename from renderer/observation_template.html
rename to src/renderer/observation_template.html
diff --git a/renderer/observation_template.js b/src/renderer/observation_template.js
similarity index 98%
rename from renderer/observation_template.js
rename to src/renderer/observation_template.js
index a9d5515..620091d 100644
--- a/renderer/observation_template.js
+++ b/src/renderer/observation_template.js
@@ -1,5 +1,5 @@
const { dialog } = require('electron').remote
-const ObservationDatabase = require('../assets/better-sqlite');
+const ObservationDatabase = require('../misc/better-sqlite');
// Debug stuff
// document.getElementById("selected_output").innerHTML = 'C:\\Users\\majona\\Documents\\observationList\\results.xlsx'
diff --git a/renderer/setting.html b/src/renderer/setting.html
similarity index 100%
rename from renderer/setting.html
rename to src/renderer/setting.html
diff --git a/renderer/setting.js b/src/renderer/setting.js
similarity index 100%
rename from renderer/setting.js
rename to src/renderer/setting.js
diff --git a/renderer/start_page.html b/src/renderer/start_page.html
similarity index 97%
rename from renderer/start_page.html
rename to src/renderer/start_page.html
index de1b278..794b0ac 100644
--- a/renderer/start_page.html
+++ b/src/renderer/start_page.html
@@ -8,8 +8,8 @@
EAM Spare Parts Tool
-
-
+
+
diff --git a/renderer/start_page.js b/src/renderer/start_page.js
similarity index 100%
rename from renderer/start_page.js
rename to src/renderer/start_page.js
diff --git a/renderer/style.css b/src/renderer/style.css
similarity index 89%
rename from renderer/style.css
rename to src/renderer/style.css
index 4e47659..31ea42d 100644
--- a/renderer/style.css
+++ b/src/renderer/style.css
@@ -1,6 +1,6 @@
@charset "UTF-8";
@import "table_style.css";
-@import "../node_modules/bootstrap/dist/css/bootstrap.min.css";
+@import "../../node_modules/bootstrap/dist/css/bootstrap.min.css";
/*
--> custom styles for elements
@@ -23,7 +23,7 @@ text-align: left;
box-shadow: none;
transition:all 0.2s ease-in-out;
transform: scale(2);
- background-image: url("sun.png");
+ background-image: url("../../assets/moon.png");
background-color: #cfe2ff;
outline-offset: -1px;
outline: 2px solid #cfe2ff;
@@ -34,7 +34,7 @@ text-align: left;
background-color: #212529;
outline: 2px solid #212529;
border-color: #212529;
- background-image: url("moon.png");
+ background-image: url("../../assets/moon.png");
}
input {
@@ -63,14 +63,14 @@ textarea {
font-family: "Material Icons";
font-style: normal;
font-weight: 100 700;
- src: url(./MaterialIcons.woff2) format("woff2");
+ src: url(../../assets/MaterialIcons.woff2) format("woff2");
}
@font-face {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 300;
- src: url(./MaterialIcons.woff2) format("woff2");
+ src: url(../../assets/MaterialIcons.woff2) format("woff2");
}
.material-icons {
diff --git a/renderer/table_style.css b/src/renderer/table_style.css
similarity index 100%
rename from renderer/table_style.css
rename to src/renderer/table_style.css
diff --git a/renderer/worker.js b/src/renderer/worker.js
similarity index 96%
rename from renderer/worker.js
rename to src/renderer/worker.js
index d0a7926..3613253 100644
--- a/renderer/worker.js
+++ b/src/renderer/worker.js
@@ -1,16 +1,16 @@
-const Validate = require('../assets/validators');
-const ExcelReader = require('../assets/spreadsheet');
-const Spreadsheet = require('../assets/exceljs');
-const Database = require('../assets/indexDB');
-const SharedDatabase = require('../assets/sharedDB');
-const Maximo = require('../assets/maximo');
-const AssetTranslate = require('../assets/asset_translation/asset_translation_main.js');
-const ObservationDatabase = require('../assets/better-sqlite');
-const TranslationDatabase = require('../assets/item_translation/item-translation-sqlite');
+const Validate = require('../misc/validators');
+const ExcelReader = require('../misc/spreadsheet');
+const Spreadsheet = require('../misc/exceljs');
+const Database = require('../misc/indexDB');
+const SharedDatabase = require('../misc/sharedDB');
+const Maximo = require('../misc/maximo');
+const AssetTranslate = require('../asset_translation/asset_translation_main.js');
+const ObservationDatabase = require('../misc/better-sqlite');
+const TranslationDatabase = require('../item_translation/item-translation-sqlite');
const path = require('path');
-const Translation = require('../assets/item_translation/item-translation');
+const Translation = require('../item_translation/item-translation');
const fs = require('fs');
-const CONSTANTS = require('../assets/constants.js');
+const CONSTANTS = require('../misc/constants.js');
/**
* Handles messages from the WorkerHandler
*
@@ -330,7 +330,7 @@ async function checkItemCache(version) {
if (!(await shareDB.checkVersion(version))) {
db.createTables();
const filePath = path.join(
- require('path').resolve(__dirname).replace('renderer', 'assets'),
+ require('path').resolve(__dirname).replace('src\\renderer', 'assets'),
'item_information.xlsx',
);
const excel = new ExcelReader(filePath);
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..6d1ecc2
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,110 @@
+{
+ "compilerOptions": {
+ /* Visit https://aka.ms/tsconfig to read more about this file */
+
+ /* Projects */
+ // "incremental": true, /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
+ // "composite": true, /* Enable constraints that allow a TypeScript project to be used with project references. */
+ // "tsBuildInfoFile": "./.tsbuildinfo", /* Specify the path to .tsbuildinfo incremental compilation file. */
+ // "disableSourceOfProjectReferenceRedirect": true, /* Disable preferring source files instead of declaration files when referencing composite projects. */
+ // "disableSolutionSearching": true, /* Opt a project out of multi-project reference checking when editing. */
+ // "disableReferencedProjectLoad": true, /* Reduce the number of projects loaded automatically by TypeScript. */
+
+ /* Language and Environment */
+ "target": "es2016", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
+ // "lib": [], /* Specify a set of bundled library declaration files that describe the target runtime environment. */
+ // "jsx": "preserve", /* Specify what JSX code is generated. */
+ // "experimentalDecorators": true, /* Enable experimental support for legacy experimental decorators. */
+ // "emitDecoratorMetadata": true, /* Emit design-type metadata for decorated declarations in source files. */
+ // "jsxFactory": "", /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
+ // "jsxFragmentFactory": "", /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
+ // "jsxImportSource": "", /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
+ // "reactNamespace": "", /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
+ // "noLib": true, /* Disable including any library files, including the default lib.d.ts. */
+ // "useDefineForClassFields": true, /* Emit ECMAScript-standard-compliant class fields. */
+ // "moduleDetection": "auto", /* Control what method is used to detect module-format JS files. */
+
+ /* Modules */
+ "module": "commonjs", /* Specify what module code is generated. */
+ // "rootDir": "./", /* Specify the root folder within your source files. */
+ "moduleResolution": "node", /* Specify how TypeScript looks up a file from a given module specifier. */
+ // "baseUrl": "./", /* Specify the base directory to resolve non-relative module names. */
+ // "paths": {}, /* Specify a set of entries that re-map imports to additional lookup locations. */
+ // "rootDirs": [], /* Allow multiple folders to be treated as one when resolving modules. */
+ // "typeRoots": [], /* Specify multiple folders that act like './node_modules/@types'. */
+ // "types": [], /* Specify type package names to be included without being referenced in a source file. */
+ // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */
+ // "moduleSuffixes": [], /* List of file name suffixes to search when resolving a module. */
+ // "allowImportingTsExtensions": true, /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */
+ // "resolvePackageJsonExports": true, /* Use the package.json 'exports' field when resolving package imports. */
+ // "resolvePackageJsonImports": true, /* Use the package.json 'imports' field when resolving imports. */
+ // "customConditions": [], /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */
+ // "resolveJsonModule": true, /* Enable importing .json files. */
+ // "allowArbitraryExtensions": true, /* Enable importing files with any extension, provided a declaration file is present. */
+ // "noResolve": true, /* Disallow 'import's, 'require's or ''s from expanding the number of files TypeScript should add to a project. */
+
+ /* JavaScript Support */
+ "allowJs": true, /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
+ "checkJs": true, /* Enable error reporting in type-checked JavaScript files. */
+ // "maxNodeModuleJsDepth": 1, /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
+
+ /* Emit */
+ // "declaration": true, /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
+ // "declarationMap": true, /* Create sourcemaps for d.ts files. */
+ // "emitDeclarationOnly": true, /* Only output d.ts files and not JavaScript files. */
+ // "sourceMap": true, /* Create source map files for emitted JavaScript files. */
+ // "inlineSourceMap": true, /* Include sourcemap files inside the emitted JavaScript. */
+ // "outFile": "./", /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
+ "outDir": "./built", /* Specify an output folder for all emitted files. */
+ // "removeComments": true, /* Disable emitting comments. */
+ // "noEmit": true, /* Disable emitting files from a compilation. */
+ // "importHelpers": true, /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
+ // "importsNotUsedAsValues": "remove", /* Specify emit/checking behavior for imports that are only used for types. */
+ // "downlevelIteration": true, /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
+ // "sourceRoot": "", /* Specify the root path for debuggers to find the reference source code. */
+ // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */
+ // "inlineSources": true, /* Include source code in the sourcemaps inside the emitted JavaScript. */
+ // "emitBOM": true, /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
+ // "newLine": "crlf", /* Set the newline character for emitting files. */
+ // "stripInternal": true, /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
+ // "noEmitHelpers": true, /* Disable generating custom helper functions like '__extends' in compiled output. */
+ // "noEmitOnError": true, /* Disable emitting files if any type checking errors are reported. */
+ // "preserveConstEnums": true, /* Disable erasing 'const enum' declarations in generated code. */
+ // "declarationDir": "./", /* Specify the output directory for generated declaration files. */
+ // "preserveValueImports": true, /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */
+
+ /* Interop Constraints */
+ // "isolatedModules": true, /* Ensure that each file can be safely transpiled without relying on other imports. */
+ // "verbatimModuleSyntax": true, /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */
+ // "allowSyntheticDefaultImports": true, /* Allow 'import x from y' when a module doesn't have a default export. */
+ "esModuleInterop": true, /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
+ // "preserveSymlinks": true, /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
+ "forceConsistentCasingInFileNames": true, /* Ensure that casing is correct in imports. */
+
+ /* Type Checking */
+ "strict": true, /* Enable all strict type-checking options. */
+ // "noImplicitAny": true, /* Enable error reporting for expressions and declarations with an implied 'any' type. */
+ // "strictNullChecks": true, /* When type checking, take into account 'null' and 'undefined'. */
+ // "strictFunctionTypes": true, /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
+ // "strictBindCallApply": true, /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
+ // "strictPropertyInitialization": true, /* Check for class properties that are declared but not set in the constructor. */
+ // "noImplicitThis": true, /* Enable error reporting when 'this' is given the type 'any'. */
+ // "useUnknownInCatchVariables": true, /* Default catch clause variables as 'unknown' instead of 'any'. */
+ // "alwaysStrict": true, /* Ensure 'use strict' is always emitted. */
+ // "noUnusedLocals": true, /* Enable error reporting when local variables aren't read. */
+ // "noUnusedParameters": true, /* Raise an error when a function parameter isn't read. */
+ // "exactOptionalPropertyTypes": true, /* Interpret optional property types as written, rather than adding 'undefined'. */
+ // "noImplicitReturns": true, /* Enable error reporting for codepaths that do not explicitly return in a function. */
+ // "noFallthroughCasesInSwitch": true, /* Enable error reporting for fallthrough cases in switch statements. */
+ // "noUncheckedIndexedAccess": true, /* Add 'undefined' to a type when accessed using an index. */
+ // "noImplicitOverride": true, /* Ensure overriding members in derived classes are marked with an override modifier. */
+ // "noPropertyAccessFromIndexSignature": true, /* Enforces using indexed accessors for keys declared using an indexed type. */
+ // "allowUnusedLabels": true, /* Disable error reporting for unused labels. */
+ "allowUnreachableCode": false, /* Disable error reporting for unreachable code. */
+
+ /* Completeness */
+ // "skipDefaultLibCheck": true, /* Skip type checking .d.ts files that are included with TypeScript. */
+ "skipLibCheck": true /* Skip type checking all .d.ts files. */
+ },
+ "include": ["./src/**/*"]
+}
+ })
+
+ pending
+${file.name.slice(0, 7)}
+| Percent Match | +Item Number | +Item Description | + ${(isExtended ? 'More Info | ' : '')} +UOM | +C_Group | +GL_Class | ++ |
|---|
| ${desc[0]} | ${desc[1]} | ${desc[2]} |