ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Display text when no modules have been visited by the user

This commit is contained in:
Ramon Wenger 2020-07-01 11:33:15 +02:00
parent fadebb8bd3
commit 240fcf0795
3 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/cypress/integration/current-module.spec.js
View File

@ -94,6 +94,7 @@ describe('Current Module', () => {
// module list exists, but does not have anything in it // module list exists, but does not have anything in it
cy.checkHome(0, true); cy.checkHome(0, true);
cy.get('[data-cy=no-modules-yet]').should('exist').should('contain', 'Sie haben sich noch kein Modul angeschaut. Legen Sie jetzt los!');
cy.goToModule('1. Geld und Kauf', 'Modul 2'); cy.goToModule('1. Geld und Kauf', 'Modul 2');
cy.get('[data-cy=module-title]').should('contain', 'Geld'); cy.get('[data-cy=module-title]').should('contain', 'Geld');

1
client/src/App.vue
View File

@ -87,6 +87,7 @@
body { body {
overflow-y: auto; overflow-y: auto;
overflow-x: hidden;
height: 100vh; height: 100vh;
} }

11
client/src/pages/start.vue
View File

@ -5,6 +5,10 @@
class="start-page__modules start-sections" class="start-page__modules start-sections"
data-cy="start-modules-list"> data-cy="start-modules-list">
<h2 class="start-page__heading">Letzte Module</h2> <h2 class="start-page__heading">Letzte Module</h2>
<h3
class="start-page__no-modules"
data-cy="no-modules-yet"
v-if="!me.recentModules.length">Sie haben sich noch kein Modul angeschaut. Legen Sie jetzt los!</h3>
<div class="start-page__modules-list"> <div class="start-page__modules-list">
<module-teaser <module-teaser
:key="index" :key="index"
@ -104,7 +108,7 @@
justify-content: space-between; justify-content: space-between;
@supports (display: grid) { @supports (display: grid) {
display: grid; display: grid;
justify-content: stretch; justify-content: center;
} }
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr auto;
min-height: 100vh; min-height: 100vh;
@ -147,6 +151,11 @@
} }
} }
&__no-modules {
@include heading-3;
margin-bottom: 0;
}
&__modules { &__modules {
margin-bottom: $large-spacing; margin-bottom: $large-spacing;
} }