# Verschiedenes

# iFrame Resizer

Der iFrame Resizer kommt dann zum Einsatz, wenn eine Webseite per iFrame in eine andere eingeunden wird. Um nun die Höhe des iFrames optimal setzen zu können, sprich, so, dass sie sich an den Inhalt der geframten Seite anpasst und somit keine Scrollbalken erscheinen, wird der sog. iFrameResizer eingesetzt. Es gibt 2 Varianten, wie der iFrame Resizer zum Zug kommen kann.

<span style="white-space: pre-wrap;">Verwendet wird die </span>**iFrameResizer**<span style="white-space: pre-wrap;"> Javascript Library, die auf GitHub als Opensource verfügbar ist:</span>

[https://github.com/davidjbradshaw/iframe-resizer](https://github.com/davidjbradshaw/iframe-resizer)

### a) anthrazit Seite als geframte Seite (Content Window)

<span style="white-space: pre-wrap;">Die moPage wird in einer bestehenden Webseite/Portal als Inhalt eines iFrames eingebunden. Hierfür muss die hosting Webseite, also die auf der der </span>`<span class="editor-theme-code"><iframe></span>`<span style="white-space: pre-wrap;"> Tag ist, folgende Javascript Library (von GitHub) geladen und entspr. konfiguriert haben:</span>

<span style="white-space: pre-wrap;">Hiervon muss das File </span>`<span class="editor-theme-code">iframe-resizer/js/iframeResizer.min.js</span>`<span style="white-space: pre-wrap;"> antsprechende geladen werden:</span>

```
<script type="text/javascript" src="/path/to/iframe-resizer/js/iframeResizer.min.js"></script>
```

Weiter muss dann für das entspr. iFrame der Resizer wie folgt initialisiert werden:

```
<iframe id="myIFrame" src="https://www.link.zur/seite" allowfullscreen></iframe>

<script type="text/javascript">$("#myIFrame").iFrameResize( {log: true, checkOrigin: false}); </script>
```

Abmessung iFrame (Empfehlung):

```
Minimale iFrame Breite: 400px
Maximale iFrame Breite: 100%
```

  
<span style="white-space: pre-wrap;">Beispiele: </span>[Verschiedene Implementierungen bei Kunden](https://www.anthrazit.org/index.php?apid=299818825&apparentid=1826248785)

### b) anthrazit Seite als Hosting Seite (Host Window)

<span style="white-space: pre-wrap;">Die moPage bettet mittels </span>`<span class="editor-theme-code"><iframe></span>`<span style="white-space: pre-wrap;"> fremden Content. Hierfür muss auf der eingebundenen Seite folgende Javascript Library geladen werden:</span>

```
<script type="text/javascript" src="/path/to/frame-resizer/js/iframeResizer.contentWindow.min.js"></script>
```

# CSV User Import Community

Ist das Modul Community gebucht und es besteht mind. 1 konfigurierte Community (Closed User Group), gibt es je nach Konfig. die Möglichkeit, dass die Benutzer selbst auf der Webseite einen Antrag zur Aufnahme in die Community stellen können. Ist diese Option nicht an, können Community Benutzer vom CMS Admin direkt zu Gruppe hinzugefügt werden, indem sie im CMS in dem dafür vogesehenen Feld die E-Mail-Adressen komma- oder zeilengetrennt eingeben.

Alternativ steht auch ein CSV Import zur Verfügung, mit dem man pro zu importierendem Benutzer mehr Angaben machen kann.  
Die CSV Datei benötigt keine Kopfzeile und muss wie folgt (Felder/Spalten) aufgebaut sein:

<table border="1" id="bkmrk-spalte-inhalt-option" style="border-collapse: collapse; border-width: 1px; border-style: solid;"><colgroup><col></col><col></col><col></col><col></col></colgroup><thead><tr><td>Spalte

</td><td>Inhalt

</td><td>optional

</td><td>Bemerkung

</td></tr></thead><tbody><tr><td>1

</td><td>Geschlecht (F/M)

</td><td></td><td>Ist ein Feldwert unbekannt / nicht vorhanden, kann der einfach leer übergeben werden.

</td></tr><tr><td>2

</td><td>Vorname

</td><td></td><td></td></tr><tr><td>3

</td><td>Nachname

</td><td></td><td></td></tr><tr><td>4

</td><td>Strase / Nr

</td><td></td><td></td></tr><tr><td>5

</td><td>PLZ

</td><td></td><td></td></tr><tr><td>6

</td><td>Ort

</td><td></td><td></td></tr><tr><td>7

</td><td>Mobile Nr.

</td><td></td><td></td></tr><tr><td>8

</td><td>E-Mail-Adresse

</td><td></td><td>Die E-Mail-Adresse MUSS immer geliefert werden, da dies die eindeutige Kennung eines Benutzers im System ist.

</td></tr><tr><td>9

</td><td>Tag 1

</td><td>ja

</td><td>Tags sind optional. Es können beliebig viele Tags hinterlegt werden.

</td></tr><tr><td>10

</td><td>Tag 2

</td><td>ja

</td><td></td></tr><tr><td>11

</td><td>Tag 3

</td><td>ja

</td><td></td></tr><tr><td>12

</td><td>Tag 4

</td><td>ja

</td><td></td></tr><tr><td>...

</td><td></td><td></td><td></td></tr></tbody></table>

# Modul Zugang

Das anthrazit Module «Zugang» bietet dem CMS/App Benutzer die Möglichkeit, sich per externem IDP anzumelden.

## Benötigte Angaben des IDP

<table border="1" class="table" id="bkmrk-name-url-%2F-beispiel-" style="width: 100%; border-collapse: collapse; border-width: 1px; border-style: solid;"><thead><tr><th style="width: 20.8569%; border-width: 1px;">Name</th><th style="width: 79.1431%; border-width: 1px;">URL / Beispiel</th></tr></thead><tbody><tr><td style="width: 20.8569%; border-width: 1px;">Issuer</td><td style="width: 79.1431%; border-width: 1px;">`https://login.microsoftonline.com/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx/v2.0`</td></tr><tr><td style="width: 20.8569%; border-width: 1px;">OpenID Connect Conf</td><td style="width: 79.1431%; border-width: 1px;">`https://login.microsoftonline.com/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx/v2.0/.well-known/openid-configuration`</td></tr><tr><td style="width: 20.8569%; border-width: 1px;">Authorization</td><td style="width: 79.1431%; border-width: 1px;">`https://login.microsoftonline.com/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx/oauth2/v2.0/authorize`</td></tr><tr><td style="width: 20.8569%; border-width: 1px;">Token</td><td style="width: 79.1431%; border-width: 1px;">`https://login.microsoftonline.com/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx/oauth2/v2.0/token`</td></tr><tr><td style="width: 20.8569%; border-width: 1px;">Client ID</td><td style="width: 79.1431%; border-width: 1px;">`14c645355-519b-4797-a92e-5a456564e382`</td></tr><tr><td style="width: 20.8569%; border-width: 1px;">Secret</td><td style="width: 79.1431%; border-width: 1px;">`IsgfrtgQ~-q900r.TX7..tl-ojBYrzerz.-rt8at-ic9H`</td></tr></tbody></table>

## Redirect URIs für IDP

Folgende URIs müssen auf IDP Seite freigegeben / eingetragen sein. 3 + 4 sind lediglich zu Testzwecken und für die Produktion nicht zwingend.

<table border="1" class="table" id="bkmrk-%23-url-1-https%3A%2F%2Fcms." style="width: 100%; border-collapse: collapse; border-width: 1px; border-style: solid;"><thead><tr><th style="width: 5.48272%;">\#</th><th style="width: 94.5173%;">URL</th></tr></thead><tbody><tr><td style="width: 5.48272%;">1</td><td style="width: 94.5173%;">`https://cms.anthrazit.org/auth`</td></tr><tr><td style="width: 5.48272%;">2</td><td style="width: 94.5173%;">`https://anthrazit.app/auth`</td></tr><tr><td style="width: 5.48272%;">3</td><td style="width: 94.5173%;">`https://dev.anthrazit.app/auth`</td></tr><tr><td style="width: 5.48272%;">4</td><td style="width: 94.5173%;">`https://dev.anthrazit.org/auth`</td></tr></tbody></table>