torsten/yourpart3
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Registration and activation

Browse Source
This commit is contained in:
Torsten Schulz
2024-07-20 20:43:18 +02:00
parent 3880a265eb
commit bbf4a2deb3
51 changed files with 3016 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/src/views/home/NoLoginView.vue
View File

@@ -12,18 +12,19 @@
<div>
<div>
<input data-object-name="user-name" size="20" type="text"
:placeholder="$t('home.nologin.login.name')" :title="$t('home.nologin.login.namedescription')">
:placeholder="$t('home.nologin.login.name')"
:title="$t('home.nologin.login.namedescription')">
</div>
<div>
<input data-object-name="password" size="20" type="password"
:placeholder="$t('home.nologin.login.password')" :title="$t('home.nologin.login.passworddescription')">
:placeholder="$t('home.nologin.login.password')"
:title="$t('home.nologin.login.passworddescription')">
</div>
<div>
<label id="o1p5irxv" name="o1p5irxv" class="Wt-valid" title=""><input id="ino1p5irxv"
data-object-name="remember-me" name="ino1p5irxv" type="checkbox"
onchange="var e=event||window.event,o=this;Wt._p_.update(o,'s53',e,true);"><span
id="to1p5irxv" name="to1p5irxv" style="white-space:normal;">Eingeloggt bleiben
(ACHTUNG!!! Dafür wird ein Cookie gesetzt!)</span></label>
id="to1p5irxv" name="to1p5irxv" style="white-space:normal;">Eingeloggt bleiben</span></label>
</div>
</div>
<div class="Wt-buttons">
@@ -32,30 +33,41 @@
class="Wt-btn with-label">Einloggen</button>
</div>
<div class="Wt-buttons">
<span id="o1p5iry0" data-object-name="lost-password"
onclick="var e=event||window.event,o=this;if(o.classList.contains('Wt-disabled')){Wt4_9_1.cancelEvent(e);return;}Wt._p_.update(o,'s57',e,true);">Ich
habe mein Paßwort vergessen</span> | <span id="o1p5iry1" data-object-name="register"
onclick="var e=event||window.event,o=this;if(o.classList.contains('Wt-disabled')){Wt4_9_1.cancelEvent(e);return;}Wt._p_.update(o,'s58',e,true);">Ich
möchte mich neu anmelden</span>
<span id="o1p5iry0" data-object-name="lost-password" @click="openPasswordResetDialog"
class="link">{{
$t('home.nologin.login.lostpassword') }}</span> | <span id="o1p5iry1"
@click="openRegisterDialog" class="link">{{ $t('home.nologin.login.register') }}</span>
</div>
</div>
</div>
<div class="mascot"><img src="/images/mascot/mascot_female.png" /></div>
<RandomChatDialog ref="randomChatDialog" />
<RegisterDialog ref="registerDialog" />
<PasswordResetDialog ref="passwordResetDialog" />
</div>
</template>
<script>
import RandomChatDialog from '@/dialogues/chat/RandomChatDialog.vue';
import RegisterDialog from '@/dialogues/auth/RegisterDialog.vue';
import PasswordResetDialog from '@/dialogues/auth/PasswordResetDialog.vue';
export default {
export default {
name: 'HomeNoLoginView',
components: {
RandomChatDialog,
RegisterDialog,
PasswordResetDialog,
},
methods: {
openRandomChat() {
this.$refs.randomChatDialog.open();
},
openRegisterDialog() {
this.$refs.registerDialog.open();
},
openPasswordResetDialog() {
this.$refs.passwordResetDialog.open();
}
}
};
@@ -68,33 +80,38 @@ export default {
justify-content: center;
overflow: hidden;
gap: 2em;
height:100%;
height: 100%;
}
.home-structure > div {
.home-structure>div {
flex: 1;
text-align: center;
display: flex;
}
.mascot {
justify-content: center;
align-items: center;
background-color: #fdf1db;
}
.actions {
display: flex;
flex-direction: column;
gap: 2em;
}
.actions > div {
.actions>div {
flex: 1;
background-color: #fdf1db;
align-items: center;
justify-content:center;
justify-content: center;
display: flex;
color: #7E471B;
flex-direction: column;
}
.actions > div > h2 {
.actions>div>h2 {
color: #F9A22C;
}
</style>
</style>