Skip to content

Commit

Permalink
Merge pull request #138 from famedly/malin/add-tim-zitadel-login-inst…
Browse files Browse the repository at this point in the history
…ructions

Add TIM login instructions + unify translation of Login
  • Loading branch information
mErrenst authored Sep 3, 2024
2 parents 0ec3baa + 3e766a2 commit 5c4038d
Show file tree
Hide file tree
Showing 15 changed files with 123 additions and 21 deletions.
4 changes: 2 additions & 2 deletions docs/help-center/first-steps/first-login.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -26,15 +26,15 @@ User accounts are always created by the employer. The employer will provide you
<Tabs groupId="operating-systems">
<TabItem value="desktop" label="Desktop">
<ol>
<li>Enter the organization URL in your desired browser.</li>
<li>Enter the login URL in your desired browser.</li>
<li>Enter <code>username</code> and <code>password</code>.</li>
<li>Set your profile picture on the welcome screen.</li>
</ol>
</TabItem>
<TabItem value="mobile" label="Mobile" default>
<ol>
<li>Install the Famedly app on your smartphone.</li>
<li>Enter the organization URL.</li>
<li>Enter the login URL.</li>
<li>Enter <code>username</code> and <code>password</code>.</li>
<li>Set your profile picture on the welcome screen.</li>
</ol>
Expand Down
4 changes: 2 additions & 2 deletions docs/help-center/first-steps/installation.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ To download the app, please go to the App Store / Play Store and search for Fame

<img alt="Passphrase" src={useBaseUrl('/img/qr-code.png')} width="20%"/>

1. Enter your organization URL or scan the QR-Code.
1. Enter your login URL or scan the QR-Code.
2. Sign in with your username & password.

## Famedly for web
Expand All @@ -44,7 +44,7 @@ Famedly is a cloud-based app, and you can access it from multiple web browsers -

### Accessing the web app

To use Famedly in your browser, enter the organization URL, provided by your organization and enter username and password.
To use Famedly in your browser, enter the login URL, provided by your organization and enter username and password.

### Supported browsers

Expand Down
2 changes: 1 addition & 1 deletion docs/help-center/tim-features/administration.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ sidebar_label: Administration
title: Administration
hide_title: true
displayed_sidebar: helpcenterSidebar
sidebar_position: 4
sidebar_position: 5
---

import Tabs from '@theme/Tabs';
Expand Down
2 changes: 1 addition & 1 deletion docs/help-center/tim-features/approval-list.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ sidebar_label: Approval list
title: Approval list
hide_title: true
displayed_sidebar: helpcenterSidebar
sidebar_position: 2
sidebar_position: 3
---

import Tabs from '@theme/Tabs';
Expand Down
2 changes: 1 addition & 1 deletion docs/help-center/tim-features/contact-organizations.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ sidebar_label: Contact organizations
title: Contact organizations
hide_title: true
displayed_sidebar: helpcenterSidebar
sidebar_position: 3
sidebar_position: 4
---

import Tabs from '@theme/Tabs';
Expand Down
51 changes: 51 additions & 0 deletions docs/help-center/tim-features/login.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
---
sidebar_label: Login
title: Login
hide_title: true
displayed_sidebar: helpcenterSidebar
sidebar_position: 1
---

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
import useBaseUrl from '@docusaurus/useBaseUrl';


<div class="hero hero--primary">
<div class="container">
<h2 class="hero__title">Login to a TIM server</h2>
</div>
</div>

<Tabs>
<TabItem value="desktop" label="Desktop">
<ol>
<li>Open Famedly web app.</li>
<li>Enter your login URL into the corresponding input field.</li>
<li>Click <b>Next</b>.</li>
<li>A new tab for entering the login credentials will open.</li>
<li>Enter your username and click **Continue**.</li>
<li>Enter your password and click **Continue**.</li>
<li>Enter the second factor into the input field for the code and click **continue**.</li>
<li>The login tab will close automatically and you will be redirected to a page [enable or disable chat features](../your-account/account-settings#how-to-enabledisable-chat-features).</li>
<li>After clicking **Continue** you can go on with [chat backup verification](../using-famedly/chat-backup-verification).</li>
</ol>
</TabItem>
<TabItem value="mobile" label="Mobile">
<ol>
<li>Open Famedly app.</li>
<li>Enter your login URL into the corresponding input field.</li>
<li>Tap <b>Next</b>.</li>
<li>A new tab for entering the login credentials will open.</li>
<li>Enter your username and tap **Continue**.</li>
<li>Enter your password and tap **Continue**.</li>
<li>Enter the second factor into the input field for the code and tap **continue**.</li>
<li>The login tab will close automatically and you will be redirected to a page [enable or disable chat features](../your-account/account-settings#how-to-enabledisable-chat-features).</li>
<li>After tapping **Continue** you can go on with [chat backup verification](../using-famedly/chat-backup-verification).</li>
</ol>
</TabItem>
</Tabs>

:::info
Depending on your organization's settings, you will receive the second factor as a code by email, in your Authenticator app or in another way. If you are unsure, please contact your administrator.
:::
2 changes: 1 addition & 1 deletion docs/help-center/tim-features/use-ehba.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ sidebar_label: Use eHBA
title: Use eHBA
hide_title: true
displayed_sidebar: helpcenterSidebar
sidebar_position: 1
sidebar_position: 2
---

import Tabs from '@theme/Tabs';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';

<div class="hero hero--primary">
<div class="container">
<h2 class="hero__title">Erster Login</h2>
<h2 class="hero__title">Erste Anmeldung</h2>
<p class="hero__subtitle">Folgen Sie den unteren Schritten um sich das erste Mal bei Famedly einzuloggen.</p>
</div>
</div>
Expand All @@ -21,20 +21,20 @@ import useBaseUrl from '@docusaurus/useBaseUrl';

Benutzerkonten werden immer durch Ihre Organisation vergeben. Der Arbeitgeber wird Ihnen ein Willkommensblatt zur Verfügung stellen, das Ihnen einen schnellen und einfachen Zugang zu Famedly ermöglicht.

### Login
### Anmeldung

<Tabs groupId="operating-systems">
<TabItem value="desktop" label="Desktop">
<ol>
<li>Geben Sie Ihre Organisations-URL in Ihrem Browser ein.</li>
<li>Geben Sie Ihre Anmelde-URL in Ihrem Browser ein.</li>
<li>Geben Sie <code>Benutzername</code> und <code>Passwort</code> ein.</li>
<li>Stellen Sie einen Profilbild ein auf der Willkommensseite.</li>
</ol>
</TabItem>
<TabItem value="mobil" label="Mobil" default>
<ol>
<li>Installieren Sie Famedly auf Ihrem Smartphone.</li>
<li>Geben Sie die Organisations-URL ein.</li>
<li>Geben Sie die Anmelde-URL ein.</li>
<li>Geben Sie <code>Benutzername</code> und <code>Passwort</code> ein.</li>
<li>Stellen Sie ein Profilbild ein auf der Willkommensseite.</li>
</ol>
Expand Down Expand Up @@ -76,7 +76,7 @@ Wenn Sie noch kein Chat-Backup erstellt und noch keine Passphrase erhalten haben

**Wann brauche ich die Passphrase?**

Sie benötigen die Passphrase nur, wenn Sie auf allen Geräten abgemeldet sind und die Verifikation zwischen zwei Geräten deshalb nicht möglich ist. In diesem Fall muss die Passphrase eingegeben werden, sodass alle alten Nachrichten nach dem Login entschlüsselt werden.
Sie benötigen die Passphrase nur, wenn Sie auf allen Geräten abgemeldet sind und die Verifikation zwischen zwei Geräten deshalb nicht möglich ist. In diesem Fall muss die Passphrase eingegeben werden, sodass alle alten Nachrichten nach der Anmeldung entschlüsselt werden.

**Wie kann ich weitere Geräte verifizieren?**

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ Um die App herunterzuladen, gehen Sie bitte zum App Store oder Play Store und su

<img alt="Passphrase" src={useBaseUrl('/img/qr-code.png')} width="20%"/>

1. Geben Sie Ihre Organisations-URL ein oder scannen Sie den QR-Code neben Ihren Login-Daten.
1. Geben Sie Ihre Anmelde-URL ein oder scannen Sie den QR-Code neben Ihren Anmeldedaten.
2. Melden Sie sich mit Ihrem Benutzernamen und Passwort an.

## Famedly für Web
Expand All @@ -44,7 +44,7 @@ Famedly ist eine Cloud-basierte App und Sie können von mehreren Webbrowsern aus

### Zugriff auf die Web-App

Um Famedly in Ihrem Browser zu verwenden, geben Sie die Organisations-URL ein, die von Ihrer Organisation bereitgestellt wird und geben Sie Benutzername und Passwort ein.
Um Famedly in Ihrem Browser zu verwenden, geben Sie die Anmelde-URL ein, die von Ihrer Organisation bereitgestellt wird und geben Sie Benutzername und Passwort ein.

### Unterstützte Browser

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ sidebar_label: Verwaltung
title: Verwaltung
hide_title: true
displayed_sidebar: helpcenterSidebar
sidebar_position: 4
sidebar_position: 5
---

import Tabs from '@theme/Tabs';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ sidebar_label: Freigabeliste
title: Freigabeliste
hide_title: true
displayed_sidebar: helpcenterSidebar
sidebar_position: 2
sidebar_position: 3
---

import Tabs from '@theme/Tabs';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ sidebar_label: Organisationen kontaktieren
title: Organisationen kontaktieren
hide_title: true
displayed_sidebar: helpcenterSidebar
sidebar_position: 3
sidebar_position: 4
---

import Tabs from '@theme/Tabs';
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
---
sidebar_label: Anmeldung
title: Anmeldung
hide_title: true
displayed_sidebar: helpcenterSidebar
sidebar_position: 1
---

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
import useBaseUrl from '@docusaurus/useBaseUrl';


<div class="hero hero--primary">
<div class="container">
<h2 class="hero__title">Anmelden auf einem TIM-Server</h2>
</div>
</div>

<Tabs>
<TabItem value="desktop" label="Desktop">
<ol>
<li>Öffnen Sie die Famedly Web App.</li>
<li>Geben Sie die Anmelde-URL in das Eingabefeld ein.</li>
<li>Klicken Sie auf <b>Weiter</b>.</li>
<li>Ein neuer Tab zur Eingabebe der Login-Daten wird sich öffnen.</li>
<li>Geben Sie Ihren Benutzernamen ein und klicken Sie auf **Weiter**.</li>
<li>Geben Sie Ihr Passwort ein und klicken Sie auf **Weiter**.</li>
<li>Geben Sie den zweiten Faktor in das Eingabefeld für den Code ein und klicken Sie auf **Weiter**.</li>
<li>Der Login-Tab wird sich automatisch schließen und Sie werden zu einer Seite zum [Aktivieren oder Deaktivieren der Chat-Features](../your-account/account-settings#wie-sie-die-chat-features-aktivierendeaktivieren-können) weitergeleitet.</li>
<li>Klicken Sie nun auf **Fortfahren** und machen Sie weiter mit der [Chat Backup Verifikation](../using-famedly/chat-backup-verification).</li>
</ol>
</TabItem>
<TabItem value="mobile" label="Mobil">
<ol>
<li>Öffnen Sie die Famedly App.</li>
<li>Geben Sie die Anmelde-URL in das Eingabefeld ein.</li>
<li>Tippen Sie auf <b>Weiter</b>.</li>
<li>Ein neuer Tab zur Eingabebe der Login-Daten wird sich öffnen.</li>
<li>Geben Sie Ihren Benutzernamen ein und tippen Sie auf **Weiter**.</li>
<li>Geben Sie Ihr Passwort ein und tippen Sie auf **Weiter**.</li>
<li>Geben Sie den zweiten Faktor in das Eingabefeld für den Code ein und tippen Sie auf **Weiter**.</li>
<li>Der Login-Tab wird sich automatisch schließen und Sie werden zu einer Seite zum [Aktivieren oder Deaktivieren der Chat-Features](../your-account/account-settings#wie-sie-die-chat-features-aktivierendeaktivieren-können) weitergeleitet.</li>
<li>Tippen Sie nun auf **Fortfahren** und machen Sie weiter mit der [Chat Backup Verifikation](../using-famedly/chat-backup-verification).</li>
</ol>
</TabItem>
</Tabs>

:::info
Abhängig von den Einstellungen Ihrer Organisation, erhalten Sie den zweiten Faktor als Code per E-Mail, in Ihrer Authenticator App oder auf einen anderen Weg. Wenn Sie sich unsicher sind, kontaktieren Sie bitte Ihren Administrator.
:::
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ sidebar_label: eHBA nutzen
title: eHBA nutzen
hide_title: true
displayed_sidebar: helpcenterSidebar
sidebar_position: 1
sidebar_position: 2
---

import Tabs from '@theme/Tabs';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -40,9 +40,9 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
</TabItem>
</Tabs>

## Accountweite Einstellungen beim Login
## Accountweite Einstellungen bei der Anmeldung

Nach dem Login werden Sie zu einer Seite mit verschiedenen Schaltern für <b>Datenschutzeinstellungen</b> (Chat-Features) und für das <b>Benutzerverzeichnis</b> weitergeleitet.
Nach der Anmeldung werden Sie zu einer Seite mit verschiedenen Schaltern für <b>Datenschutzeinstellungen</b> (Chat-Features) und für das <b>Benutzerverzeichnis</b> weitergeleitet.

Eine Beschreibung zu den Chat-Features finden Sie hier: [Datenschutzeinstellungen](../your-account/account-settings#datenschutz)\
Informationen zur Einstellung zum Benutzerverzeichnis finden Sie hier: [Verzeichnis](../your-account/account-settings#verzeichnis)
Expand Down

0 comments on commit 5c4038d

Please sign in to comment.