sf-i-reporting 1.0.77 → 1.0.78

package/src/sf-i-reporting.ts

@@ -60,7 +60,6 @@ export class SfIReporting extends LitElement {
   configjson: string = "[{\"type\":\"sf-i-uploader\",\"size\":\"large\",\"label\":\"Contract Document *\",\"hint\":\"Document of the contract\",\"id\":\"contractdocuments\",\"mode\":\"multiselect-dropdown\",\"apiid\":\"1peg5170d3\",\"allowedextensions\":\"["jpg","png","pdf","xls","xlsx","doc","docx"]\",\"extract\":\"yes\",\"maxselect\":\"1\",\"maxsize\":\"5242880\",\"allowdownload\":\"yes\",\"mandatory\":\"\",\"displayinhistory\":\"yes\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Contract Reference No. *\",\"hint\":\"Contract reference number\",\"id\":\"refno\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"date\",\"size\":\"large\",\"label\":\"Date of Execution *\",\"hint\":\"The date of execution of the contract\",\"id\":\"dateofexecution\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"date\",\"size\":\"large\",\"label\":\"Date of Expiry *\",\"hint\":\"The date on which the contract expires.\",\"id\":\"dateofexpiry\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"date\",\"size\":\"large\",\"label\":\"Date of Renewal *\",\"hint\":\"The date on which the contract renews.\",\"id\":\"dateofrenewal\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"date\",\"size\":\"large\",\"label\":\"Due Date *\",\"hint\":\"The due date for the contract.\",\"id\":\"duedate\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Contract Term *\",\"hint\":\"Term / Tenure of the contract\",\"id\":\"tenure\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Party - 1 *\",\"hint\":\"Name of the Party - 1\",\"id\":\"party1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Party - 2 *\",\"hint\":\"Name of the Party - 2\",\"id\":\"party2\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Party - 3\",\"hint\":\"Name of the Party - 3\",\"id\":\"party3\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-i-bricks\",\"size\":\"large\",\"label\":\"Country *\",\"hint\":\"Country for contract\",\"id\":\"country\",\"mode\":\"select\",\"savenameseparate\":\"yes\",\"maxselect\":\"1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-i-bricks\",\"size\":\"large\",\"label\":\"Entity *\",\"hint\":\"Entity for contract\",\"id\":\"entity\",\"dependencies\":[\"country\"],\"mode\":\"select\",\"savenameseparate\":\"yes\",\"maxselect\":\"1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\"},{\"type\":\"sf-i-bricks\",\"size\":\"large\",\"label\":\"Locations *\",\"hint\":\"Locations for contract\",\"id\":\"locations\",\"dependencies\":[\"country\",\"entity\"],\"mode\":\"multiselect\",\"mandatory\":\"\",\"copytoreopen\":\"yes\"},{\"type\":\"sf-i-bricks\",\"size\":\"large\",\"label\":\"Tags *\",\"hint\":\"Tags applied to contract\",\"id\":\"tags\",\"mode\":\"multiselect\",\"dependencies\":[\"country\",\"entity\",\"locations\"],\"searchstring\":\"-Tags\",\"mandatory\":\"\",\"copytoreopen\":\"yes\"},{\"type\":\"sf-i-form\",\"size\":\"large\",\"label\":\"Reporter *\",\"hint\":\"Reporter for the contract\",\"id\":\"reporters\",\"mode\":\"multiselect-dropdown\",\"apiid\":\"dnytrdlrmxgsy.cloudfront.net/userprofile\",\"searchstring\":\"\",\"selectprojection\":\"name\",\"ignoredprojections\":\"["usermap","designation","project","updatetype","userid","shortid","kra","role","trainingstatute","shortnumid","lastmodifiedby","lastmodifiedtime"]\",\"maxselect\":\"1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-i-form\",\"size\":\"large\",\"label\":\"Approver *\",\"hint\":\"Approver for the contract\",\"id\":\"approvers\",\"mode\":\"multiselect-dropdown\",\"apiid\":\"dnytrdlrmxgsy.cloudfront.net/userprofile\",\"searchstring\":\"\",\"selectprojection\":\"name\",\"ignoredprojections\":\"["usermap","designation","project","updatetype","userid","shortid","kra","role","trainingstatute","shortnumid","lastmodifiedby","lastmodifiedtime"]\",\"maxselect\":\"1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-i-form\",\"size\":\"large\",\"label\":\"Function head *\",\"hint\":\"Function head for the Contract\",\"id\":\"functionheads\",\"mode\":\"multiselect-dropdown\",\"apiid\":\"dnytrdlrmxgsy.cloudfront.net/userprofile\",\"searchstring\":\"\",\"selectprojection\":\"name\",\"ignoredprojections\":\"["usermap","designation","project","updatetype","userid","shortid","kra","role","trainingstatute","shortnumid","lastmodifiedby","lastmodifiedtime"]\",\"maxselect\":\"1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-i-form\",\"size\":\"large\",\"label\":\"Auditor *\",\"hint\":\"Auditor for the Contract\",\"id\":\"auditors\",\"mode\":\"multiselect-dropdown\",\"apiid\":\"dnytrdlrmxgsy.cloudfront.net/userprofile\",\"searchstring\":\"\",\"selectprojection\":\"name\",\"ignoredprojections\":\"["usermap","designation","project","updatetype","userid","shortid","kra","role","trainingstatute","shortnumid","lastmodifiedby","lastmodifiedtime"]\",\"maxselect\":\"1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-i-form\",\"size\":\"large\",\"label\":\"Viewer *\",\"hint\":\"Viewer for the contract\",\"id\":\"viewers\",\"mode\":\"multiselect-dropdown\",\"apiid\":\"dnytrdlrmxgsy.cloudfront.net/userprofile\",\"searchstring\":\"\",\"selectprojection\":\"name\",\"ignoredprojections\":\"["usermap","designation","project","updatetype","userid","shortid","kra","role","trainingstatute","shortnumid","lastmodifiedby","lastmodifiedtime"]\",\"maxselect\":\"1\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-i-select\",\"size\":\"large\",\"label\":\"Contract Type *\",\"apiid\":\"dwqyez2puoxmu.cloudfront.net/contracttype\",\"hint\":\"Type of the Contract\",\"id\":\"contracttype\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Context\",\"hint\":\"Context of the contract\",\"id\":\"context\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"textarea\",\"size\":\"small\",\"label\":\"Remarks\",\"hint\":\"Remarks on the contract\",\"id\":\"remarks\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"},{\"type\":\"sf-checklist\",\"size\":\"small\",\"label\":\"Terms *\",\"hint\":\"Terms in the contract\",\"elementsjson\":\"[{\\\"name\\\":\\\"Term1\\\"},{\\\"name\\\":\\\"Term2\\\"},{\\\"name\\\":\\\"Term3\\\"},{\\\"name\\\":\\\"Term4\\\"}]\",\"id\":\"terms\",\"mandatory\":\"\",\"copytoreopen\":\"yes\",\"displayinhistory\":\"yes\"}]"
 
   getConfigJson = () => {
-    console.log('configjson', this.configjson);
     return JSON.parse(this.configjson)
   }
 
@@ -495,6 +494,11 @@ export class SfIReporting extends LitElement {
       margin-right: auto;
       width: fit-content;
     }
+
+    .label-button {
+      padding-inline: 6px;
+      padding-block: 1px;
+    }
   `;
 
   @query('.div-row-error')
@@ -922,11 +926,15 @@ export class SfIReporting extends LitElement {
                     <button class="mrl-5 material-icons hide" part="button-icon-light" id="button-submit-cancel">close</button>
                     <button class="mrl-5 material-icons hide" part="button-icon" id="button-submit-confirm">check save</button>
                   ` : (this.flow == "details" ? `
-                    <span class="mrl-5" part="span-icon${this.published ? '-light' : ''}" id="span-submit-publish" part="span-submit-publish">${this.published ? 'Published' : 'Unpublished'}</span>
+                    <span class="mrl-5" part="span-icon${this.published ? '-light' : ''}" id="span-submit-publish">${this.published ? 'Published' : 'Unpublished'}</span>
                     <button id="button-edit" part="button-icon" class="mrl-5 material-icons button-icon-click">edit</button>
-                    <button id="button-delete" part="button-icon" class="mrl-5 material-icons button-icon-click">delete</button>
+                    <button part="button-icon" class="mrl-5 material-symbols-outlined button-icon-click button-reopen hide" id="button-reopen">reopen_window</button>
+                    <button id="button-delete" part="button-icon" class="mrl-5 material-icons button-icon-click hide">delete</button>
                     <button id="button-delete-cancel" part="button-icon-light" class="mrl-5 material-icons button-icon-click hide">close</button>
                     <button id="button-delete-confirm" part="button-icon" class="mrl-5 button-icon-click hide"><span class="material-icons">delete</span><span class="material-icons">done</span></button>
+                    <button part="button-icon" class="mrl-5 material-symbols-outlined button-icon-click button-more" id="button-more">more_vert</button>
+                    <button part="button-icon" class="mrl-5 material-symbols-outlined button-icon-click hide" id="button-more-close">close</button>
+                    
               ` : `
                     <button class="mrl-5" part="button-icon${this.published ? '-light' : ''}" id="button-submit-publish">${this.published ? 'Unpublish' : 'Publish'}</button>
                     <button id="button-edit-cancel" part="button-icon-light" class="mrl-5 material-icons button-icon-click">edit_off</button>
@@ -1018,7 +1026,7 @@ export class SfIReporting extends LitElement {
         (this._SfReportingButtonSubmitCancel as HTMLButtonElement).style.display = 'none';
       }
     }
-    for (let element of this.dataModel) {
+    for (let [i, element] of this.dataModel.entries()) {
       if (element.type == "sf-i-form") {
         let form: SfIForm = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + element.id) as SfIForm;
         if (this.mode == "view" || this.flow == "details") {
@@ -1041,11 +1049,20 @@ export class SfIReporting extends LitElement {
           }
         }
         let values = this.getBricksValues(element, selectedDependedValues);
-        console.log('bricks selecteddependantvalues', element.id, selectedDependedValues, values[1]);
+        console.log('bricks selecteddependantvalues', element.id, element.value, selectedDependedValues, values[0], values[1]);
         bricks.namesjson = JSON.stringify(values[0])
         bricks.idsjson = JSON.stringify(values[1])
         if (element.value != '') {
-          bricks.prepopulateValJson = JSON.stringify(element.value)
+          let arr = []
+          for(let tempVal of element.value){
+            console.log('bricks selecteddependantvalues tempVal', tempVal, values[0].indexOf(tempVal.split(';')[0]), values[1][(values[1].indexOf(tempVal.split(';')[0]))]);
+            if(values[1][(values[0].indexOf(tempVal.split(';')[0]))] == tempVal.split(';')[1]){
+              arr.push(tempVal)
+            }
+          }
+          console.log('bricks selecteddependantvalues value', arr, element.value, element.id);
+          bricks.prepopulateValJson = JSON.stringify(arr)
+          this.dataModel[i].value = arr
         } else {
           bricks.prepopulateValJson = JSON.stringify([])
         }
@@ -1065,7 +1082,7 @@ export class SfIReporting extends LitElement {
         if (uploader != null) {
           setTimeout(() => {
             uploader.loadMode()
-          },500)
+          }, 500)
         }
       } else if (element.type == "sf-i-form-select") {
         let buttonEditForm = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-edit-form-' + element.id) as HTMLButtonElement
@@ -1146,7 +1163,7 @@ export class SfIReporting extends LitElement {
         let select: SfISelect = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + element.id) as SfISelect
         select.flow = (this.mode == "view" || this.flow == "details") ? "read" : ""
         if (element.value != '') {
-          let valArr = [element.value[0].split(';')[1]] 
+          let valArr = [element.value[0].split(';')[1]]
           select.selectedId = valArr
         }
         select.loadMode()
@@ -1156,12 +1173,12 @@ export class SfIReporting extends LitElement {
         await customElements.whenDefined('sf-checklist');
         let checklist: SfChecklist = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + element.id) as SfChecklist
         checklist.listelements = JSON.parse(element.elementsjson)
-        checklist.listselection = element.value
+        checklist.listselection = element.value != '' ? element.value : {}
         checklist.readonly = (this.mode == "view" || this.flow == "details")
         console.log('sf-checklist', checklist, checklist.listelements, checklist.listselection, element.value);
         setTimeout(() => {
           checklist.loadMode()
-        },200) 
+        }, 200)
       }
     }
     if (this.mode != "view" && this.flow != 'details') {
@@ -1221,6 +1238,69 @@ export class SfIReporting extends LitElement {
 
     let buttonEdit = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-edit') as HTMLButtonElement
     buttonEdit?.addEventListener('click', this.editClick)
+    let buttonMore = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-more') as HTMLButtonElement
+    buttonMore?.addEventListener('click', () => {
+      buttonMore.style.display = 'none'
+      let buttonReopen = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-reopen') as HTMLButtonElement
+      if (buttonReopen != null) {
+        buttonReopen.style.display = 'block'
+        buttonReopen.addEventListener('click', async () => {
+          this.reopenedItem = this.getPrepopulateJson()
+          let oldObj = this.reopenedItem
+          this.showLoader();
+          console.log('item selected', this.reopenedItem);
+          await this.fetchSchema();
+          this.published = this.published ?? false
+          let copyVals: any = {}
+          for (let obj of this.dataModel) {
+            if (obj.copytoreopen) {
+              console.log('copyVals copying', obj.id, obj.type, oldObj[obj.id]);
+              if (obj.type == "sf-i-bricks" && obj.savenameseparate == "yes") {
+                copyVals[obj.id + 'id'] = oldObj[obj.id + 'id'];
+                copyVals[obj.id + 'name'] = oldObj[obj.id + 'name'];
+              } else {
+                copyVals[obj.id] = oldObj[obj.id];
+              }
+              console.log('copyVals copied', copyVals)
+            }
+          }
+          console.log('copyVals', JSON.parse(JSON.stringify(copyVals)))
+          this.prepopulateValJson = JSON.stringify(copyVals)
+          this.flow = "edit"
+          this.loadMode();
+        })
+      }
+      let buttonDelete = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-delete') as HTMLButtonElement
+      if (buttonDelete != null) {
+        buttonDelete.style.display = 'block'
+        buttonDelete?.addEventListener('click', this.deleteClick)
+      }
+      let buttonMoreClose = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-more-close') as HTMLButtonElement
+      buttonMoreClose.style.display = 'block'
+      buttonMoreClose?.addEventListener('click', () => {
+        let buttonMore = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-more') as HTMLButtonElement
+        if (buttonMore != null) {
+          buttonMore.style.display = 'block'
+        }
+        buttonMoreClose.style.display = 'none'
+        let buttonReopen = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-reopen') as HTMLButtonElement
+        if (buttonReopen != null) {
+          buttonReopen.style.display = 'none'
+        }
+        let buttonDelete = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-delete') as HTMLButtonElement
+        if (buttonDelete != null) {
+          buttonDelete.style.display = 'none'
+        }
+        let buttonDeleteCancel = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-delete-cancel') as HTMLButtonElement
+        if (buttonDeleteCancel != null) {
+          buttonDeleteCancel.style.display = 'none'
+        }
+        let buttonDeleteConfirm = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-delete-confirm') as HTMLButtonElement
+        if (buttonDeleteConfirm != null) {
+          buttonDeleteConfirm.style.display = 'none'
+        }
+      })
+    })
     let buttonDelete = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-delete') as HTMLButtonElement
     buttonDelete?.addEventListener('click', this.deleteClick)
     let buttonDeleteCancel = (this._SfReportingContainer as HTMLDivElement).querySelector('#button-delete-cancel') as HTMLButtonElement
@@ -1381,7 +1461,7 @@ export class SfIReporting extends LitElement {
     }
   }
 
-  prepopulateValues = () => {
+  prepopulateValues = (showView: boolean = true) => {
     console.log('prepopulating', this.getPrepopulateJson());
     for (let [i, element] of this.dataModel.entries()) {
       if (isAddButtonObject(element)) {
@@ -1437,7 +1517,7 @@ export class SfIReporting extends LitElement {
               this.dataModel[i].value = this.getPrepopulateJson()[element.id]
             }
           } else if (element.type == "sf-checklist") {
-            this.dataModel[i].value = this.getPrepopulateJson()[element.id]
+            this.dataModel[i].value = this.getPrepopulateJson()[element.id] ?? {}
           } else if (element.type == "sf-i-select") {
             this.dataModel[i].value = [this.getPrepopulateJson()[element.id + 'name'] + ';' + this.getPrepopulateJson()[element.id + 'id']]
           } else if (element.type == "sf-i-uploader") {
@@ -1447,13 +1527,15 @@ export class SfIReporting extends LitElement {
         }
       }
     }
-    if (this.evalTimeout != null) {
-      clearTimeout(this.evalTimeout)
+    if(showView){
+      if (this.evalTimeout != null) {
+        clearTimeout(this.evalTimeout)
+      }
+      this.evalTimeout = setTimeout(() => {
+        this.evalShowProgress()
+      }, 2000)
+      this.populateView();
     }
-    this.evalTimeout = setTimeout(() => {
-      this.evalShowProgress()
-    }, 2000)
-    this.populateView();
   }
 
   evalShowProgress = () => {
@@ -1464,8 +1546,8 @@ export class SfIReporting extends LitElement {
     let sectionId = "";
     let flagEval = true
     for (let element of this.dataModel) {
-      if(element.type == "sf-checklist") {
-        console.log('sf-checklist', element, element.id); 
+      if (element.type == "sf-checklist") {
+        console.log('sf-checklist', element, element.id);
       }
       if (isAddButtonObject(element)) {
         for (let childElementsArr of element.children) {
@@ -1508,9 +1590,12 @@ export class SfIReporting extends LitElement {
             }
           } else if (element.type == "sf-i-form") {
             console.log('evalshowprogress sf-i-form value', element.value, element.value.length, element.mandatory, element.mandatory != null);
-            if (element.value.length > 0) {
-              filled++;
-              sectionChildFilledCount++;
+            let form = (this._SfReportingContainer as HTMLDivElement).querySelector('#' + element.id) as SfIForm
+            if (form != null && form.selectedValues().length > 0) {
+              if (element.value.length > 0) {
+                filled++;
+                sectionChildFilledCount++;
+              }
             }
           } else if (element.type == "sf-i-form-select") {
             console.log('evalshowprogress sf-i-form-select value', element.value, Object.keys(element.value).length, element.mandatory);
@@ -1532,22 +1617,21 @@ export class SfIReporting extends LitElement {
             }
           } else if (element.type == "sf-checklist") {
             console.log('evalshowprogress sf-checklist value', element.value, Object.keys(element.value).length, element.mandatory, element.mandatory != null);
-            for(let val of Object.keys(element.value)) {
-              if(element.value[val] == true) {
+            for (let val of Object.keys(element.value)) {
+              if (element.value[val] == true) {
                 filled++;
                 sectionChildFilledCount++;
                 break;
               }
             }
           } else if (element.type == "sf-i-uploader") {
-            console.log('evalshowprogress sf-i-uploader value', element.value, element.value.length, element.mandatory, element.mandatory != null);
-            if (element.value.length > 0) {
+            if (element.value != null && element.value.length > 0) {
               filled++;
               sectionChildFilledCount++;
             }
           }
           if (element.mandatory != null && flagEval) {
-            if (element.value == "" || element.value.length < 1) {
+            if (element.value == "" || element.value == null || element.value.length < 1) {
               flagEval = false
             }
           }
@@ -2189,6 +2273,8 @@ export class SfIReporting extends LitElement {
     html += `<div part="calendar-date-container" class="d-flex flex-col align-start justify-center">${this.lastCalendarGenerated == "" ? "" : ("<div class=\"d-flex align-center justify-center\" part=\"last-calendar-date\" id=\"last-calendar-date\"><span class=\"material-symbols-outlined\">update</span>&nbsp;&nbsp;Calendar synced on \n" + (new Date(parseInt(this.lastCalendarGenerated)).toLocaleDateString('en-IN') + " - " + new Date(parseInt(this.lastCalendarGenerated)).toLocaleTimeString('en-IN'))) + '</div>'}${this.nextCalendarScheduled == "" ? "" : ("<div class=\"d-flex align-center justify-center\" part=\"next-calendar-date\" id=\"next-calendar-date\"><span class=\"material-symbols-outlined\">hourglass</span>&nbsp;&nbsp;Next update on \n" + (new Date(parseInt(this.nextCalendarScheduled)).toLocaleDateString('en-IN') + " - " + new Date(parseInt(this.nextCalendarScheduled)).toLocaleTimeString('en-IN'))) + '</div>'}</div>`
     html += `<div class="d-flex justify-end flex-grow">`
     // html += `<button id="button-publish" part="button-icon" class="material-icons hide">campaign</button>`
+    html += `<input class="hide" id="input-import" type="file" accept=".csv" />`
+    html += `<label id="button-upload" part="button-icon" for="input-import" class="material-icons label-button ml-10">upload</label>`
     html += `<button id="button-new" part="button-icon" class="material-icons button-icon-click ml-10">add</button>`
     html += `</div>`
     html += `</div>`
@@ -2197,7 +2283,7 @@ export class SfIReporting extends LitElement {
       html += '<tr class="tablerow">'
       let bgClass = i % 2 == 0 ? 'td-light' : 'td-dark'
       html += `<td part="td-body" class="td-body"><span class="mrl-5 material-icons" part="span-submit-${item.published ? 'published' : 'unpublished'}" >${item.published ? 'radio_button_checked' : 'edit_note'}</span></td>`
-      html += `<td part="td-action" class="td-action"><button part="button-icon" class="material-symbols-outlined button-reopen" id="button-reopen-${i}">reopen_window</button></td>`
+      // html += `<td part="td-action" class="td-action"><button part="button-icon" class="material-symbols-outlined button-reopen" id="button-reopen-${i}">reopen_window</button></td>`
       html += `<td part="td-action" class="td-action"><button part="button-icon" class="material-icons button-details" id="button-details-${i}">open_in_new</button></td>`
       for (let property of Object.keys(item)) {
         if (this.getIgnoreProjections().indexOf(property) < 0) {
@@ -2216,36 +2302,36 @@ export class SfIReporting extends LitElement {
     (this._SfReportingContainer as HTMLDivElement).innerHTML = html;
     (this._SfReportingContainer as HTMLDivElement).style.display = 'block';
 
-    let reopenButtons = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.button-reopen') as NodeListOf<HTMLButtonElement>
-    for (let reopenButton of reopenButtons) {
-      reopenButton.addEventListener('click', async (ev: any) => {
-        let target = ev.target
-        let index = target.id.split('-')[2]
-        this.reopenedItem = this.list[index]
-        let oldObj = this.reopenedItem
-        this.showLoader();
-        console.log('item selected', this.reopenedItem);
-        await this.fetchSchema();
-        this.published = this.list[index].published ?? false
-        let copyVals: any = {}
-        for (let obj of this.dataModel) {
-          if (obj.copytoreopen) {
-            console.log('copyVals copying', obj.id, obj.type, oldObj[obj.id]);
-            if (obj.type == "sf-i-bricks" && obj.savenameseparate == "yes") {
-              copyVals[obj.id + 'id'] = oldObj[obj.id + 'id'];
-              copyVals[obj.id + 'name'] = oldObj[obj.id + 'name'];
-            } else {
-              copyVals[obj.id] = oldObj[obj.id];
-            }
-            console.log('copyVals copied', copyVals)
-          }
-        }
-        console.log('copyVals', JSON.parse(JSON.stringify(copyVals)))
-        this.prepopulateValJson = JSON.stringify(copyVals)
-        this.flow = "edit"
-        this.loadMode();
-      })
-    }
+    // let reopenButtons = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.button-reopen') as NodeListOf<HTMLButtonElement>
+    // for (let reopenButton of reopenButtons) {
+    //   reopenButton.addEventListener('click', async (ev: any) => {
+    //     let target = ev.target
+    //     let index = target.id.split('-')[2]
+    //     this.reopenedItem = this.list[index]
+    //     let oldObj = this.reopenedItem
+    //     this.showLoader();
+    //     console.log('item selected', this.reopenedItem);
+    //     await this.fetchSchema();
+    //     this.published = this.list[index].published ?? false
+    //     let copyVals: any = {}
+    //     for (let obj of this.dataModel) {
+    //       if (obj.copytoreopen) {
+    //         console.log('copyVals copying', obj.id, obj.type, oldObj[obj.id]);
+    //         if (obj.type == "sf-i-bricks" && obj.savenameseparate == "yes") {
+    //           copyVals[obj.id + 'id'] = oldObj[obj.id + 'id'];
+    //           copyVals[obj.id + 'name'] = oldObj[obj.id + 'name'];
+    //         } else {
+    //           copyVals[obj.id] = oldObj[obj.id];
+    //         }
+    //         console.log('copyVals copied', copyVals)
+    //       }
+    //     }
+    //     console.log('copyVals', JSON.parse(JSON.stringify(copyVals)))
+    //     this.prepopulateValJson = JSON.stringify(copyVals)
+    //     this.flow = "edit"
+    //     this.loadMode();
+    //   })
+    // }
     let detailsButtons = (this._SfReportingContainer as HTMLDivElement).querySelectorAll('.button-details') as NodeListOf<HTMLButtonElement>
     for (let detailsButton of detailsButtons) {
       detailsButton.addEventListener('click', (ev: any) => {
@@ -2267,11 +2353,67 @@ export class SfIReporting extends LitElement {
       this.showLoader();
       this.newClick()
     })
+
+    let inputImport = ((this._SfReportingContainer as HTMLDivElement).querySelector('#input-import') as HTMLInputElement)
+    inputImport.addEventListener('change', async (ev: any) => {
+      let target = ev.target as HTMLInputElement;
+      console.log('file selected', target.files);
+      if (target.files != null && target.files.length > 0) {
+        let file = target.files[0];
+        console.log('file selected', file);
+        this.showLoader();
+        let jsonData = await this.csvToJson(file);
+        console.log('jsonData', jsonData);
+        for (let element of jsonData) {
+          this.published = false
+          // this.prepopulateValJson = JSON.stringify(element)
+          // this.populateDataModel()
+          // this.prepopulateValues(false)
+          // console.log('dataModel', this.dataModel);
+          await this.submitNew(element)
+        }
+        this.hideLoader();
+        // this.dataModel = jsonData;
+        // this.populateView();
+      }
+    })
     let customEvent = new CustomEvent('valueChanged');
     this.dispatchEvent(customEvent);
     this.hideLoader();
   }
 
+  csvToJson = async (file: File): Promise<any> => {
+    const text = await file.text();
+    const lines = text.split(/\r?\n/).filter(line => line.trim() !== "");
+    const headers = lines[0].split(",");
+
+    return lines.slice(1).map((line) => {
+      const values = line.split(",");
+      const obj: Record<string, any> = {};
+
+      headers.forEach((header, i) => {
+        let value = values[i];
+
+        // Clean up wrapped quotes ("" to "), and trim outer quotes
+        if (value?.startsWith('"') && value?.endsWith('"')) {
+          value = value.slice(1, -1).replace(/""/g, '"');
+        }
+
+        // Try to parse array-like fields (if it's valid JSON after cleaning)
+        try {
+          const parsed = JSON.parse(value);
+          obj[header] = parsed;
+        } catch {
+          obj[header] = value;
+        }
+      });
+
+      return obj;
+    });
+  }
+
+
+
   loadMode = async () => {
     console.log('loadmode', this.mode, this.flow);
     if (this.mode == "view") {
@@ -2466,13 +2608,13 @@ export class SfIReporting extends LitElement {
     }
   }
 
-  submitNew = async () => {
-    console.log('adding', this.selectedValues());
+  submitNew = async (obj: any = this.selectedValues()) => {
+    console.log('adding', obj);
     let url = "https://" + this.apiId + "/add";
 
-    let body: any = { projectid: this.projectid, object: this.selectedValues(), schema: this.getConfigJson(), published: this.published }
+    let body: any = { projectid: this.projectid, object: obj, schema: this.getConfigJson(), published: this.published }
 
-    // console.log('adding', body, url);
+    console.log('adding', body, url);
     const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
     const xhr: any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
     this._SfLoader.innerHTML = '';