60 lines
2.6 KiB
HTML
60 lines
2.6 KiB
HTML
<a-entity
|
|
id="loadingSongInfoContainer"
|
|
bind__animation__scale="enabled: isSongLoading"
|
|
bind__visible="isSongLoading"
|
|
animation__scale="property: scale; from: 1 1 1; to: 1.05 1.05 1.05; dir: alternate; loop: true; dur: 1200; easing: easeInOutCubic"
|
|
position="0 1.1 -2">
|
|
<a-entity mixin="slice" slice9="opacity: 0.9; width: 0.77; height: 1; padding: 0.08" position="0 0 -0.03"></a-entity>
|
|
<a-entity id="loadingSongImage"
|
|
copy-texture="from: #menuSelectedChallengeImage"
|
|
geometry="primitive: plane; buffer: false; skipCache: true; height: 0.3; width: 0.3"
|
|
material="shader: flat"
|
|
position="0 0.24 0"></a-entity>
|
|
<a-entity id="loadingSongInfo">
|
|
<a-entity position="0 -0.05 0" mixin="font"
|
|
text="wrapCount: 40; align: center; color: #FF185B"
|
|
bind__text="value: menuSelectedChallenge.songSubName"></a-entity>
|
|
<a-entity position="0 -0.13 0"
|
|
mixin="font" text="align: center; color: #FFF; wrapCount: 21; baseline: top; lineHeight: 36; width: 0.81"
|
|
bind__text="value: menuSelectedChallenge.songName"></a-entity>
|
|
|
|
<a-entity
|
|
id="loadingText"
|
|
mixin="font"
|
|
bind__animation__color="enabled: isSongLoading"
|
|
bind__text="value: loadingText"
|
|
bind__visible="isSongLoading"
|
|
text="align: center; color: #FAFAFA; wrapCount: 18; width: 0.65"
|
|
position="0 -0.32 0.001"></a-entity>
|
|
|
|
<a-entity
|
|
id="songLoadingIndicator"
|
|
bind__visible="isSongLoading"
|
|
geometry="primitive: plane; height: 0.1; width: 0.1"
|
|
material="shader: ring; color: #FAFAFA; radiusInner: 0.2; radiusOuter: 0.9; progress: 0; transparent: true"
|
|
position="0 -0.38 0.002">
|
|
</a-entity>
|
|
|
|
<a-entity
|
|
id="songProcessingIndicator"
|
|
bind__animation__spin="enabled: isSongLoading && !isSongFetching"
|
|
bind__visible="isSongLoading && !isSongFetching"
|
|
animation__spin="property: object3D.rotation.z; from: 0; to: -360; easing: linear; dur: 1000; loop: true"
|
|
geometry="primitive: plane; height: 0.2; width: 0.2"
|
|
material="shader: ring; color: #ABABAB; radiusInner: 0.2; radiusOuter: 0.4; transparent: true; progress: 0.2"
|
|
position="0 -0.38 0.004"
|
|
visible="false">
|
|
</a-entity>
|
|
|
|
<a-entity
|
|
id="loadingCancelButton"
|
|
mixin="bigMenuButton"
|
|
bind-toggle__raycastable="isSongLoading || isSongFetching"
|
|
position="0 -0.67 0.01"
|
|
proxy-event="event: click; to: a-scene; as: songloadcancel"
|
|
slice9="width: 0.77">
|
|
<a-entity mixin="font" text="align: center; color: #FAFAFA; wrapCount: 20; value: CANCEL" position="0 -0.065 0.001"></a-entity>
|
|
</a-entity>
|
|
</a-entity>
|
|
</a-entity>
|