From 8735a2bbd4f14f829ff5fc93c1e3aa164c4a6a5a Mon Sep 17 00:00:00 2001
From: Arno Kaimbacher <arno.kaimbacher@geologie.ac.at>
Date: Mon, 15 Apr 2019 18:45:50 +0200
Subject: [PATCH] cloak for vuejs

---
 public/backend/style.css                       | 3 +++
 resources/assets/js/datasetPublish.js          | 2 +-
 resources/views/publish/create-step1.blade.php | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/public/backend/style.css b/public/backend/style.css
index 50c2620..1a16e9d 100644
--- a/public/backend/style.css
+++ b/public/backend/style.css
@@ -936,6 +936,7 @@ textarea.large, input.large {
     /* float: right; */
   }
 
+
 .pure-table tr.inprogress {
     padding: 0.8em;
     background-color: paleturquoise;
@@ -957,6 +958,8 @@ textarea.large, input.large {
 
 }
 
+[v-cloak] > * { display:none; }
+[v-cloak]::before { content: "loading..."; }
 
 .help {
     display: block;
diff --git a/resources/assets/js/datasetPublish.js b/resources/assets/js/datasetPublish.js
index f1c23ca..03ed560 100644
--- a/resources/assets/js/datasetPublish.js
+++ b/resources/assets/js/datasetPublish.js
@@ -118,7 +118,7 @@ const app = new Vue({
     },
     mounted() {
         //this.step = 2;
-        this.reset();
+        this.reset();     
     },
     computed: {
         isInitial() {
diff --git a/resources/views/publish/create-step1.blade.php b/resources/views/publish/create-step1.blade.php
index 6a06fa6..279ee5a 100644
--- a/resources/views/publish/create-step1.blade.php
+++ b/resources/views/publish/create-step1.blade.php
@@ -9,7 +9,7 @@
     </h3>
 </div>
 
-<div id="app" class="box-content">
+<div id="app" class="box-content" v-cloak>
     {{--
     <form action={{ route( 'publish.dataset.store1') }} method="post" class="pure-form" enctype="multipart/form-data">
         --}}