misc/vtm
0
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

verbesserungen bei den knöpfen

Browse source
This commit is contained in:
Christian Fraß 2017-11-10 19:00:25 +01:00
parent 4a2ae361ca
commit ecbcb3c906
3 changed files with 119 additions and 78 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

169
quelldatein/manifestation/web/partie.ts
View file

@ -204,23 +204,32 @@ module mod_vtm_manifestation
*/ */
public erneuern_knoepfe() : void public erneuern_knoepfe() : void
{ {
// Knöpfe anzeigen/ausblenden let modus : mod_vtm_aufbau.typ_modus = this.aufbau.modus_lesen();
{ let klasse : string;
document.querySelector("#knoepfe").setAttribute switch (modus)
( {
"class", case mod_vtm_aufbau.modus_initial:
( {
(this.aufbau.modus_lesen() === mod_vtm_aufbau.modus_initial) klasse = "initial";
? "initial" break;
: ( }
case mod_vtm_aufbau.modus_ungewiss:
{
klasse = (
this.intervall.ist_schlicht() this.intervall.ist_schlicht()
? "testen_laufend" ? "ungewiss_laufend"
: "testen_stehend" : "ungewiss_stehend"
) );
) break;
) }
; case mod_vtm_aufbau.modus_fehlerhaft:
} case mod_vtm_aufbau.modus_korrekt:
{
klasse = "fertig";
break;
}
}
document.querySelector("#knoepfe").setAttribute("class", klasse);
} }
@ -238,6 +247,65 @@ module mod_vtm_manifestation
} }
/**
* @author kcf <vidofnir@folksprak.org>
*/
private anhalten() : void
{
if (this.intervall.ist_schlicht())
{
clearInterval(this.intervall.lesen());
this.intervall = (new klasse_nichts<any>());
}
else
{
let meldung : string = "kein Intervall gesetzt";
console.warn(meldung);
}
this.erneuern_knoepfe();
}
/**
* @author kcf <vidofnir@folksprak.org>
*/
private fortfahren() : void
{
this.aufbau.fortfahren();
let modus : mod_vtm_aufbau.typ_modus = this.aufbau.modus_lesen();
if (modus <= 1)
{
// nichts tun
}
else
{
this.anhalten();
}
this.erneuern_knoepfe();
}
/**
* @author kcf <vidofnir@folksprak.org>
*/
private testen() : void
{
let handle : any = setInterval(() => this.fortfahren(), 500);
this.intervall = (new klasse_schlicht<any>(handle));
}
/**
* @author kcf <vidofnir@folksprak.org>
*/
private bearbeiten() : void
{
this.anhalten();
this.aufbau.zuruecksetzen();
this.erneuern_knoepfe();
}
/** /**
* @author kcf <vidofnir@folksprak.org> * @author kcf <vidofnir@folksprak.org>
* @implementation * @implementation
@ -318,45 +386,24 @@ module mod_vtm_manifestation
} }
) )
; ;
// Schritt
document.querySelector("#knopf_schritt").addEventListener
(
"click",
event =>
{
this.anhalten();
this.fortfahren();
}
)
;
// Testen // Testen
document.querySelector("#knopf_testen").addEventListener document.querySelector("#knopf_testen").addEventListener
( (
"click", "click",
event => event =>
{ {
this.intervall = ( this.testen();
new klasse_schlicht<any>
(
setInterval
(
() =>
{
this.aufbau.fortfahren();
let modus : mod_vtm_aufbau.typ_modus = this.aufbau.modus_lesen();
if (modus <= 1)
{
// nichts tun
}
else
{
if (this.intervall.ist_schlicht())
{
clearInterval(this.intervall.lesen());
this.intervall = (new klasse_nichts<int>());
}
else
{
let meldung : string = "kein Intervall gesetzt";
console.warn(meldung);
}
}
this.erneuern_knoepfe();
}
,
500
)
)
);
} }
) )
; ;
@ -366,17 +413,7 @@ module mod_vtm_manifestation
"click", "click",
event => event =>
{ {
if (this.intervall.ist_schlicht()) this.anhalten();
{
clearInterval(this.intervall.lesen());
this.intervall = (new klasse_nichts<int>());
}
else
{
let meldung : string = "kein Intervall gesetzt";
console.warn(meldung);
}
this.erneuern_knoepfe();
} }
) )
; ;
@ -386,17 +423,7 @@ module mod_vtm_manifestation
"click", "click",
event => event =>
{ {
if (this.intervall.ist_schlicht()) this.bearbeiten();
{
clearInterval(this.intervall.lesen());
this.intervall = (new klasse_nichts<int>());
}
else
{
// nichts tun
}
this.aufbau.zuruecksetzen();
this.erneuern_knoepfe();
} }
) )
; ;

25
quelldatein/manifestation/web/vtm.css
View file

@ -96,17 +96,30 @@ body > header
font-size: 150%; font-size: 150%;
} }
#knoepfe > *
{
margin: 2px;
}
#knoepfe.initial > #knopf_schritt {}
#knoepfe.initial > #knopf_testen {} #knoepfe.initial > #knopf_testen {}
#knoepfe.initial > #knopf_anhalten {display: none;} #knoepfe.initial > #knopf_anhalten {display: none;}
#knoepfe.initial > #knopf_bearbeiten {display: none;} #knoepfe.initial > #knopf_bearbeiten {display: none;}
#knoepfe.testen_laufend > #knopf_testen {display: none;} #knoepfe.ungewiss_laufend > #knopf_schritt {display: none;}
#knoepfe.testen_laufend > #knopf_anhalten {} #knoepfe.ungewiss_laufend > #knopf_testen {display: none;}
#knoepfe.testen_laufend > #knopf_bearbeiten {} #knoepfe.ungewiss_laufend > #knopf_anhalten {}
#knoepfe.ungewiss_laufend > #knopf_bearbeiten {display: none;}
#knoepfe.testen_stehend > #knopf_testen {} #knoepfe.ungewiss_stehend > #knopf_schritt {}
#knoepfe.testen_stehend > #knopf_anhalten {display: none;} #knoepfe.ungewiss_stehend > #knopf_testen {}
#knoepfe.testen_stehend > #knopf_bearbeiten {} #knoepfe.ungewiss_stehend > #knopf_anhalten {display: none;}
#knoepfe.ungewiss_stehend > #knopf_bearbeiten {}
#knoepfe.fertig > #knopf_schritt {display: none;}
#knoepfe.fertig > #knopf_testen {display: none;}
#knoepfe.fertig > #knopf_anhalten {display: none;}
#knoepfe.fertig > #knopf_bearbeiten {}
#aufgabe_status #aufgabe_status
{ {

3
quelldatein/manifestation/web/vtm.html
View file

@ -20,7 +20,8 @@
<hr/> <hr/>
<div id="aufgabe_status"></div> <div id="aufgabe_status"></div>
<div id="knoepfe"> <div id="knoepfe">
<button id="knopf_testen">Testen</button> <button id="knopf_schritt">Nächster Schritt</button>
<button id="knopf_testen">Ablaufen</button>
<button id="knopf_anhalten">Anhalten</button> <button id="knopf_anhalten">Anhalten</button>
<button id="knopf_bearbeiten">Bearbeiten</button> <button id="knopf_bearbeiten">Bearbeiten</button>
</div> </div>