Add Dialog class.
This commit is contained in:
parent
aa0a8027a1
commit
0e2864e9dc
110
game/game.js
110
game/game.js
|
@ -31020,8 +31020,43 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
dialog:{
|
Dialog:class extends HTMLDivElement{
|
||||||
add:function(item,noclick,zoom){
|
constructor(){
|
||||||
|
let hidden=false;
|
||||||
|
let noTouchScroll=false;
|
||||||
|
let forceButton=false;
|
||||||
|
let noForceButton=false;
|
||||||
|
const dialog=ui.create.div('.dialog');
|
||||||
|
Object.setPrototypeOf(dialog,lib.element.Dialog.prototype);
|
||||||
|
dialog.contentContainer=ui.create.div('.content-container',dialog);
|
||||||
|
dialog.content=ui.create.div('.content',dialog.contentContainer);
|
||||||
|
dialog.bar1=ui.create.div('.bar.top',dialog);
|
||||||
|
dialog.bar2=ui.create.div('.bar.bottom',dialog);
|
||||||
|
dialog.buttons=[];
|
||||||
|
Array.from(arguments).forEach(argument=>{
|
||||||
|
if(typeof argument=='boolean') dialog.static=argument;
|
||||||
|
else if(argument=='hidden') hidden=true;
|
||||||
|
else if(argument=='notouchscroll') noTouchScroll=true;
|
||||||
|
else if(argument=='forcebutton') forceButton=true;
|
||||||
|
else if(argument=='noforcebutton') noForceButton=true;
|
||||||
|
else dialog.add(argument);
|
||||||
|
});
|
||||||
|
if(!hidden) dialog.open();
|
||||||
|
if(!lib.config.touchscreen) dialog.contentContainer.onscroll=ui.update;
|
||||||
|
if(!noTouchScroll){
|
||||||
|
dialog.contentContainer.ontouchstart=ui.click.dialogtouchStart;
|
||||||
|
dialog.contentContainer.ontouchmove=ui.click.touchScroll;
|
||||||
|
dialog.contentContainer.style.WebkitOverflowScrolling='touch';
|
||||||
|
dialog.ontouchstart=ui.click.dragtouchdialog;
|
||||||
|
}
|
||||||
|
if(noForceButton) dialog.noforcebutton=true;
|
||||||
|
else if(forceButton){
|
||||||
|
dialog.forcebutton=true;
|
||||||
|
dialog.classList.add('forcebutton');
|
||||||
|
}
|
||||||
|
return dialog;
|
||||||
|
}
|
||||||
|
add(item,noclick,zoom){
|
||||||
if(typeof item=='string'){
|
if(typeof item=='string'){
|
||||||
if(item.startsWith('###')){
|
if(item.startsWith('###')){
|
||||||
var items=item.slice(3).split('###');
|
var items=item.slice(3).split('###');
|
||||||
|
@ -31069,8 +31104,8 @@
|
||||||
}
|
}
|
||||||
ui.update();
|
ui.update();
|
||||||
return item;
|
return item;
|
||||||
},
|
}
|
||||||
addText:function(str,center){
|
addText(str,center){
|
||||||
if(str&&str.startsWith('<div')) this.add(str);
|
if(str&&str.startsWith('<div')) this.add(str);
|
||||||
else if(center!==false){
|
else if(center!==false){
|
||||||
this.add('<div class="text center">'+str+'</div>');
|
this.add('<div class="text center">'+str+'</div>');
|
||||||
|
@ -31079,19 +31114,19 @@
|
||||||
this.add('<div class="text">'+str+'</div>');
|
this.add('<div class="text">'+str+'</div>');
|
||||||
}
|
}
|
||||||
return this;
|
return this;
|
||||||
},
|
}
|
||||||
addSmall:function(item,noclick){
|
addSmall(item,noclick){
|
||||||
return this.add(item,noclick,true);
|
return this.add(item,noclick,true);
|
||||||
},
|
}
|
||||||
addAuto:function(content){
|
addAuto(content){
|
||||||
if(content&&content.length>4&&!this._hovercustomed){
|
if(content&&content.length>4&&!this._hovercustomed){
|
||||||
this.addSmall(content);
|
this.addSmall(content);
|
||||||
}
|
}
|
||||||
else{
|
else{
|
||||||
this.add(content);
|
this.add(content);
|
||||||
}
|
}
|
||||||
},
|
}
|
||||||
open:function(){
|
open(){
|
||||||
if(this.noopen) return;
|
if(this.noopen) return;
|
||||||
for(var i=0;i<ui.dialogs.length;i++){
|
for(var i=0;i<ui.dialogs.length;i++){
|
||||||
if(ui.dialogs[i]==this){
|
if(ui.dialogs[i]==this){
|
||||||
|
@ -31133,8 +31168,8 @@
|
||||||
that.style.transitionProperty='';
|
that.style.transitionProperty='';
|
||||||
},500);
|
},500);
|
||||||
return this;
|
return this;
|
||||||
},
|
}
|
||||||
close:function(){
|
close(){
|
||||||
ui.dialogs.remove(this);
|
ui.dialogs.remove(this);
|
||||||
this.delete();
|
this.delete();
|
||||||
if(ui.dialogs.length>0){
|
if(ui.dialogs.length>0){
|
||||||
|
@ -31147,8 +31182,8 @@
|
||||||
// ui.arenalog.classList.remove('withdialog');
|
// ui.arenalog.classList.remove('withdialog');
|
||||||
// }
|
// }
|
||||||
return this;
|
return this;
|
||||||
},
|
}
|
||||||
setCaption:function(str){
|
setCaption(str){
|
||||||
this.querySelector('.caption').innerHTML=str;
|
this.querySelector('.caption').innerHTML=str;
|
||||||
return this;
|
return this;
|
||||||
}
|
}
|
||||||
|
@ -31371,6 +31406,12 @@
|
||||||
*/
|
*/
|
||||||
get event(){
|
get event(){
|
||||||
return this.Event.prototype;
|
return this.Event.prototype;
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* @legacy Use `lib.element.Dialog.prototype` instead.
|
||||||
|
*/
|
||||||
|
get dialog(){
|
||||||
|
return this.Dialog.prototype;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
card:{
|
card:{
|
||||||
|
@ -50667,46 +50708,7 @@
|
||||||
return dialog;
|
return dialog;
|
||||||
},
|
},
|
||||||
dialog:function(){
|
dialog:function(){
|
||||||
var i;
|
return new lib.element.Dialog(...arguments);
|
||||||
var hidden=false;
|
|
||||||
var notouchscroll=false;
|
|
||||||
var forcebutton=false;
|
|
||||||
var noforcebutton=false;
|
|
||||||
var dialog=ui.create.div('.dialog');
|
|
||||||
dialog.contentContainer=ui.create.div('.content-container',dialog);
|
|
||||||
dialog.content=ui.create.div('.content',dialog.contentContainer);
|
|
||||||
dialog.bar1=ui.create.div('.bar.top',dialog);
|
|
||||||
dialog.bar2=ui.create.div('.bar.bottom',dialog);
|
|
||||||
dialog.buttons=[];
|
|
||||||
for(i in lib.element.dialog){
|
|
||||||
dialog[i]=lib.element.dialog[i];
|
|
||||||
}
|
|
||||||
for(i=0;i<arguments.length;i++){
|
|
||||||
if(typeof arguments[i]=='boolean') dialog.static=arguments[i];
|
|
||||||
else if(arguments[i]=='hidden') hidden=true;
|
|
||||||
else if(arguments[i]=='notouchscroll') notouchscroll=true;
|
|
||||||
else if(arguments[i]=='forcebutton') forcebutton=true;
|
|
||||||
else if(arguments[i]=='noforcebutton') noforcebutton=true;
|
|
||||||
else dialog.add(arguments[i]);
|
|
||||||
}
|
|
||||||
if(!hidden){
|
|
||||||
dialog.open();
|
|
||||||
}
|
|
||||||
if(!lib.config.touchscreen) dialog.contentContainer.onscroll=ui.update;
|
|
||||||
if(!notouchscroll){
|
|
||||||
dialog.contentContainer.ontouchstart=ui.click.dialogtouchStart;
|
|
||||||
dialog.contentContainer.ontouchmove = ui.click.touchScroll;
|
|
||||||
dialog.contentContainer.style.WebkitOverflowScrolling='touch';
|
|
||||||
dialog.ontouchstart=ui.click.dragtouchdialog;
|
|
||||||
}
|
|
||||||
if(noforcebutton){
|
|
||||||
dialog.noforcebutton=true;
|
|
||||||
}
|
|
||||||
else if(forcebutton){
|
|
||||||
dialog.forcebutton=true;
|
|
||||||
dialog.classList.add('forcebutton');
|
|
||||||
}
|
|
||||||
return dialog;
|
|
||||||
},
|
},
|
||||||
line2:function(){
|
line2:function(){
|
||||||
var node=ui.create.line.apply(this,arguments);
|
var node=ui.create.line.apply(this,arguments);
|
||||||
|
|
Loading…
Reference in New Issue