Commit 1b96295e authored by Yorrd's avatar Yorrd
Browse files

feat: final upload before deadline

parent 2d492ac2
Pipeline #1373 passed with stages
in 9 minutes and 57 seconds
......@@ -28,30 +28,33 @@ export class ccbContentView extends EmotionMixin(ScopingElement) {
padding="${listenDevice.pipe(map(device => (device < BreakPoint.laptop ? 'md' : 'xl')))}"
class="${this.css({ background: 'white', width: '100vw', maxWidth: '1000px', margin: 'auto' })}"
>
<a-h1> ${content.Frage} </a-h1>
<a-text horizontal justified>
${AdornisUser.findOne({ _id: content.createdBy }).whenReady.pipe(map(user => user?.contactName || ''))}
${content.createdAt.toUTCString()}</a-text
<ccb-h1> ${content.Frage} </ccb-h1>
<a-box horizontal justified centeraligned>
<ccb-text
>${AdornisUser.findOne({ _id: content.createdBy }).whenReady.pipe(
map(user => user?.contactName || ''),
)}</ccb-text
>
<ccb-stack size="md" horizontal centeraligned>
${content.isRecent()
? html`
<mwc-icon class=${this.css({ color: 'green', userSelect: 'none' })}>check</mwc-icon>
`
: html`
<mwc-icon class=${this.css({ color: 'red', userSelect: 'none' })}>close</mwc-icon>
`}<ccb-text>${content.createdAt.toUTCString()}</ccb-text>
</ccb-stack></a-box
>
<a-box
>${content.isRecent()
? html`
<mwc-icon class=${this.css({ color: 'green', userSelect: 'none' })}>check</mwc-icon>
`
: html`
<mwc-icon class=${this.css({ color: 'red', userSelect: 'none' })}>close</mwc-icon>
`}</a-box
>
<a-text>${content.country}</a-text>
<a-text>${unsafeHTML(content.Antwort)}</a-text>
<a-text
<ccb-text>${content.country}</ccb-text>
<ccb-text>${unsafeHTML(content.Antwort)}</ccb-text>
<ccb-text style="${content.Ansprechpartner == null ? 'display: none' : ''}"
>Falls du weitere Fragen zu diesen Thema hast, kann dir ${content.Ansprechpartner} bestimmt
weiterhelfen.</a-text
weiterhelfen.</ccb-text
>
<a-text class="${this.css({ cursor: 'pointer' })}" href="${content.Quelle}">
<ccb-text class="${this.css({ cursor: 'pointer' })}" @click=${() => window.open(content.Quelle)}>
Quelle:
<a-text class=${this.css({ textDecoration: 'underline' })}> ${content.Quelle} </a-text>
</a-text>
<ccb-text class="${this.css({ textDecoration: 'underline' })}"> ${content.Quelle} </ccb-text>
</ccb-text>
</a-stack>
`;
}
......
......@@ -2,6 +2,7 @@ import { element, html, ScopingElement } from '@adornis/base';
import { EmotionMixin } from '@adornis/design';
import { map } from 'rxjs/operators';
import { AdornisRouter } from '@adornis/adornis-components/a-router';
import { spacing } from 'imports/git_modules/design/generate-base/tokens';
@element('ccb-landing-page')
export class CCBLandingPage extends EmotionMixin(ScopingElement) {
......@@ -12,77 +13,83 @@ export class CCBLandingPage extends EmotionMixin(ScopingElement) {
switch (page) {
case '':
return html`
<a-box fullbleed centered>
x
<a-stack size="xl">
<a-inline horizontal size="lg" padding="xl">
<a-stack size="md" class="${this.css({ flex: '1', minWidth: '300px' })}">
<ccb-text>Hi!</ccb-text>
<ccb-text>
Der Legal Chatbot gibt Ratsuchenden Antworten auf Ihre rechtlichen Fragen, die im Zuge der
Coronakrise entstanden sind.
</ccb-text>
<ccb-text
>Als Experte und Institution können Sie Ihre FAQs hier bereitstellen und diese regelmäßig
updaten. Über den Chatbot erhalten die Ratsuchenden Ihre Antworten</ccb-text
>
</a-stack>
<a-stack
size="md"
class="${this.css({ flex: '1', justifyContent: 'center', minWidth: '400px' })}"
<a-stack size="xl">
<a-inline horizontal size="lg" padding="xl" style=${{ width: `calc(100vw - ${spacing.xl} * 2)` }}>
<a-stack size="md" class="${this.css({ flex: '1', minWidth: '300px' })}">
<ccb-text>Hi!</ccb-text>
<ccb-text>
Der Legal Chatbot gibt Ratsuchenden Antworten auf Ihre rechtlichen Fragen, die im Zuge der
Coronakrise entstanden sind.
</ccb-text>
<ccb-text
>Als Experte und Institution können Sie Ihre FAQs hier bereitstellen und diese regelmäßig
updaten. Über den Chatbot erhalten die Ratsuchenden Ihre Antworten</ccb-text
>
</a-stack>
<a-stack size="md" class="${this.css({ flex: '1', justifyContent: 'center', minWidth: '400px' })}">
<a-link href="https://t.me/CoronaLegalChatBot" target="_blank"
><ccb-button>Zum Legal Chatbot für&nbsp;<b>Ratsuchende</b></ccb-button></a-link
>
<a-link href="https://t.me/CoronaLegalChatBot" target="_blank"
><ccb-button>Zum Legal Chatbot für&nbsp;<b>Ratsuchende</b></ccb-button></a-link
<a-link href="/contentadmin">
<ccb-button secondary
>Als&nbsp;<b>Institution</b>&nbsp;FAQs hinterlassen (bspw. LandesReg.)</ccb-button
>
<a-link href="/contentadmin">
<ccb-button secondary
>Als&nbsp;<b>Institution</b>&nbsp;FAQs hinterlassen (bspw. LandesReg.)</ccb-button
>
</a-link>
<a-link href="/contentadmin">
<ccb-button secondary
>Als&nbsp;<b>Experte</b>&nbsp;FAQs hinterlassen (bspw. Kanzlei)</ccb-button
>
</a-link>
</a-stack>
</a-inline>
<a-stack size="md" class="${this.css({ alignItems: 'center' })}">
<ccb-h4>Unsere Partner:</ccb-h4>
<a-inline horizontal size="md" class="${this.css({ opacity: '0.6', justifyContent: 'center' })}">
<img
src="https://www.ksb-intax.de/typo3conf/ext/ksb_site/Resources/Public/images/logo-ksb-intax-blue-trans.png"
class="${this.css({ display: 'block', height: '50px' })}"
/>
<img
src="https://media-exp1.licdn.com/dms/image/C4D1BAQH04Fs5dnPoiw/company-background_10000/0?e=2159024400&v=beta&t=3DphZgZb6oRh9WDQuSK6VNnKt8U2YRsIqnaD-4bDhqk"
class="${this.css({ display: 'block', height: '50px' })}"
/>
<img
src="https://fps-law.de/files/themes/fps/images/fps-logo-de.gif"
class="${this.css({ display: 'block', height: '50px' })}"
/>
<img
src="https://weblaw.ch/.imaging/default/dam/weblaw/events/107/1078/10782/Weblaw-4farbig/jcr:content.jpg"
class="${this.css({ display: 'block', height: '50px' })}"
/>
<img
src="https://www.steuernundrecht.berlin/wp-content/uploads/2016/11/Logo_Endt-Eckhardt.png"
class="${this.css({ display: 'block', height: '50px' })}"
/>
</a-inline>
</a-link>
<a-link href="/contentadmin">
<ccb-button secondary
>Als&nbsp;<b>Experte</b>&nbsp;FAQs hinterlassen (bspw. Kanzlei)</ccb-button
>
</a-link>
</a-stack>
<img
src="/wirvsviruslogo.png"
class="${this.css({
marginLeft: 'auto',
marginRight: 'auto',
height: '100px',
width: 'auto',
display: 'block',
})}"
/>
</a-inline>
<a-stack size="md" class="${this.css({ alignItems: 'center' })}">
<ccb-h4>Unsere Partner:</ccb-h4>
<a-inline horizontal size="xl" class="${this.css({ opacity: '0.6', justifyContent: 'center' })}">
<img
src="https://www.ksb-intax.de/typo3conf/ext/ksb_site/Resources/Public/images/logo-ksb-intax-blue-trans.png"
class="${this.css({ display: 'block', height: '50px' })}"
/>
<img
src="https://media-exp1.licdn.com/dms/image/C4D1BAQH04Fs5dnPoiw/company-background_10000/0?e=2159024400&v=beta&t=3DphZgZb6oRh9WDQuSK6VNnKt8U2YRsIqnaD-4bDhqk"
class="${this.css({ display: 'block', height: '50px' })}"
/>
<img
src="https://fps-law.de/files/themes/fps/images/fps-logo-de.gif"
class="${this.css({ display: 'block', height: '50px' })}"
/>
<img
src="https://weblaw.ch/.imaging/default/dam/weblaw/events/107/1078/10782/Weblaw-4farbig/jcr:content.jpg"
class="${this.css({ display: 'block', height: '50px' })}"
/>
<img
src="https://www.steuernundrecht.berlin/wp-content/uploads/2016/11/Logo_Endt-Eckhardt.png"
class="${this.css({ display: 'block', height: '50px' })}"
/>
<img
src="/adornis_logo.png"
style=${{ transform: 'scale(1.8)', transformOrigin: 'center right', cursor: 'pointer' }}
class="${this.css({ display: 'block', height: '50px' })}"
@click=${() => window.open('https://adornis.de')}
/>
<img
src="https://studycore.de/logo.svg"
style=${{ transform: 'scale(1.3)', transformOrigin: 'center left', cursor: 'pointer' }}
class="${this.css({ display: 'block', height: '50px' })}"
@click=${() => window.open('https://studycore.de')}
/>
</a-inline>
</a-stack>
</a-box>
<img
src="/wirvsviruslogo.png"
class="${this.css({
marginLeft: 'auto',
marginRight: 'auto',
height: '100px',
width: 'auto',
display: 'block',
})}"
/>
</a-stack>
`;
case 'institutes':
return html`
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment