fix(core): update

This commit is contained in:
Philipp Kunz 2022-12-11 17:24:12 +01:00
parent 15de86774b
commit e7978a22e4
3 changed files with 17 additions and 5 deletions

View File

@ -3,6 +3,6 @@
*/ */
export const commitinfo = { export const commitinfo = {
name: '@designestate/dees-catalog', name: '@designestate/dees-catalog',
version: '1.0.105', version: '1.0.106',
description: 'website for lossless.com' description: 'website for lossless.com'
} }

View File

@ -71,6 +71,10 @@ export class DeesInputFileupload extends DeesElement {
margin-bottom: 24px; margin-bottom: 24px;
} }
.hidden {
display: none;
}
.maincontainer { .maincontainer {
color: ${cssManager.bdTheme('#333', '#ccc')}; color: ${cssManager.bdTheme('#333', '#ccc')};
@ -134,16 +138,24 @@ export class DeesInputFileupload extends DeesElement {
public render(): TemplateResult { public render(): TemplateResult {
return html` return html`
<div class="hidden">
<input type="file"></div>
</div>
<div class="maincontainer"> <div class="maincontainer">
${this.label ? html`<div class="label">${this.label}</div>` : null} ${this.label ? html`<div class="label">${this.label}</div>` : null}
<div class="uploadButton ${this.state === 'dragOver' ? 'dragOver' : ''}">
${this.value.map((fileArg) => html` <div class="uploadCandidate">${fileArg.name} | ${fileArg.size}</div> `)} ${this.value.map((fileArg) => html` <div class="uploadCandidate">${fileArg.name} | ${fileArg.size}</div> `)}
<div class="uploadButton ${this.state === 'dragOver' ? 'dragOver' : ''}" @click=${this.openFileSelector}>
${this.buttonText} ${this.buttonText}
</div> </div>
</div> </div>
`; `;
} }
public async openFileSelector() {
const inputFile: HTMLInputElement = this.shadowRoot.querySelector('input[type="file"]');
inputFile.click();
}
public async updateValue(eventArg: Event) { public async updateValue(eventArg: Event) {
const target: any = eventArg.target; const target: any = eventArg.target;
this.value = target.value; this.value = target.value;

View File

@ -261,7 +261,7 @@ export class DeesTable<T> extends DeesElement {
` `
)} )}
${(() => { ${(() => {
if (this.dataActions) { if (this.dataActions && this.dataActions.length > 0) {
return html` return html`
<th> <th>
<div class="innerCellContainer">Actions</div> <div class="innerCellContainer">Actions</div>
@ -318,7 +318,7 @@ export class DeesTable<T> extends DeesElement {
` `
)} )}
${(() => { ${(() => {
if (this.dataActions) { if (this.dataActions && this.dataActions.length > 0) {
return html` return html`
<td> <td>
<div class="innerCellContainer"> <div class="innerCellContainer">