Add history + more components

k356/main/templates/components/Loading/template.html

@@ -1,6 +1,6 @@
 {% load i18n %}
 
-<div class="card bg-warning mt-4 pt-2 ps-lg-2">
+<div class="card bg-warning mt-4 pt-2 ps-lg-2" v-if="ready">
     <h5 class="card-header">{% trans "K356 is locked" %}</h5>
     <div class="card-body">
         <h5 class="card-title">{% trans "K356 needs an unlock..." %}</h5>
@@ -8,3 +8,7 @@
         <input class="form-control" type="password" v-model="password" @keyup.enter="generate_aes_key(password)" autofocus>
     </div>
 </div>
+
+<div class="card bg-danger mt-4 pt-2 ps-lg-2 d-flex" v-else>
+    <h5 class="card-header flex-grow-1 flex-shrink-1 text-center">{% trans "Cannot load the application. Webcrypto must be enabled" %}</h5>
+</div>