Check-in activities
Here you can find the individual activities of the check-in
app. If you want to use the whole app look at check-in.
Usage of an activity
You can use every activity alone. Take a look at our examples here.
Activities
Shared Attributes
These attributes are available for all activities listed here:
-
lang
(optional, default:de
): set tode
oren
for German or English- example
lang="de"
- example
-
entry-point-url
(optional, default is the TU Graz entry point url): entry point url to access the api- example
entry-point-url="https://api-dev.tugraz.at"
- example
-
auth
object: you need to set that object property for the auth token- example auth property:
{token: "THE_BEARER_TOKEN"}
- note: most often this should be an attribute that is not set directly, but subscribed at a provider
- example auth property:
dbp-check-in-request
You can use this activity for checking-in to a location like this: dbp-check-in-request/index.html
Note that you will need a Keycloak server along with a client id for the domain you are running this html on.
Attributes
-
search-hash-string
: String used in the qr code to determine if the qr code has the room information- example
search-hash-string="tugrazcheckin"
- example
Slots
You use templates tags to inject slots into the activity. These templates will be converted to div containers when the page is loaded and will not show up before that.
additional-information
The content of this slot will be shown below the other text and can be used to provide further information about the check-in process. For example a link to a page with the data protection declaration can be provided.
Example:
<dbp-check-in-request lang="de">
<template slot="additional-information">
<dbp-translated subscribe="lang">
<div slot="de">
Sollten Sie als COVID-19-Verdachts- oder -Erkrankungsfall gelten, melden Sie sich bitte umgehend bei email@email.com.
</div>
<div slot="en">
If you are a suspected COVID-19 case or a case of illness, please report this immediately to email@email.com.
</div>
</dbp-translated>
</template>
</dbp-check-in-request>
dbp-check-out-request
You can use this activity for checking-out from a location like this: dbp-check-out-request/index.html
Note that you will need a Keycloak server along with a client id for the domain you are running this html on.
Attributes
See shared attributes.
dbp-guest-check-in
You can use this activity for checking-in guests to a location like this: dbp-guest-check-in/index.html
Note that you will need a Keycloak server along with a client id for the domain you are running this html on.
Attributes
See shared attributes.
Slots
You use templates tags to inject slots into the activity. These templates will be converted to div containers when the page is loaded and will not show up before that.
activity-description
The content of this slot will be shown after the headline and can be used to provide further information about the process to checkin an university external person. For example a link to a page with more information about how to report a risk can be provided.
Example:
<dbp-report-risk lang="de">
dbp-translated subscribe="lang">
<div slot="de">
<p>
Melden Sie einen Gast ohne TU Graz-Account an einem Ort für die Dauer seines Besuchs an. Die Abmeldung erfolgt automatisch an dem angegebenen Zeitpunkt. Im Risikofall wird der Gast von der TU Graz per E-Mail kontaktiert.
<br>
<br>
Mit der Anmeldung bestätige ich, dass ich dem von mir angemeldeten Gast die Datenschutzerklärung zur App "TU Graz check-in" zur Kenntnis gebracht habe. <br>
<a target="_blank" class="int-link-internal" href="<%= getPrivateUrl('datenschutzerklaerung-tu-graz-check-in.pdf') %>" title="Zur Datenschutzerklärung">
<span>Zur Datenschutzerklärung </span>
</a>
</p>
</div>
<div slot="en">
<p>
Melden Sie einen Gast ohne TU Graz-Account an einem Ort für die Dauer seines Besuchs an. Die Abmeldung erfolgt automatisch an dem angegebenen Zeitpunkt. Im Risikofall wird der Gast von der TU Graz per E-Mail kontaktiert.
<br>
<br>
Check in a guest without a TU Graz account at a location for the duration of their visit. The check out takes place automatically at the specified time. In the event of a risk, the guest will be contacted by TU Graz by email.<br>
<a target="_blank" class="int-link-internal" href="<%= getPrivateUrl('datenschutzerklaerung-tu-graz-check-in.pdf') %>" title="Privacy statement">
<span>Privacy statement </span>
</a>
</p>
</div>
</dbp-translated>
</dbp-report-risk>
dbp-report-risk
This is an information page on how to report a risk of infection. You can use it like this: dbp-report-risk/index.html
Attributes
See shared attributes.
Slots
You use templates tags to inject slots into the activity. These templates will be converted to div containers when the page is loaded and will not show up before that.
additional-information
The content of this slot will be shown below the other text and can be used to provide further information about the process to report a risk. For example a link to a page with more information about how to report a risk can be provided.
Example:
<dbp-report-risk lang="de">
<template slot="additional-information">
<dbp-translated subscribe="lang">
<div slot="de">
Sollten Sie als COVID-19-Verdachts- oder -Erkrankungsfall gelten, melden Sie sich bitte umgehend bei
<a target="_blank" href="mailto:your@email.address">your@email.address</a>!
</div>
<div slot="en">
If you are a suspected COVID-19 case or a case of illness, please report this immediately to
<a target="_blank" href="mailto:your@email.address">your@email.address</a>!
</div>
</dbp-translated>
</template>
</dbp-report-risk>
Design Note
To ensure a uniform and responsive design these activities should occupy 100% width of the window when the activities width are under 768 px.
Mandatory attributes
If you are not using the provider-root
attribute to "terminate" all provider attributes
you need to manually add these attributes so that the topic will work properly:
<dbp-check-in
auth
requested-login-status
analytics-event
...
>
</dbp-check-in>