Get link-to buttons looking better by switching to et2-button

This commit is contained in:
nathan 2022-07-20 11:26:15 -06:00
parent 711eac8934
commit 6c315301aa
2 changed files with 15 additions and 11 deletions

View File

@ -179,16 +179,19 @@ export class et2_file extends et2_inputWidget
createInputWidget()
{
this.node = <HTMLElement><unknown>jQuery(document.createElement("div")).addClass("et2_file");
this.span = jQuery(document.createElement("span"))
.addClass('et2_file_span et2_button')
.appendTo (this.node);
if (this.options.label != '') this.span.addClass('et2_button_text');
this.span = jQuery(document.createElement("et2-button"))
.addClass('et2_file_span')
.attr("image", "attach")
.attr("noSubmit", true)
.appendTo(this.node);
let span = this.span;
this.input = jQuery(document.createElement("input"))
.attr("type", "file").attr("placeholder", this.options.blur)
.addClass ("et2_file_upload")
.addClass("et2_file_upload")
.appendTo(this.node)
.hover(function() {
.hover(function()
{
jQuery(span)
.toggleClass('et2_file_spanHover');
})
@ -373,7 +376,7 @@ export class et2_file extends et2_inputWidget
{
if (this.span != null && value != null)
{
this.span.text(value);
this.span.label = value;
}
}

View File

@ -33,7 +33,7 @@ import {egw_keyHandler} from '../egw_action/egw_keymanager.js';
import {EGW_KEY_ENTER} from '../egw_action/egw_action_constants.js';
import {Et2Dialog} from "./Et2Dialog/Et2Dialog";
import type {Et2VfsMime} from "./Vfs/Et2VfsMime";
import type {Et2VfsUid, Et2VfsGid} from "./Et2Vfs/Et2VfsUid";
import type {Et2VfsGid, Et2VfsUid} from "./Et2Vfs/Et2VfsUid";
/**
* Class which implements the "vfs" XET-Tag
@ -1060,10 +1060,11 @@ export class et2_vfsSelect extends et2_inputWidget
// Allow no child widgets
this.supportedWidgetClasses = [];
this.button = jQuery(document.createElement("button"))
this.button = jQuery(document.createElement("et2-button"))
.attr("title", this.egw().lang("Select file(s) from VFS"))
.addClass("et2_button et2_vfs_btn")
.css("background-image","url("+this.egw().image("filemanager/navbar")+")");
.attr("noSubmit", true)
.addClass("et2_vfs_btn")
.attr("image", "filemanager/navbar");
if(this.options.readonly)
{