<div class="m-breadcrumb breadcrumb--main">
<span class="breadcrumb__label sr-only">Sie befinden sich hier:</span>
<ul class="a-list-basic list--breadcrumb">
<li class="list__item list__item--breadcrumb">
<a href="/components/preview/homepage" class="a-link ">Barmer Startseite</a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</li>
<li class="list__item list__item--breadcrumb">
<a href="/components/preview/article" class="a-link "><span class="link__inner">Themen-Übersichtseite</span><i class="a-icon icon--lock" aria-label=""></i></a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</li>
<li class="list__item list__item--breadcrumb">
Barmer So ein Unterthema
</li>
</ul>
</div>
<h1 class="p-forum-create-post__page-title">Kleinanzeige aufgeben</h1>
<div class="o-textmodule ">
<div class="a-richtext richtext--article">
<p>Hier können Sie Ihre Kleinanzeige aufgeben, die dann im BARMER mitarbeiterportal veröffentlicht wird. Bitte überprüfen Sie Ihre Eingaben mit der Vorschau-Funktion bevor SIe sie versenden. Bitte denken Sie daran Ihre Kleinanzeige wieder zu löschen, wenn sie nicht mehr aktuell ist.</p>
<p>Falls Sie Ihre Kleinanzeige nicht selber aufgeben möchten, können Sie Ihre Daten an die Redaktion schicken.</p>
</div>
</div>
<form class="o-form p-forum-create-post__form js-form" action="/preview" method="POST">
<fieldset class="m-fieldset">
<legend class="fieldset__legend">Ihre Kleinanzeige</legend>
<div class="m-form-control form-control--full-width">
<label class="a-label " for="bm-listing-title">
Überschrift
</label>
<input type="text" value="" class="a-input input--text" id="bm-listing-title">
</div>
<div class="m-form-control ">
<label class="a-label " for="bm-listing-image">
Bild (optional)
<button class="a-btn js-has-tooltip" type="button" title="Hinweis: maximale Dateigröße 20 KB" data-tooltip-text="Tooltip text"><span class="sr-only">Tooltip</span><i class="a-icon icon--help-circle" aria-hidden="true"></i></button>
</label>
<div class="a-file-upload">
<input type="file" class="file-upload__input " id="bm-listing-image" data-max-file-size="20480" data-error-text="Die Datei überschreitet die Größe von 8 MB.">
<div class="file-upload__visual" role="presentation">
<ul class="file-upload__file-list"></ul>
<i class="a-icon icon--doc-upload" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="m-form-control ">
<label class="a-label " for="bm-listing-file">
Datei (optional)
<button class="a-btn js-has-tooltip" type="button" title="Dateiformat: pdf oder doc, Dateigröße: maximal 8 MB" data-tooltip-text="Tooltip text"><span class="sr-only">Tooltip</span><i class="a-icon icon--help-circle" aria-hidden="true"></i></button>
</label>
<div class="a-file-upload">
<input type="file" class="file-upload__input " id="bm-listing-file" data-max-file-size="8388608" data-error-text="Die Datei überschreitet die Größe von 8 MB.">
<div class="file-upload__visual" role="presentation">
<ul class="file-upload__file-list"></ul>
<i class="a-icon icon--doc-upload" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="m-form-control form-control--full-width">
<label class="a-label " for="bm-listing-text">
Text
</label>
<textarea class="a-textarea " id="bm-listing-text"></textarea>
</div>
</fieldset>
<fieldset class="m-fieldset">
<legend class="fieldset__legend">Ihre Daten</legend>
<div class="m-form-control ">
<label class="a-label " for="bm-listing-author">
Name
</label>
<input type="text" value="" class="a-input input--text" id="bm-listing-author">
</div>
<div class="m-form-control ">
<label class="a-label " for="bm-listing-email">
E-Mail (optional)
</label>
<input type="email" value="" class="a-input input--text" id="bm-listing-email">
</div>
</fieldset>
<div class="form__actions">
<button class="a-btn btn--primary" type="submit">Vorschau</button>
</div>
</form>
<div class="o-teaser-collection teaser-collection--three-col-teaserlist js-teaser-targeting-init">
<h3 class="teaser-collection__headline teaser-collection__headline--h2">Weitere Kleinanzeigen finden Sie hier</h3>
<div class="teaser-collection__text">
<p>Hier steht dann eine kurzer Richtext, der nicht soviele Styling-Optionen hat. Im Studio lässt sich dort wohl nur strong, kursiv und noch irgendetwas auszeichnen.</p>
</div>
<div class="teaser-collection__teaser-wrapper">
</div>
</div>
{{render '@breadcrumb--main' partials.breadcrumb merge=true}}
<h1 class="p-forum-create-post__page-title">{{content.pageTitle}}</h1>
{{render '@textmodule' partials.textmodule merge=true }}
{{#switches.hasPostLink}}
{{render '@button--primary' partials.postLink merge=true }}
{{/switches.hasPostLink}}
{{#switches.hasPreview}}
<div class="p-forum-create-post__post-preview">
<div class="p-forum-create-post__preview-headline">{{content.preview.titleLabel}}</div>
<div class="a-plaintext p-forum-create-post__preview-text">{{content.preview.title}}</div>
<div class="p-forum-create-post__preview-headline">{{content.preview.imageLabel}}</div>
<div class="a-plaintext p-forum-create-post__preview-text">
{{ content.preview.imageFilename }}
{{ render '@image--default' partials.imgPreview merge=true }}
</div>
<div class="p-forum-create-post__preview-headline">{{content.preview.documentLabel}}</div>
<div class="a-plaintext p-forum-create-post__preview-text">{{content.preview.documentFilename}}</div>
<div class="p-forum-create-post__preview-headline">{{content.preview.textLabel}}</div>
<div class="a-plaintext p-forum-create-post__preview-text">{{content.preview.text}}</div>
<div class="p-forum-create-post__preview-headline">{{content.preview.dataLabel}}</div>
<div class="p-forum-create-post__preview-data"><span class="p-forum-create-post__preview-data-label">{{content.preview.authorLabel}}:</span> {{content.preview.author}}</div>
<div class="p-forum-create-post__preview-data"><span class="p-forum-create-post__preview-data-label">{{content.preview.emailLabel}}:</span> {{content.preview.email}}</div>
<div class="p-forum-create-post__preview-data"><span class="p-forum-create-post__preview-data-label">{{content.preview.dateTimeCreatedLabel}}:</span>{{content.preview.dateTimeCreated}}</div>
</div>
{{/switches.hasPreview}}
{{#switches.hasErrors}}
{{ render '@list' partials.errorList merge=true}}
{{/switches.hasErrors}}
{{#switches.hasForm}}
{{ render '@form' partials.form merge=true }}
{{/switches.hasForm}}
{{#switches.hasTeaserCollection}}
{{ render '@teaser-collections--3-spaltige-teaserliste' partials.teaserCollection merge=true }}
{{/switches.hasTeaserCollection}}
{
"switches": {
"hasContactFlyout": "true",
"hasForm": true,
"hasPreview": false,
"hasTeaserCollection": true
},
"content": {
"alertText": "Die Sitzung wurde erfolgreich verlängert",
"pageTitle": "Kleinanzeige aufgeben"
},
"partials": {
"sessionMetadata": {
"content": {
"expiredDialogId": "bm-dialog-session-expired",
"expiringDialogId": "bm-dialog-session-expiring"
}
},
"expiring": {
"switches": {
"hidden": true,
"secondaryButton": true
},
"content": {
"id": "bm-dialog-session-expiring",
"text": "In <span class=\"js-session-timer\">5</span> Minuten endet ihre Sitzung und Sie werden automatisch ausgeloggt."
},
"partials": {
"primaryButton": {
"content": {
"label": "Login verlängern"
}
},
"secondaryButton": {
"content": {
"label": "Logout"
}
}
}
},
"expired": {
"switches": {
"hidden": true
},
"content": {
"id": "bm-dialog-session-expired"
}
},
"modalVideo": {
"switches": {
"hidden": true
},
"content": {
"id": "bm-video"
},
"viewtypes": {
"specifier": "modal--video"
},
"partials": {
"consent": {
"viewtypes": {
"specifier": "consent--in-modal"
}
},
"videoFigure": {
"switches": {
"hasHeadline": false,
"hasFigcaption": false,
"hasVideo": false
}
}
}
},
"textmodule": {
"switches": {
"hasHeadline": false,
"hasIntro": false,
"hasCTA": false
},
"viewtypes": {},
"partials": {
"detailText": {
"switches": {
"hasWrapper": true,
"hasDefaultText": false
},
"viewtypes": {},
"content": {
"text": "<p>Hier können Sie Ihre Kleinanzeige aufgeben, die dann im BARMER mitarbeiterportal veröffentlicht wird. Bitte überprüfen Sie Ihre Eingaben mit der Vorschau-Funktion bevor SIe sie versenden. Bitte denken Sie daran Ihre Kleinanzeige wieder zu löschen, wenn sie nicht mehr aktuell ist.</p><p>Falls Sie Ihre Kleinanzeige nicht selber aufgeben möchten, können Sie Ihre Daten an die Redaktion schicken.</p>"
},
"partials": {}
}
}
},
"form": {
"viewtypes": {
"specifier": "p-forum-create-post__form js-form"
},
"content": {
"attributes": {
"action": "/preview",
"method": "POST"
}
},
"partials": {
"items": [
{
"type": "fieldset",
"content": {
"legend": "Ihre Kleinanzeige"
},
"partials": {
"items": [
{
"type": "form-control",
"viewtypes": {
"specifier": "form-control--full-width"
},
"content": {},
"partials": {
"label": {
"content": {
"for": "bm-listing-title",
"text": "Überschrift"
}
},
"input": {
"type": "formelement-input--text",
"switches": {},
"content": {
"id": "bm-listing-title"
}
}
}
},
{
"type": "form-control",
"viewtypes": {
"specifier": ""
},
"content": {},
"partials": {
"label": {
"switches": {
"hasTooltip": true
},
"content": {
"for": "bm-listing-image",
"text": "Bild (optional)"
},
"partials": {
"btnTooltip": {
"content": {
"title": "Hinweis: maximale Dateigröße 20 KB"
}
}
}
},
"input": {
"type": "formelement-upload",
"switches": {},
"content": {
"id": "bm-listing-image",
"maxFileSize": "20480",
"errorText": "Die Datei überschreitet die Größe von 8 MB."
}
}
}
},
{
"type": "form-control",
"viewtypes": {
"specifier": ""
},
"content": {},
"partials": {
"label": {
"switches": {
"hasTooltip": true
},
"content": {
"for": "bm-listing-file",
"text": "Datei (optional)"
},
"partials": {
"btnTooltip": {
"content": {
"title": "Dateiformat: pdf oder doc, Dateigröße: maximal 8 MB"
}
}
}
},
"input": {
"type": "formelement-upload",
"switches": {},
"content": {
"id": "bm-listing-file",
"maxFileSize": "8388608",
"errorText": "Die Datei überschreitet die Größe von 8 MB."
}
}
}
},
{
"type": "form-control",
"viewtypes": {
"specifier": "form-control--full-width"
},
"content": {},
"partials": {
"label": {
"content": {
"for": "bm-listing-text",
"text": "Text"
}
},
"input": {
"type": "formelement-textarea",
"switches": {},
"content": {
"id": "bm-listing-text"
}
}
}
}
]
}
},
{
"type": "fieldset",
"content": {
"legend": "Ihre Daten"
},
"partials": {
"items": [
{
"type": "form-control",
"viewtypes": {
"specifier": ""
},
"content": {},
"partials": {
"label": {
"content": {
"for": "bm-listing-author",
"text": "Name"
}
},
"input": {
"type": "formelement-input--text",
"switches": {},
"content": {
"id": "bm-listing-author"
}
}
}
},
{
"type": "form-control",
"viewtypes": {
"specifier": ""
},
"content": {},
"partials": {
"label": {
"content": {
"for": "bm-listing-email",
"text": "E-Mail (optional)"
}
},
"input": {
"type": "formelement-input--text",
"switches": {},
"content": {
"id": "bm-listing-email",
"type": "email"
}
}
}
}
]
}
}
],
"buttons": [
{
"type": "button--primary",
"content": {
"type": "submit",
"label": "Vorschau"
}
}
]
}
},
"teaserCollection": {
"switches": {
"hasHeadline": true,
"teaserItemAmount": 8
},
"viewtypes": {},
"content": {
"headline": "Weitere Kleinanzeigen finden Sie hier"
},
"partials": {
"teaserItems": [
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": true,
"hasTextChevron": true,
"hasTeaserImage": false
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "Auto & Zubehör"
},
"partials": {
"teaserText": {
"content": {
"text": "\nOb neue oder gebrauchte Fahrzeuge, Kfz-Ersatzteile, Reifen, Felgen, Zubehör- oder Tuningteile – vielleicht hat der Kollegenkreis, was Sie suchen."
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": true,
"hasTextChevron": true,
"hasTeaserImage": false
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "Bücher & Hörbücher"
},
"partials": {
"teaserText": {
"content": {
"text": "Bücher und Hörbücher günstig kaufen & verkaufen - Angebote aus dem Kollegenkreis"
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": true,
"hasTextChevron": true,
"hasTeaserImage": false
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "Computer und Elektronik"
},
"partials": {
"teaserText": {
"content": {
"text": "Smartphones, Netbooks, Tablets, PCs und noch vieles mehr - Technik-Angebote aus dem Kollegenkreis "
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": true,
"hasTextChevron": true,
"hasTeaserImage": false
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "Fahrgemeinschaften"
},
"partials": {
"teaserText": {
"content": {
"text": "Suche Mitfahrgelegenheit oder biete eine Fahrgemeinschaft an - Kleinanzeigen von Kollegen für Kollegen"
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": true,
"hasTextChevron": true,
"hasTeaserImage": false
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "Haushalt & Möbel"
},
"partials": {
"teaserText": {
"content": {
"text": "Gebrauchte Möbel zu günstigen Preisen kaufen oder selbst verkaufen. Stöbern Sie in den Angeboten aus dem Kollegenkreis."
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": true,
"hasTextChevron": true,
"hasTeaserImage": false
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "Immobilien & Vermietungen"
},
"partials": {
"teaserText": {
"content": {
"text": "Sie suchen oder bieten ein neues Zuhause? Jetzt finden oder inserieren!"
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": true,
"hasTextChevron": true,
"hasTeaserImage": false
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "Kinderkleidung & Spielzeug"
},
"partials": {
"teaserText": {
"content": {
"text": "Inserate für alles, wofür die eigenen Kleinen zu groß sind."
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": true,
"hasTextChevron": true,
"hasTeaserImage": false
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "Regionale Veranstaltungen"
},
"partials": {
"teaserText": {
"content": {
"text": "Ob Konzerte, Events oder Partys - hier finden Sie Anzeigen von Kollegen und Kolleginnen für Veranstaltungen in Ihrer Umgebung."
}
}
}
}
]
}
}
}
}
No notes defined.