mirror of
https://github.com/Ocelot-Social-Community/ocelot.social.git
synced 2026-04-06 01:25:18 +00:00
Implement component 'DemoLogin.vue'
This commit is contained in:
Wolfgang Huß
parent
57721cd75a
commit
b63d3ac0a7
@ -1,4 +1,5 @@
|
||||
import { defineClientConfig } from "vuepress/client";
|
||||
import DemoLogin from "./components/DemoLogin.vue";
|
||||
import DonationBar from "./components/DonationBar.vue";
|
||||
import MiniBlog from "./components/MiniBlog.vue";
|
||||
import RoadmapProgress from "./components/RoadmapProgress.vue";
|
||||
@ -6,6 +7,7 @@ import RedirectHome from "./components/RedirectHome.vue";
|
||||
|
||||
export default defineClientConfig({
|
||||
enhance({ app }) {
|
||||
app.component("DemoLogin", DemoLogin);
|
||||
app.component("DonationBar", DonationBar);
|
||||
app.component("MiniBlog", MiniBlog);
|
||||
app.component("RoadmapProgress", RoadmapProgress);
|
||||
|
||||
50
docs/.vuepress/components/DemoLogin.vue
Normal file
50
docs/.vuepress/components/DemoLogin.vue
Normal file
@ -0,0 +1,50 @@
|
||||
<template>
|
||||
<div :class="{ center: centered }">
|
||||
<p>
|
||||
{{ labelIntroBefore }}
|
||||
<a href="https://stage.ocelot.social" target="_blank" rel="noopener noreferrer">https://stage.ocelot.social</a>
|
||||
{{ labelIntroAfter }}
|
||||
</p>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="text-align:left;">{{ labelEmail }}</th>
|
||||
<th style="text-align:left;">{{ labelPassword }}</th>
|
||||
<th style="text-align:left;">{{ labelRole }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>user@example.org</code></td>
|
||||
<td style="text-align:left;">1234</td>
|
||||
<td style="text-align:left;">{{ labelUserRole }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>moderator@example.org</code></td>
|
||||
<td style="text-align:left;">1234</td>
|
||||
<td style="text-align:left;">{{ labelModeratorRole }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>admin@example.org</code></td>
|
||||
<td style="text-align:left;">1234</td>
|
||||
<td style="text-align:left;">{{ labelAdminRole }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
defineProps({
|
||||
labelIntroBefore: { type: String, required: true },
|
||||
labelIntroAfter: { type: String, required: true },
|
||||
labelEmail: { type: String, required: true },
|
||||
labelPassword: { type: String, required: true },
|
||||
labelRole: { type: String, required: true },
|
||||
labelUserRole: { type: String, required: true },
|
||||
labelModeratorRole: { type: String, required: true },
|
||||
labelAdminRole: { type: String, required: true },
|
||||
centered: { type: Boolean, default: true },
|
||||
})
|
||||
</script>
|
||||
@ -232,48 +232,16 @@ description: Eine freie Open-Source-Software, mit der du ein soziales Netzwerk f
|
||||
|
||||
<h2 class="large-header">Probier es aus</h2>
|
||||
|
||||
<!--
|
||||
| E-Mail | Passwort | Benutzerrolle |
|
||||
| :--- | :--- | :--- |
|
||||
| `user@example.org` | 1234 | normaler Nutzer |
|
||||
| `moderator@example.org` | 1234 | Moderator |
|
||||
| `admin@example.org` | 1234 | Administrator |
|
||||
-->
|
||||
|
||||
<div class="center">
|
||||
<p>
|
||||
Teste die Live-Demo auf
|
||||
<a href="https://stage.ocelot.social" target="_blank">https://stage.ocelot.social</a>
|
||||
mit den folgenden Zugangsdaten:
|
||||
</p>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="text-align:left;">E-Mail</th>
|
||||
<th style="text-align:left;">Passwort</th>
|
||||
<th style="text-align:left;">Benutzerrolle</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>user@example.org</code></td>
|
||||
<td style="text-align:left;">1234</td>
|
||||
<td style="text-align:left;">normaler Nutzer</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>moderator@example.org</code></td>
|
||||
<td style="text-align:left;">1234</td>
|
||||
<td style="text-align:left;">Moderator</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>admin@example.org</code></td>
|
||||
<td style="text-align:left;">1234</td>
|
||||
<td style="text-align:left;">Administrator</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<DemoLogin
|
||||
label-intro-before="Teste die Live-Demo auf"
|
||||
label-intro-after="mit den folgenden Zugangsdaten:"
|
||||
label-email="E-Mail"
|
||||
label-password="Passwort"
|
||||
label-role="Benutzerrolle"
|
||||
label-user-role="normaler Nutzer"
|
||||
label-moderator-role="Moderator"
|
||||
label-admin-role="Administrator"
|
||||
/>
|
||||
|
||||
<h2 class="large-header">Loslegen</h2>
|
||||
|
||||
|
||||
@ -9,15 +9,19 @@ description: Bereit für dein eigenes soziales Netzwerk? Erfahre, wie du die oce
|
||||
|
||||
## Ausprobieren, dann installieren
|
||||
|
||||
Teste die Live-Demo auf
|
||||
[https://stage.ocelot.social](https://stage.ocelot.social)
|
||||
mit den folgenden Zugangsdaten:
|
||||
|
||||
| E-Mail | Passwort | Benutzerrolle |
|
||||
| :--- | :--- | :--- |
|
||||
| `user@example.org` | 1234 | normaler Nutzer |
|
||||
| `moderator@example.org` | 1234 | Moderator |
|
||||
| `admin@example.org` | 1234 | Administrator |
|
||||
<!-- markdownlint-disable MD033 -->
|
||||
<DemoLogin
|
||||
:centered="false"
|
||||
label-intro-before="Teste die Live-Demo auf"
|
||||
label-intro-after="mit den folgenden Zugangsdaten:"
|
||||
label-email="E-Mail"
|
||||
label-password="Passwort"
|
||||
label-role="Benutzerrolle"
|
||||
label-user-role="normaler Nutzer"
|
||||
label-moderator-role="Moderator"
|
||||
label-admin-role="Administrator"
|
||||
/>
|
||||
<!-- markdownlint-enable MD033 -->
|
||||
|
||||
## Hosting auf einem Server
|
||||
|
||||
|
||||
@ -233,48 +233,16 @@ description: A free and open source software with which you can operate a social
|
||||
|
||||
<h2 class="large-header">Try it out</h2>
|
||||
|
||||
<!--
|
||||
| E-Mail | Passwort | Benutzerrolle |
|
||||
| :--- | :--- | :--- |
|
||||
| `user@example.org` | 1234 | normaler Nutzer |
|
||||
| `moderator@example.org` | 1234 | Moderator |
|
||||
| `admin@example.org` | 1234 | Administrator |
|
||||
-->
|
||||
|
||||
<div class="center">
|
||||
<p>
|
||||
Test the live demo on
|
||||
<a href="https://stage.ocelot.social" target="_blank">https://stage.ocelot.social</a>
|
||||
with the following access data:
|
||||
</p>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="text-align:left;">E-mail</th>
|
||||
<th style="text-align:left;">Password</th>
|
||||
<th style="text-align:left;">User role</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>user@example.org</code></td>
|
||||
<td style="text-align:left;">1234</td>
|
||||
<td style="text-align:left;">normal user</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>moderator@example.org</code></td>
|
||||
<td style="text-align:left;">1234</td>
|
||||
<td style="text-align:left;">moderator</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>admin@example.org</code></td>
|
||||
<td style="text-align:left;">1234</td>
|
||||
<td style="text-align:left;">administrator</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<DemoLogin
|
||||
label-intro-before="Test the live demo at"
|
||||
label-intro-after="with the following access data:"
|
||||
label-email="E-mail"
|
||||
label-password="Password"
|
||||
label-role="User role"
|
||||
label-user-role="normal user"
|
||||
label-moderator-role="moderator"
|
||||
label-admin-role="administrator"
|
||||
/>
|
||||
|
||||
<h2 class="large-header">Get started</h2>
|
||||
|
||||
|
||||
@ -9,15 +9,19 @@ description: Ready to get started with your own social network? Learn how to ins
|
||||
|
||||
## Try it out, then install it
|
||||
|
||||
Test the live demo at
|
||||
[https://stage.ocelot.social](https://stage.ocelot.social)
|
||||
with the following access data:
|
||||
|
||||
| E-mail | Password | User role |
|
||||
| :--- | :--- | :--- |
|
||||
| `user@example.org` | 1234 | normal user |
|
||||
| `moderator@example.org` | 1234 | moderator |
|
||||
| `admin@example.org` | 1234 | administrator |
|
||||
<!-- markdownlint-disable MD033 -->
|
||||
<DemoLogin
|
||||
:centered="false"
|
||||
label-intro-before="Test the live demo at"
|
||||
label-intro-after="with the following access data:"
|
||||
label-email="E-mail"
|
||||
label-password="Password"
|
||||
label-role="User role"
|
||||
label-user-role="normal user"
|
||||
label-moderator-role="moderator"
|
||||
label-admin-role="administrator"
|
||||
/>
|
||||
<!-- markdownlint-enable MD033 -->
|
||||
|
||||
## Hosting on a server
|
||||
|
||||
|
||||
@ -199,50 +199,16 @@ description: "Un software libre y de código abierto con el que puedes gestionar
|
||||
|
||||
<h2 class="large-header">Pruébalo</h2>
|
||||
|
||||
<!--
|
||||
| E-Mail | Passwort | Benutzerrolle |
|
||||
| :--- | :--- | :--- |
|
||||
| `user@example.org` | 1234 | normaler Nutzer |
|
||||
| `moderator@example.org` | 1234 | Moderator |
|
||||
| `admin@example.org` | 1234 | Administrator |
|
||||
-->
|
||||
|
||||
<div class="center">
|
||||
<p>
|
||||
Prueba la demostración en vivo en
|
||||
<a href="https://stage.ocelot.social" target="_blank">https://stage.ocelot.social</a>
|
||||
con los siguientes datos de acceso:
|
||||
</p>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="text-align:left;">E-mail</th>
|
||||
<th style="text-align:left;">Contraseña</th>
|
||||
<th style="text-align:left;">Rol de usuario</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>user@example.org</code></td>
|
||||
<td style="text-align:left;">1234
|
||||
|
||||
</td>
|
||||
<td style="text-align:left;">usuario normal</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>moderator@example.org</code></td>
|
||||
<td style="text-align:left;">1234</td>
|
||||
<td style="text-align:left;">moderador</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>admin@example.org</code></td>
|
||||
<td style="text-align:left;">1234</td>
|
||||
<td style="text-align:left;">administrador</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<DemoLogin
|
||||
label-intro-before="Prueba la demo en vivo en"
|
||||
label-intro-after="con los siguientes datos de acceso:"
|
||||
label-email="E-mail"
|
||||
label-password="Contraseña"
|
||||
label-role="Rol de usuario"
|
||||
label-user-role="usuario normal"
|
||||
label-moderator-role="moderador"
|
||||
label-admin-role="administrador"
|
||||
/>
|
||||
|
||||
<h2 class="large-header">Comienza</h2>
|
||||
|
||||
|
||||
@ -9,15 +9,19 @@ description: ¿Listo para crear tu propia red social? Descubre cómo instalar el
|
||||
|
||||
## Pruébalo, luego instálalo
|
||||
|
||||
Prueba la demo en vivo en
|
||||
[https://stage.ocelot.social](https://stage.ocelot.social)
|
||||
con los siguientes datos de acceso:
|
||||
|
||||
| Correo electrónico | Contraseña | Rol de usuario |
|
||||
| :--- | :--- | :--- |
|
||||
| `user@example.org` | 1234 | usuario normal |
|
||||
| `moderator@example.org` | 1234 | moderador |
|
||||
| `admin@example.org` | 1234 | administrador |
|
||||
<!-- markdownlint-disable MD033 -->
|
||||
<DemoLogin
|
||||
:centered="false"
|
||||
label-intro-before="Prueba la demo en vivo en"
|
||||
label-intro-after="con los siguientes datos de acceso:"
|
||||
label-email="Correo electrónico"
|
||||
label-password="Contraseña"
|
||||
label-role="Rol de usuario"
|
||||
label-user-role="usuario normal"
|
||||
label-moderator-role="moderador"
|
||||
label-admin-role="administrador"
|
||||
/>
|
||||
<!-- markdownlint-enable MD033 -->
|
||||
|
||||
## Hospedaje en un servidor
|
||||
|
||||
|
||||
@ -233,48 +233,16 @@ description: Un logiciel libre et open source avec lequel tu peux gérer un rés
|
||||
|
||||
<h2 class="large-header">Essayes-le</h2>
|
||||
|
||||
<!--
|
||||
| E-Mail | Passwort | Benutzerrolle |
|
||||
| :--- | :--- | :--- |
|
||||
| `user@example.org` | 1234 | normaler Nutzer |
|
||||
| `moderator@example.org` | 1234 | Moderator |
|
||||
| `admin@example.org` | 1234 | Administrator |
|
||||
-->
|
||||
|
||||
<div class="center">
|
||||
<p>
|
||||
Testes la démo en direct sur
|
||||
<a href="https://stage.ocelot.social" target="_blank">https://stage.ocelot.social</a>
|
||||
avec les données d’accès suivantes :
|
||||
</p>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="text-align:left;">Courriel</th>
|
||||
<th style="text-align:left;">Mot de passe</th>
|
||||
<th style="text-align:left;">Rôle de l’utilisateur</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>user@example.org</code></td>
|
||||
<td style="text-align:left;">1234</td>
|
||||
<td style="text-align:left;">utilisateur normal</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>moderator@example.org</code></td>
|
||||
<td style="text-align:left;">1234</td>
|
||||
<td style="text-align:left;">modérateur</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:left;"><code>admin@example.org</code></td>
|
||||
<td style="text-align:left;">1234</td>
|
||||
<td style="text-align:left;">administrateur</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<DemoLogin
|
||||
label-intro-before="Testes la démo en direct sur"
|
||||
label-intro-after="avec les données d’accès suivantes :"
|
||||
label-email="Courriel"
|
||||
label-password="Mot de passe"
|
||||
label-role="Rôle de l’utilisateur"
|
||||
label-user-role="utilisateur normal"
|
||||
label-moderator-role="modérateur"
|
||||
label-admin-role="administrateur"
|
||||
/>
|
||||
|
||||
<h2 class="large-header">Commence</h2>
|
||||
|
||||
|
||||
@ -9,15 +9,19 @@ description: Prêt à démarrer ton propre réseau social ? Apprends à installe
|
||||
|
||||
## Essaies-le, puis installes-le
|
||||
|
||||
Testes la démo en direct à l’adresse
|
||||
[https://stage.ocelot.social](https://stage.ocelot.social)
|
||||
avec les données d’accès suivantes :
|
||||
|
||||
| Courriel | Mot de passe | Rôle de l’utilisateur |
|
||||
| :--- | :--- | :--- |
|
||||
| `user@example.org` | 1234 | utilisateur normal |
|
||||
| `moderator@example.org` | 1234 | modérateur |
|
||||
| `admin@example.org` | 1234 | administrateur |
|
||||
<!-- markdownlint-disable MD033 -->
|
||||
<DemoLogin
|
||||
:centered="false"
|
||||
label-intro-before="Testes la démo en direct sur"
|
||||
label-intro-after="avec les données d’accès suivantes :"
|
||||
label-email="Courriel"
|
||||
label-password="Mot de passe"
|
||||
label-role="Rôle de l’utilisateur"
|
||||
label-user-role="utilisateur normal"
|
||||
label-moderator-role="modérateur"
|
||||
label-admin-role="administrateur"
|
||||
/>
|
||||
<!-- markdownlint-enable MD033 -->
|
||||
|
||||
## Hébergement sur un serveur
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user