Afegir missatge quan no hi ha assignatures actuals
Quan el mètode getCurrentClasses no retorna cap classe, ara en comptes
de mostrar-se la pàgina en blanc es mostra un missatge que indica que no
s'està impartint cap classe en aquests moments.
diff --git a/css/bulma-adjustments.css b/css/bulma-adjustments.css
index 8931934..80cc33a 100644
--- a/css/bulma-adjustments.css
+++ b/css/bulma-adjustments.css
@@ -1,3 +1,7 @@
+html {
+ min-width: auto;
+}
+
.buttons.grid {
display: flex;
flex-direction: row;
@@ -24,26 +28,26 @@
}
#dev-mode {
- background: #d23f31;
- border: 1px solid #3e2723;
- box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 4px rgba(0,0,0,.28);
- color: #fff;
- font-size: 10px;
- font-weight: 700;
- right: 20px;
- line-height: 18px;
- margin: -9px -50px;
- opacity: .87;
- position: absolute;
- text-align: center;
- text-shadow: 1px 1px 0 #4e342e;
- top: 20px;
- transform: rotate(45deg);
- width: 100px;
- z-index: 99;
- cursor: pointer;
+ background: #d23f31;
+ border: 1px solid #3e2723;
+ box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 4px rgba(0,0,0,.28);
+ color: #fff;
+ font-size: 10px;
+ font-weight: 700;
+ right: 20px;
+ line-height: 18px;
+ margin: -9px -50px;
+ opacity: .87;
+ position: absolute;
+ text-align: center;
+ text-shadow: 1px 1px 0 #4e342e;
+ top: 20px;
+ transform: rotate(45deg);
+ width: 100px;
+ z-index: 99;
+ cursor: pointer;
}
-#dev-mode.hidden {
- display: none;
-}
\ No newline at end of file
+.hidden {
+ display: none;
+}
diff --git a/index.html b/index.html
index d3dce29..0de1872 100644
--- a/index.html
+++ b/index.html
@@ -134,6 +134,11 @@
})
.then(response => response.json())
.then(data => {
+ if (data.payload.classes.length == 0) {
+ document.getElementById('no-subjects').classList.remove('hidden');
+ }
+
+
for (var classe of data.payload.classes) {
console.log(classe);
@@ -219,6 +224,7 @@
</div><br>
-->
<div id="subject-container" class="grid buttons"></div><br>
+ <div id="no-subjects" class="hidden">No s'està impartint cap classe en aquests moments.</div>
</section>