@things-factory/meta-ui 7.0.1-alpha.31 → 7.0.1-alpha.34

package/client/component/filter/filter-form-meta-code-select.js

@@ -1,94 +0,0 @@
-import '../popup/meta-object-selector-popup'
-
-import { html } from 'lit-html'
-import { openPopup } from '@operato/layout'
-import { TermsUtil } from './../../utils/terms-util'
-
-function openMetaCodeSelector(filter, value, confirmCallback) {
-
-  var template = html`
-    <meta-object-selector-popup
-      .value=${value}
-      .options=${filter.options}
-      .confirmCallback=${confirmCallback}
-    ></meta-object-selector-popup>
-  `
-
-  openPopup(template, {
-    backdrop: true,
-    size: 'large',
-    title: filter.options.selectorName ? TermsUtil.tMenu(filter.options.selectorName) : TermsUtil.tTitle('select_item')
-  })
-}
-
-
-export const FilterFormMetaCodeSelect = (filter, value, owner) =>{
-  const options = filter.options;
-  const codes = (options.codes && options.codes.length > 0) ? options.codes : undefined;
-  const { operator = 'eq' } = filter;
-  let hideText = value? value : '';
-  let text = value? value : '';
-
-  if(options.dispField && value && codes){
-    let dispCode = codes.filter(x=> x.value == value);
-
-    if(dispCode && dispCode.length > 0){
-      text = dispCode[0].display;
-    }
-  }
-
-  return operator === 'eq'
-    ? html`
-        <input name='${filter.name}' .value=${hideText} type="text" hidden></input>
-        <input
-          type="text"
-          readonly
-          name='${filter.name}_disp'
-          .value=${text}
-          @click=${(e) => {
-            e.stopPropagation();
-
-            const input = e.target;
-
-            const confirmCallback = (selected) => {
-              let code = selected ? selected[options.codeField] : '';
-              let disp = code;
-
-              if(selected && options.dispField){
-                let fields = options.dispField.split(",");
-                disp = selected[fields[0]];
-            
-                if(fields.length > 1){
-                  disp+= `(${fields.splice(1).map(field => { return selected[field]}).join(",")})` 
-                }
-              }
-
-              input.value = disp;
-
-              let codeInput = owner.tagName.toLowerCase() == 'ox-grid-header' 
-                            ? owner.renderRoot.querySelector(`[name="${filter.name}"]`)
-                            : owner.renderRoot.querySelector(`form [name="${filter.name}"]`);
-              
-              codeInput.value = code;
-
-              input.dispatchEvent(new Event('change', { bubbles: true }))              
-
-              input.dispatchEvent(
-                new CustomEvent('filter-change', {
-                  bubbles: true,
-                  composed: true,
-                  detail: {
-                    name: filter.name,
-                    operator,
-                    value: code
-                  }
-                })
-              )
-            }
-
-            openMetaCodeSelector(filter, value, confirmCallback)
-          }}
-        />
-      `
-    : html``
-}

package/client/component/filter/filter-form-meta-object-select.js

@@ -1,94 +0,0 @@
-import '../popup/meta-object-selector-popup'
-
-import { html } from 'lit-html'
-import { openPopup } from '@operato/layout'
-import { TermsUtil } from './../../utils/terms-util'
-
-function openMetaObjectSelector(filter, value, confirmCallback) {
-
-  var template = html`
-    <meta-object-selector-popup
-      .value=${value}
-      .options=${filter.options}
-      .confirmCallback=${confirmCallback}
-    ></meta-object-selector-popup>
-  `
-
-  openPopup(template, {
-    backdrop: true,
-    size: 'large',
-    title: filter.options.selectorName ? TermsUtil.tMenu(filter.options.selectorName) : TermsUtil.tTitle('select_item')
-  })
-}
-
-
-export const FilterFormMetaObjectSelect = (filter, value, owner) =>{
-  const options = filter.options;
-  const { operator = 'eq' } = filter;
-  let hideText = value ? value.id : '';
-  let text = '';
-
-  if(value){
-    let fields = options.nameField.split(",");
-    text = value[fields[0]];
-
-    if(fields.length > 1){
-      text+= `(${fields.splice(1).map(field => { return value[field]}).join(",")})` 
-    }
-  }
-
-  return operator === 'eq'
-    ? html`
-        <input name='${filter.name}' .value=${hideText} type="text" hidden></input>
-        <input
-          type="text"
-          readonly
-          name='${filter.name}_disp'
-          .value=${text}
-          @click=${(e) => {
-            e.stopPropagation();
-
-            const input = e.target;
-
-            const confirmCallback = (selected) => {
-              let code = selected ? selected.id : '';
-              let disp = '';
-
-              if(selected){
-                let fields = options.nameField.split(",");
-                disp = selected[fields[0]];
-            
-                if(fields.length > 1){
-                  disp+= `(${fields.splice(1).map(field => { return selected[field]}).join(",")})` 
-                }
-              }
-
-              input.value = disp;
-
-              let codeInput = owner.tagName.toLowerCase() == 'ox-grid-header' 
-                            ? owner.renderRoot.querySelector(`[name="${filter.name}"]`)
-                            : owner.renderRoot.querySelector(`form [name="${filter.name}"]`);
-              
-              codeInput.value = code;
-
-              input.dispatchEvent(new Event('change', { bubbles: true }))              
-
-              input.dispatchEvent(
-                new CustomEvent('filter-change', {
-                  bubbles: true,
-                  composed: true,
-                  detail: {
-                    name: filter.name,
-                    operator,
-                    value: code
-                  }
-                })
-              )
-            }
-
-            openMetaObjectSelector(filter, value, confirmCallback)
-          }}
-        />
-      `
-    : html``
-}

package/client/component/filter/filter-grist-meta-code-select.js

@@ -1,95 +0,0 @@
-import '../popup/meta-object-selector-popup'
-
-import { html } from 'lit-html'
-
-import { openPopup } from '@operato/layout'
-import { TermsUtil } from './../../utils/terms-util'
-
-
-function openMetaCodeSelector(column, value, confirmCallback) {
-
-  var template = html`
-    <meta-object-selector-popup
-      .value=${value}
-      .options=${column.record.options}
-      .confirmCallback=${confirmCallback}
-    ></meta-object-selector-popup>
-  `
-
-  openPopup(template, {
-    backdrop: true,
-    size: 'large',
-    title: column.record.options.selectorName ? TermsUtil.tMenu(column.record.options.selectorName) : TermsUtil.tTitle('select_item')
-  })
-}
-
-export const FilterGristMetaCodeSelect = (column, value, owner) => {
-  const filter = column.filter;
-  const options = column.record.options;
-  const codes = (options.codes && options.codes.length > 0) ? options.codes : undefined;
-  const { operator = 'eq' } = filter;
-  let hideText = value? value : '';
-  let text = value? value : '';
-
-  if(options.dispField && value && codes){
-    let dispCode = codes.filter(x=> x.value == value);
-
-    if(dispCode && dispCode.length > 0){
-      text = dispCode[0].display;
-    }
-  }
-
-  return operator === 'eq'
-    ? html`
-        <input name='${column.name}' .value=${hideText} type="text" hidden></input>
-        <input
-          type="text"
-          readonly
-          name='${column.name}_disp'
-          .value=${text}
-          @click=${(e) => {
-            e.stopPropagation();
-
-            const input = e.target;
-
-            const confirmCallback = (selected) => {
-              let code = selected ? selected[options.codeField] : '';
-              let disp = code;
-
-              if(selected && options.dispField){
-                let fields = options.dispField.split(",");
-                disp = selected[fields[0]];
-            
-                if(fields.length > 1){
-                  disp+= `(${fields.splice(1).map(field => { return selected[field]}).join(",")})` 
-                }
-              }
-
-              input.value = disp;
-
-              let codeInput = owner.tagName.toLowerCase() == 'ox-grid-header' 
-                            ? owner.renderRoot.querySelector(`[name="${filter.name}"]`)
-                            : owner.renderRoot.querySelector(`form [name="${filter.name}"]`);
-              codeInput.value = code;
-
-              input.dispatchEvent(new Event('change', { bubbles: true }))              
-
-              input.dispatchEvent(
-                new CustomEvent('filter-change', {
-                  bubbles: true,
-                  composed: true,
-                  detail: {
-                    name: column.name,
-                    operator,
-                    value: code
-                  }
-                })
-              )
-            }
-
-            openMetaCodeSelector(column, value, confirmCallback)
-          }}
-        />
-      `
-    : html``
-}

package/client/component/filter/filter-grist-meta-object-select.js

@@ -1,95 +0,0 @@
-import '../popup/meta-object-selector-popup'
-
-import { html } from 'lit-html'
-
-import { openPopup } from '@operato/layout'
-import { TermsUtil } from './../../utils/terms-util'
-
-
-function openMetaObjectSelector(column, value, confirmCallback) {
-
-  var template = html`
-    <meta-object-selector-popup
-      .value=${value}
-      .options=${column.record.options}
-      .confirmCallback=${confirmCallback}
-    ></meta-object-selector-popup>
-  `
-
-  openPopup(template, {
-    backdrop: true,
-    size: 'large',
-    title: column.record.options.selectorName ? TermsUtil.tMenu(column.record.options.selectorName) : TermsUtil.tTitle('select_item')
-  })
-}
-
-export const FilterGristMetaObjectSelect = (column, value, owner) => {
-  const filter = column.filter;
-  const { operator = 'eq' } = filter;
-  const options = column.record.options;
-  let hideText = value? value.id : '';
-  let text = '';
-
-  if(value){
-    let fields = options.nameField.split(",");
-    text = value[fields[0]];
-
-    if(fields.length > 1){
-      text+= `(${fields.splice(1).map(field => { return value[field]}).join(",")})` 
-    }
-  }
-
-  return operator === 'eq'
-    ? html`
-        <input name='${column.name}' .value=${hideText} type="text" hidden></input>
-        <input
-          type="text"
-          readonly
-          name='${column.name}_disp'
-          .value=${text}
-          @click=${(e) => {
-            e.stopPropagation();
-
-            const input = e.target;
-
-            const confirmCallback = (selected) => {
-              let code = selected ? selected.id : '';
-              let disp = '';
-
-              if(selected){
-                let fields = options.nameField.split(",");
-                disp = selected[fields[0]];
-            
-                if(fields.length > 1){
-                  disp+= `(${fields.splice(1).map(field => { return selected[field]}).join(",")})` 
-                }
-              }
-
-              input.value = disp;
-
-              let codeInput = owner.tagName.toLowerCase() == 'ox-grid-header' 
-                            ? owner.renderRoot.querySelector(`[name="${filter.name}"]`)
-                            : owner.renderRoot.querySelector(`form [name="${filter.name}"]`);
-              codeInput.value = code;
-
-              input.dispatchEvent(new Event('change', { bubbles: true }))              
-
-              input.dispatchEvent(
-                new CustomEvent('filter-change', {
-                  bubbles: true,
-                  composed: true,
-                  detail: {
-                    name: column.name,
-                    operator,
-                    value: code
-                  }
-                })
-              )
-            }
-
-            openMetaObjectSelector(column, value, confirmCallback)
-          }}
-        />
-      `
-    : html``
-}