sf-i-reporting 1.0.49 → 1.0.50

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sf-i-reporting",
   "private": false,
-  "version": "1.0.49",
+  "version": "1.0.50",
   "description": "Superflows Reporting Component",
   "main": "sf-i-reporting.js",
   "module": "sf-i-reporting.js",

package/sf-i-reporting.js

@@ -450,16 +450,16 @@ let SfIReporting = class SfIReporting extends LitElement {
                     html += this.renderElement(element);
                 }
             }
-            html += "</div>";
+            html += "</div></div>";
             if (this.flow == "new") {
                 html += `
-              <div part="textarea-container"  class="d-flex flex-col flex-grow">
-                <label id="input-publish-checkbox-label" part="textarea-label">Publish</label>
-                <div class="d-flex">
+              <div part="published-container"  class="d-flex flex-col flex-grow">
+                
+                <div class="d-flex align-center justify-center">
                   <input type="checkbox" id="input-publish-checkbox" class="input-publish-checkbox" part="input-publish-checkbox" ${this.published ? "checked" : ""}>
+                  <label id="input-publish-checkbox-label" part="textarea-label">Published</label>
                 </div>
               </div>`;
-                console.log('adding publish checkbox', html);
             }
             this._SfReportingContainer.innerHTML = html;
             this._SfReportingContainer.style.display = 'block';
@@ -1047,7 +1047,7 @@ let SfIReporting = class SfIReporting extends LitElement {
             let elementHtml = "";
             console.log('rendering obj', dataObj.type);
             if (dataObj.type == "section") {
-                elementHtml += `<div class="d-flex flex-col" part="section-container"><div id="${dataObj.id}" class="section-head d-flex align-center" part="${dataObj.collapse == "true" ? 'section-head-collapsed' : 'section-head-expanded'}"><h3 part="${dataObj.collapse == "true" ? 'section-title-collapsed' : 'section-title-expanded'}">${dataObj.name}</h3><div id="${dataObj.id}-success" class="hide" part="section-success-icon"><div class="material-icons">check_circle</div></div></div><div class="section-body d-flex ${this.formviewclass} ${dataObj.collapse == "true" ? 'hide' : ''}" part="section-body"> `;
+                elementHtml += `<div class="d-flex flex-col" part="section-container"><div id="${dataObj.id}" class="section-head d-flex align-center justify-between" part="${dataObj.collapse == "true" ? 'section-head-collapsed' : 'section-head-expanded'}"><h3 part="${dataObj.collapse == "true" ? 'section-title-collapsed' : 'section-title-expanded'}">${dataObj.name}</h3><div id="${dataObj.id}-success" part="section-success-icon"><div class="material-icons">${dataObj.collapse == "true" ? "keyboard_arrow_down" : "keyboard_arrow_up"}</div></div></div><div class="section-body d-flex ${this.formviewclass} ${dataObj.collapse == "true" ? 'hide' : ''}" part="section-body"> `;
             }
             else if (dataObj.type == "subsection") {
                 elementHtml += `<div class="d-flex align-center" part="subsection-container"><h4 part="subsection">${dataObj.name}</h4></div>`;
@@ -1124,7 +1124,7 @@ let SfIReporting = class SfIReporting extends LitElement {
         this.populateList = () => {
             let html = '';
             html += `<div class="d-flex justify-between p-7">`;
-            html += `<div part="last-calendar-date" class="last-calendar-date d-flex justify-center" id="last-calendar-date">${this.lastCalendarGenerated == "" ? "" : ("<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>`;
+            html += `<div part="last-calendar-date" class="last-calendar-date d-flex align-center justify-center" id="last-calendar-date">${this.lastCalendarGenerated == "" ? "" : ("<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>`;
             html += `<div class="d-flex justify-end flex-grow">`;
             // html += `<button id="button-publish" part="button-icon" class="material-icons hide">campaign</button>`
             html += `<button id="button-new" part="button-icon" class="material-icons button-icon-click ml-10">add</button>`;
@@ -1134,7 +1134,7 @@ let SfIReporting = class SfIReporting extends LitElement {
             for (let [i, item] of this.list.entries()) {
                 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' : 'radio_button_unchecked'}</span></td>`;
+                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-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) {