bigfox
This commit is contained in:
parent
50c26a309e
commit
5fb7cbb357
@ -22,8 +22,8 @@ bricks.ASRClient = class extends bricks.VBox {
|
|||||||
constructor(opts){
|
constructor(opts){
|
||||||
super(opts);
|
super(opts);
|
||||||
var icon_options = this.icon_options || {};
|
var icon_options = this.icon_options || {};
|
||||||
icon_options.url = this.start_icon || bricks_resource('imgs/start_recording.png');
|
icon_options.url = this.start_icon || bricks_resource('imgs/start_recording.svg');
|
||||||
this.icon = new bricks.Icon(icon_options);
|
this.icon = new bricks.Svg(icon_options);
|
||||||
this.status = 'stop';
|
this.status = 'stop';
|
||||||
this.icon.bind('click', this.toggle_button.bind(this));
|
this.icon.bind('click', this.toggle_button.bind(this));
|
||||||
this.add_widget(this.icon);
|
this.add_widget(this.icon);
|
||||||
@ -37,7 +37,7 @@ bricks.ASRClient = class extends bricks.VBox {
|
|||||||
}
|
}
|
||||||
toggle_button(){
|
toggle_button(){
|
||||||
if (this.status == 'stop'){
|
if (this.status == 'stop'){
|
||||||
this.icon.set_url(this.start_icon||bricks_resource('imgs/stop_recording.png'));
|
this.icon.set_url(this.start_icon||bricks_resource('imgs/stop_recording.svg'));
|
||||||
this.status = 'start';
|
this.status = 'start';
|
||||||
this.start_recording();
|
this.start_recording();
|
||||||
} else {
|
} else {
|
||||||
|
@ -139,10 +139,9 @@ bricks.AudioRecorder = class extends bricks.HBox {
|
|||||||
constructor(opts){
|
constructor(opts){
|
||||||
super(opts);
|
super(opts);
|
||||||
this.set_css('clickable');
|
this.set_css('clickable');
|
||||||
this.start_icon = opts.start_icon || bricks_resource('imgs/start_recording.png');
|
this.start_icon = opts.start_icon || bricks_resource('imgs/start_recording.svg');
|
||||||
this.stop_icon = opts.stop_icon || bricks_resource('imgs/stop_recording.png');
|
this.stop_icon = opts.stop_icon || bricks_resource('imgs/stop_recording.svg');
|
||||||
this.rec_btn = new bricks.Icon({
|
this.rec_btn = new bricks.Svg({
|
||||||
dynsize:true,
|
|
||||||
url:this.start_icon,
|
url:this.start_icon,
|
||||||
rate:this.icon_rate
|
rate:this.icon_rate
|
||||||
});
|
});
|
||||||
|
@ -20,20 +20,20 @@ bricks.Camera = class extends bricks.Popup {
|
|||||||
this.cur_camera_id = 0;
|
this.cur_camera_id = 0;
|
||||||
this.add_widget(filler);
|
this.add_widget(filler);
|
||||||
this.add_widget(hbox);
|
this.add_widget(hbox);
|
||||||
var shot_btn = new bricks.Icon({
|
var shot_btn = new bricks.Svg({
|
||||||
url:bricks_resource('imgs/camera.png'),
|
url:bricks_resource('imgs/camera.svg'),
|
||||||
margin: '10px',
|
margin: '10px',
|
||||||
tip:'Take a picture',
|
tip:'Take a picture',
|
||||||
rate:2.5
|
rate:2.5
|
||||||
});
|
});
|
||||||
var switch_btn = new bricks.Icon({
|
var switch_btn = new bricks.Svg({
|
||||||
url:bricks_resource('imgs/switch-camera.png'),
|
url:bricks_resource('imgs/switch-camera.svg'),
|
||||||
tip:'switch camera',
|
tip:'switch camera',
|
||||||
margin: '10px',
|
margin: '10px',
|
||||||
rate:1.5
|
rate:1.5
|
||||||
});
|
});
|
||||||
var del_btn = new bricks.Icon({
|
var del_btn = new bricks.Svg({
|
||||||
url:bricks_resource('imgs/delete.png'),
|
url:bricks_resource('imgs/delete.Svg'),
|
||||||
tip:'canel it',
|
tip:'canel it',
|
||||||
margin: '10px',
|
margin: '10px',
|
||||||
rate:1.5
|
rate:1.5
|
||||||
|
@ -28,12 +28,12 @@ bricks.Conform = class extends bricks.PopupWindow {
|
|||||||
tools:[
|
tools:[
|
||||||
bricks.extend({
|
bricks.extend({
|
||||||
"name":"conform",
|
"name":"conform",
|
||||||
"icon":bricks_resource('imgs/conform.png'),
|
"icon":bricks_resource('imgs/conform.svg'),
|
||||||
"label":'Conform'
|
"label":'Conform'
|
||||||
}, this.opts.conform||{}),
|
}, this.opts.conform||{}),
|
||||||
bricks.extend({
|
bricks.extend({
|
||||||
"name":"discard",
|
"name":"discard",
|
||||||
"icon":bricks_resource('imgs/cancel.png'),
|
"icon":bricks_resource('imgs/cancel.svg'),
|
||||||
"label":"Discard"
|
"label":"Discard"
|
||||||
}, this.opts.discard||{})
|
}, this.opts.discard||{})
|
||||||
]
|
]
|
||||||
|
@ -117,19 +117,19 @@ bricks.DataViewer = class extends bricks.VBox {
|
|||||||
{
|
{
|
||||||
name:'add',
|
name:'add',
|
||||||
tip:'add new record',
|
tip:'add new record',
|
||||||
icon:this.editable.add_icon || bricks_resource('imgs/add.png')
|
icon:this.editable.add_icon || bricks_resource('imgs/add.svg')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:'update',
|
name:'update',
|
||||||
tip:'update selected record',
|
tip:'update selected record',
|
||||||
selected_row:true,
|
selected_row:true,
|
||||||
icon:this.editable.update_icon || bricks_resource('imgs/update.png')
|
icon:this.editable.update_icon || bricks_resource('imgs/update.svg')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:'delete',
|
name:'delete',
|
||||||
tip:'delete selected record',
|
tip:'delete selected record',
|
||||||
selected_row:true,
|
selected_row:true,
|
||||||
icon:this.editable.delete_icon || bricks_resource('imgs/delete.png')
|
icon:this.editable.delete_icon || bricks_resource('imgs/delete.svg')
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
tbdesc.tools.forEach(t => {
|
tbdesc.tools.forEach(t => {
|
||||||
|
@ -276,7 +276,7 @@ bricks.DynamicAccordion = class extends bricks.VScrollPanel {
|
|||||||
{
|
{
|
||||||
"name":"add",
|
"name":"add",
|
||||||
"tip":"add a new record",
|
"tip":"add a new record",
|
||||||
"icon":this.editable.add_icon || bricks_resource('imgs/add.png')
|
"icon":this.editable.add_icon || bricks_resource('imgs/add.svg')
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@ -350,7 +350,7 @@ bricks.DynamicAccordion = class extends bricks.VScrollPanel {
|
|||||||
{
|
{
|
||||||
name:'add',
|
name:'add',
|
||||||
tip:'add new record',
|
tip:'add new record',
|
||||||
icon:this.editable.add_icon || bricks_resource('imgs/add.png')
|
icon:this.editable.add_icon || bricks_resource('imgs/add.svg')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:'blankicon'
|
name:'blankicon'
|
||||||
@ -372,12 +372,12 @@ bricks.DynamicAccordion = class extends bricks.VScrollPanel {
|
|||||||
{
|
{
|
||||||
name:"update",
|
name:"update",
|
||||||
tip:"update record in this line",
|
tip:"update record in this line",
|
||||||
icon:this.editable.update_icon || bricks_resource('imgs/update.png')
|
icon:this.editable.update_icon || bricks_resource('imgs/update.svg')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:'delete',
|
name:'delete',
|
||||||
tip:"delete record in this line",
|
tip:"delete record in this line",
|
||||||
icon:this.editable.delete_icon || bricks_resource('imgs/delete.png')
|
icon:this.editable.delete_icon || bricks_resource('imgs/delete.svg')
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
desc.tools = edit_tools.concat(desc.tools);
|
desc.tools = edit_tools.concat(desc.tools);
|
||||||
|
@ -62,7 +62,7 @@ bricks.IconBar = class extends bricks.HBox {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
opts.url = opts.icon;
|
opts.url = opts.icon;
|
||||||
var w = new bricks.Icon(opts);
|
var w = new bricks.Svg(opts);
|
||||||
w.bind('click', this.regen_event.bind(this, opts));
|
w.bind('click', this.regen_event.bind(this, opts));
|
||||||
return w;
|
return w;
|
||||||
}
|
}
|
||||||
@ -92,7 +92,7 @@ bricks.IconTextBar = class extends bricks.IconBar {
|
|||||||
rate:opts.rate || rate,
|
rate:opts.rate || rate,
|
||||||
dynsize:opts.dynsize||true
|
dynsize:opts.dynsize||true
|
||||||
};
|
};
|
||||||
var w = new bricks.Icon(desc);
|
var w = new bricks.Svg(desc);
|
||||||
box.add_widget(w);
|
box.add_widget(w);
|
||||||
}
|
}
|
||||||
if (opts.label){
|
if (opts.label){
|
||||||
@ -118,7 +118,7 @@ bricks.IconTextBar = class extends bricks.IconBar {
|
|||||||
bricks.FloatIconBar = class extends bricks.HBox {
|
bricks.FloatIconBar = class extends bricks.HBox {
|
||||||
constructor(opts){
|
constructor(opts){
|
||||||
super(opts);
|
super(opts);
|
||||||
this.float_w = new bricks.Icon({url:bricks_resource('imgs/float-out.png')});
|
this.float_w = new bricks.Svg({url:bricks_resource('imgs/float-out.png')});
|
||||||
this.float_w.bind('mousemove', this.show_icons.bind(this));
|
this.float_w.bind('mousemove', this.show_icons.bind(this));
|
||||||
this.add_widget(this.float_w);
|
this.add_widget(this.float_w);
|
||||||
this.icons_box = this.build_bar(opts);
|
this.icons_box = this.build_bar(opts);
|
||||||
|
@ -97,19 +97,19 @@ bricks.FormBase = class extends bricks.Layout {
|
|||||||
widget.add_widget(box);
|
widget.add_widget(box);
|
||||||
var tools = [
|
var tools = [
|
||||||
{
|
{
|
||||||
icon:bricks_resource('imgs/submit.png'),
|
icon:bricks_resource('imgs/submit.svg'),
|
||||||
name:'submit',
|
name:'submit',
|
||||||
css:'submit_btn',
|
css:'submit_btn',
|
||||||
label:'Submit'
|
label:'Submit'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon:bricks_resource('imgs/reset.png'),
|
icon:bricks_resource('imgs/reset.svg'),
|
||||||
name:'reset',
|
name:'reset',
|
||||||
css:'reset_btn',
|
css:'reset_btn',
|
||||||
label:'Reset'
|
label:'Reset'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon:bricks_resource('imgs/cancel.png'),
|
icon:bricks_resource('imgs/cancel.svg'),
|
||||||
name:'cancel',
|
name:'cancel',
|
||||||
css:'clear_btn',
|
css:'clear_btn',
|
||||||
label:'Cancel'
|
label:'Cancel'
|
||||||
|
@ -269,8 +269,8 @@ bricks.UiSearch = class extends bricks.HBox {
|
|||||||
readonly:true
|
readonly:true
|
||||||
}
|
}
|
||||||
this.str_in = new bricks.UiStr(inputdesc);
|
this.str_in = new bricks.UiStr(inputdesc);
|
||||||
this.search_icon = new bricks.Icon({
|
this.search_icon = new bricks.Svg({
|
||||||
url:bricks_resource('imgs/search.png'),
|
url:bricks_resource('imgs/search.svg'),
|
||||||
rate:1.5
|
rate:1.5
|
||||||
});
|
});
|
||||||
this.str_in.set_css('filler');
|
this.str_in.set_css('filler');
|
||||||
@ -491,8 +491,8 @@ bricks.UiImage =class extends bricks.VBox {
|
|||||||
opts.name = opts.name || 'image';
|
opts.name = opts.name || 'image';
|
||||||
super(opts);
|
super(opts);
|
||||||
this.uitype='image';
|
this.uitype='image';
|
||||||
this.camera_w = new bricks.Icon({
|
this.camera_w = new bricks.Svg({
|
||||||
url:bricks_resource('imgs/camera.png'),
|
url:bricks_resource('imgs/camera.svg'),
|
||||||
tip:'use cemera to take a picture',
|
tip:'use cemera to take a picture',
|
||||||
rate:2});
|
rate:2});
|
||||||
this.add_widget(this.camera_w);
|
this.add_widget(this.camera_w);
|
||||||
@ -556,7 +556,7 @@ bricks.UiImage =class extends bricks.VBox {
|
|||||||
reader.readAsDataURL(file);
|
reader.readAsDataURL(file);
|
||||||
}
|
}
|
||||||
set_formdata(fd){
|
set_formdata(fd){
|
||||||
// fd.append(this.name, this.resultValue(), 'test.png');
|
// fd.append(this.name, this.resultValue(), 'test.svg');
|
||||||
fd.append(this.name, this.resultValue());
|
fd.append(this.name, this.resultValue());
|
||||||
}
|
}
|
||||||
resultValue(){
|
resultValue(){
|
||||||
@ -593,8 +593,8 @@ bricks.UiCheck =class extends bricks.UiType {
|
|||||||
this.ms_icon = new bricks.MultipleStateIcon({
|
this.ms_icon = new bricks.MultipleStateIcon({
|
||||||
state:state,
|
state:state,
|
||||||
urls:{
|
urls:{
|
||||||
checked:bricks_resource('imgs/checkbox-checked.png'),
|
checked:bricks_resource('imgs/checkbox-checked.svg'),
|
||||||
unchecked:bricks_resource('imgs/checkbox-unchecked.png')
|
unchecked:bricks_resource('imgs/checkbox-unchecked.svg')
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -1060,8 +1060,8 @@ bricks.UiAudio =class extends bricks.UiStr {
|
|||||||
this.uitype = 'audio';
|
this.uitype = 'audio';
|
||||||
this.autoplay = opts.autoplay;
|
this.autoplay = opts.autoplay;
|
||||||
this.readonly = opts.readonly;
|
this.readonly = opts.readonly;
|
||||||
this.icon = new bricks.Icon({
|
this.icon = new bricks.Svg({
|
||||||
url: bricks_resource('imgs/right_arrow.png')});
|
url: bricks_resource('imgs/right_arrow.svg')});
|
||||||
this.add_widget(this.icon);
|
this.add_widget(this.icon);
|
||||||
this.icon.bind('click', this.play_audio.bind(this));
|
this.icon.bind('click', this.play_audio.bind(this));
|
||||||
this.player = new bricks.AudioPlayer({
|
this.player = new bricks.AudioPlayer({
|
||||||
@ -1095,8 +1095,8 @@ bricks.UiVideo =class extends bricks.UiStr {
|
|||||||
this.uitype = 'video';
|
this.uitype = 'video';
|
||||||
this.autoplay = opts.autoplay;
|
this.autoplay = opts.autoplay;
|
||||||
this.readonly = opts.readonly;
|
this.readonly = opts.readonly;
|
||||||
this.icon = new bricks.Icon({
|
this.icon = new bricks.Svg({
|
||||||
url: bricks_resource('imgs/right_arrow.png')});
|
url: bricks_resource('imgs/right_arrow.svg')});
|
||||||
this.add_widget(this.icon);
|
this.add_widget(this.icon);
|
||||||
this.icon.bind('click', this.play_audio.bind(this));
|
this.icon.bind('click', this.play_audio.bind(this));
|
||||||
this.player = new bricks.VideoPlayer({
|
this.player = new bricks.VideoPlayer({
|
||||||
|
@ -56,10 +56,10 @@ bricks.ModelOutput = class extends bricks.VBox {
|
|||||||
opts.height = 'auto';
|
opts.height = 'auto';
|
||||||
super(opts);
|
super(opts);
|
||||||
var hb = new bricks.HBox({width:'100%', cheight:2});
|
var hb = new bricks.HBox({width:'100%', cheight:2});
|
||||||
this.img = new bricks.Icon({
|
this.img = new bricks.Svg({
|
||||||
rate:2,
|
rate:2,
|
||||||
tip:this.opts.model,
|
tip:this.opts.model,
|
||||||
url:this.icon||bricks_resource('imgs/llm.png')
|
url:this.icon||bricks_resource('imgs/llm.svg')
|
||||||
});
|
});
|
||||||
hb.add_widget(this.img);
|
hb.add_widget(this.img);
|
||||||
var mname = new bricks.Text({text:this.opts.model});
|
var mname = new bricks.Text({text:this.opts.model});
|
||||||
@ -85,8 +85,8 @@ bricks.ModelOutput = class extends bricks.VBox {
|
|||||||
otext:'结果满意吗?',
|
otext:'结果满意吗?',
|
||||||
i18n:true,
|
i18n:true,
|
||||||
});
|
});
|
||||||
var likew = new bricks.Icon({rate:2, url:bricks_resource('imgs/like.png')});
|
var likew = new bricks.Svg({rate:2, url:bricks_resource('imgs/like.svg')});
|
||||||
var unlikew = new bricks.Icon({rate:2, url:bricks_resource('imgs/unlike.png')});
|
var unlikew = new bricks.Svg({rate:2, url:bricks_resource('imgs/unlike.svg')});
|
||||||
likew.bind('click', this.estimate_llm.bind(this, 1));
|
likew.bind('click', this.estimate_llm.bind(this, 1));
|
||||||
unlikew.bind('click', this.estimate_llm.bind(this, -1))
|
unlikew.bind('click', this.estimate_llm.bind(this, -1))
|
||||||
this.estimate_w.add_widget(txtw);
|
this.estimate_w.add_widget(txtw);
|
||||||
@ -183,10 +183,10 @@ bricks.LlmModel = class extends bricks.JsWidget {
|
|||||||
render_title(){
|
render_title(){
|
||||||
var w = new bricks.HBox({padding:'15px'});
|
var w = new bricks.HBox({padding:'15px'});
|
||||||
w.bind('click', this.show_setup_panel.bind(this))
|
w.bind('click', this.show_setup_panel.bind(this))
|
||||||
var img = new bricks.Icon({
|
var img = new bricks.Svg({
|
||||||
rate:2,
|
rate:2,
|
||||||
tip:this.opts.model,
|
tip:this.opts.model,
|
||||||
url:this.opts.icon||bricks_resource('imgs/llm.png')
|
url:this.opts.icon||bricks_resource('imgs/llm.svg')
|
||||||
});
|
});
|
||||||
// var txt = new bricks.Text({text:this.opts.model});
|
// var txt = new bricks.Text({text:this.opts.model});
|
||||||
w.add_widget(img);
|
w.add_widget(img);
|
||||||
@ -318,16 +318,16 @@ bricks.LlmIO = class extends bricks.VBox {
|
|||||||
this.llmmodels = [];
|
this.llmmodels = [];
|
||||||
this.title_w = new bricks.HBox({cheight:3});
|
this.title_w = new bricks.HBox({cheight:3});
|
||||||
var bottom_box = new bricks.HBox({cheight:3});
|
var bottom_box = new bricks.HBox({cheight:3});
|
||||||
this.i_w = new bricks.Icon({
|
this.i_w = new bricks.Svg({
|
||||||
rate:2,
|
rate:2,
|
||||||
url:bricks_resource('imgs/input.png'),
|
url:bricks_resource('imgs/input.svg'),
|
||||||
margin:'14px',
|
margin:'14px',
|
||||||
tip:'input data',
|
tip:'input data',
|
||||||
css:'clickable'
|
css:'clickable'
|
||||||
});
|
});
|
||||||
this.nm_w = new bricks.Icon({
|
this.nm_w = new bricks.Svg({
|
||||||
rate:2,
|
rate:2,
|
||||||
url:bricks_resource('imgs/add.png'),
|
url:bricks_resource('imgs/add.svg'),
|
||||||
margin:'14px',
|
margin:'14px',
|
||||||
tip:'add new model',
|
tip:'add new model',
|
||||||
css:'clickable'
|
css:'clickable'
|
||||||
@ -484,7 +484,7 @@ bricks.LlmIO = class extends bricks.VBox {
|
|||||||
var w = await bricks.widgetBuild(this.input_view, this.o_w, data);
|
var w = await bricks.widgetBuild(this.input_view, this.o_w, data);
|
||||||
w.set_css(this.msg_css||'user_msg');
|
w.set_css(this.msg_css||'user_msg');
|
||||||
w.set_css('filler');
|
w.set_css('filler');
|
||||||
var img = new bricks.Icon({rate:2,url:this.user_icon||bricks_resource('imgs/user.png')});
|
var img = new bricks.Svg({rate:2,url:this.user_icon||bricks_resource('imgs/user.svg')});
|
||||||
box.add_widget(new bricks.BlankIcon({rate:2, flexShrink:0}));
|
box.add_widget(new bricks.BlankIcon({rate:2, flexShrink:0}));
|
||||||
box.add_widget(w);
|
box.add_widget(w);
|
||||||
box.add_widget(img);
|
box.add_widget(img);
|
||||||
|
@ -23,7 +23,7 @@ bricks.UserMsgBox = class extends bricks.HBox {
|
|||||||
*/
|
*/
|
||||||
constructor(opts){
|
constructor(opts){
|
||||||
super(opts);
|
super(opts);
|
||||||
var img = new bricks.Icon({rate:2,url:this.icon||bricks_resource('imgs/user.png')});
|
var img = new bricks.Svg({rate:2,url:this.icon||bricks_resource('imgs/user.svg')});
|
||||||
var w = new bricks.MdWidget({mdtext:this.prompt});
|
var w = new bricks.MdWidget({mdtext:this.prompt});
|
||||||
w.set_css('filler');
|
w.set_css('filler');
|
||||||
w.set_css(this.msg_css||'user_msg');
|
w.set_css(this.msg_css||'user_msg');
|
||||||
@ -51,7 +51,7 @@ bricks.LlmMsgBox = class extends bricks.HBox {
|
|||||||
*/
|
*/
|
||||||
constructor(opts){
|
constructor(opts){
|
||||||
super(opts);
|
super(opts);
|
||||||
var img = new bricks.Icon({rate:2,url:this.icon||bricks_resource('imgs/user.png')});
|
var img = new bricks.Svg({rate:2,url:this.icon||bricks_resource('imgs/user.png')});
|
||||||
this.w = new bricks.MdWidget({mdtext:' '});
|
this.w = new bricks.MdWidget({mdtext:' '});
|
||||||
this.w.set_css('filler');
|
this.w.set_css('filler');
|
||||||
this.run = new bricks.BaseRunning({target:this});
|
this.run = new bricks.BaseRunning({target:this});
|
||||||
@ -168,7 +168,7 @@ bricks.LlmDialog = class extends bricks.VBox {
|
|||||||
}
|
}
|
||||||
show_model_info(model){
|
show_model_info(model){
|
||||||
var w = new bricks.HBox({margin:'5px'});
|
var w = new bricks.HBox({margin:'5px'});
|
||||||
w.add_widget(new bricks.Icon({url:model.icon||bricks_resource('imgs/llm.png'), rate:2}));
|
w.add_widget(new bricks.Svg({url:model.icon||bricks_resource('imgs/llm.svg'), rate:2}));
|
||||||
w.add_widget(new bricks.Text({text:model.model}));
|
w.add_widget(new bricks.Text({text:model.model}));
|
||||||
this.title_w.add_widget(w);
|
this.title_w.add_widget(w);
|
||||||
this.model_info_ws[model.model] = w;
|
this.model_info_ws[model.model] = w;
|
||||||
|
@ -123,7 +123,7 @@ bricks.Modal = class extends bricks.BaseModal {
|
|||||||
this.title_box.set_css('title');
|
this.title_box.set_css('title');
|
||||||
this.panel.add_widget(this.title_box);
|
this.panel.add_widget(this.title_box);
|
||||||
this.title_w = new bricks.Filler({height:'100%'});
|
this.title_w = new bricks.Filler({height:'100%'});
|
||||||
var icon = new bricks.Icon({url:bricks_resource('imgs/delete.png')});
|
var icon = new bricks.Svg({url:bricks_resource('imgs/delete.svg')});
|
||||||
icon.bind('click', this.dismiss.bind(this));
|
icon.bind('click', this.dismiss.bind(this));
|
||||||
this.title_box.add_widget(this.title_w);
|
this.title_box.add_widget(this.title_w);
|
||||||
this.title_box.add_widget(icon);
|
this.title_box.add_widget(icon);
|
||||||
|
@ -116,7 +116,7 @@ bricks.Popup = class extends bricks.VBox {
|
|||||||
this.set_style('left', x + 'px');
|
this.set_style('left', x + 'px');
|
||||||
}
|
}
|
||||||
setup_resizable(){
|
setup_resizable(){
|
||||||
this.resizable_w = new bricks.Icon({rate:1.5, url:bricks_resource('imgs/right-bottom-triangle.png')});
|
this.resizable_w = new bricks.Svg({rate:1.5, url:bricks_resource('imgs/right-bottom-triangle.svg')});
|
||||||
super.add_widget(this.resizable_w);
|
super.add_widget(this.resizable_w);
|
||||||
this.resizable_w.set_css('resizebox');
|
this.resizable_w.set_css('resizebox');
|
||||||
this.resizable_w.bind('mousedown', this.resize_start_pos.bind(this));
|
this.resizable_w.bind('mousedown', this.resize_start_pos.bind(this));
|
||||||
@ -400,9 +400,9 @@ bricks.PopupWindow = class extends bricks.Popup {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
build_title_bar(){
|
build_title_bar(){
|
||||||
var icon = new bricks.Icon({
|
var icon = new bricks.Svg({
|
||||||
rate:this.opts.rate,
|
rate:this.opts.rate,
|
||||||
url:this.opts.icon || bricks_resource('imgs/app.png')
|
url:this.opts.icon || bricks_resource('imgs/app.svg')
|
||||||
});
|
});
|
||||||
this.title_bar.add_widget(icon);
|
this.title_bar.add_widget(icon);
|
||||||
this.tb_w = new bricks.IconBar( {
|
this.tb_w = new bricks.IconBar( {
|
||||||
@ -412,19 +412,19 @@ bricks.PopupWindow = class extends bricks.Popup {
|
|||||||
tools:[
|
tools:[
|
||||||
{
|
{
|
||||||
name:'delete',
|
name:'delete',
|
||||||
icon:bricks_resource('imgs/app_delete.png'),
|
icon:bricks_resource('imgs/app_delete.svg'),
|
||||||
dynsize:true,
|
dynsize:true,
|
||||||
tip:'Destroy this window'
|
tip:'Destroy this window'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:'minimax',
|
name:'minimax',
|
||||||
icon:bricks_resource('imgs/app_minimax.png'),
|
icon:bricks_resource('imgs/app_minimax.svg'),
|
||||||
dynsize:true,
|
dynsize:true,
|
||||||
tip:'minimax this window'
|
tip:'minimax this window'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:'fullscreen',
|
name:'fullscreen',
|
||||||
icon:bricks_resource('imgs/app_fullscreen.png'),
|
icon:bricks_resource('imgs/app_fullscreen.svg'),
|
||||||
dynsize:true,
|
dynsize:true,
|
||||||
tip:'fullscreen this window'
|
tip:'fullscreen this window'
|
||||||
}
|
}
|
||||||
|
@ -197,15 +197,15 @@ bricks.QAFrame = class extends bricks.VBox {
|
|||||||
padding: '6px'
|
padding: '6px'
|
||||||
});
|
});
|
||||||
/*
|
/*
|
||||||
var imagew = new bricks.Icon({
|
var imagew = new bricks.Svg({
|
||||||
rate:1.7,
|
rate:1.7,
|
||||||
padding: '6px',
|
padding: '6px',
|
||||||
url: bricks_resource('imgs/camera.png')
|
url: bricks_resource('imgs/camera.svg')
|
||||||
});
|
});
|
||||||
var videow = new bricks.Icon({
|
var videow = new bricks.Svg({
|
||||||
rate: 1.7,
|
rate: 1.7,
|
||||||
padding: '6px',
|
padding: '6px',
|
||||||
url: bricks_resource('imgs/recorder.png')
|
url: bricks_resource('imgs/recorder.svg')
|
||||||
});
|
});
|
||||||
this.bottom_w.add_widget(imagew);
|
this.bottom_w.add_widget(imagew);
|
||||||
this.bottom_w.add_widget(videow);
|
this.bottom_w.add_widget(videow);
|
||||||
|
@ -106,8 +106,8 @@ bricks.Toolbar = class extends bricks.Layout {
|
|||||||
}
|
}
|
||||||
add_removable(item){
|
add_removable(item){
|
||||||
if (! item.tool_opts.removable) return;
|
if (! item.tool_opts.removable) return;
|
||||||
var img_src = bricks_resource('imgs/delete.png');
|
var img_src = bricks_resource('imgs/delete.svg');
|
||||||
var image = new bricks.Icon({url:img_src});
|
var image = new bricks.Svg({url:img_src});
|
||||||
if (image){
|
if (image){
|
||||||
item.add_widget(image);
|
item.add_widget(image);
|
||||||
image.bind('click',this.remove_item.bind(this, item));
|
image.bind('click',this.remove_item.bind(this, item));
|
||||||
|
@ -245,9 +245,9 @@ bricks.Tree = class extends bricks.VScrollPanel {
|
|||||||
var toolbar = bricks.extend({}, this.toolbar);
|
var toolbar = bricks.extend({}, this.toolbar);
|
||||||
var tools = [];
|
var tools = [];
|
||||||
if (this.editable){
|
if (this.editable){
|
||||||
tools.push({icon:bricks_resource('imgs/add.png'), name:'add'});
|
tools.push({icon:bricks_resource('imgs/add.svg'), name:'add'});
|
||||||
tools.push({icon:bricks_resource('imgs/update.png'), name:'update'});
|
tools.push({icon:bricks_resource('imgs/update.svg'), name:'update'});
|
||||||
tools.push({icon:bricks_resource('imgs/delete.png'), name:'delete'});
|
tools.push({icon:bricks_resource('imgs/delete.svg'), name:'delete'});
|
||||||
}
|
}
|
||||||
if (toolbar.tools){
|
if (toolbar.tools){
|
||||||
toolbar.tools.forEach(f => tools.push(f));
|
toolbar.tools.forEach(f => tools.push(f));
|
||||||
|
@ -60,7 +60,7 @@ bricks.VadText = class extends bricks.VBox {
|
|||||||
super(opts);
|
super(opts);
|
||||||
this.button = new bricks.Button({
|
this.button = new bricks.Button({
|
||||||
label:'start',
|
label:'start',
|
||||||
icon:bricks_resource('imgs/speak.png')
|
icon:bricks_resource('imgs/speak.svg')
|
||||||
});
|
});
|
||||||
this.audio = new bricks.AudioPlayer({});
|
this.audio = new bricks.AudioPlayer({});
|
||||||
this.audio.set_css('filler');
|
this.audio.set_css('filler');
|
||||||
|
@ -20,11 +20,11 @@ bricks.RoleOutput = class extends bricks.VBox {
|
|||||||
var hb = new bricks.HBox({width:'100%', cheight:2});
|
var hb = new bricks.HBox({width:'100%', cheight:2});
|
||||||
var default_icon;
|
var default_icon;
|
||||||
if (this.role == 'llm'){
|
if (this.role == 'llm'){
|
||||||
default_icon = bricks_resource('imgs/llm.png')
|
default_icon = bricks_resource('imgs/llm.svg')
|
||||||
} else {
|
} else {
|
||||||
defautl_icon = bricks_resource('imgs/user.png')
|
defautl_icon = bricks_resource('imgs/user.svg')
|
||||||
}
|
}
|
||||||
this.img = new bricks.Icon({
|
this.img = new bricks.Svg({
|
||||||
rate:2,
|
rate:2,
|
||||||
tip:this.opts.model,
|
tip:this.opts.model,
|
||||||
url:this.icon || default_icon
|
url:this.icon || default_icon
|
||||||
@ -59,8 +59,8 @@ bricks.RoleOutput = class extends bricks.VBox {
|
|||||||
otext:'结果满意吗?',
|
otext:'结果满意吗?',
|
||||||
i18n:true,
|
i18n:true,
|
||||||
});
|
});
|
||||||
var likew = new bricks.Icon({rate:2, url:bricks_resource('imgs/like.png')});
|
var likew = new bricks.Svg({rate:2, url:bricks_resource('imgs/like.svg')});
|
||||||
var unlikew = new bricks.Icon({rate:2, url:bricks_resource('imgs/unlike.png')});
|
var unlikew = new bricks.Svg({rate:2, url:bricks_resource('imgs/unlike.svg')});
|
||||||
likew.bind('click', this.estimate_llm.bind(this, 1));
|
likew.bind('click', this.estimate_llm.bind(this, 1));
|
||||||
unlikew.bind('click', this.estimate_llm.bind(this, -1))
|
unlikew.bind('click', this.estimate_llm.bind(this, -1))
|
||||||
this.estimate_w.add_widget(txtw);
|
this.estimate_w.add_widget(txtw);
|
||||||
@ -157,10 +157,10 @@ bricks.LlmModel = class extends bricks.JsWidget {
|
|||||||
render_title(){
|
render_title(){
|
||||||
var w = new bricks.HBox({padding:'15px'});
|
var w = new bricks.HBox({padding:'15px'});
|
||||||
w.bind('click', this.show_setup_panel.bind(this))
|
w.bind('click', this.show_setup_panel.bind(this))
|
||||||
var img = new bricks.Icon({
|
var img = new bricks.Svg({
|
||||||
rate:2,
|
rate:2,
|
||||||
tip:this.opts.model,
|
tip:this.opts.model,
|
||||||
url:this.opts.icon||bricks_resource('imgs/llm.png')
|
url:this.opts.icon||bricks_resource('imgs/llm.svg')
|
||||||
});
|
});
|
||||||
// var txt = new bricks.Text({text:this.opts.model});
|
// var txt = new bricks.Text({text:this.opts.model});
|
||||||
w.add_widget(img);
|
w.add_widget(img);
|
||||||
@ -294,16 +294,16 @@ bricks.LlmIO = class extends bricks.VBox {
|
|||||||
this.llmmodels = [];
|
this.llmmodels = [];
|
||||||
this.title_w = new bricks.HBox({cheight:3});
|
this.title_w = new bricks.HBox({cheight:3});
|
||||||
var bottom_box = new bricks.HBox({cheight:3});
|
var bottom_box = new bricks.HBox({cheight:3});
|
||||||
this.i_w = new bricks.Icon({
|
this.i_w = new bricks.Svg({
|
||||||
rate:2,
|
rate:2,
|
||||||
url:bricks_resource('imgs/input.png'),
|
url:bricks_resource('imgs/input.svg'),
|
||||||
margin:'14px',
|
margin:'14px',
|
||||||
tip:'input data',
|
tip:'input data',
|
||||||
css:'clickable'
|
css:'clickable'
|
||||||
});
|
});
|
||||||
this.nm_w = new bricks.Icon({
|
this.nm_w = new bricks.Svg({
|
||||||
rate:2,
|
rate:2,
|
||||||
url:bricks_resource('imgs/add.png'),
|
url:bricks_resource('imgs/add.svg'),
|
||||||
margin:'14px',
|
margin:'14px',
|
||||||
tip:'add new model',
|
tip:'add new model',
|
||||||
css:'clickable'
|
css:'clickable'
|
||||||
@ -340,7 +340,7 @@ bricks.LlmIO = class extends bricks.VBox {
|
|||||||
var rect = this.showRectage();
|
var rect = this.showRectage();
|
||||||
var opts = {
|
var opts = {
|
||||||
title:"select model",
|
title:"select model",
|
||||||
icon:bricks_resource('imgs/search.png'),
|
icon:bricks_resource('imgs/search.svg'),
|
||||||
auto_destroy:true,
|
auto_destroy:true,
|
||||||
auto_open:true,
|
auto_open:true,
|
||||||
auto_dismiss:false,
|
auto_dismiss:false,
|
||||||
@ -422,7 +422,7 @@ bricks.LlmIO = class extends bricks.VBox {
|
|||||||
var rect = this.showRectage();
|
var rect = this.showRectage();
|
||||||
var opts = {
|
var opts = {
|
||||||
title:"input data",
|
title:"input data",
|
||||||
icon:bricks_resource('imgs/input.png'),
|
icon:bricks_resource('imgs/input.svg'),
|
||||||
auto_destroy:true,
|
auto_destroy:true,
|
||||||
auto_open:true,
|
auto_open:true,
|
||||||
auto_dismiss:false,
|
auto_dismiss:false,
|
||||||
@ -460,7 +460,7 @@ bricks.LlmIO = class extends bricks.VBox {
|
|||||||
var w = await bricks.widgetBuild(this.input_view, this.o_w, data);
|
var w = await bricks.widgetBuild(this.input_view, this.o_w, data);
|
||||||
w.set_css(this.msg_css||'user_msg');
|
w.set_css(this.msg_css||'user_msg');
|
||||||
w.set_css('filler');
|
w.set_css('filler');
|
||||||
var img = new bricks.Icon({rate:2,url:this.user_icon||bricks_resource('imgs/user.png')});
|
var img = new bricks.Svg({rate:2,url:this.user_icon||bricks_resource('imgs/user.svg')});
|
||||||
box.add_widget(new bricks.BlankIcon({rate:2, flexShrink:0}));
|
box.add_widget(new bricks.BlankIcon({rate:2, flexShrink:0}));
|
||||||
box.add_widget(w);
|
box.add_widget(w);
|
||||||
box.add_widget(img);
|
box.add_widget(img);
|
||||||
|
Loading…
Reference in New Issue
Block a user