sf-i-reporting 1.0.71 → 1.0.73

package/src/sf-i-reporting.ts

@@ -159,6 +159,9 @@ export class SfIReporting extends LitElement {
     .ml-10{
       margin-left: 10px
     }
+    .mr-20{
+      margin-right: 20px
+    }
     .flex-grow {
       flex-grow: 1;
     }
@@ -441,6 +444,21 @@ export class SfIReporting extends LitElement {
       top: 0px;
       z-index: 10;
     }
+    .commentbox {
+      padding: 10px;
+      border: solid 1px gray;
+      border-radius: 10px;
+    }
+
+    .reporterbox {
+      width: 90%;
+      margin-right: 10%;
+    }
+
+    .approverbox {
+      width: 90%;
+      margin-left: 5%;
+    }
   `;
 
   @query('.div-row-error')
@@ -824,7 +842,7 @@ export class SfIReporting extends LitElement {
         }else{
           if(element.type == "section"){
             let dataObj: DataObject = createDataObject({id: 'section-' + sectionCount, name: element.name, type: element.type})
-            if(this.editdisable == "true"){
+            if(this.editdisable == "true" || this.flow == "details"){
               dataObj.collapse = "true"
             }
             this.dataModel.push(dataObj)
@@ -1165,14 +1183,14 @@ export class SfIReporting extends LitElement {
           html += `<sf-i-reporting name="" id="history-reporting-${historyDate}-${index}" class="history-reporting" exportparts="uploader-extracted-text:reporting-uploader-extracted-text, uploader-sf-upload-message:reporting-uploader-sf-upload-message, uploader-sf-upload-submessage:reporting-uploader-sf-upload-submessage, uploader-extracted-text-chip:reporting-uploader-extracted-text-chip, uploader-extracted-text-chip-failed:reporting-uploader-extracted-text-chip-failed, uploader-doctype-verify-badge:reporting-uploader-doctype-verify-badge,span-submit-published:reporting-span-submit-published, span-submit-unpublished:reporting-span-submit-unpublished, reporting-container:reporting-reporting-container, button-icon:reporting-button-icon, uploader-button-icon:reporting-uploader-button-icon, sf-i-form-modal-container:reporting-sf-i-form-modal-container, next-calendar-date:reporting-next-calendar-date, last-calendar-date:reporting-last-calendar-date, input-publish-checkbox:reporting-input-publish-checkbox, button-icon-light:reporting-button-icon-light, button-icon-small:reporting-button-icon-small, uploader-input-label:reporting-uploader-input-label, input-radio:reporting-input-radio, radio-label:reporting-radio-label, input-textarea:reporting-input-textarea, input-date:reporting-input-date, input-select-single:reporting-input-select-single, textarea-container:reporting-textarea-container, section-body:reporting-section-body, section-container:reporting-section-container, date-container:reporting-date-container, input-sf-i-uploader:reporting-input-sf-i-uploader, published-container:reporting-published-container, selected-option:reporting-selected-option, input-select-multi-option:reporting-input-select-multi-option, select-option-label:reporting-select-option-label, input-sf-i-form:reporting-input-sf-i-form, input-sf-i-bricks:reporting-input-sf-i-bricks, uploader-input:reporting-uploader-input, form-container:reporting-form-container, published-container:reporting-published-container, form-container-published:reporting-form-container-published, subsection:reporting-subsection, results-title:reporting-results-title, td-head:reporting-td-head, td-action:reporting-td-action, td-body:reporting-td-body, td-body-2:reporting-td-body-2, add-button:reporting-add-button, uploader-button:reporting-uploader-button, section-head-collapsed:reporting-section-head-collapsed, section-title-expanded:reporting-section-title-expanded, section-title-collapsed:reporting-section-title-collapsed, section-head-expanded:reporting-section-head-expanded, progress-bar-finished:reporting-progress-bar-finished, progress-bar-complete:reporting-progress-bar-complete, progress-bar-incomplete:reporting-progress-bar-incomplete, section-success-icon:reporting-section-success-icon, section-body:reporting-section-body, title-section:reporting-title-section, button-lg:reporting-button-lg, uploader-detail-container:reporting-uploader-detail-container, textarea-label:reporting-textarea-label, date-label:reporting-date-label, commentbox:reporting-commentbox, comment-username:reporting-comment-username, detail-head:reporting-detail-head" name="Notice Details" mode="view" editdisable="true" formviewclass="flex-wrap" prepopulatevaljson="${JSON.stringify(historyItem.object).replace(/"/g,'&quot;')}"></sf-i-reporting>`
           let comments = historyItem.object.comments ?? []
           if(historyItem.object.documents != null && historyItem.object.documents.length > 0){
-            html += '<div class="d-flex justify-between m-20">';
+            html += '<div class="d-flex justify-between mb-20">';
             html += '<h3 part="history-docs-title" class="m-0"><br />Documents</h3>';
             html += '</div>';
             html += `
               <sf-i-uploader prepopulatedInputArr="${JSON.stringify(historyItem.object.documents).replace(/"/g,'&quot;')}" exportparts="detail-container:uploader-detail-container, errmsg:uploader-errmsg, successmsg:uploader-successmsg, sf-upload-message:uploader:sf-upload-message, sf-upload-submessage: uploader-sf-upload-submessage, doctype-verify-badge: uploader-doctype-verify-badge, details-controls-container: uploader-details-controls-container, button-icon: uploader-button-icon, pdf-controls-container: uploader-pdf-controls-container, pdf-pages: uploader-pdf-pages, pdf-page-num: uploader-pdf-page-num, pdf-page-count: uploader-pdf-page-count, pdf-canvas: uploader-pdf-canvas, image-container: uploader-image-container, image-component: uploader-image-component, pdf-thumbnail-container: uploader-pdf-thumbnail-container, pdf-canvas-thumbnail: uploader-pdf-canvas-thumbnail, sf-uploader-download-message: uploader-sf-uploader-download-message, input: uploader-input, upload-buttons-container: uploader-upload-buttons-container, doctype-badge: uploader-doctype-badge, upload-status: uploader-upload-status, ext-badge:uploader-ext-badge, extracted-meta: uploader-extracted-meta, extracted-text-chip: uploader-extracted-text-chip, extracted-text-chip-parsed: uploader-extracted-text-chip-parsed, extracted-text-chip-failed: uploader-extracted-text-chip-failed, matches-title: uploader-matches-title, matches:uploader-matches, extracted-title: uploader-extracted-title, extracted-text: uploader-extracted-text, disclaimer-message-container: uploader-disclaimer-message-container, message-container: uploader-message-container, button: uploader-button" class="reporting-sf-i-uploader" part="input-sf-i-uploader" id="history-doc-uploader-${index}" maximize="yes" max="${historyItem.object.documents.length}" apiid="${this.apiIdUploader}" projectid="${this.projectid}" mode="view"></sf-i-uploader>
             `
           }
-          html += '<div class="d-flex justify-between m-20">';
+          html += '<div class="d-flex justify-between mb-20">';
           html += '<h3 part="history-comments-title" class="m-0"><br />Comments</h3>';
           html += '</div>';
           
@@ -1248,12 +1266,12 @@ export class SfIReporting extends LitElement {
           let sectionHistoryDateTitle = formContainer.querySelector('#section-history-title-' + dateIndex) as HTMLHeadingElement
           let sectionHistoryDateIcon = formContainer.querySelector('#section-history-icon-' + dateIndex) as HTMLHeadingElement
           if(sectionHistoryDateBody.style.display == 'block'){
-            sectionHistory.setAttribute('part','section-head-collapsed')
+            sectionHistoryDate.setAttribute('part','section-head-collapsed')
             sectionHistoryDateBody.style.display = 'none'
             sectionHistoryDateTitle.setAttribute('part','section-title-collapsed')
             sectionHistoryDateIcon.innerHTML = 'keyboard_arrow_down'
           }else{
-            sectionHistory.setAttribute('part','section-head-expanded')
+            sectionHistoryDate.setAttribute('part','section-head-expanded')
             sectionHistoryDateBody.style.display = 'block'
             sectionHistoryDateTitle.setAttribute('part','section-title-expanded')
             sectionHistoryDateIcon.innerHTML = 'keyboard_arrow_up'
@@ -1289,7 +1307,7 @@ export class SfIReporting extends LitElement {
           }
         }
       }else{
-        if(element.type == "section" && this.editdisable != "true"){
+        if(element.type == "section" && this.editdisable != "true" && this.flow != "details"){
           this.dataModel[i].collapse = "false"
         }else{
           if(this.dataModel[i].type == "textarea"){