Disallow MultiModal dismissal while loading
This commit is contained in:
		
							parent
							
								
									6ad52f8996
								
							
						
					
					
						commit
						b422913d7c
					
				
					 1 changed files with 6 additions and 3 deletions
				
			
		| 
						 | 
				
			
			@ -9,7 +9,7 @@
 | 
			
		|||
      <template v-else>
 | 
			
		||||
        <figure>
 | 
			
		||||
          <figcaption class="tag is-primary">
 | 
			
		||||
            {{ figure_caption }}
 | 
			
		||||
            {{ caption }}
 | 
			
		||||
          </figcaption>
 | 
			
		||||
          <div class="image is-square">
 | 
			
		||||
            <img :src="image_src" alt="Kalender-Bild" />
 | 
			
		||||
| 
						 | 
				
			
			@ -30,7 +30,7 @@ export default class extends Vue {
 | 
			
		|||
  public active = false;
 | 
			
		||||
  public progress = false;
 | 
			
		||||
  public image_src = "";
 | 
			
		||||
  public figure_caption = "";
 | 
			
		||||
  public caption = "";
 | 
			
		||||
 | 
			
		||||
  private on_keydown(e: KeyboardEvent) {
 | 
			
		||||
    if (e.key == "Escape") this.set_active(false);
 | 
			
		||||
| 
						 | 
				
			
			@ -49,13 +49,16 @@ export default class extends Vue {
 | 
			
		|||
  }
 | 
			
		||||
 | 
			
		||||
  public set_active(state: boolean) {
 | 
			
		||||
    // Cannot dismiss the "loading" screen
 | 
			
		||||
    if (this.active && this.progress) return;
 | 
			
		||||
 | 
			
		||||
    this.active = state;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  public show_image(src: string, caption: string = "") {
 | 
			
		||||
    this.progress = false;
 | 
			
		||||
    this.image_src = src;
 | 
			
		||||
    this.figure_caption = caption;
 | 
			
		||||
    this.caption = caption;
 | 
			
		||||
    this.set_active(true);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in a new issue