feat: link travelinfo from MyE&P by travel code
This commit is contained in:
Björn Fromme
@@ -265,6 +265,11 @@ routeEnhancers:
|
|||||||
_controller: 'Travelinfo::myep'
|
_controller: 'Travelinfo::myep'
|
||||||
_arguments:
|
_arguments:
|
||||||
buspro_id: busProId
|
buspro_id: busProId
|
||||||
|
-
|
||||||
|
routePath: '/{travel_code}'
|
||||||
|
_controller: 'Travelinfo::travelCode'
|
||||||
|
_arguments:
|
||||||
|
travel_code: travelCode
|
||||||
defaultController: 'Travelinfo::index'
|
defaultController: 'Travelinfo::index'
|
||||||
aspects:
|
aspects:
|
||||||
travel_info:
|
travel_info:
|
||||||
@@ -275,6 +280,8 @@ routeEnhancers:
|
|||||||
type: PassthroughMapper
|
type: PassthroughMapper
|
||||||
buspro_id:
|
buspro_id:
|
||||||
type: PassthroughMapper
|
type: PassthroughMapper
|
||||||
|
travel_code:
|
||||||
|
type: PassthroughMapper
|
||||||
requirements:
|
requirements:
|
||||||
travel_date: '\d{4}\-\d{2}\-\d{2}|\d{2}\d{2}\d{4}'
|
travel_date: '\d{4}\-\d{2}\-\d{2}|\d{2}\d{2}\d{4}'
|
||||||
buspro_id: '\d+'
|
buspro_id: '\d+'
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ namespace EP\EpProducts\Controller;
|
|||||||
use EP\EpProducts\Domain\Model\Date;
|
use EP\EpProducts\Domain\Model\Date;
|
||||||
use EP\EpProducts\Domain\Model\Travelinfo;
|
use EP\EpProducts\Domain\Model\Travelinfo;
|
||||||
use EP\EpProducts\Domain\Repository\DateRepository;
|
use EP\EpProducts\Domain\Repository\DateRepository;
|
||||||
|
use EP\EpProducts\Domain\Repository\ProductRepository;
|
||||||
use EP\EpProducts\Domain\Repository\TravelInfoRepository;
|
use EP\EpProducts\Domain\Repository\TravelInfoRepository;
|
||||||
use TYPO3\CMS\Core\Http\ImmediateResponseException;
|
use TYPO3\CMS\Core\Http\ImmediateResponseException;
|
||||||
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
||||||
@@ -23,10 +24,52 @@ class TravelinfoController extends ActionController
|
|||||||
*/
|
*/
|
||||||
private $travelInfoRepository;
|
private $travelInfoRepository;
|
||||||
|
|
||||||
public function __construct(DateRepository $dateRepository, TravelInfoRepository $travelInfoRepository)
|
/**
|
||||||
{
|
* @var ProductRepository
|
||||||
|
*/
|
||||||
|
private $productRepository;
|
||||||
|
|
||||||
|
public function __construct(
|
||||||
|
DateRepository $dateRepository,
|
||||||
|
TravelInfoRepository $travelInfoRepository,
|
||||||
|
ProductRepository $productRepository
|
||||||
|
) {
|
||||||
$this->dateRepository = $dateRepository;
|
$this->dateRepository = $dateRepository;
|
||||||
$this->travelInfoRepository = $travelInfoRepository;
|
$this->travelInfoRepository = $travelInfoRepository;
|
||||||
|
$this->productRepository = $productRepository;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function travelCodeAction(string $travelCode)
|
||||||
|
{
|
||||||
|
$travelCode = strtoupper($travelCode);
|
||||||
|
|
||||||
|
/** @var Date $date */
|
||||||
|
$date = $this->dateRepository->findOneByCode($travelCode);
|
||||||
|
|
||||||
|
[$code, ] = explode('/', $travelCode);
|
||||||
|
|
||||||
|
$product = $this->productRepository->findOneByCode($code);
|
||||||
|
|
||||||
|
if (null === $product) {
|
||||||
|
$response = GeneralUtility::makeInstance(ErrorController::class)->pageNotFoundAction(
|
||||||
|
$GLOBALS['TYPO3_REQUEST'],
|
||||||
|
'Produkt nicht gefunden'
|
||||||
|
);
|
||||||
|
throw new ImmediateResponseException($response, 1731071856);
|
||||||
|
}
|
||||||
|
|
||||||
|
$travelinfo = $this->travelInfoRepository->findOneByProduct($product);
|
||||||
|
|
||||||
|
if (null === $travelinfo) {
|
||||||
|
$response = GeneralUtility::makeInstance(ErrorController::class)->pageNotFoundAction(
|
||||||
|
$GLOBALS['TYPO3_REQUEST'],
|
||||||
|
'Reiseinformationen nicht gefunden'
|
||||||
|
);
|
||||||
|
throw new ImmediateResponseException($response, 1731071856);
|
||||||
|
}
|
||||||
|
|
||||||
|
$this->view->assign('travelinfo', $travelinfo);
|
||||||
|
$this->view->assign('date', $date);
|
||||||
}
|
}
|
||||||
|
|
||||||
public function myepAction(int $busProId)
|
public function myepAction(int $busProId)
|
||||||
@@ -52,18 +95,11 @@ class TravelinfoController extends ActionController
|
|||||||
throw new ImmediateResponseException($response, 1731071856);
|
throw new ImmediateResponseException($response, 1731071856);
|
||||||
}
|
}
|
||||||
|
|
||||||
$this->redirect(
|
$this->view->assign('travelinfo', $travelinfo);
|
||||||
'index',
|
$this->view->assign('date', $date);
|
||||||
null,
|
|
||||||
null,
|
|
||||||
[
|
|
||||||
'travelinfo' => $travelinfo,
|
|
||||||
'travelDate' => $date->getDateStart()->format('Y-m-d'),
|
|
||||||
]
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
public function indexAction(Travelinfo $travelinfo, string $travelDate)
|
public function indexAction(Travelinfo $travelinfo, string $travelDate = null)
|
||||||
{
|
{
|
||||||
$product = $travelinfo->getProduct();
|
$product = $travelinfo->getProduct();
|
||||||
|
|
||||||
@@ -71,8 +107,12 @@ class TravelinfoController extends ActionController
|
|||||||
$travelDate = (\DateTimeImmutable::createFromFormat('dmY', $travelDate))->format('Y-m-d');
|
$travelDate = (\DateTimeImmutable::createFromFormat('dmY', $travelDate))->format('Y-m-d');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (null === $travelDate) {
|
||||||
|
$date = null;
|
||||||
|
} else {
|
||||||
/** @var Date $date */
|
/** @var Date $date */
|
||||||
$date = $this->dateRepository->findForProductAndDate($product, $travelDate)->getFirst();
|
$date = $this->dateRepository->findForProductAndDate($product, $travelDate)->getFirst();
|
||||||
|
}
|
||||||
|
|
||||||
$this->view->assign('travelinfo', $travelinfo);
|
$this->view->assign('travelinfo', $travelinfo);
|
||||||
$this->view->assign('date', $date);
|
$this->view->assign('date', $date);
|
||||||
|
|||||||
@@ -252,7 +252,7 @@ $boot = function () {
|
|||||||
'EP.ep_products',
|
'EP.ep_products',
|
||||||
'travelinfo',
|
'travelinfo',
|
||||||
[
|
[
|
||||||
'Travelinfo' => 'index,myep',
|
'Travelinfo' => 'index,myep,travelCode',
|
||||||
]
|
]
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,406 @@
|
|||||||
|
<html data-namespace-typo3-fluid="true" lang="en"
|
||||||
|
xmlns="http://www.w3.org/1999/xhtml"
|
||||||
|
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
|
||||||
|
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
|
||||||
|
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||||
|
|
||||||
|
<f:section name="Main">
|
||||||
|
<div class="container relative">
|
||||||
|
<div class="h-80 lg:h-128">
|
||||||
|
<f:image image="{travelinfo.headerImage}"
|
||||||
|
width="1280"
|
||||||
|
alt="Reiseinformationen"
|
||||||
|
class="block w-full h-full object-cover object-center" />
|
||||||
|
</div>
|
||||||
|
<div class="absolute top-8 lg:top-16 left-1/2 -translate-x-1/2 w-full max-w-screen-sm lg:left-0 lg:-translate-x-0 lg:max-w-none px-8 lg:px-24 h-64 lg:h-128 flex flex-col items-start justify-between">
|
||||||
|
<div class="bg-ep-primary-dark/80 p-4 text-2xl mb-4 lg:mb-0 md:text-3xl lg:text-6xl text-white uppercase font-black">
|
||||||
|
Reiseinformation
|
||||||
|
</div>
|
||||||
|
<div class="grid grid-cols-2 lg:grid-cols-4">
|
||||||
|
<f:variable name="bgColors" value="{0: 'bg-[#165883]/90', 1: 'bg-[#9DBACE]/90', 2: 'bg-[#3396E4]/90', 3: 'bg-[#0268AA]/90'}"/>
|
||||||
|
<f:variable name="linksCount" value="{travelinfo.links -> f:count()}"/>
|
||||||
|
<f:for each="{travelinfo.links}" as="link" iteration="iteration">
|
||||||
|
<f:render section="Link" arguments="{item: link, color: '{bgColors.{iteration.index}}'}"/>
|
||||||
|
</f:for>
|
||||||
|
<a href="#goodtoknow"
|
||||||
|
data-controller="scroll-to"
|
||||||
|
data-scroll-to-target-value="goodtoknow"
|
||||||
|
data-action="scroll-to#scroll"
|
||||||
|
class="flex flex-col space-y-4 items-center justify-center px-4 py-4 lg:py-16 text-white {bgColors.{linksCount}}">
|
||||||
|
<div class="w-10 h-10 lg:w-24 lg:h-24">
|
||||||
|
<f:render section="Icon" arguments="{icon: 'chat'}" />
|
||||||
|
</div>
|
||||||
|
<div class="uppercase lg:text-xl text-center leading-tight">
|
||||||
|
Wissens­wertes
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pb-32 pt-32 lg:pt-52 -mt-24 bg-ep-primary-bg">
|
||||||
|
<div class="container px-8 lg:px-24" data-rte-content>
|
||||||
|
<h1 class="headline--underlined headline--has-subline">
|
||||||
|
<span class="subline">{travelinfo.subline}</span>
|
||||||
|
{travelinfo.headline}
|
||||||
|
</h1>
|
||||||
|
{travelinfo.introText -> f:format.html()}
|
||||||
|
<f:if condition="{date}">
|
||||||
|
<p>
|
||||||
|
{date.product.name} {date.dateStart -> f:format.date(format: 'd.m.Y')} - {date.dateEnd -> f:format.date(format: 'd.m.Y')}
|
||||||
|
</p>
|
||||||
|
</f:if>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container -mt-24 mb-16">
|
||||||
|
<div class="flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-white bg-brand-gradient px-8 lg:px-0 py-8">
|
||||||
|
<div class="lg:w-1/4 flex flex-col space-y-4 pb-8 lg:pb-0 lg:px-8">
|
||||||
|
<div class="w-32 h-32 xl:w-16 xl:h-16 text-ep-primary">
|
||||||
|
<f:render section="Icon" arguments="{icon: 'travel'}"/>
|
||||||
|
</div>
|
||||||
|
<div class="text-2xl lg:text-4xl text-white uppercase font-bold">
|
||||||
|
Anreise
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="lg:w-3/4 pt-8 lg:pt-0 lg:px-8 text-white" data-rte-content>
|
||||||
|
<f:if condition="{date}">
|
||||||
|
<f:if condition="{travelinfo.hideAddress}">
|
||||||
|
<f:else>
|
||||||
|
<h3 class="text-white">
|
||||||
|
Adresse
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
{date.hotel.name}
|
||||||
|
<br>
|
||||||
|
{date.hotel.address -> f:format.nl2br()}
|
||||||
|
</p>
|
||||||
|
</f:else>
|
||||||
|
</f:if>
|
||||||
|
<f:if condition="{date.pickups -> f:count()} > 0">
|
||||||
|
<f:if condition="{date.pickups -> f:count()} <= 3">
|
||||||
|
<f:then>
|
||||||
|
<f:render section="Pickups" arguments="{_all}"/>
|
||||||
|
</f:then>
|
||||||
|
<f:else>
|
||||||
|
<div data-controller="autocollapse" data-autocollapse-height-value="400" data-autocollapse-offset-value="64" class="pb-4">
|
||||||
|
<div class="relative pb-12" data-autocollapse-target="container">
|
||||||
|
<f:render section="Pickups" arguments="{_all}"/>
|
||||||
|
<div class="absolute left-0 bottom-0 w-full h-12 bg-white flex items-center">
|
||||||
|
<button type="button"
|
||||||
|
data-autocollapse-target="button"
|
||||||
|
data-action="autocollapse#toggle"
|
||||||
|
class="hidden text-ep-primary w-10 h-10 ml-2 group toggle-more">
|
||||||
|
<f:render section="Icon" arguments="{icon: 'toggle'}" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</f:else>
|
||||||
|
</f:if>
|
||||||
|
</f:if>
|
||||||
|
</f:if>
|
||||||
|
<f:if condition="{travelinfo.selfArrangedText}">
|
||||||
|
<h3 class="text-white">
|
||||||
|
Eigenanreise
|
||||||
|
</h3>
|
||||||
|
{travelinfo.selfArrangedText -> f:format.html()}
|
||||||
|
</f:if>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container px-4 lg:px-24 mb-8">
|
||||||
|
<h2 class="headline--underlined headline--has-subline">
|
||||||
|
<span class="subline">Sei vorbereitet!</span>
|
||||||
|
Organisatorisches
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
<div class="container px-4 lg:px-24 flex flex-col space-y-16 pb-16">
|
||||||
|
<f:for each="{travelinfo.teasers}" as="teaser">
|
||||||
|
<f:render section="Teaser" arguments="{_all}"/>
|
||||||
|
</f:for>
|
||||||
|
</div>
|
||||||
|
<div id="goodtoknow" class="bg-ep-primary-bg">
|
||||||
|
<div class="container">
|
||||||
|
<f:if condition="{travelinfo.additionalInfo}">
|
||||||
|
<div class="flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-white bg-[#B48F1D] px-8 lg:px-0 py-8">
|
||||||
|
<div class="lg:w-1/4 flex flex-col space-y-4 pb-8 lg:pb-0 lg:px-8">
|
||||||
|
<div class="w-32 h-32 xl:w-16 xl:h-16 text-[#F9C700]">
|
||||||
|
<f:render section="Icon" arguments="{icon: 'chat'}"/>
|
||||||
|
</div>
|
||||||
|
<div class="text-2xl lg:text-4xl text-white uppercase font-bold">
|
||||||
|
Weitere Infos
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="lg:w-3/4 pt-8 lg:pt-0 lg:px-8 text-white" data-rte-content>
|
||||||
|
{travelinfo.additionalInfo -> f:format.html()}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</f:if>
|
||||||
|
<f:if condition="{travelinfo.importantPhoneNumbers}">
|
||||||
|
<div class="flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-white bg-[#F8C62F] px-8 lg:px-0 py-8">
|
||||||
|
<div class="lg:w-1/4 flex flex-col space-y-4 pb-8 lg:pb-0 lg:px-8">
|
||||||
|
<div class="text-2xl lg:text-4xl text-white uppercase font-bold">
|
||||||
|
Wichtige Telefon­nummern
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="lg:w-3/4 pt-8 lg:pt-0 lg:px-8 text-white" data-rte-content>
|
||||||
|
<f:if condition="{date.guide}">
|
||||||
|
<p>
|
||||||
|
<strong>Busbegleitung / Reiseleitung</strong>
|
||||||
|
<br>
|
||||||
|
{date.guide.name} {date.guide.phone}
|
||||||
|
</p>
|
||||||
|
</f:if>
|
||||||
|
{travelinfo.importantPhoneNumbers -> f:format.html()}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</f:if>
|
||||||
|
<f:if condition="{travelinfo.importantLinks}">
|
||||||
|
<div class="flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-white bg-[#18527B] px-8 lg:px-0 py-8">
|
||||||
|
<div class="lg:w-1/4 flex flex-col space-y-4 pb-8 lg:pb-0 lg:px-8">
|
||||||
|
<div class="text-2xl lg:text-4xl text-white uppercase font-bold">
|
||||||
|
Wichtige Links vor Ort
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="lg:w-3/4 pt-8 lg:pt-0 lg:px-8 text-white" data-rte-content>
|
||||||
|
{travelinfo.importantLinks -> f:format.html()}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</f:if>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container px-4 lg:px-24 py-16">
|
||||||
|
{travelinfo.footerText -> f:format.html()}
|
||||||
|
<f:image src="EXT:ep_theme/Resources/Public/images/signature_ep_team.png" class="block w-full max-w-64 h-auto mt-8" alt="" />
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<f:image image="{travelinfo.footerImage}" width="1028" class="block w-full h-auto" alt="" />
|
||||||
|
</div>
|
||||||
|
</f:section>
|
||||||
|
|
||||||
|
<f:section name="Teaser">
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-x-8"
|
||||||
|
data-controller="autocollapse"
|
||||||
|
data-autocollapse-offset-value="64">
|
||||||
|
<div class="relative self-start" data-autocollapse-target="sizer">
|
||||||
|
<f:image image="{teaser.image}" width="640" alt="" class="block w-full h-auto" />
|
||||||
|
<div class="absolute top-0 left-0 inset-0 bg-ep-primary/25 flex items-center justify-center">
|
||||||
|
<div class="w-32 h-32 xl:w-48 xl:h-48 text-white">
|
||||||
|
<f:render section="Icon" arguments="{icon: teaser.category}"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="md:col-span-2 relative p-4 md:p-0 md:pb-4 border border-gray-300 md:border-none">
|
||||||
|
<div class="pb-8"
|
||||||
|
data-autocollapse-target="container"
|
||||||
|
data-rte-content>
|
||||||
|
<h2 class="headline--primary">
|
||||||
|
{teaser.title}
|
||||||
|
</h2>
|
||||||
|
<f:if condition="{date}">
|
||||||
|
<f:if condition="{teaser.category} == 'food'">
|
||||||
|
<p>
|
||||||
|
{date.board}
|
||||||
|
</p>
|
||||||
|
</f:if>
|
||||||
|
<f:if condition="{teaser.category} == 'course'">
|
||||||
|
<f:if condition="{date.activeCoursesForTravelinfo -> f:count()} > 0">
|
||||||
|
<f:then>
|
||||||
|
<p>
|
||||||
|
<strong>Folgende Kurse finden statt</strong>
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<f:for as="course" each="{date.activeCoursesForTravelinfo}">
|
||||||
|
<li>
|
||||||
|
{course.label}
|
||||||
|
</li>
|
||||||
|
</f:for>
|
||||||
|
</ul>
|
||||||
|
</f:then>
|
||||||
|
<f:else>
|
||||||
|
<p>
|
||||||
|
Bei Eurer Reise finden keine Kurse statt.
|
||||||
|
</p>
|
||||||
|
</f:else>
|
||||||
|
</f:if>
|
||||||
|
</f:if>
|
||||||
|
</f:if>
|
||||||
|
{teaser.bodytext -> f:format.html()}
|
||||||
|
</div>
|
||||||
|
<div class="absolute left-0 bottom-0 w-full bg-gradient-to-b from-transparent via-white via-20% to-white pt-2 md:pt-0">
|
||||||
|
<button type="button"
|
||||||
|
data-autocollapse-target="button"
|
||||||
|
data-action="autocollapse#toggle"
|
||||||
|
class="hidden text-ep-primary w-12 h-12 ml-4 md:ml-0 group toggle-more">
|
||||||
|
<f:render section="Icon" arguments="{icon: 'toggle'}" />
|
||||||
|
</button>
|
||||||
|
<div class="bg-ep-primary w-full md:w-1/3 h-1"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</f:section>
|
||||||
|
|
||||||
|
<f:section name="Link">
|
||||||
|
<f:link.typolink parameter="{item.link}" class="flex flex-col space-y-4 items-center justify-center px-4 py-4 lg:py-16 text-white {color}">
|
||||||
|
<div class="w-10 h-10 lg:w-24 lg:h-24">
|
||||||
|
<f:render section="Icon" arguments="{icon: item.icon}" />
|
||||||
|
</div>
|
||||||
|
<div class="uppercase lg:text-xl text-center leading-tight">
|
||||||
|
{item.title -> f:format.raw()}
|
||||||
|
</div>
|
||||||
|
</f:link.typolink>
|
||||||
|
</f:section>
|
||||||
|
|
||||||
|
<f:section name="Pickups">
|
||||||
|
<h3 class="text-white">
|
||||||
|
Bus-Zustiege
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
Bitte findet euch mindestens <strong>20 Minuten vor Abfahrt</strong> an der gebuchten Haltestelle ein.
|
||||||
|
</p>
|
||||||
|
{travelinfo.busInfoText -> f:format.html()}
|
||||||
|
<table class="w-full bg-zinc-200 text-zinc-800 text-xs md:text-base mb-4">
|
||||||
|
<tr>
|
||||||
|
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
|
||||||
|
Zustieg
|
||||||
|
</th>
|
||||||
|
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-sm md:text-base">
|
||||||
|
Datum/Uhrzeit
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
<f:for each="{date.pickups}" as="pickup">
|
||||||
|
<tr class="odd:bg-zinc-50 align-top">
|
||||||
|
<td class="border-r border-zinc-200 px-2 py-1 md:p-2">
|
||||||
|
{pickup.city}<br><span class="text-xs">{pickup.street}</span>
|
||||||
|
</td>
|
||||||
|
<td class="border-r border-zinc-200 px-2 py-1 md:p-2">
|
||||||
|
{pickup.date}<br>{f:if(condition: pickup.time, then: '{pickup.time} Uhr', else: '???')}
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</f:for>
|
||||||
|
</table>
|
||||||
|
</f:section>
|
||||||
|
|
||||||
|
<f:section name="Icon">
|
||||||
|
<f:switch expression="{icon}">
|
||||||
|
<f:case value="travel">
|
||||||
|
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<g>
|
||||||
|
<path d="M38.271,44.944C37.617,45.598 37.126,46.294 36.799,47.03C36.472,47.766 36.308,48.625 36.308,49.606L36.308,214.504C36.308,216.14 36.88,217.53 38.026,218.675C39.171,219.82 40.561,220.393 42.197,220.393C43.833,220.393 45.224,219.82 46.369,218.675C47.514,217.53 48.086,216.14 48.086,214.504L48.086,170.089C61.828,158.965 74.874,154.957 87.225,158.066C99.576,161.174 112.458,166 125.873,172.543C133.889,176.469 142.15,180.191 150.656,183.708C159.163,187.225 167.915,188.984 176.912,188.984C183.62,188.984 190.449,187.716 197.402,185.18C204.355,182.645 211.511,178.187 218.873,171.807C219.364,171.316 219.814,170.662 220.223,169.844C220.632,169.026 220.836,168.208 220.836,167.39L220.836,49.606C220.836,47.97 220.263,46.58 219.118,45.435C217.973,44.29 216.583,43.717 214.947,43.717C214.129,43.717 213.393,43.84 212.738,44.085C212.084,44.331 211.511,44.617 211.021,44.944C196.788,57.377 183.374,62.08 170.778,59.053C158.182,56.027 145.013,51.079 131.271,44.208C124.4,40.772 117.284,37.501 109.923,34.393C102.561,31.284 95.036,29.28 87.348,28.381C79.659,27.481 71.725,28.176 63.545,30.466C55.366,32.757 46.941,37.583 38.271,44.944M209.058,164.691C195.316,175.815 182.27,179.823 169.919,176.715C157.568,173.607 144.686,168.699 131.271,161.992C125.055,159.047 118.675,156.103 112.131,153.158C105.424,150.213 98.635,148.128 91.765,146.901C84.894,145.674 77.778,145.551 70.416,146.533C63.218,147.678 55.775,150.704 48.086,155.612L48.086,52.305C61.828,41.018 74.874,36.928 87.225,40.036C99.576,43.145 112.458,48.052 125.873,54.759C132.089,57.868 138.469,60.894 145.013,63.839C151.72,66.62 158.509,68.664 165.379,69.973C172.25,71.282 179.366,71.364 186.728,70.218C193.926,69.073 201.369,66.129 209.058,61.385L209.058,164.691Z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</f:case>
|
||||||
|
<f:case value="course">
|
||||||
|
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<g>
|
||||||
|
<path d="M215.905,68.046L36.311,68.046C32.726,68.046 29.647,69.332 27.074,71.904C24.502,74.477 23.216,77.556 23.216,81.141L23.216,148.489C23.216,152.075 24.502,155.154 27.074,157.726C29.647,160.298 32.726,161.584 36.311,161.584L60.631,161.584L60.631,193.388C60.631,194.947 61.177,196.272 62.268,197.363C63.359,198.454 64.684,199 66.243,199C67.802,199 69.128,198.454 70.219,197.363C71.31,196.272 71.856,194.947 71.856,193.388L71.856,161.584L180.36,161.584L180.36,193.388C180.36,194.947 180.906,196.272 181.997,197.363C183.089,198.454 184.414,199 185.973,199C187.532,199 188.857,198.454 189.948,197.363C191.039,196.272 191.585,194.947 191.585,193.388L191.585,161.584L215.905,161.584C219.491,161.584 222.57,160.298 225.142,157.726C227.714,155.154 229,152.075 229,148.489L229,81.141C229,77.556 227.714,74.477 225.142,71.904C222.57,69.332 219.491,68.046 215.905,68.046M217.776,81.141L217.776,131.184L165.862,79.271L215.905,79.271C216.373,79.271 216.801,79.465 217.191,79.855C217.581,80.245 217.776,80.674 217.776,81.141M36.311,79.271L82.613,79.271L153.702,150.36L102.256,150.36L34.44,82.544L34.44,81.141C34.44,80.674 34.635,80.245 35.025,79.855C35.415,79.465 35.843,79.271 36.311,79.271M34.44,148.489L34.44,98.446L86.354,150.36L36.311,150.36C35.843,150.36 35.415,150.165 35.025,149.775C34.635,149.385 34.44,148.957 34.44,148.489M215.905,150.36L169.603,150.36L98.514,79.271L149.96,79.271L217.776,147.086L217.776,148.489C217.776,148.957 217.581,149.385 217.191,149.775C216.801,150.165 216.373,150.36 215.905,150.36"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</f:case>
|
||||||
|
<f:case value="luggage">
|
||||||
|
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<g>
|
||||||
|
<path d="M153.863,54.439L153.863,45.4C153.863,40.109 151.952,35.553 148.131,31.732C144.31,27.911 139.754,26 134.463,26L106.245,26C100.954,26 96.398,27.911 92.577,31.732C88.755,35.553 86.845,40.109 86.845,45.4L86.845,54.439C80.819,55.174 75.234,56.937 70.09,59.73C64.946,62.375 60.501,65.829 56.753,70.091C53.005,74.353 50.029,79.13 47.824,84.421C45.62,89.859 44.518,95.664 44.518,101.837L44.518,207.655C44.518,211.035 45.73,213.938 48.155,216.363C50.58,218.788 53.483,220 56.863,220L183.845,220C187.225,220 190.128,218.788 192.553,216.363C194.978,213.938 196.19,211.035 196.19,207.655L196.19,101.837C196.19,95.664 195.088,89.932 192.883,84.641C190.679,79.203 187.703,74.353 183.955,70.091C180.207,65.829 175.761,62.375 170.618,59.73C165.474,56.937 159.962,55.174 154.083,54.439L153.863,54.439ZM106.245,36.582L134.463,36.582C136.961,36.582 139.056,37.427 140.746,39.117C142.436,40.808 143.281,42.902 143.281,45.4L143.281,54.219L97.427,54.219L97.427,45.4C97.427,42.902 98.272,40.808 99.962,39.117C101.652,37.427 103.746,36.582 106.245,36.582M157.39,160.037L83.318,160.037L83.318,151.219C83.318,148.72 84.163,146.626 85.853,144.936C87.543,143.245 89.637,142.4 92.136,142.4L148.572,142.4C151.071,142.4 153.165,143.245 154.855,144.936C156.545,146.626 157.39,148.72 157.39,151.219L157.39,160.037ZM83.318,170.619L129.172,170.619L129.172,179.437C129.172,180.906 129.687,182.156 130.715,183.184C131.744,184.213 132.993,184.728 134.463,184.728C135.933,184.728 137.182,184.213 138.211,183.184C139.239,182.156 139.754,180.906 139.754,179.437L139.754,170.619L157.39,170.619L157.39,209.419L83.318,209.419L83.318,170.619ZM185.608,207.655C185.608,208.096 185.425,208.5 185.057,208.867C184.69,209.235 184.286,209.419 183.845,209.419L167.972,209.419L167.972,151.219C167.972,145.928 166.062,141.372 162.24,137.55C158.419,133.729 153.863,131.819 148.572,131.819L92.136,131.819C86.845,131.819 82.289,133.729 78.468,137.55C74.646,141.372 72.736,145.928 72.736,151.219L72.736,209.419L56.863,209.419C56.422,209.419 56.018,209.235 55.65,208.867C55.283,208.5 55.099,208.096 55.099,207.655L55.099,101.837C55.099,91.549 58.7,82.804 65.902,75.603C73.103,68.401 81.848,64.8 92.136,64.8L148.572,64.8C158.86,64.8 167.605,68.401 174.806,75.603C182.008,82.804 185.608,91.549 185.608,101.837L185.608,207.655ZM139.754,94.782C139.754,96.252 139.239,97.501 138.211,98.53C137.182,99.559 135.933,100.073 134.463,100.073L106.245,100.073C104.775,100.073 103.526,99.559 102.497,98.53C101.468,97.501 100.954,96.252 100.954,94.782C100.954,93.313 101.468,92.063 102.497,91.034C103.526,90.006 104.775,89.491 106.245,89.491L134.463,89.491C135.933,89.491 137.182,90.006 138.211,91.034C139.239,92.063 139.754,93.313 139.754,94.782"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</f:case>
|
||||||
|
<f:case value="skipass">
|
||||||
|
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<g>
|
||||||
|
<path d="M197.077,211.419C197.077,211.836 196.903,212.218 196.556,212.565C196.208,212.913 195.826,213.087 195.409,213.087L75.344,213.087C74.928,213.087 74.545,212.913 74.198,212.565C73.851,212.218 73.677,211.836 73.677,211.419L73.677,64.673C73.677,64.256 73.851,63.874 74.198,63.526C74.545,63.179 74.928,63.005 75.344,63.005L112.507,63.005L129.875,87.043L93.674,87.043C92.285,87.043 91.103,87.53 90.131,88.502C89.158,89.475 88.671,90.656 88.671,92.046C88.671,93.436 89.158,94.617 90.131,95.59C91.103,96.562 92.285,97.049 93.674,97.049L173.718,97.049C175.107,97.049 176.288,96.562 177.261,95.59C178.234,94.617 178.72,93.436 178.72,92.046C178.72,90.656 178.234,89.475 177.261,88.502C176.288,87.53 175.107,87.043 173.718,87.043L150.875,87.043L133.507,63.005L195.409,63.005C195.826,63.005 196.208,63.179 196.556,63.526C196.903,63.874 197.077,64.256 197.077,64.673L197.077,211.419ZM203.643,56.439C201.35,54.146 198.606,53 195.409,53L159.025,53L183.012,20L162.012,20L137.89,53L126.277,53L100.988,18L79.988,18L105.277,53L75.344,53C72.148,53 69.404,54.146 67.111,56.439C64.818,58.732 63.671,61.477 63.671,64.673L63.671,211.419C63.671,214.615 64.818,217.36 67.111,219.653C69.404,221.945 72.148,223.092 75.344,223.092L195.409,223.092C198.606,223.092 201.35,221.945 203.643,219.653C205.936,217.36 207.082,214.615 207.082,211.419L207.082,64.673C207.082,61.477 205.936,58.732 203.643,56.439"/>
|
||||||
|
<path d="M97.041,166.489C96.094,167.338 94.718,167.762 92.914,167.762L86.821,167.762L86.821,157.371L93.074,157.371C94.756,157.402 96.075,157.917 97.03,158.917C97.985,159.917 98.462,161.229 98.462,162.851C98.462,164.428 97.989,165.64 97.041,166.489M103.828,157.088C102.812,155.412 101.361,154.12 99.474,153.211C97.587,152.301 95.4,151.846 92.914,151.846L80,151.846L80,184.951L86.821,184.951L86.821,173.287L92.801,173.287C96.726,173.287 99.8,172.352 102.021,170.479C104.241,168.607 105.352,166.049 105.352,162.806C105.352,160.668 104.843,158.763 103.828,157.088"/>
|
||||||
|
<path d="M114.56,172.606L118.675,160.214L122.835,172.606L114.56,172.606ZM115.515,151.847L103.191,184.952L110.445,184.952L112.718,178.131L124.677,178.131L126.974,184.952L134.227,184.952L121.835,151.847L115.515,151.847Z"/>
|
||||||
|
<path d="M145.163,157.883C146.088,157.179 147.384,156.825 149.052,156.825C150.78,156.825 152.122,157.246 153.075,158.088C154.031,158.929 154.508,160.108 154.508,161.623L161.33,161.623C161.33,159.637 160.818,157.864 159.795,156.303C158.771,154.742 157.335,153.533 155.487,152.677C153.637,151.82 151.529,151.392 149.165,151.392C146.816,151.392 144.698,151.786 142.81,152.574C140.923,153.362 139.476,154.458 138.468,155.86C137.459,157.262 136.955,158.857 136.955,160.645C136.955,164.086 138.835,166.822 142.594,168.854C143.973,169.596 145.846,170.351 148.211,171.116C150.575,171.882 152.212,172.609 153.122,173.299C154.031,173.989 154.486,174.978 154.486,176.266C154.486,177.448 154.031,178.37 153.122,179.028C152.212,179.688 150.947,180.017 149.324,180.017C144.959,180.017 142.776,178.191 142.776,174.538L135.933,174.538C135.933,176.675 136.482,178.555 137.58,180.177C138.679,181.799 140.275,183.076 142.367,184.008C144.459,184.94 146.778,185.406 149.324,185.406C152.993,185.406 155.911,184.592 158.078,182.962C160.246,181.333 161.33,179.086 161.33,176.221C161.33,173.643 160.442,171.491 158.67,169.763C156.895,168.035 154.068,166.588 150.188,165.421C148.082,164.784 146.486,164.101 145.402,163.374C144.318,162.646 143.777,161.745 143.777,160.669C143.777,159.517 144.239,158.588 145.163,157.883"/>
|
||||||
|
<path d="M173.789,157.883C174.714,157.179 176.01,156.825 177.678,156.825C179.406,156.825 180.748,157.246 181.701,158.088C182.658,158.929 183.134,160.108 183.134,161.623L189.956,161.623C189.956,159.637 189.444,157.864 188.421,156.303C187.397,154.742 185.961,153.533 184.113,152.677C182.262,151.82 180.154,151.392 177.791,151.392C175.442,151.392 173.324,151.786 171.436,152.574C169.549,153.362 168.101,154.458 167.094,155.86C166.085,157.262 165.581,158.857 165.581,160.645C165.581,164.086 167.461,166.822 171.22,168.854C172.599,169.596 174.472,170.351 176.837,171.116C179.201,171.882 180.839,172.609 181.748,173.299C182.658,173.989 183.112,174.978 183.112,176.266C183.112,177.448 182.658,178.37 181.748,179.028C180.839,179.688 179.573,180.017 177.95,180.017C173.585,180.017 171.402,178.191 171.402,174.538L164.559,174.538C164.559,176.675 165.107,178.555 166.206,180.177C167.305,181.799 168.901,183.076 170.993,184.008C173.085,184.94 175.404,185.406 177.95,185.406C181.619,185.406 184.537,184.592 186.704,182.962C188.872,181.333 189.956,179.086 189.956,176.221C189.956,173.643 189.068,171.491 187.296,169.763C185.521,168.035 182.695,166.588 178.814,165.421C176.708,164.784 175.112,164.101 174.028,163.374C172.944,162.646 172.403,161.745 172.403,160.669C172.403,159.517 172.865,158.588 173.789,157.883"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</f:case>
|
||||||
|
<f:case value="food">
|
||||||
|
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<g>
|
||||||
|
<path d="M46.496,100.165L202.71,100.165C206.452,100.165 209.666,98.823 212.351,96.138C215.036,93.453 216.378,90.239 216.378,86.496C216.378,86.008 216.338,85.52 216.256,85.032C216.175,84.544 216.134,84.055 216.134,83.567C214.344,75.268 210.683,67.539 205.15,60.379C199.781,53.382 193.028,47.321 184.891,42.195C176.755,37.069 167.562,33.123 157.31,30.357C147.058,27.428 136.156,25.964 124.603,25.964C113.049,25.964 102.147,27.428 91.896,30.357C81.644,33.123 72.45,37.069 64.314,42.195C56.178,47.321 49.425,53.382 44.055,60.379C38.523,67.539 34.861,75.268 33.071,83.567C33.071,84.055 33.031,84.544 32.949,85.032C32.868,85.52 32.827,86.008 32.827,86.496C32.827,90.239 34.17,93.453 36.855,96.138C39.54,98.823 42.753,100.165 46.496,100.165M44.543,86.008C46.008,79.174 49.181,72.746 54.063,66.726C58.782,60.868 64.721,55.782 71.881,51.47C79.041,47.158 87.095,43.782 96.045,41.341C105.157,38.9 114.677,37.68 124.603,37.68C134.529,37.68 144.048,38.9 153.161,41.341C162.11,43.782 170.165,47.158 177.325,51.47C184.485,55.782 190.505,60.868 195.387,66.726C200.106,72.746 203.198,79.174 204.662,86.008L204.662,86.496C204.662,86.984 204.5,87.432 204.174,87.839C203.849,88.246 203.36,88.449 202.71,88.449L46.496,88.449C46.008,88.449 45.56,88.246 45.154,87.839C44.747,87.432 44.543,86.984 44.543,86.496L44.543,86.008ZM224.189,151.178L183.183,166.068L146.326,151.423C146.001,151.26 145.635,151.138 145.228,151.056C144.821,150.975 144.455,150.934 144.129,150.934C143.804,150.934 143.438,150.975 143.031,151.056C142.624,151.138 142.258,151.26 141.933,151.423L105.076,166.068L68.219,151.423C67.894,151.26 67.528,151.138 67.121,151.056C66.714,150.975 66.348,150.934 66.023,150.934C65.697,150.934 65.372,150.975 65.046,151.056C64.721,151.138 64.395,151.178 64.07,151.178L21.111,166.8C19.972,167.288 19.037,168.02 18.304,168.997C17.572,169.973 17.206,171.112 17.206,172.414C17.206,174.041 17.775,175.424 18.915,176.563C20.054,177.702 21.437,178.272 23.064,178.272C23.389,178.272 23.715,178.231 24.04,178.15C24.366,178.068 24.691,178.028 25.017,178.028L40.638,172.17L40.638,180.224C40.638,190.476 44.259,199.222 51.5,206.463C58.741,213.705 67.487,217.325 77.739,217.325L171.467,217.325C181.718,217.325 190.465,213.705 197.706,206.463C204.947,199.222 208.568,190.476 208.568,180.224L208.568,169.485L228.094,162.406C229.233,161.918 230.169,161.186 230.901,160.21C231.634,159.233 232,158.094 232,156.792C232,155.165 231.43,153.782 230.291,152.643C229.152,151.504 227.769,150.934 226.142,150.934C225.816,150.934 225.491,150.975 225.165,151.056C224.84,151.138 224.514,151.178 224.189,151.178M196.852,180.224C196.852,187.222 194.37,193.202 189.407,198.165C184.444,203.128 178.464,205.609 171.467,205.609L77.739,205.609C70.742,205.609 64.762,203.128 59.799,198.165C54.836,193.202 52.354,187.222 52.354,180.224L52.354,168.02L66.023,163.139L102.879,177.784C103.205,177.946 103.571,178.068 103.978,178.15C104.385,178.231 104.751,178.272 105.076,178.272C105.402,178.272 105.768,178.231 106.174,178.15C106.581,178.068 106.947,177.946 107.273,177.784L144.129,163.139L180.986,177.784C181.312,177.946 181.678,178.068 182.085,178.15C182.491,178.231 182.857,178.272 183.183,178.272C183.508,178.272 183.834,178.231 184.159,178.15C184.485,178.068 184.81,178.028 185.136,178.028L196.852,173.634L196.852,180.224ZM17.206,125.55C17.206,123.922 17.775,122.539 18.915,121.4C20.054,120.261 21.437,119.692 23.064,119.692L226.142,119.692C227.769,119.692 229.152,120.261 230.291,121.4C231.43,122.539 232,123.922 232,125.55C232,127.177 231.43,128.56 230.291,129.699C229.152,130.838 227.769,131.408 226.142,131.408L23.064,131.408C21.437,131.408 20.054,130.838 18.915,129.699C17.775,128.56 17.206,127.177 17.206,125.55"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</f:case>
|
||||||
|
<f:case value="drinks">
|
||||||
|
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<path d="M161.189,215.461L161.178,215.65C161.178,216.122 161.027,216.458 160.672,216.773C160.27,217.131 159.835,217.297 159.303,217.297L83.928,217.297C83.396,217.297 82.961,217.13 82.558,216.773C82.148,216.409 81.897,215.961 81.812,215.463L65.706,80.721L96.877,80.721L130.273,197.918L130.355,198.121C130.373,198.231 130.394,198.34 130.425,198.45C130.826,199.857 131.734,201.03 132.98,201.752C134.234,202.478 135.678,202.662 137.046,202.272C138.418,201.882 139.546,200.964 140.229,199.688C140.908,198.416 141.061,196.941 140.662,195.535C140.657,195.518 140.65,195.501 140.645,195.483L107.943,80.721L177.521,80.721L161.189,215.461ZM181.895,43.954L178.815,70.225L104.953,70.225L97.466,43.954L181.895,43.954ZM86.4,43.954L93.886,70.225L64.415,70.225L61.336,43.954L86.4,43.954ZM192.704,36.857C192.511,36.377 192.229,35.855 191.833,35.265L191.666,35.065C191.238,34.639 190.714,34.27 190.109,33.967C189.431,33.629 188.654,33.458 187.797,33.458L94.475,33.458L90.371,19.053L90.29,18.854C90.272,18.742 90.251,18.631 90.219,18.521C89.818,17.113 88.911,15.94 87.664,15.218C86.412,14.494 84.969,14.309 83.597,14.699C80.775,15.503 79.154,18.526 79.984,21.438C79.989,21.456 79.994,21.473 80,21.491L79.999,21.491L83.409,33.458L55.433,33.458C53.934,33.458 52.671,33.961 51.68,34.952C50.688,35.944 50.185,37.207 50.185,38.705L50.189,39.289L71.566,216.744C71.916,219.888 73.289,222.544 75.646,224.639C78.001,226.732 80.787,227.793 83.928,227.793L159.303,227.793C162.444,227.793 165.23,226.732 167.585,224.639C169.943,222.543 171.315,219.89 171.663,216.758L193.038,39.3L193.045,38.705C193.045,38.046 192.931,37.424 192.704,36.857" style="fill-rule:nonzero;"/>
|
||||||
|
</svg>
|
||||||
|
</f:case>
|
||||||
|
<f:case value="program">
|
||||||
|
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<path d="M140.5,222.743L108.731,222.743C107.153,222.743 105.825,223.271 104.782,224.314C103.74,225.357 103.211,226.685 103.211,228.264C103.211,229.841 103.74,231.169 104.782,232.212C105.825,233.255 107.153,233.783 108.731,233.783L140.5,233.783C142.078,233.783 143.406,233.255 144.449,232.212C145.492,231.169 146.021,229.841 146.021,228.264C146.021,226.685 145.492,225.357 144.449,224.314C143.406,223.271 142.078,222.743 140.5,222.743"/>
|
||||||
|
<path d="M206.46,157.279L206.46,157.851L194.077,212.858L194.064,213.14C193.963,213.563 193.707,213.928 193.284,214.258C192.481,214.881 191.622,214.879 191.089,214.665C190.869,214.576 190.673,214.444 190.437,214.215L164.855,195.076C171.656,182.88 176.738,171.063 179.963,159.943C182.869,149.911 184.722,140.175 185.475,130.985L205.839,155.553L205.921,155.642C206.082,155.804 206.203,156.012 206.291,156.279C206.404,156.62 206.46,156.947 206.46,157.279M174.443,128.227C174.283,146.847 167.571,167.958 154.492,190.973L94.739,190.973C81.662,167.962 74.949,146.851 74.788,128.227C74.626,109.336 77.548,92.718 83.475,78.837C89.41,64.934 96.695,53.527 105.132,44.928C113.382,36.354 119.379,30.592 122.958,27.801C123.221,27.675 123.51,27.549 123.825,27.423C124.282,27.238 124.948,27.239 125.406,27.422C125.722,27.549 126.011,27.675 126.272,27.801C129.851,30.591 135.851,36.355 144.111,44.939C152.539,53.53 159.822,64.935 165.756,78.837C171.684,92.721 174.606,109.339 174.443,128.227M55.143,212.782L42.771,157.851L42.771,157.031C42.771,156.958 42.788,156.737 42.94,156.28C43.034,155.998 43.162,155.791 43.408,155.537L63.757,130.985C64.509,140.174 66.362,149.909 69.27,159.944C72.492,171.059 77.575,182.88 84.381,195.08L59.566,213.808L59.196,213.808L58.741,214.261C58.561,214.443 58.365,214.575 58.148,214.663C57.453,214.939 56.629,214.788 55.948,214.258C55.506,213.914 55.259,213.467 55.143,212.782M216.656,152.515C216.1,151.032 215.344,149.713 214.408,148.591L185.454,113.993C184.743,100.834 182.039,88.724 177.419,78C172.929,67.357 167.738,57.863 161.989,49.782C156.251,41.714 150.543,34.993 145.017,29.802C141.456,26.565 138.449,23.887 136.059,21.824L137.896,21.824L132.83,18.931C131.616,18.238 130.341,17.622 129.038,17.1C126.334,16.017 123.222,15.964 120.279,16.946C118.858,17.419 117.566,18.136 116.441,19.074C113.784,21.234 109.666,24.847 104.196,29.819C98.687,34.994 92.983,41.711 87.242,49.781C81.494,57.862 76.304,67.353 71.817,77.989C67.194,88.721 64.49,100.834 63.778,113.993L34.821,148.593C33.887,149.714 33.131,151.033 32.574,152.516C32.015,154.008 31.731,155.611 31.731,157.279C31.731,157.7 31.779,158.189 31.877,158.774C31.944,159.177 31.98,159.519 31.98,159.761L31.98,159.879L44.39,215.002L44.411,215.362C44.791,217.648 45.803,219.674 47.418,221.384C47.618,221.595 47.824,221.8 48.035,221.998L46.825,221.998L50.591,223.882C51.017,224.125 51.473,224.352 51.921,224.548L52.692,224.932C53.51,225.341 54.347,225.6 55.176,225.704C55.891,225.795 56.707,225.841 57.603,225.841C59.12,225.841 60.608,225.552 62.026,224.985C63.382,224.442 64.586,223.813 65.733,223.047L93.614,202.013L155.618,202.013L183.572,223.098C184.645,223.813 185.866,224.449 187.206,224.985C188.624,225.552 190.195,225.841 191.877,225.841C192.608,225.841 193.341,225.795 194.054,225.704C194.87,225.602 195.687,225.351 196.434,224.981C198.451,224.238 200.262,223.028 201.814,221.384C203.434,219.669 204.442,217.577 204.804,215.2L217.224,160.047L217.252,159.761C217.252,159.516 217.286,159.184 217.355,158.776C217.452,158.194 217.5,157.705 217.5,157.279C217.5,155.611 217.216,154.008 216.656,152.515"/>
|
||||||
|
<path d="M124.616,95.667C122.05,95.667 119.802,96.613 117.937,98.48C116.071,100.343 115.125,102.59 115.125,105.158C115.125,107.726 116.071,109.974 117.937,111.837C119.803,113.703 122.05,114.649 124.616,114.649C127.184,114.649 129.431,113.703 131.295,111.837C133.161,109.971 134.108,107.724 134.108,105.158C134.108,102.593 133.161,100.345 131.295,98.48C129.431,96.613 127.184,95.667 124.616,95.667"/>
|
||||||
|
</svg>
|
||||||
|
</f:case>
|
||||||
|
<f:case value="car">
|
||||||
|
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<path d="M59.39,152.637L74.197,152.637C75.694,152.637 76.955,152.136 77.945,151.147C78.934,150.156 79.435,148.895 79.435,147.399C79.435,145.901 78.933,144.64 77.944,143.651C76.953,142.66 75.692,142.158 74.197,142.158L59.39,142.158C57.893,142.158 56.633,142.66 55.642,143.651C54.653,144.64 54.151,145.901 54.151,147.399C54.151,148.895 54.653,150.157 55.642,151.147C56.631,152.136 57.891,152.637 59.39,152.637"/>
|
||||||
|
<path d="M163.034,152.637L177.842,152.637C179.339,152.637 180.599,152.136 181.591,151.147C182.579,150.157 183.08,148.896 183.08,147.399C183.08,145.9 182.579,144.639 181.589,143.649C180.596,142.66 179.336,142.158 177.842,142.158L163.034,142.158C161.54,142.158 160.279,142.66 159.287,143.651C158.298,144.639 157.796,145.9 157.796,147.399C157.796,148.895 158.298,150.156 159.287,151.148C160.277,152.136 161.538,152.637 163.034,152.637"/>
|
||||||
|
<path d="M175.677,182.25L202.215,182.25L202.215,199.221C202.215,199.892 202.028,200.392 201.625,200.793C201.222,201.196 200.722,201.385 200.052,201.385L177.842,201.385C177.172,201.385 176.672,201.197 176.269,200.794C175.864,200.391 175.677,199.891 175.677,199.221L175.677,182.25ZM202.215,171.771L35.016,171.771L35.016,123.023L202.215,123.023L202.215,171.771ZM199.308,112.546L37.924,112.546L62.188,57.784L62.205,57.742C62.391,57.277 62.645,56.95 62.981,56.74C63.352,56.508 63.766,56.395 64.248,56.395L172.984,56.395C173.466,56.395 173.88,56.507 174.25,56.739C174.529,56.913 174.747,57.116 174.916,57.355L174.916,57.496L199.308,112.546ZM61.554,199.221C61.554,199.891 61.366,200.391 60.964,200.794C60.56,201.197 60.06,201.385 59.39,201.385L37.18,201.385C36.51,201.385 36.01,201.197 35.607,200.794C35.204,200.391 35.016,199.891 35.016,199.221L35.016,182.25L61.554,182.25L61.554,199.221ZM226.009,114.036C225.018,113.047 223.757,112.546 222.261,112.546L210.769,112.546L184.559,53.52C183.523,51.272 181.986,49.43 179.992,48.043C177.964,46.632 175.606,45.917 172.984,45.917L64.248,45.917C61.626,45.917 59.268,46.632 57.24,48.043C55.261,49.418 53.732,51.168 52.694,53.245L52.531,53.569L52.531,53.826L26.464,112.546L14.97,112.546C13.472,112.546 12.212,113.048 11.223,114.037C10.233,115.026 9.732,116.288 9.732,117.785C9.732,119.282 10.233,120.543 11.223,121.533C12.212,122.522 13.473,123.024 14.97,123.024L24.538,123.024L24.538,199.221C24.538,202.714 25.779,205.727 28.227,208.174C30.674,210.621 33.686,211.862 37.18,211.862L59.39,211.862C62.884,211.862 65.896,210.621 68.343,208.174C70.791,205.726 72.032,202.714 72.032,199.221L72.032,182.25L165.199,182.25L165.199,199.221C165.199,202.714 166.441,205.727 168.888,208.174C171.335,210.621 174.348,211.862 177.842,211.862L200.052,211.862C203.545,211.862 206.557,210.621 209.004,208.174C211.453,205.725 212.695,202.713 212.695,199.221L212.695,123.024L222.261,123.024C223.757,123.024 225.019,122.522 226.009,121.533C226.998,120.544 227.5,119.284 227.5,117.785C227.5,116.287 226.998,115.025 226.009,114.036"/>
|
||||||
|
</svg>
|
||||||
|
</f:case>
|
||||||
|
<f:case value="bus">
|
||||||
|
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<path d="M7.337,73.94C5.708,73.94 4.338,74.484 3.266,75.557C2.193,76.63 1.649,78.001 1.649,79.628L1.649,104.759C1.649,106.387 2.193,107.757 3.266,108.831C4.338,109.904 5.708,110.448 7.337,110.448C8.965,110.448 10.335,109.904 11.409,108.831C12.482,107.757 13.025,106.387 13.025,104.759L13.025,79.628C13.025,78.001 12.482,76.631 11.408,75.557C10.335,74.484 8.965,73.94 7.337,73.94"/>
|
||||||
|
<path d="M202.697,62.874L202.697,65.562L46.534,65.562L46.534,62.874C46.534,57.554 48.456,52.935 52.246,49.144C56.037,45.352 60.656,43.432 65.976,43.432L183.254,43.432C188.573,43.432 193.193,45.352 196.984,49.144C200.775,52.936 202.697,57.555 202.697,62.874M202.697,107.448L46.534,107.448L46.534,76.94L202.697,76.94L202.697,107.448ZM202.697,182.841L46.534,182.841L46.534,118.824L202.697,118.824L202.697,182.841ZM77.042,213.661C77.042,214.486 76.807,215.106 76.303,215.611C75.8,216.115 75.18,216.349 74.353,216.349L49.222,216.349C48.396,216.349 47.776,216.115 47.272,215.611C46.769,215.106 46.534,214.486 46.534,213.661L46.534,194.218L77.042,194.218L77.042,213.661ZM202.697,194.218L202.697,213.661C202.697,214.486 202.462,215.106 201.958,215.611C201.454,216.115 200.835,216.349 200.008,216.349L174.877,216.349C174.051,216.349 173.431,216.115 172.927,215.61C172.423,215.106 172.188,214.486 172.188,213.661L172.188,194.218L202.697,194.218ZM183.254,32.054L65.976,32.054C57.573,32.054 50.259,35.109 44.235,41.133C38.211,47.157 35.156,54.472 35.156,62.874L35.156,213.661C35.156,217.547 36.537,220.9 39.261,223.622C41.983,226.345 45.335,227.726 49.222,227.726L74.353,227.726C78.241,227.726 81.593,226.345 84.315,223.622C87.038,220.899 88.419,217.546 88.419,213.661L88.419,194.218L160.811,194.218L160.811,213.661C160.811,217.546 162.192,220.899 164.916,223.622C167.638,226.345 170.99,227.726 174.877,227.726L200.008,227.726C203.895,227.726 207.247,226.345 209.969,223.622C212.693,220.899 214.074,217.546 214.074,213.661L214.074,62.874C214.074,54.471 211.019,47.156 204.995,41.133C198.971,35.109 191.656,32.054 183.254,32.054"/>
|
||||||
|
<path d="M86.919,160.71C89.589,160.71 91.928,159.726 93.87,157.783C95.812,155.843 96.796,153.505 96.796,150.833C96.796,148.162 95.812,145.823 93.87,143.882C91.928,141.94 89.59,140.956 86.919,140.956C84.249,140.956 81.91,141.94 79.968,143.882C78.026,145.823 77.042,148.162 77.042,150.833C77.042,153.504 78.026,155.843 79.968,157.783C81.91,159.726 84.249,160.71 86.919,160.71"/>
|
||||||
|
<path d="M162.312,160.71C164.982,160.71 167.32,159.726 169.262,157.783C171.205,155.842 172.189,153.504 172.189,150.833C172.189,148.163 171.205,145.824 169.262,143.882C167.32,141.94 164.981,140.956 162.312,140.956C159.641,140.956 157.303,141.94 155.362,143.882C153.419,145.824 152.434,148.162 152.434,150.833C152.434,153.504 153.419,155.842 155.362,157.783C157.303,159.726 159.641,160.71 162.312,160.71"/>
|
||||||
|
<path d="M245.965,75.557L245.965,75.556C244.89,74.484 243.521,73.94 241.894,73.94C240.265,73.94 238.895,74.484 237.822,75.557C236.749,76.631 236.205,78.001 236.205,79.628L236.205,104.759C236.205,106.387 236.749,107.756 237.822,108.83C238.895,109.904 240.265,110.448 241.894,110.448C243.521,110.448 244.89,109.904 245.965,108.83C247.038,107.756 247.582,106.387 247.582,104.759L247.582,79.628C247.582,78.001 247.038,76.631 245.965,75.557"/>
|
||||||
|
</svg>
|
||||||
|
</f:case>
|
||||||
|
<f:case value="weather">
|
||||||
|
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<g>
|
||||||
|
<path d="M171.567,43.979C168.306,43.979 165.152,44.227 162.104,44.723C159.056,45.219 156.043,45.893 153.066,46.744L153.491,46.531C152.216,44.404 150.798,42.384 149.238,40.47C147.679,38.556 145.978,36.749 144.135,35.048L153.066,22.288C153.35,21.863 153.562,21.402 153.704,20.906C153.846,20.41 153.917,19.878 153.917,19.311C153.917,17.893 153.421,16.688 152.428,15.696C151.436,14.704 150.231,14.207 148.813,14.207C147.962,14.207 147.183,14.42 146.474,14.845C145.765,15.271 145.198,15.767 144.773,16.334L144.56,16.334L135.629,29.093C132.51,27.392 129.107,26.045 125.421,25.053C121.735,24.06 117.837,23.564 113.725,23.564L110.748,23.564L108.196,8.253C107.913,6.977 107.31,5.949 106.389,5.17C105.467,4.39 104.368,4 103.092,4C101.675,4 100.47,4.496 99.477,5.489C98.485,6.481 97.989,7.686 97.989,9.104L97.989,10.167L100.753,25.478C96.5,26.754 92.566,28.562 88.951,30.901C85.336,33.24 82.111,35.969 79.275,39.088L66.516,30.157C66.091,29.873 65.63,29.66 65.134,29.519C64.638,29.377 64.106,29.306 63.539,29.306C62.121,29.306 60.916,29.802 59.924,30.794C58.931,31.787 58.435,32.992 58.435,34.41C58.435,35.26 58.648,36.04 59.073,36.749C59.498,37.458 59.995,38.025 60.562,38.45L73.321,47.594C71.62,50.713 70.273,54.115 69.281,57.802C68.288,61.488 67.792,65.386 67.792,69.497L67.792,72.475L52.481,75.026C51.347,75.31 50.354,75.913 49.504,76.834C48.653,77.756 48.228,78.854 48.228,80.13C48.228,81.548 48.724,82.753 49.716,83.745C50.709,84.738 51.914,85.234 53.331,85.234L54.395,85.234L54.182,85.234L69.706,82.469C70.415,84.879 71.265,87.148 72.258,89.274C73.25,91.401 74.455,93.456 75.873,95.441L75.66,95.229C71.124,99.056 67.544,103.77 64.921,109.37C62.298,114.97 60.987,120.96 60.987,127.339C60.987,133.152 62.121,138.681 64.389,143.926C66.516,149.03 69.529,153.531 73.427,157.43C77.326,161.329 81.827,164.341 86.931,166.468C92.176,168.736 97.705,169.87 103.518,169.87L171.567,169.87C180.215,169.87 188.367,168.24 196.022,164.979C203.678,161.577 210.341,157.04 216.012,151.369C221.682,145.698 226.219,139.035 229.622,131.38C232.882,123.724 234.513,115.573 234.513,106.925C234.513,98.277 232.882,90.125 229.622,82.469C226.219,74.814 221.682,68.151 216.012,62.48C210.341,56.809 203.678,52.273 196.022,48.87C188.367,45.609 180.215,43.979 171.567,43.979M77.999,69.497C77.999,59.574 81.473,51.138 88.419,44.192C95.366,37.245 103.801,33.772 113.725,33.772C120.105,33.772 125.917,35.26 131.163,38.237C136.408,41.215 140.661,45.184 143.922,50.146L143.922,50.359C136.55,54.045 130.135,58.9 124.677,64.925C119.219,70.951 115.072,77.72 112.237,85.234L112.237,85.659C110.961,85.376 109.578,85.163 108.09,85.021C106.601,84.879 105.148,84.809 103.73,84.809L103.518,84.809C99.974,84.809 96.536,85.234 93.204,86.084C89.872,86.935 86.789,88.14 83.954,89.7L84.166,89.487C82.182,86.652 80.657,83.533 79.594,80.13C78.531,76.728 77.999,73.183 77.999,69.497M171.567,159.663L103.518,159.663C94.586,159.663 86.966,156.508 80.657,150.2C74.349,143.891 71.194,136.271 71.194,127.339C71.194,118.408 74.349,110.788 80.657,104.479C86.966,98.17 94.586,95.016 103.518,95.016C104.652,95.016 105.715,95.051 106.708,95.122C107.7,95.193 108.692,95.37 109.685,95.654L109.472,95.654C109.33,96.646 109.189,97.78 109.047,99.056C108.905,100.332 108.763,101.679 108.621,103.097L108.621,103.522C108.621,104.94 109.118,106.145 110.11,107.137C111.102,108.13 112.307,108.626 113.725,108.626C115.143,108.626 116.312,108.165 117.234,107.244C118.155,106.322 118.687,105.223 118.829,103.947L118.829,103.735C118.971,101.892 119.183,100.084 119.467,98.312C119.75,96.54 120.105,94.803 120.53,93.102L120.53,93.315L120.53,93.102C122.231,87.431 124.641,82.186 127.76,77.366C131.021,72.687 134.884,68.611 139.35,65.138C143.816,61.665 148.813,58.936 154.342,56.951C159.729,55.108 165.471,54.186 171.567,54.186C178.797,54.186 185.673,55.533 192.194,58.227C198.574,61.062 204.138,64.854 208.888,69.604C213.637,74.353 217.429,79.918 220.265,86.297C222.958,92.677 224.305,99.553 224.305,106.925C224.305,114.155 222.958,120.96 220.265,127.339C217.429,133.861 213.637,139.496 208.888,144.245C204.138,148.995 198.574,152.716 192.194,155.41C185.673,158.245 178.797,159.663 171.567,159.663"/>
|
||||||
|
<path d="M44.622,196.642L55.326,188.865L51.237,201.448L61.941,209.225L48.71,209.225L44.622,221.808L40.534,209.225L27.303,209.225L38.007,201.448L33.918,188.865L44.622,196.642Z"/>
|
||||||
|
<path d="M78.646,222.834L89.35,215.057L85.261,227.64L95.965,235.417L82.734,235.417L78.646,248L74.558,235.417L61.327,235.417L72.031,227.64L67.942,215.057L78.646,222.834Z"/>
|
||||||
|
<path d="M105.866,188.81L116.57,181.033L112.481,193.616L123.185,201.393L109.954,201.393L105.866,213.976L101.778,201.393L88.547,201.393L99.251,193.616L95.162,181.033L105.866,188.81Z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</f:case>
|
||||||
|
<f:case value="lift">
|
||||||
|
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<g>
|
||||||
|
<path d="M155.232,194.335C155.232,191.763 153.139,189.671 150.568,189.671L94.777,189.671L94.777,65.18C94.777,65.126 94.774,65.074 94.771,65.023L171.192,21.603C172.276,20.988 173.055,19.988 173.385,18.788C173.716,17.586 173.559,16.327 172.942,15.243C171.678,13.015 168.83,12.23 166.584,13.494L5.37,105.093C4.286,105.708 3.507,106.707 3.176,107.908C2.845,109.109 3.003,110.368 3.619,111.451C4.443,112.907 5.999,113.812 7.677,113.812C8.48,113.812 9.275,113.601 9.978,113.202L85.449,70.32L85.449,191.604C84.855,192.408 84.533,193.361 84.533,194.335C84.533,196.906 86.625,198.999 89.197,198.999L150.568,198.999C153.139,198.999 155.232,196.906 155.232,194.335"/>
|
||||||
|
<path d="M240.336,139.291C237.765,139.291 235.672,141.384 235.672,143.955L235.672,161.894L192.36,193.6C191.964,192.342 191.283,191.213 190.349,190.278L169.686,169.615C168.183,168.112 166.19,167.254 164.06,167.187C163.184,166.907 162.365,166.77 161.561,166.77L129.585,166.77L129.585,116.475C129.585,110.873 125.027,106.315 119.425,106.315C113.823,106.315 109.265,110.873 109.265,116.475L109.265,173.267C109.265,178.869 113.823,183.427 119.425,183.427C119.681,183.427 119.928,183.396 120.175,183.362L120.335,183.343L120.398,183.351C120.681,183.391 120.963,183.427 121.257,183.427L159.944,183.427L178.572,202.055C178.89,202.372 179.238,202.664 179.615,202.929L140.485,231.574C139.481,232.31 138.822,233.393 138.632,234.624C138.442,235.855 138.742,237.087 139.478,238.091C140.351,239.286 141.759,240 143.244,240C144.243,240 145.196,239.687 145.996,239.099L244.591,166.921L245,166.621L245,143.955C245,141.384 242.907,139.291 240.336,139.291"/>
|
||||||
|
<path d="M105.601,87.164C105.601,95.797 112.624,102.82 121.257,102.82C129.89,102.82 136.913,95.797 136.913,87.164C136.913,78.531 129.89,71.508 121.257,71.508C112.624,71.508 105.601,78.531 105.601,87.164"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</f:case>
|
||||||
|
<f:case value="webcam">
|
||||||
|
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<g>
|
||||||
|
<path d="M164.411,108.269C164.411,97.508 160.611,88.328 153.01,80.727C145.409,73.126 136.228,69.325 125.467,69.325C114.707,69.325 105.526,73.126 97.925,80.727C90.324,88.328 86.524,97.508 86.524,108.269C86.524,119.03 90.324,128.21 97.925,135.811C105.526,143.412 114.707,147.213 125.467,147.213C136.228,147.213 145.409,143.412 153.01,135.811C160.611,128.21 164.411,119.03 164.411,108.269M98.822,108.269C98.822,100.924 101.427,94.647 106.636,89.438C111.846,84.228 118.123,81.623 125.467,81.623C132.812,81.623 139.089,84.228 144.299,89.438C149.508,94.647 152.113,100.924 152.113,108.269C152.113,115.614 149.508,121.891 144.299,127.1C139.089,132.31 132.812,134.915 125.467,134.915C118.123,134.915 111.846,132.31 106.636,127.1C101.427,121.891 98.822,115.614 98.822,108.269M223.851,208.703L131.616,208.703L131.616,187.95C142.036,187.096 151.686,184.448 160.568,180.007C169.621,175.566 177.435,169.759 184.011,162.585C190.587,155.411 195.839,147.213 199.768,137.989C203.525,128.595 205.404,118.688 205.404,108.269C205.404,97.167 203.269,86.748 198.999,77.012C194.9,67.447 189.221,59.034 181.961,51.775C174.702,44.516 166.205,38.751 156.469,34.481C146.903,30.382 136.57,28.332 125.467,28.332C114.365,28.332 104.031,30.382 94.466,34.481C84.73,38.751 76.233,44.516 68.974,51.775C61.714,59.034 56.035,67.447 51.936,77.012C47.666,86.748 45.531,97.167 45.531,108.269C45.531,118.688 47.409,128.595 51.167,137.989C54.925,147.213 60.134,155.411 66.796,162.585C73.457,169.759 81.229,175.566 90.111,180.007C99.163,184.448 108.814,187.096 119.062,187.95L119.318,187.95L119.318,208.703L27.084,208.703C25.375,208.703 23.924,209.3 22.728,210.496C21.532,211.692 20.935,213.143 20.935,214.852C20.935,216.56 21.532,218.011 22.728,219.207C23.924,220.403 25.375,221.001 27.084,221.001L223.851,221.001C225.559,221.001 227.011,220.403 228.207,219.207C229.402,218.011 230,216.56 230,214.852C230,213.143 229.402,211.692 228.207,210.496C227.011,209.3 225.559,208.703 223.851,208.703M57.828,108.269C57.828,98.875 59.622,90.078 63.209,81.88C66.625,73.681 71.407,66.507 77.556,60.358C83.706,54.209 90.879,49.427 99.078,46.01C107.277,42.424 116.073,40.63 125.467,40.63C134.862,40.63 143.658,42.424 151.857,46.01C160.056,49.427 167.229,54.209 173.378,60.358C179.527,66.507 184.31,73.681 187.726,81.88C191.313,90.078 193.106,98.875 193.106,108.269C193.106,117.663 191.313,126.46 187.726,134.658C184.31,142.857 179.527,150.031 173.378,156.18C167.229,162.329 160.056,167.111 151.857,170.528C143.658,174.114 134.862,175.908 125.467,175.908C116.073,175.908 107.277,174.114 99.078,170.528C90.879,166.941 83.748,162.115 77.685,156.052C71.621,149.988 66.796,142.857 63.209,134.658C59.622,126.46 57.828,117.663 57.828,108.269"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</f:case>
|
||||||
|
<f:case value="chat">
|
||||||
|
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<g>
|
||||||
|
<path d="M208.235,84.81L177.235,84.81L177.235,53.81C177.235,50.315 175.981,47.314 173.474,44.806C170.967,42.299 167.965,41.045 164.47,41.045L47.764,41.045C44.269,41.045 41.268,42.299 38.761,44.806C36.253,47.314 35,50.315 35,53.81L35,170.516C35,171.58 35.304,172.567 35.911,173.479C36.519,174.391 37.279,175.075 38.191,175.531C38.495,175.683 38.837,175.797 39.217,175.873C39.597,175.948 40.014,175.986 40.47,175.986C41.078,175.986 41.686,175.873 42.294,175.645C42.902,175.417 43.434,175.151 43.889,174.847L78.536,146.81L78.764,146.81L78.764,177.81C78.764,181.305 80.018,184.306 82.525,186.814C85.033,189.321 88.034,190.575 91.529,190.575L177.463,190.575L212.11,218.611C212.566,218.915 213.098,219.181 213.706,219.409C214.313,219.637 214.921,219.751 215.529,219.751C215.985,219.751 216.403,219.713 216.783,219.637C217.163,219.561 217.505,219.447 217.809,219.295C218.72,218.839 219.48,218.156 220.088,217.244C220.696,216.332 221,215.344 221,214.281L221,97.575C221,94.08 219.746,91.078 217.239,88.571C214.731,86.064 211.73,84.81 208.235,84.81M76.485,135.869C75.877,135.869 75.269,135.983 74.661,136.211C74.054,136.439 73.522,136.705 73.066,137.009L45.941,159.119L45.941,53.81C45.941,53.354 46.131,52.936 46.511,52.556C46.891,52.176 47.309,51.986 47.764,51.986L164.47,51.986C164.926,51.986 165.344,52.176 165.724,52.556C166.104,52.936 166.294,53.354 166.294,53.81L166.294,134.045C166.294,134.501 166.104,134.919 165.724,135.299C165.344,135.679 164.926,135.869 164.47,135.869L76.485,135.869ZM210.059,202.884L182.934,180.773C182.478,180.469 181.946,180.203 181.338,179.975C180.73,179.748 180.122,179.634 179.514,179.634L91.529,179.634C91.073,179.634 90.655,179.444 90.275,179.064C89.896,178.684 89.706,178.266 89.706,177.81L89.706,146.81L164.47,146.81C167.965,146.81 170.967,145.556 173.474,143.049C175.981,140.542 177.235,137.54 177.235,134.045L177.235,95.751L208.235,95.751C208.691,95.751 209.109,95.941 209.489,96.321C209.869,96.701 210.059,97.119 210.059,97.575L210.059,202.884Z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</f:case>
|
||||||
|
<f:case value="toggle">
|
||||||
|
<svg viewBox="0 0 184 185" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<g>
|
||||||
|
<path d="M92,0C41.2,0 0,41.2 0,92.1C0,143 41.2,184.1 92,184.1C142.8,184.1 184,142.9 184,92.1C184,41.3 142.8,0 92,0ZM92,173.1C47.3,173.1 11,136.8 11,92.1C11,47.4 47.3,11.1 92,11.1C136.7,11.1 173,47.4 173,92.1C173,136.8 136.7,173.1 92,173.1Z"/>
|
||||||
|
<path d="M134.2,92.1C134.2,93.6 133.7,95 132.6,96C131.5,97.1 130.3,97.6 128.7,97.6L55.3,97.6C53.8,97.6 52.4,97.1 51.4,96C50.3,94.9 49.8,93.7 49.8,92.1C49.8,90.5 50.3,89.2 51.4,88.2C52.5,87.1 53.7,86.6 55.3,86.6L128.6,86.6C130.1,86.6 131.5,87.1 132.5,88.2C133.6,89.3 134.1,90.5 134.1,92.1"/>
|
||||||
|
</g>
|
||||||
|
<g class="group-[.toggle-less]:hidden">
|
||||||
|
<path d="M97,128.7C97,130.2 96.5,131.6 95.4,132.6C94.3,133.7 93.1,134.2 91.5,134.2C89.9,134.2 88.6,133.7 87.6,132.6C86.5,131.5 86,130.3 86,128.7L86,55.4C86,53.9 86.5,52.5 87.6,51.5C88.7,50.4 89.9,49.9 91.5,49.9C93.1,49.9 94.4,50.4 95.4,51.5C96.5,52.6 97,53.8 97,55.4L97,128.7Z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</f:case>
|
||||||
|
<f:defaultCase>
|
||||||
|
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
||||||
|
<g>
|
||||||
|
<path d="M38.271,44.944C37.617,45.598 37.126,46.294 36.799,47.03C36.472,47.766 36.308,48.625 36.308,49.606L36.308,214.504C36.308,216.14 36.88,217.53 38.026,218.675C39.171,219.82 40.561,220.393 42.197,220.393C43.833,220.393 45.224,219.82 46.369,218.675C47.514,217.53 48.086,216.14 48.086,214.504L48.086,170.089C61.828,158.965 74.874,154.957 87.225,158.066C99.576,161.174 112.458,166 125.873,172.543C133.889,176.469 142.15,180.191 150.656,183.708C159.163,187.225 167.915,188.984 176.912,188.984C183.62,188.984 190.449,187.716 197.402,185.18C204.355,182.645 211.511,178.187 218.873,171.807C219.364,171.316 219.814,170.662 220.223,169.844C220.632,169.026 220.836,168.208 220.836,167.39L220.836,49.606C220.836,47.97 220.263,46.58 219.118,45.435C217.973,44.29 216.583,43.717 214.947,43.717C214.129,43.717 213.393,43.84 212.738,44.085C212.084,44.331 211.511,44.617 211.021,44.944C196.788,57.377 183.374,62.08 170.778,59.053C158.182,56.027 145.013,51.079 131.271,44.208C124.4,40.772 117.284,37.501 109.923,34.393C102.561,31.284 95.036,29.28 87.348,28.381C79.659,27.481 71.725,28.176 63.545,30.466C55.366,32.757 46.941,37.583 38.271,44.944M209.058,164.691C195.316,175.815 182.27,179.823 169.919,176.715C157.568,173.607 144.686,168.699 131.271,161.992C125.055,159.047 118.675,156.103 112.131,153.158C105.424,150.213 98.635,148.128 91.765,146.901C84.894,145.674 77.778,145.551 70.416,146.533C63.218,147.678 55.775,150.704 48.086,155.612L48.086,52.305C61.828,41.018 74.874,36.928 87.225,40.036C99.576,43.145 112.458,48.052 125.873,54.759C132.089,57.868 138.469,60.894 145.013,63.839C151.72,66.62 158.509,68.664 165.379,69.973C172.25,71.282 179.366,71.364 186.728,70.218C193.926,69.073 201.369,66.129 209.058,61.385L209.058,164.691Z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</f:defaultCase>
|
||||||
|
</f:switch>
|
||||||
|
</f:section>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -5,402 +5,7 @@
|
|||||||
<f:layout name="Default"/>
|
<f:layout name="Default"/>
|
||||||
|
|
||||||
<f:section name="Main">
|
<f:section name="Main">
|
||||||
<div class="container relative">
|
<f:render partial="Travelinfo" section="Main" arguments="{_all}"/>
|
||||||
<div class="h-80 lg:h-128">
|
|
||||||
<f:image image="{travelinfo.headerImage}"
|
|
||||||
width="1280"
|
|
||||||
alt="Reiseinformationen"
|
|
||||||
class="block w-full h-full object-cover object-center" />
|
|
||||||
</div>
|
|
||||||
<div class="absolute top-8 lg:top-16 left-1/2 -translate-x-1/2 w-full max-w-screen-sm lg:left-0 lg:-translate-x-0 lg:max-w-none px-8 lg:px-24 h-64 lg:h-128 flex flex-col items-start justify-between">
|
|
||||||
<div class="bg-ep-primary-dark/80 p-4 text-2xl mb-4 lg:mb-0 md:text-3xl lg:text-6xl text-white uppercase font-black">
|
|
||||||
Reiseinformation
|
|
||||||
</div>
|
|
||||||
<div class="grid grid-cols-2 lg:grid-cols-4">
|
|
||||||
<f:variable name="bgColors" value="{0: 'bg-[#165883]/90', 1: 'bg-[#9DBACE]/90', 2: 'bg-[#3396E4]/90', 3: 'bg-[#0268AA]/90'}"/>
|
|
||||||
<f:variable name="linksCount" value="{travelinfo.links -> f:count()}"/>
|
|
||||||
<f:for each="{travelinfo.links}" as="link" iteration="iteration">
|
|
||||||
<f:render section="Link" arguments="{item: link, color: '{bgColors.{iteration.index}}'}"/>
|
|
||||||
</f:for>
|
|
||||||
<a href="#goodtoknow"
|
|
||||||
data-controller="scroll-to"
|
|
||||||
data-scroll-to-target-value="goodtoknow"
|
|
||||||
data-action="scroll-to#scroll"
|
|
||||||
class="flex flex-col space-y-4 items-center justify-center px-4 py-4 lg:py-16 text-white {bgColors.{linksCount}}">
|
|
||||||
<div class="w-10 h-10 lg:w-24 lg:h-24">
|
|
||||||
<f:render section="Icon" arguments="{icon: 'chat'}" />
|
|
||||||
</div>
|
|
||||||
<div class="uppercase lg:text-xl text-center leading-tight">
|
|
||||||
Wissens­wertes
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="pb-32 pt-32 lg:pt-52 -mt-24 bg-ep-primary-bg">
|
|
||||||
<div class="container px-8 lg:px-24" data-rte-content>
|
|
||||||
<h1 class="headline--underlined headline--has-subline">
|
|
||||||
<span class="subline">{travelinfo.subline}</span>
|
|
||||||
{travelinfo.headline}
|
|
||||||
</h1>
|
|
||||||
{travelinfo.introText -> f:format.html()}
|
|
||||||
<f:if condition="{date}">
|
|
||||||
<p>
|
|
||||||
{date.product.name} {date.dateStart -> f:format.date(format: 'd.m.Y')} - {date.dateEnd -> f:format.date(format: 'd.m.Y')}
|
|
||||||
</p>
|
|
||||||
</f:if>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="container -mt-24 mb-16">
|
|
||||||
<div class="flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-white bg-brand-gradient px-8 lg:px-0 py-8">
|
|
||||||
<div class="lg:w-1/4 flex flex-col space-y-4 pb-8 lg:pb-0 lg:px-8">
|
|
||||||
<div class="w-32 h-32 xl:w-16 xl:h-16 text-ep-primary">
|
|
||||||
<f:render section="Icon" arguments="{icon: 'travel'}"/>
|
|
||||||
</div>
|
|
||||||
<div class="text-2xl lg:text-4xl text-white uppercase font-bold">
|
|
||||||
Anreise
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="lg:w-3/4 pt-8 lg:pt-0 lg:px-8 text-white" data-rte-content>
|
|
||||||
<f:if condition="{date}">
|
|
||||||
<f:if condition="{travelinfo.hideAddress}">
|
|
||||||
<f:else>
|
|
||||||
<h3 class="text-white">
|
|
||||||
Adresse
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
{date.hotel.name}
|
|
||||||
<br>
|
|
||||||
{date.hotel.address -> f:format.nl2br()}
|
|
||||||
</p>
|
|
||||||
</f:else>
|
|
||||||
</f:if>
|
|
||||||
<f:if condition="{date.pickups -> f:count()} > 0">
|
|
||||||
<f:if condition="{date.pickups -> f:count()} <= 3">
|
|
||||||
<f:then>
|
|
||||||
<f:render section="Pickups" arguments="{_all}"/>
|
|
||||||
</f:then>
|
|
||||||
<f:else>
|
|
||||||
<div data-controller="autocollapse" data-autocollapse-height-value="400" data-autocollapse-offset-value="64" class="pb-4">
|
|
||||||
<div class="relative pb-12" data-autocollapse-target="container">
|
|
||||||
<f:render section="Pickups" arguments="{_all}"/>
|
|
||||||
<div class="absolute left-0 bottom-0 w-full h-12 bg-white flex items-center">
|
|
||||||
<button type="button"
|
|
||||||
data-autocollapse-target="button"
|
|
||||||
data-action="autocollapse#toggle"
|
|
||||||
class="hidden text-ep-primary w-10 h-10 ml-2 group toggle-more">
|
|
||||||
<f:render section="Icon" arguments="{icon: 'toggle'}" />
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</f:else>
|
|
||||||
</f:if>
|
|
||||||
</f:if>
|
|
||||||
</f:if>
|
|
||||||
<f:if condition="{travelinfo.selfArrangedText}">
|
|
||||||
<h3 class="text-white">
|
|
||||||
Eigenanreise
|
|
||||||
</h3>
|
|
||||||
{travelinfo.selfArrangedText -> f:format.html()}
|
|
||||||
</f:if>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="container px-4 lg:px-24 mb-8">
|
|
||||||
<h2 class="headline--underlined headline--has-subline">
|
|
||||||
<span class="subline">Sei vorbereitet!</span>
|
|
||||||
Organisatorisches
|
|
||||||
</h2>
|
|
||||||
</div>
|
|
||||||
<div class="container px-4 lg:px-24 flex flex-col space-y-16 pb-16">
|
|
||||||
<f:for each="{travelinfo.teasers}" as="teaser">
|
|
||||||
<f:render section="Teaser" arguments="{_all}"/>
|
|
||||||
</f:for>
|
|
||||||
</div>
|
|
||||||
<div id="goodtoknow" class="bg-ep-primary-bg">
|
|
||||||
<div class="container">
|
|
||||||
<f:if condition="{travelinfo.additionalInfo}">
|
|
||||||
<div class="flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-white bg-[#B48F1D] px-8 lg:px-0 py-8">
|
|
||||||
<div class="lg:w-1/4 flex flex-col space-y-4 pb-8 lg:pb-0 lg:px-8">
|
|
||||||
<div class="w-32 h-32 xl:w-16 xl:h-16 text-[#F9C700]">
|
|
||||||
<f:render section="Icon" arguments="{icon: 'chat'}"/>
|
|
||||||
</div>
|
|
||||||
<div class="text-2xl lg:text-4xl text-white uppercase font-bold">
|
|
||||||
Weitere Infos
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="lg:w-3/4 pt-8 lg:pt-0 lg:px-8 text-white" data-rte-content>
|
|
||||||
{travelinfo.additionalInfo -> f:format.html()}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</f:if>
|
|
||||||
<f:if condition="{travelinfo.importantPhoneNumbers}">
|
|
||||||
<div class="flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-white bg-[#F8C62F] px-8 lg:px-0 py-8">
|
|
||||||
<div class="lg:w-1/4 flex flex-col space-y-4 pb-8 lg:pb-0 lg:px-8">
|
|
||||||
<div class="text-2xl lg:text-4xl text-white uppercase font-bold">
|
|
||||||
Wichtige Telefon­nummern
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="lg:w-3/4 pt-8 lg:pt-0 lg:px-8 text-white" data-rte-content>
|
|
||||||
<f:if condition="{date.guide}">
|
|
||||||
<p>
|
|
||||||
<strong>Busbegleitung / Reiseleitung</strong>
|
|
||||||
<br>
|
|
||||||
{date.guide.name} {date.guide.phone}
|
|
||||||
</p>
|
|
||||||
</f:if>
|
|
||||||
{travelinfo.importantPhoneNumbers -> f:format.html()}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</f:if>
|
|
||||||
<f:if condition="{travelinfo.importantLinks}">
|
|
||||||
<div class="flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-white bg-[#18527B] px-8 lg:px-0 py-8">
|
|
||||||
<div class="lg:w-1/4 flex flex-col space-y-4 pb-8 lg:pb-0 lg:px-8">
|
|
||||||
<div class="text-2xl lg:text-4xl text-white uppercase font-bold">
|
|
||||||
Wichtige Links vor Ort
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="lg:w-3/4 pt-8 lg:pt-0 lg:px-8 text-white" data-rte-content>
|
|
||||||
{travelinfo.importantLinks -> f:format.html()}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</f:if>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="container px-4 lg:px-24 py-16">
|
|
||||||
{travelinfo.footerText -> f:format.html()}
|
|
||||||
<f:image src="EXT:ep_theme/Resources/Public/images/signature_ep_team.png" class="block w-full max-w-64 h-auto mt-8" alt="" />
|
|
||||||
</div>
|
|
||||||
<div class="container">
|
|
||||||
<f:image image="{travelinfo.footerImage}" width="1028" class="block w-full h-auto" alt="" />
|
|
||||||
</div>
|
|
||||||
</f:section>
|
|
||||||
|
|
||||||
<f:section name="Teaser">
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-x-8"
|
|
||||||
data-controller="autocollapse"
|
|
||||||
data-autocollapse-offset-value="64">
|
|
||||||
<div class="relative self-start" data-autocollapse-target="sizer">
|
|
||||||
<f:image image="{teaser.image}" width="640" alt="" class="block w-full h-auto" />
|
|
||||||
<div class="absolute top-0 left-0 inset-0 bg-ep-primary/25 flex items-center justify-center">
|
|
||||||
<div class="w-32 h-32 xl:w-48 xl:h-48 text-white">
|
|
||||||
<f:render section="Icon" arguments="{icon: teaser.category}"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="md:col-span-2 relative p-4 md:p-0 md:pb-4 border border-gray-300 md:border-none">
|
|
||||||
<div class="pb-8"
|
|
||||||
data-autocollapse-target="container"
|
|
||||||
data-rte-content>
|
|
||||||
<h2 class="headline--primary">
|
|
||||||
{teaser.title}
|
|
||||||
</h2>
|
|
||||||
<f:if condition="{date}">
|
|
||||||
<f:if condition="{teaser.category} == 'food'">
|
|
||||||
<p>
|
|
||||||
{date.board}
|
|
||||||
</p>
|
|
||||||
</f:if>
|
|
||||||
<f:if condition="{teaser.category} == 'course'">
|
|
||||||
<f:if condition="{date.activeCoursesForTravelinfo -> f:count()} > 0">
|
|
||||||
<f:then>
|
|
||||||
<p>
|
|
||||||
<strong>Folgende Kurse finden statt</strong>
|
|
||||||
</p>
|
|
||||||
<ul>
|
|
||||||
<f:for as="course" each="{date.activeCoursesForTravelinfo}">
|
|
||||||
<li>
|
|
||||||
{course.label}
|
|
||||||
</li>
|
|
||||||
</f:for>
|
|
||||||
</ul>
|
|
||||||
</f:then>
|
|
||||||
<f:else>
|
|
||||||
<p>
|
|
||||||
Bei Eurer Reise finden keine Kurse statt.
|
|
||||||
</p>
|
|
||||||
</f:else>
|
|
||||||
</f:if>
|
|
||||||
</f:if>
|
|
||||||
</f:if>
|
|
||||||
{teaser.bodytext -> f:format.html()}
|
|
||||||
</div>
|
|
||||||
<div class="absolute left-0 bottom-0 w-full bg-gradient-to-b from-transparent via-white via-20% to-white pt-2 md:pt-0">
|
|
||||||
<button type="button"
|
|
||||||
data-autocollapse-target="button"
|
|
||||||
data-action="autocollapse#toggle"
|
|
||||||
class="hidden text-ep-primary w-12 h-12 ml-4 md:ml-0 group toggle-more">
|
|
||||||
<f:render section="Icon" arguments="{icon: 'toggle'}" />
|
|
||||||
</button>
|
|
||||||
<div class="bg-ep-primary w-full md:w-1/3 h-1"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</f:section>
|
|
||||||
|
|
||||||
<f:section name="Link">
|
|
||||||
<f:link.typolink parameter="{item.link}" class="flex flex-col space-y-4 items-center justify-center px-4 py-4 lg:py-16 text-white {color}">
|
|
||||||
<div class="w-10 h-10 lg:w-24 lg:h-24">
|
|
||||||
<f:render section="Icon" arguments="{icon: item.icon}" />
|
|
||||||
</div>
|
|
||||||
<div class="uppercase lg:text-xl text-center leading-tight">
|
|
||||||
{item.title -> f:format.raw()}
|
|
||||||
</div>
|
|
||||||
</f:link.typolink>
|
|
||||||
</f:section>
|
|
||||||
|
|
||||||
<f:section name="Pickups">
|
|
||||||
<h3 class="text-white">
|
|
||||||
Bus-Zustiege
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
Bitte findet euch mindestens <strong>20 Minuten vor Abfahrt</strong> an der gebuchten Haltestelle ein.
|
|
||||||
</p>
|
|
||||||
{travelinfo.busInfoText -> f:format.html()}
|
|
||||||
<table class="w-full bg-zinc-200 text-zinc-800 text-xs md:text-base mb-4">
|
|
||||||
<tr>
|
|
||||||
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
|
|
||||||
Zustieg
|
|
||||||
</th>
|
|
||||||
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-sm md:text-base">
|
|
||||||
Datum/Uhrzeit
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
<f:for each="{date.pickups}" as="pickup">
|
|
||||||
<tr class="odd:bg-zinc-50 align-top">
|
|
||||||
<td class="border-r border-zinc-200 px-2 py-1 md:p-2">
|
|
||||||
{pickup.city}<br><span class="text-xs">{pickup.street}</span>
|
|
||||||
</td>
|
|
||||||
<td class="border-r border-zinc-200 px-2 py-1 md:p-2">
|
|
||||||
{pickup.date}<br>{f:if(condition: pickup.time, then: '{pickup.time} Uhr', else: '???')}
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</f:for>
|
|
||||||
</table>
|
|
||||||
</f:section>
|
|
||||||
|
|
||||||
<f:section name="Icon">
|
|
||||||
<f:switch expression="{icon}">
|
|
||||||
<f:case value="travel">
|
|
||||||
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<g>
|
|
||||||
<path d="M38.271,44.944C37.617,45.598 37.126,46.294 36.799,47.03C36.472,47.766 36.308,48.625 36.308,49.606L36.308,214.504C36.308,216.14 36.88,217.53 38.026,218.675C39.171,219.82 40.561,220.393 42.197,220.393C43.833,220.393 45.224,219.82 46.369,218.675C47.514,217.53 48.086,216.14 48.086,214.504L48.086,170.089C61.828,158.965 74.874,154.957 87.225,158.066C99.576,161.174 112.458,166 125.873,172.543C133.889,176.469 142.15,180.191 150.656,183.708C159.163,187.225 167.915,188.984 176.912,188.984C183.62,188.984 190.449,187.716 197.402,185.18C204.355,182.645 211.511,178.187 218.873,171.807C219.364,171.316 219.814,170.662 220.223,169.844C220.632,169.026 220.836,168.208 220.836,167.39L220.836,49.606C220.836,47.97 220.263,46.58 219.118,45.435C217.973,44.29 216.583,43.717 214.947,43.717C214.129,43.717 213.393,43.84 212.738,44.085C212.084,44.331 211.511,44.617 211.021,44.944C196.788,57.377 183.374,62.08 170.778,59.053C158.182,56.027 145.013,51.079 131.271,44.208C124.4,40.772 117.284,37.501 109.923,34.393C102.561,31.284 95.036,29.28 87.348,28.381C79.659,27.481 71.725,28.176 63.545,30.466C55.366,32.757 46.941,37.583 38.271,44.944M209.058,164.691C195.316,175.815 182.27,179.823 169.919,176.715C157.568,173.607 144.686,168.699 131.271,161.992C125.055,159.047 118.675,156.103 112.131,153.158C105.424,150.213 98.635,148.128 91.765,146.901C84.894,145.674 77.778,145.551 70.416,146.533C63.218,147.678 55.775,150.704 48.086,155.612L48.086,52.305C61.828,41.018 74.874,36.928 87.225,40.036C99.576,43.145 112.458,48.052 125.873,54.759C132.089,57.868 138.469,60.894 145.013,63.839C151.72,66.62 158.509,68.664 165.379,69.973C172.25,71.282 179.366,71.364 186.728,70.218C193.926,69.073 201.369,66.129 209.058,61.385L209.058,164.691Z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</f:case>
|
|
||||||
<f:case value="course">
|
|
||||||
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<g>
|
|
||||||
<path d="M215.905,68.046L36.311,68.046C32.726,68.046 29.647,69.332 27.074,71.904C24.502,74.477 23.216,77.556 23.216,81.141L23.216,148.489C23.216,152.075 24.502,155.154 27.074,157.726C29.647,160.298 32.726,161.584 36.311,161.584L60.631,161.584L60.631,193.388C60.631,194.947 61.177,196.272 62.268,197.363C63.359,198.454 64.684,199 66.243,199C67.802,199 69.128,198.454 70.219,197.363C71.31,196.272 71.856,194.947 71.856,193.388L71.856,161.584L180.36,161.584L180.36,193.388C180.36,194.947 180.906,196.272 181.997,197.363C183.089,198.454 184.414,199 185.973,199C187.532,199 188.857,198.454 189.948,197.363C191.039,196.272 191.585,194.947 191.585,193.388L191.585,161.584L215.905,161.584C219.491,161.584 222.57,160.298 225.142,157.726C227.714,155.154 229,152.075 229,148.489L229,81.141C229,77.556 227.714,74.477 225.142,71.904C222.57,69.332 219.491,68.046 215.905,68.046M217.776,81.141L217.776,131.184L165.862,79.271L215.905,79.271C216.373,79.271 216.801,79.465 217.191,79.855C217.581,80.245 217.776,80.674 217.776,81.141M36.311,79.271L82.613,79.271L153.702,150.36L102.256,150.36L34.44,82.544L34.44,81.141C34.44,80.674 34.635,80.245 35.025,79.855C35.415,79.465 35.843,79.271 36.311,79.271M34.44,148.489L34.44,98.446L86.354,150.36L36.311,150.36C35.843,150.36 35.415,150.165 35.025,149.775C34.635,149.385 34.44,148.957 34.44,148.489M215.905,150.36L169.603,150.36L98.514,79.271L149.96,79.271L217.776,147.086L217.776,148.489C217.776,148.957 217.581,149.385 217.191,149.775C216.801,150.165 216.373,150.36 215.905,150.36"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</f:case>
|
|
||||||
<f:case value="luggage">
|
|
||||||
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<g>
|
|
||||||
<path d="M153.863,54.439L153.863,45.4C153.863,40.109 151.952,35.553 148.131,31.732C144.31,27.911 139.754,26 134.463,26L106.245,26C100.954,26 96.398,27.911 92.577,31.732C88.755,35.553 86.845,40.109 86.845,45.4L86.845,54.439C80.819,55.174 75.234,56.937 70.09,59.73C64.946,62.375 60.501,65.829 56.753,70.091C53.005,74.353 50.029,79.13 47.824,84.421C45.62,89.859 44.518,95.664 44.518,101.837L44.518,207.655C44.518,211.035 45.73,213.938 48.155,216.363C50.58,218.788 53.483,220 56.863,220L183.845,220C187.225,220 190.128,218.788 192.553,216.363C194.978,213.938 196.19,211.035 196.19,207.655L196.19,101.837C196.19,95.664 195.088,89.932 192.883,84.641C190.679,79.203 187.703,74.353 183.955,70.091C180.207,65.829 175.761,62.375 170.618,59.73C165.474,56.937 159.962,55.174 154.083,54.439L153.863,54.439ZM106.245,36.582L134.463,36.582C136.961,36.582 139.056,37.427 140.746,39.117C142.436,40.808 143.281,42.902 143.281,45.4L143.281,54.219L97.427,54.219L97.427,45.4C97.427,42.902 98.272,40.808 99.962,39.117C101.652,37.427 103.746,36.582 106.245,36.582M157.39,160.037L83.318,160.037L83.318,151.219C83.318,148.72 84.163,146.626 85.853,144.936C87.543,143.245 89.637,142.4 92.136,142.4L148.572,142.4C151.071,142.4 153.165,143.245 154.855,144.936C156.545,146.626 157.39,148.72 157.39,151.219L157.39,160.037ZM83.318,170.619L129.172,170.619L129.172,179.437C129.172,180.906 129.687,182.156 130.715,183.184C131.744,184.213 132.993,184.728 134.463,184.728C135.933,184.728 137.182,184.213 138.211,183.184C139.239,182.156 139.754,180.906 139.754,179.437L139.754,170.619L157.39,170.619L157.39,209.419L83.318,209.419L83.318,170.619ZM185.608,207.655C185.608,208.096 185.425,208.5 185.057,208.867C184.69,209.235 184.286,209.419 183.845,209.419L167.972,209.419L167.972,151.219C167.972,145.928 166.062,141.372 162.24,137.55C158.419,133.729 153.863,131.819 148.572,131.819L92.136,131.819C86.845,131.819 82.289,133.729 78.468,137.55C74.646,141.372 72.736,145.928 72.736,151.219L72.736,209.419L56.863,209.419C56.422,209.419 56.018,209.235 55.65,208.867C55.283,208.5 55.099,208.096 55.099,207.655L55.099,101.837C55.099,91.549 58.7,82.804 65.902,75.603C73.103,68.401 81.848,64.8 92.136,64.8L148.572,64.8C158.86,64.8 167.605,68.401 174.806,75.603C182.008,82.804 185.608,91.549 185.608,101.837L185.608,207.655ZM139.754,94.782C139.754,96.252 139.239,97.501 138.211,98.53C137.182,99.559 135.933,100.073 134.463,100.073L106.245,100.073C104.775,100.073 103.526,99.559 102.497,98.53C101.468,97.501 100.954,96.252 100.954,94.782C100.954,93.313 101.468,92.063 102.497,91.034C103.526,90.006 104.775,89.491 106.245,89.491L134.463,89.491C135.933,89.491 137.182,90.006 138.211,91.034C139.239,92.063 139.754,93.313 139.754,94.782"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</f:case>
|
|
||||||
<f:case value="skipass">
|
|
||||||
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<g>
|
|
||||||
<path d="M197.077,211.419C197.077,211.836 196.903,212.218 196.556,212.565C196.208,212.913 195.826,213.087 195.409,213.087L75.344,213.087C74.928,213.087 74.545,212.913 74.198,212.565C73.851,212.218 73.677,211.836 73.677,211.419L73.677,64.673C73.677,64.256 73.851,63.874 74.198,63.526C74.545,63.179 74.928,63.005 75.344,63.005L112.507,63.005L129.875,87.043L93.674,87.043C92.285,87.043 91.103,87.53 90.131,88.502C89.158,89.475 88.671,90.656 88.671,92.046C88.671,93.436 89.158,94.617 90.131,95.59C91.103,96.562 92.285,97.049 93.674,97.049L173.718,97.049C175.107,97.049 176.288,96.562 177.261,95.59C178.234,94.617 178.72,93.436 178.72,92.046C178.72,90.656 178.234,89.475 177.261,88.502C176.288,87.53 175.107,87.043 173.718,87.043L150.875,87.043L133.507,63.005L195.409,63.005C195.826,63.005 196.208,63.179 196.556,63.526C196.903,63.874 197.077,64.256 197.077,64.673L197.077,211.419ZM203.643,56.439C201.35,54.146 198.606,53 195.409,53L159.025,53L183.012,20L162.012,20L137.89,53L126.277,53L100.988,18L79.988,18L105.277,53L75.344,53C72.148,53 69.404,54.146 67.111,56.439C64.818,58.732 63.671,61.477 63.671,64.673L63.671,211.419C63.671,214.615 64.818,217.36 67.111,219.653C69.404,221.945 72.148,223.092 75.344,223.092L195.409,223.092C198.606,223.092 201.35,221.945 203.643,219.653C205.936,217.36 207.082,214.615 207.082,211.419L207.082,64.673C207.082,61.477 205.936,58.732 203.643,56.439"/>
|
|
||||||
<path d="M97.041,166.489C96.094,167.338 94.718,167.762 92.914,167.762L86.821,167.762L86.821,157.371L93.074,157.371C94.756,157.402 96.075,157.917 97.03,158.917C97.985,159.917 98.462,161.229 98.462,162.851C98.462,164.428 97.989,165.64 97.041,166.489M103.828,157.088C102.812,155.412 101.361,154.12 99.474,153.211C97.587,152.301 95.4,151.846 92.914,151.846L80,151.846L80,184.951L86.821,184.951L86.821,173.287L92.801,173.287C96.726,173.287 99.8,172.352 102.021,170.479C104.241,168.607 105.352,166.049 105.352,162.806C105.352,160.668 104.843,158.763 103.828,157.088"/>
|
|
||||||
<path d="M114.56,172.606L118.675,160.214L122.835,172.606L114.56,172.606ZM115.515,151.847L103.191,184.952L110.445,184.952L112.718,178.131L124.677,178.131L126.974,184.952L134.227,184.952L121.835,151.847L115.515,151.847Z"/>
|
|
||||||
<path d="M145.163,157.883C146.088,157.179 147.384,156.825 149.052,156.825C150.78,156.825 152.122,157.246 153.075,158.088C154.031,158.929 154.508,160.108 154.508,161.623L161.33,161.623C161.33,159.637 160.818,157.864 159.795,156.303C158.771,154.742 157.335,153.533 155.487,152.677C153.637,151.82 151.529,151.392 149.165,151.392C146.816,151.392 144.698,151.786 142.81,152.574C140.923,153.362 139.476,154.458 138.468,155.86C137.459,157.262 136.955,158.857 136.955,160.645C136.955,164.086 138.835,166.822 142.594,168.854C143.973,169.596 145.846,170.351 148.211,171.116C150.575,171.882 152.212,172.609 153.122,173.299C154.031,173.989 154.486,174.978 154.486,176.266C154.486,177.448 154.031,178.37 153.122,179.028C152.212,179.688 150.947,180.017 149.324,180.017C144.959,180.017 142.776,178.191 142.776,174.538L135.933,174.538C135.933,176.675 136.482,178.555 137.58,180.177C138.679,181.799 140.275,183.076 142.367,184.008C144.459,184.94 146.778,185.406 149.324,185.406C152.993,185.406 155.911,184.592 158.078,182.962C160.246,181.333 161.33,179.086 161.33,176.221C161.33,173.643 160.442,171.491 158.67,169.763C156.895,168.035 154.068,166.588 150.188,165.421C148.082,164.784 146.486,164.101 145.402,163.374C144.318,162.646 143.777,161.745 143.777,160.669C143.777,159.517 144.239,158.588 145.163,157.883"/>
|
|
||||||
<path d="M173.789,157.883C174.714,157.179 176.01,156.825 177.678,156.825C179.406,156.825 180.748,157.246 181.701,158.088C182.658,158.929 183.134,160.108 183.134,161.623L189.956,161.623C189.956,159.637 189.444,157.864 188.421,156.303C187.397,154.742 185.961,153.533 184.113,152.677C182.262,151.82 180.154,151.392 177.791,151.392C175.442,151.392 173.324,151.786 171.436,152.574C169.549,153.362 168.101,154.458 167.094,155.86C166.085,157.262 165.581,158.857 165.581,160.645C165.581,164.086 167.461,166.822 171.22,168.854C172.599,169.596 174.472,170.351 176.837,171.116C179.201,171.882 180.839,172.609 181.748,173.299C182.658,173.989 183.112,174.978 183.112,176.266C183.112,177.448 182.658,178.37 181.748,179.028C180.839,179.688 179.573,180.017 177.95,180.017C173.585,180.017 171.402,178.191 171.402,174.538L164.559,174.538C164.559,176.675 165.107,178.555 166.206,180.177C167.305,181.799 168.901,183.076 170.993,184.008C173.085,184.94 175.404,185.406 177.95,185.406C181.619,185.406 184.537,184.592 186.704,182.962C188.872,181.333 189.956,179.086 189.956,176.221C189.956,173.643 189.068,171.491 187.296,169.763C185.521,168.035 182.695,166.588 178.814,165.421C176.708,164.784 175.112,164.101 174.028,163.374C172.944,162.646 172.403,161.745 172.403,160.669C172.403,159.517 172.865,158.588 173.789,157.883"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</f:case>
|
|
||||||
<f:case value="food">
|
|
||||||
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<g>
|
|
||||||
<path d="M46.496,100.165L202.71,100.165C206.452,100.165 209.666,98.823 212.351,96.138C215.036,93.453 216.378,90.239 216.378,86.496C216.378,86.008 216.338,85.52 216.256,85.032C216.175,84.544 216.134,84.055 216.134,83.567C214.344,75.268 210.683,67.539 205.15,60.379C199.781,53.382 193.028,47.321 184.891,42.195C176.755,37.069 167.562,33.123 157.31,30.357C147.058,27.428 136.156,25.964 124.603,25.964C113.049,25.964 102.147,27.428 91.896,30.357C81.644,33.123 72.45,37.069 64.314,42.195C56.178,47.321 49.425,53.382 44.055,60.379C38.523,67.539 34.861,75.268 33.071,83.567C33.071,84.055 33.031,84.544 32.949,85.032C32.868,85.52 32.827,86.008 32.827,86.496C32.827,90.239 34.17,93.453 36.855,96.138C39.54,98.823 42.753,100.165 46.496,100.165M44.543,86.008C46.008,79.174 49.181,72.746 54.063,66.726C58.782,60.868 64.721,55.782 71.881,51.47C79.041,47.158 87.095,43.782 96.045,41.341C105.157,38.9 114.677,37.68 124.603,37.68C134.529,37.68 144.048,38.9 153.161,41.341C162.11,43.782 170.165,47.158 177.325,51.47C184.485,55.782 190.505,60.868 195.387,66.726C200.106,72.746 203.198,79.174 204.662,86.008L204.662,86.496C204.662,86.984 204.5,87.432 204.174,87.839C203.849,88.246 203.36,88.449 202.71,88.449L46.496,88.449C46.008,88.449 45.56,88.246 45.154,87.839C44.747,87.432 44.543,86.984 44.543,86.496L44.543,86.008ZM224.189,151.178L183.183,166.068L146.326,151.423C146.001,151.26 145.635,151.138 145.228,151.056C144.821,150.975 144.455,150.934 144.129,150.934C143.804,150.934 143.438,150.975 143.031,151.056C142.624,151.138 142.258,151.26 141.933,151.423L105.076,166.068L68.219,151.423C67.894,151.26 67.528,151.138 67.121,151.056C66.714,150.975 66.348,150.934 66.023,150.934C65.697,150.934 65.372,150.975 65.046,151.056C64.721,151.138 64.395,151.178 64.07,151.178L21.111,166.8C19.972,167.288 19.037,168.02 18.304,168.997C17.572,169.973 17.206,171.112 17.206,172.414C17.206,174.041 17.775,175.424 18.915,176.563C20.054,177.702 21.437,178.272 23.064,178.272C23.389,178.272 23.715,178.231 24.04,178.15C24.366,178.068 24.691,178.028 25.017,178.028L40.638,172.17L40.638,180.224C40.638,190.476 44.259,199.222 51.5,206.463C58.741,213.705 67.487,217.325 77.739,217.325L171.467,217.325C181.718,217.325 190.465,213.705 197.706,206.463C204.947,199.222 208.568,190.476 208.568,180.224L208.568,169.485L228.094,162.406C229.233,161.918 230.169,161.186 230.901,160.21C231.634,159.233 232,158.094 232,156.792C232,155.165 231.43,153.782 230.291,152.643C229.152,151.504 227.769,150.934 226.142,150.934C225.816,150.934 225.491,150.975 225.165,151.056C224.84,151.138 224.514,151.178 224.189,151.178M196.852,180.224C196.852,187.222 194.37,193.202 189.407,198.165C184.444,203.128 178.464,205.609 171.467,205.609L77.739,205.609C70.742,205.609 64.762,203.128 59.799,198.165C54.836,193.202 52.354,187.222 52.354,180.224L52.354,168.02L66.023,163.139L102.879,177.784C103.205,177.946 103.571,178.068 103.978,178.15C104.385,178.231 104.751,178.272 105.076,178.272C105.402,178.272 105.768,178.231 106.174,178.15C106.581,178.068 106.947,177.946 107.273,177.784L144.129,163.139L180.986,177.784C181.312,177.946 181.678,178.068 182.085,178.15C182.491,178.231 182.857,178.272 183.183,178.272C183.508,178.272 183.834,178.231 184.159,178.15C184.485,178.068 184.81,178.028 185.136,178.028L196.852,173.634L196.852,180.224ZM17.206,125.55C17.206,123.922 17.775,122.539 18.915,121.4C20.054,120.261 21.437,119.692 23.064,119.692L226.142,119.692C227.769,119.692 229.152,120.261 230.291,121.4C231.43,122.539 232,123.922 232,125.55C232,127.177 231.43,128.56 230.291,129.699C229.152,130.838 227.769,131.408 226.142,131.408L23.064,131.408C21.437,131.408 20.054,130.838 18.915,129.699C17.775,128.56 17.206,127.177 17.206,125.55"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</f:case>
|
|
||||||
<f:case value="drinks">
|
|
||||||
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<path d="M161.189,215.461L161.178,215.65C161.178,216.122 161.027,216.458 160.672,216.773C160.27,217.131 159.835,217.297 159.303,217.297L83.928,217.297C83.396,217.297 82.961,217.13 82.558,216.773C82.148,216.409 81.897,215.961 81.812,215.463L65.706,80.721L96.877,80.721L130.273,197.918L130.355,198.121C130.373,198.231 130.394,198.34 130.425,198.45C130.826,199.857 131.734,201.03 132.98,201.752C134.234,202.478 135.678,202.662 137.046,202.272C138.418,201.882 139.546,200.964 140.229,199.688C140.908,198.416 141.061,196.941 140.662,195.535C140.657,195.518 140.65,195.501 140.645,195.483L107.943,80.721L177.521,80.721L161.189,215.461ZM181.895,43.954L178.815,70.225L104.953,70.225L97.466,43.954L181.895,43.954ZM86.4,43.954L93.886,70.225L64.415,70.225L61.336,43.954L86.4,43.954ZM192.704,36.857C192.511,36.377 192.229,35.855 191.833,35.265L191.666,35.065C191.238,34.639 190.714,34.27 190.109,33.967C189.431,33.629 188.654,33.458 187.797,33.458L94.475,33.458L90.371,19.053L90.29,18.854C90.272,18.742 90.251,18.631 90.219,18.521C89.818,17.113 88.911,15.94 87.664,15.218C86.412,14.494 84.969,14.309 83.597,14.699C80.775,15.503 79.154,18.526 79.984,21.438C79.989,21.456 79.994,21.473 80,21.491L79.999,21.491L83.409,33.458L55.433,33.458C53.934,33.458 52.671,33.961 51.68,34.952C50.688,35.944 50.185,37.207 50.185,38.705L50.189,39.289L71.566,216.744C71.916,219.888 73.289,222.544 75.646,224.639C78.001,226.732 80.787,227.793 83.928,227.793L159.303,227.793C162.444,227.793 165.23,226.732 167.585,224.639C169.943,222.543 171.315,219.89 171.663,216.758L193.038,39.3L193.045,38.705C193.045,38.046 192.931,37.424 192.704,36.857" style="fill-rule:nonzero;"/>
|
|
||||||
</svg>
|
|
||||||
</f:case>
|
|
||||||
<f:case value="program">
|
|
||||||
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<path d="M140.5,222.743L108.731,222.743C107.153,222.743 105.825,223.271 104.782,224.314C103.74,225.357 103.211,226.685 103.211,228.264C103.211,229.841 103.74,231.169 104.782,232.212C105.825,233.255 107.153,233.783 108.731,233.783L140.5,233.783C142.078,233.783 143.406,233.255 144.449,232.212C145.492,231.169 146.021,229.841 146.021,228.264C146.021,226.685 145.492,225.357 144.449,224.314C143.406,223.271 142.078,222.743 140.5,222.743"/>
|
|
||||||
<path d="M206.46,157.279L206.46,157.851L194.077,212.858L194.064,213.14C193.963,213.563 193.707,213.928 193.284,214.258C192.481,214.881 191.622,214.879 191.089,214.665C190.869,214.576 190.673,214.444 190.437,214.215L164.855,195.076C171.656,182.88 176.738,171.063 179.963,159.943C182.869,149.911 184.722,140.175 185.475,130.985L205.839,155.553L205.921,155.642C206.082,155.804 206.203,156.012 206.291,156.279C206.404,156.62 206.46,156.947 206.46,157.279M174.443,128.227C174.283,146.847 167.571,167.958 154.492,190.973L94.739,190.973C81.662,167.962 74.949,146.851 74.788,128.227C74.626,109.336 77.548,92.718 83.475,78.837C89.41,64.934 96.695,53.527 105.132,44.928C113.382,36.354 119.379,30.592 122.958,27.801C123.221,27.675 123.51,27.549 123.825,27.423C124.282,27.238 124.948,27.239 125.406,27.422C125.722,27.549 126.011,27.675 126.272,27.801C129.851,30.591 135.851,36.355 144.111,44.939C152.539,53.53 159.822,64.935 165.756,78.837C171.684,92.721 174.606,109.339 174.443,128.227M55.143,212.782L42.771,157.851L42.771,157.031C42.771,156.958 42.788,156.737 42.94,156.28C43.034,155.998 43.162,155.791 43.408,155.537L63.757,130.985C64.509,140.174 66.362,149.909 69.27,159.944C72.492,171.059 77.575,182.88 84.381,195.08L59.566,213.808L59.196,213.808L58.741,214.261C58.561,214.443 58.365,214.575 58.148,214.663C57.453,214.939 56.629,214.788 55.948,214.258C55.506,213.914 55.259,213.467 55.143,212.782M216.656,152.515C216.1,151.032 215.344,149.713 214.408,148.591L185.454,113.993C184.743,100.834 182.039,88.724 177.419,78C172.929,67.357 167.738,57.863 161.989,49.782C156.251,41.714 150.543,34.993 145.017,29.802C141.456,26.565 138.449,23.887 136.059,21.824L137.896,21.824L132.83,18.931C131.616,18.238 130.341,17.622 129.038,17.1C126.334,16.017 123.222,15.964 120.279,16.946C118.858,17.419 117.566,18.136 116.441,19.074C113.784,21.234 109.666,24.847 104.196,29.819C98.687,34.994 92.983,41.711 87.242,49.781C81.494,57.862 76.304,67.353 71.817,77.989C67.194,88.721 64.49,100.834 63.778,113.993L34.821,148.593C33.887,149.714 33.131,151.033 32.574,152.516C32.015,154.008 31.731,155.611 31.731,157.279C31.731,157.7 31.779,158.189 31.877,158.774C31.944,159.177 31.98,159.519 31.98,159.761L31.98,159.879L44.39,215.002L44.411,215.362C44.791,217.648 45.803,219.674 47.418,221.384C47.618,221.595 47.824,221.8 48.035,221.998L46.825,221.998L50.591,223.882C51.017,224.125 51.473,224.352 51.921,224.548L52.692,224.932C53.51,225.341 54.347,225.6 55.176,225.704C55.891,225.795 56.707,225.841 57.603,225.841C59.12,225.841 60.608,225.552 62.026,224.985C63.382,224.442 64.586,223.813 65.733,223.047L93.614,202.013L155.618,202.013L183.572,223.098C184.645,223.813 185.866,224.449 187.206,224.985C188.624,225.552 190.195,225.841 191.877,225.841C192.608,225.841 193.341,225.795 194.054,225.704C194.87,225.602 195.687,225.351 196.434,224.981C198.451,224.238 200.262,223.028 201.814,221.384C203.434,219.669 204.442,217.577 204.804,215.2L217.224,160.047L217.252,159.761C217.252,159.516 217.286,159.184 217.355,158.776C217.452,158.194 217.5,157.705 217.5,157.279C217.5,155.611 217.216,154.008 216.656,152.515"/>
|
|
||||||
<path d="M124.616,95.667C122.05,95.667 119.802,96.613 117.937,98.48C116.071,100.343 115.125,102.59 115.125,105.158C115.125,107.726 116.071,109.974 117.937,111.837C119.803,113.703 122.05,114.649 124.616,114.649C127.184,114.649 129.431,113.703 131.295,111.837C133.161,109.971 134.108,107.724 134.108,105.158C134.108,102.593 133.161,100.345 131.295,98.48C129.431,96.613 127.184,95.667 124.616,95.667"/>
|
|
||||||
</svg>
|
|
||||||
</f:case>
|
|
||||||
<f:case value="car">
|
|
||||||
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<path d="M59.39,152.637L74.197,152.637C75.694,152.637 76.955,152.136 77.945,151.147C78.934,150.156 79.435,148.895 79.435,147.399C79.435,145.901 78.933,144.64 77.944,143.651C76.953,142.66 75.692,142.158 74.197,142.158L59.39,142.158C57.893,142.158 56.633,142.66 55.642,143.651C54.653,144.64 54.151,145.901 54.151,147.399C54.151,148.895 54.653,150.157 55.642,151.147C56.631,152.136 57.891,152.637 59.39,152.637"/>
|
|
||||||
<path d="M163.034,152.637L177.842,152.637C179.339,152.637 180.599,152.136 181.591,151.147C182.579,150.157 183.08,148.896 183.08,147.399C183.08,145.9 182.579,144.639 181.589,143.649C180.596,142.66 179.336,142.158 177.842,142.158L163.034,142.158C161.54,142.158 160.279,142.66 159.287,143.651C158.298,144.639 157.796,145.9 157.796,147.399C157.796,148.895 158.298,150.156 159.287,151.148C160.277,152.136 161.538,152.637 163.034,152.637"/>
|
|
||||||
<path d="M175.677,182.25L202.215,182.25L202.215,199.221C202.215,199.892 202.028,200.392 201.625,200.793C201.222,201.196 200.722,201.385 200.052,201.385L177.842,201.385C177.172,201.385 176.672,201.197 176.269,200.794C175.864,200.391 175.677,199.891 175.677,199.221L175.677,182.25ZM202.215,171.771L35.016,171.771L35.016,123.023L202.215,123.023L202.215,171.771ZM199.308,112.546L37.924,112.546L62.188,57.784L62.205,57.742C62.391,57.277 62.645,56.95 62.981,56.74C63.352,56.508 63.766,56.395 64.248,56.395L172.984,56.395C173.466,56.395 173.88,56.507 174.25,56.739C174.529,56.913 174.747,57.116 174.916,57.355L174.916,57.496L199.308,112.546ZM61.554,199.221C61.554,199.891 61.366,200.391 60.964,200.794C60.56,201.197 60.06,201.385 59.39,201.385L37.18,201.385C36.51,201.385 36.01,201.197 35.607,200.794C35.204,200.391 35.016,199.891 35.016,199.221L35.016,182.25L61.554,182.25L61.554,199.221ZM226.009,114.036C225.018,113.047 223.757,112.546 222.261,112.546L210.769,112.546L184.559,53.52C183.523,51.272 181.986,49.43 179.992,48.043C177.964,46.632 175.606,45.917 172.984,45.917L64.248,45.917C61.626,45.917 59.268,46.632 57.24,48.043C55.261,49.418 53.732,51.168 52.694,53.245L52.531,53.569L52.531,53.826L26.464,112.546L14.97,112.546C13.472,112.546 12.212,113.048 11.223,114.037C10.233,115.026 9.732,116.288 9.732,117.785C9.732,119.282 10.233,120.543 11.223,121.533C12.212,122.522 13.473,123.024 14.97,123.024L24.538,123.024L24.538,199.221C24.538,202.714 25.779,205.727 28.227,208.174C30.674,210.621 33.686,211.862 37.18,211.862L59.39,211.862C62.884,211.862 65.896,210.621 68.343,208.174C70.791,205.726 72.032,202.714 72.032,199.221L72.032,182.25L165.199,182.25L165.199,199.221C165.199,202.714 166.441,205.727 168.888,208.174C171.335,210.621 174.348,211.862 177.842,211.862L200.052,211.862C203.545,211.862 206.557,210.621 209.004,208.174C211.453,205.725 212.695,202.713 212.695,199.221L212.695,123.024L222.261,123.024C223.757,123.024 225.019,122.522 226.009,121.533C226.998,120.544 227.5,119.284 227.5,117.785C227.5,116.287 226.998,115.025 226.009,114.036"/>
|
|
||||||
</svg>
|
|
||||||
</f:case>
|
|
||||||
<f:case value="bus">
|
|
||||||
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<path d="M7.337,73.94C5.708,73.94 4.338,74.484 3.266,75.557C2.193,76.63 1.649,78.001 1.649,79.628L1.649,104.759C1.649,106.387 2.193,107.757 3.266,108.831C4.338,109.904 5.708,110.448 7.337,110.448C8.965,110.448 10.335,109.904 11.409,108.831C12.482,107.757 13.025,106.387 13.025,104.759L13.025,79.628C13.025,78.001 12.482,76.631 11.408,75.557C10.335,74.484 8.965,73.94 7.337,73.94"/>
|
|
||||||
<path d="M202.697,62.874L202.697,65.562L46.534,65.562L46.534,62.874C46.534,57.554 48.456,52.935 52.246,49.144C56.037,45.352 60.656,43.432 65.976,43.432L183.254,43.432C188.573,43.432 193.193,45.352 196.984,49.144C200.775,52.936 202.697,57.555 202.697,62.874M202.697,107.448L46.534,107.448L46.534,76.94L202.697,76.94L202.697,107.448ZM202.697,182.841L46.534,182.841L46.534,118.824L202.697,118.824L202.697,182.841ZM77.042,213.661C77.042,214.486 76.807,215.106 76.303,215.611C75.8,216.115 75.18,216.349 74.353,216.349L49.222,216.349C48.396,216.349 47.776,216.115 47.272,215.611C46.769,215.106 46.534,214.486 46.534,213.661L46.534,194.218L77.042,194.218L77.042,213.661ZM202.697,194.218L202.697,213.661C202.697,214.486 202.462,215.106 201.958,215.611C201.454,216.115 200.835,216.349 200.008,216.349L174.877,216.349C174.051,216.349 173.431,216.115 172.927,215.61C172.423,215.106 172.188,214.486 172.188,213.661L172.188,194.218L202.697,194.218ZM183.254,32.054L65.976,32.054C57.573,32.054 50.259,35.109 44.235,41.133C38.211,47.157 35.156,54.472 35.156,62.874L35.156,213.661C35.156,217.547 36.537,220.9 39.261,223.622C41.983,226.345 45.335,227.726 49.222,227.726L74.353,227.726C78.241,227.726 81.593,226.345 84.315,223.622C87.038,220.899 88.419,217.546 88.419,213.661L88.419,194.218L160.811,194.218L160.811,213.661C160.811,217.546 162.192,220.899 164.916,223.622C167.638,226.345 170.99,227.726 174.877,227.726L200.008,227.726C203.895,227.726 207.247,226.345 209.969,223.622C212.693,220.899 214.074,217.546 214.074,213.661L214.074,62.874C214.074,54.471 211.019,47.156 204.995,41.133C198.971,35.109 191.656,32.054 183.254,32.054"/>
|
|
||||||
<path d="M86.919,160.71C89.589,160.71 91.928,159.726 93.87,157.783C95.812,155.843 96.796,153.505 96.796,150.833C96.796,148.162 95.812,145.823 93.87,143.882C91.928,141.94 89.59,140.956 86.919,140.956C84.249,140.956 81.91,141.94 79.968,143.882C78.026,145.823 77.042,148.162 77.042,150.833C77.042,153.504 78.026,155.843 79.968,157.783C81.91,159.726 84.249,160.71 86.919,160.71"/>
|
|
||||||
<path d="M162.312,160.71C164.982,160.71 167.32,159.726 169.262,157.783C171.205,155.842 172.189,153.504 172.189,150.833C172.189,148.163 171.205,145.824 169.262,143.882C167.32,141.94 164.981,140.956 162.312,140.956C159.641,140.956 157.303,141.94 155.362,143.882C153.419,145.824 152.434,148.162 152.434,150.833C152.434,153.504 153.419,155.842 155.362,157.783C157.303,159.726 159.641,160.71 162.312,160.71"/>
|
|
||||||
<path d="M245.965,75.557L245.965,75.556C244.89,74.484 243.521,73.94 241.894,73.94C240.265,73.94 238.895,74.484 237.822,75.557C236.749,76.631 236.205,78.001 236.205,79.628L236.205,104.759C236.205,106.387 236.749,107.756 237.822,108.83C238.895,109.904 240.265,110.448 241.894,110.448C243.521,110.448 244.89,109.904 245.965,108.83C247.038,107.756 247.582,106.387 247.582,104.759L247.582,79.628C247.582,78.001 247.038,76.631 245.965,75.557"/>
|
|
||||||
</svg>
|
|
||||||
</f:case>
|
|
||||||
<f:case value="weather">
|
|
||||||
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<g>
|
|
||||||
<path d="M171.567,43.979C168.306,43.979 165.152,44.227 162.104,44.723C159.056,45.219 156.043,45.893 153.066,46.744L153.491,46.531C152.216,44.404 150.798,42.384 149.238,40.47C147.679,38.556 145.978,36.749 144.135,35.048L153.066,22.288C153.35,21.863 153.562,21.402 153.704,20.906C153.846,20.41 153.917,19.878 153.917,19.311C153.917,17.893 153.421,16.688 152.428,15.696C151.436,14.704 150.231,14.207 148.813,14.207C147.962,14.207 147.183,14.42 146.474,14.845C145.765,15.271 145.198,15.767 144.773,16.334L144.56,16.334L135.629,29.093C132.51,27.392 129.107,26.045 125.421,25.053C121.735,24.06 117.837,23.564 113.725,23.564L110.748,23.564L108.196,8.253C107.913,6.977 107.31,5.949 106.389,5.17C105.467,4.39 104.368,4 103.092,4C101.675,4 100.47,4.496 99.477,5.489C98.485,6.481 97.989,7.686 97.989,9.104L97.989,10.167L100.753,25.478C96.5,26.754 92.566,28.562 88.951,30.901C85.336,33.24 82.111,35.969 79.275,39.088L66.516,30.157C66.091,29.873 65.63,29.66 65.134,29.519C64.638,29.377 64.106,29.306 63.539,29.306C62.121,29.306 60.916,29.802 59.924,30.794C58.931,31.787 58.435,32.992 58.435,34.41C58.435,35.26 58.648,36.04 59.073,36.749C59.498,37.458 59.995,38.025 60.562,38.45L73.321,47.594C71.62,50.713 70.273,54.115 69.281,57.802C68.288,61.488 67.792,65.386 67.792,69.497L67.792,72.475L52.481,75.026C51.347,75.31 50.354,75.913 49.504,76.834C48.653,77.756 48.228,78.854 48.228,80.13C48.228,81.548 48.724,82.753 49.716,83.745C50.709,84.738 51.914,85.234 53.331,85.234L54.395,85.234L54.182,85.234L69.706,82.469C70.415,84.879 71.265,87.148 72.258,89.274C73.25,91.401 74.455,93.456 75.873,95.441L75.66,95.229C71.124,99.056 67.544,103.77 64.921,109.37C62.298,114.97 60.987,120.96 60.987,127.339C60.987,133.152 62.121,138.681 64.389,143.926C66.516,149.03 69.529,153.531 73.427,157.43C77.326,161.329 81.827,164.341 86.931,166.468C92.176,168.736 97.705,169.87 103.518,169.87L171.567,169.87C180.215,169.87 188.367,168.24 196.022,164.979C203.678,161.577 210.341,157.04 216.012,151.369C221.682,145.698 226.219,139.035 229.622,131.38C232.882,123.724 234.513,115.573 234.513,106.925C234.513,98.277 232.882,90.125 229.622,82.469C226.219,74.814 221.682,68.151 216.012,62.48C210.341,56.809 203.678,52.273 196.022,48.87C188.367,45.609 180.215,43.979 171.567,43.979M77.999,69.497C77.999,59.574 81.473,51.138 88.419,44.192C95.366,37.245 103.801,33.772 113.725,33.772C120.105,33.772 125.917,35.26 131.163,38.237C136.408,41.215 140.661,45.184 143.922,50.146L143.922,50.359C136.55,54.045 130.135,58.9 124.677,64.925C119.219,70.951 115.072,77.72 112.237,85.234L112.237,85.659C110.961,85.376 109.578,85.163 108.09,85.021C106.601,84.879 105.148,84.809 103.73,84.809L103.518,84.809C99.974,84.809 96.536,85.234 93.204,86.084C89.872,86.935 86.789,88.14 83.954,89.7L84.166,89.487C82.182,86.652 80.657,83.533 79.594,80.13C78.531,76.728 77.999,73.183 77.999,69.497M171.567,159.663L103.518,159.663C94.586,159.663 86.966,156.508 80.657,150.2C74.349,143.891 71.194,136.271 71.194,127.339C71.194,118.408 74.349,110.788 80.657,104.479C86.966,98.17 94.586,95.016 103.518,95.016C104.652,95.016 105.715,95.051 106.708,95.122C107.7,95.193 108.692,95.37 109.685,95.654L109.472,95.654C109.33,96.646 109.189,97.78 109.047,99.056C108.905,100.332 108.763,101.679 108.621,103.097L108.621,103.522C108.621,104.94 109.118,106.145 110.11,107.137C111.102,108.13 112.307,108.626 113.725,108.626C115.143,108.626 116.312,108.165 117.234,107.244C118.155,106.322 118.687,105.223 118.829,103.947L118.829,103.735C118.971,101.892 119.183,100.084 119.467,98.312C119.75,96.54 120.105,94.803 120.53,93.102L120.53,93.315L120.53,93.102C122.231,87.431 124.641,82.186 127.76,77.366C131.021,72.687 134.884,68.611 139.35,65.138C143.816,61.665 148.813,58.936 154.342,56.951C159.729,55.108 165.471,54.186 171.567,54.186C178.797,54.186 185.673,55.533 192.194,58.227C198.574,61.062 204.138,64.854 208.888,69.604C213.637,74.353 217.429,79.918 220.265,86.297C222.958,92.677 224.305,99.553 224.305,106.925C224.305,114.155 222.958,120.96 220.265,127.339C217.429,133.861 213.637,139.496 208.888,144.245C204.138,148.995 198.574,152.716 192.194,155.41C185.673,158.245 178.797,159.663 171.567,159.663"/>
|
|
||||||
<path d="M44.622,196.642L55.326,188.865L51.237,201.448L61.941,209.225L48.71,209.225L44.622,221.808L40.534,209.225L27.303,209.225L38.007,201.448L33.918,188.865L44.622,196.642Z"/>
|
|
||||||
<path d="M78.646,222.834L89.35,215.057L85.261,227.64L95.965,235.417L82.734,235.417L78.646,248L74.558,235.417L61.327,235.417L72.031,227.64L67.942,215.057L78.646,222.834Z"/>
|
|
||||||
<path d="M105.866,188.81L116.57,181.033L112.481,193.616L123.185,201.393L109.954,201.393L105.866,213.976L101.778,201.393L88.547,201.393L99.251,193.616L95.162,181.033L105.866,188.81Z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</f:case>
|
|
||||||
<f:case value="lift">
|
|
||||||
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<g>
|
|
||||||
<path d="M155.232,194.335C155.232,191.763 153.139,189.671 150.568,189.671L94.777,189.671L94.777,65.18C94.777,65.126 94.774,65.074 94.771,65.023L171.192,21.603C172.276,20.988 173.055,19.988 173.385,18.788C173.716,17.586 173.559,16.327 172.942,15.243C171.678,13.015 168.83,12.23 166.584,13.494L5.37,105.093C4.286,105.708 3.507,106.707 3.176,107.908C2.845,109.109 3.003,110.368 3.619,111.451C4.443,112.907 5.999,113.812 7.677,113.812C8.48,113.812 9.275,113.601 9.978,113.202L85.449,70.32L85.449,191.604C84.855,192.408 84.533,193.361 84.533,194.335C84.533,196.906 86.625,198.999 89.197,198.999L150.568,198.999C153.139,198.999 155.232,196.906 155.232,194.335"/>
|
|
||||||
<path d="M240.336,139.291C237.765,139.291 235.672,141.384 235.672,143.955L235.672,161.894L192.36,193.6C191.964,192.342 191.283,191.213 190.349,190.278L169.686,169.615C168.183,168.112 166.19,167.254 164.06,167.187C163.184,166.907 162.365,166.77 161.561,166.77L129.585,166.77L129.585,116.475C129.585,110.873 125.027,106.315 119.425,106.315C113.823,106.315 109.265,110.873 109.265,116.475L109.265,173.267C109.265,178.869 113.823,183.427 119.425,183.427C119.681,183.427 119.928,183.396 120.175,183.362L120.335,183.343L120.398,183.351C120.681,183.391 120.963,183.427 121.257,183.427L159.944,183.427L178.572,202.055C178.89,202.372 179.238,202.664 179.615,202.929L140.485,231.574C139.481,232.31 138.822,233.393 138.632,234.624C138.442,235.855 138.742,237.087 139.478,238.091C140.351,239.286 141.759,240 143.244,240C144.243,240 145.196,239.687 145.996,239.099L244.591,166.921L245,166.621L245,143.955C245,141.384 242.907,139.291 240.336,139.291"/>
|
|
||||||
<path d="M105.601,87.164C105.601,95.797 112.624,102.82 121.257,102.82C129.89,102.82 136.913,95.797 136.913,87.164C136.913,78.531 129.89,71.508 121.257,71.508C112.624,71.508 105.601,78.531 105.601,87.164"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</f:case>
|
|
||||||
<f:case value="webcam">
|
|
||||||
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<g>
|
|
||||||
<path d="M164.411,108.269C164.411,97.508 160.611,88.328 153.01,80.727C145.409,73.126 136.228,69.325 125.467,69.325C114.707,69.325 105.526,73.126 97.925,80.727C90.324,88.328 86.524,97.508 86.524,108.269C86.524,119.03 90.324,128.21 97.925,135.811C105.526,143.412 114.707,147.213 125.467,147.213C136.228,147.213 145.409,143.412 153.01,135.811C160.611,128.21 164.411,119.03 164.411,108.269M98.822,108.269C98.822,100.924 101.427,94.647 106.636,89.438C111.846,84.228 118.123,81.623 125.467,81.623C132.812,81.623 139.089,84.228 144.299,89.438C149.508,94.647 152.113,100.924 152.113,108.269C152.113,115.614 149.508,121.891 144.299,127.1C139.089,132.31 132.812,134.915 125.467,134.915C118.123,134.915 111.846,132.31 106.636,127.1C101.427,121.891 98.822,115.614 98.822,108.269M223.851,208.703L131.616,208.703L131.616,187.95C142.036,187.096 151.686,184.448 160.568,180.007C169.621,175.566 177.435,169.759 184.011,162.585C190.587,155.411 195.839,147.213 199.768,137.989C203.525,128.595 205.404,118.688 205.404,108.269C205.404,97.167 203.269,86.748 198.999,77.012C194.9,67.447 189.221,59.034 181.961,51.775C174.702,44.516 166.205,38.751 156.469,34.481C146.903,30.382 136.57,28.332 125.467,28.332C114.365,28.332 104.031,30.382 94.466,34.481C84.73,38.751 76.233,44.516 68.974,51.775C61.714,59.034 56.035,67.447 51.936,77.012C47.666,86.748 45.531,97.167 45.531,108.269C45.531,118.688 47.409,128.595 51.167,137.989C54.925,147.213 60.134,155.411 66.796,162.585C73.457,169.759 81.229,175.566 90.111,180.007C99.163,184.448 108.814,187.096 119.062,187.95L119.318,187.95L119.318,208.703L27.084,208.703C25.375,208.703 23.924,209.3 22.728,210.496C21.532,211.692 20.935,213.143 20.935,214.852C20.935,216.56 21.532,218.011 22.728,219.207C23.924,220.403 25.375,221.001 27.084,221.001L223.851,221.001C225.559,221.001 227.011,220.403 228.207,219.207C229.402,218.011 230,216.56 230,214.852C230,213.143 229.402,211.692 228.207,210.496C227.011,209.3 225.559,208.703 223.851,208.703M57.828,108.269C57.828,98.875 59.622,90.078 63.209,81.88C66.625,73.681 71.407,66.507 77.556,60.358C83.706,54.209 90.879,49.427 99.078,46.01C107.277,42.424 116.073,40.63 125.467,40.63C134.862,40.63 143.658,42.424 151.857,46.01C160.056,49.427 167.229,54.209 173.378,60.358C179.527,66.507 184.31,73.681 187.726,81.88C191.313,90.078 193.106,98.875 193.106,108.269C193.106,117.663 191.313,126.46 187.726,134.658C184.31,142.857 179.527,150.031 173.378,156.18C167.229,162.329 160.056,167.111 151.857,170.528C143.658,174.114 134.862,175.908 125.467,175.908C116.073,175.908 107.277,174.114 99.078,170.528C90.879,166.941 83.748,162.115 77.685,156.052C71.621,149.988 66.796,142.857 63.209,134.658C59.622,126.46 57.828,117.663 57.828,108.269"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</f:case>
|
|
||||||
<f:case value="chat">
|
|
||||||
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<g>
|
|
||||||
<path d="M208.235,84.81L177.235,84.81L177.235,53.81C177.235,50.315 175.981,47.314 173.474,44.806C170.967,42.299 167.965,41.045 164.47,41.045L47.764,41.045C44.269,41.045 41.268,42.299 38.761,44.806C36.253,47.314 35,50.315 35,53.81L35,170.516C35,171.58 35.304,172.567 35.911,173.479C36.519,174.391 37.279,175.075 38.191,175.531C38.495,175.683 38.837,175.797 39.217,175.873C39.597,175.948 40.014,175.986 40.47,175.986C41.078,175.986 41.686,175.873 42.294,175.645C42.902,175.417 43.434,175.151 43.889,174.847L78.536,146.81L78.764,146.81L78.764,177.81C78.764,181.305 80.018,184.306 82.525,186.814C85.033,189.321 88.034,190.575 91.529,190.575L177.463,190.575L212.11,218.611C212.566,218.915 213.098,219.181 213.706,219.409C214.313,219.637 214.921,219.751 215.529,219.751C215.985,219.751 216.403,219.713 216.783,219.637C217.163,219.561 217.505,219.447 217.809,219.295C218.72,218.839 219.48,218.156 220.088,217.244C220.696,216.332 221,215.344 221,214.281L221,97.575C221,94.08 219.746,91.078 217.239,88.571C214.731,86.064 211.73,84.81 208.235,84.81M76.485,135.869C75.877,135.869 75.269,135.983 74.661,136.211C74.054,136.439 73.522,136.705 73.066,137.009L45.941,159.119L45.941,53.81C45.941,53.354 46.131,52.936 46.511,52.556C46.891,52.176 47.309,51.986 47.764,51.986L164.47,51.986C164.926,51.986 165.344,52.176 165.724,52.556C166.104,52.936 166.294,53.354 166.294,53.81L166.294,134.045C166.294,134.501 166.104,134.919 165.724,135.299C165.344,135.679 164.926,135.869 164.47,135.869L76.485,135.869ZM210.059,202.884L182.934,180.773C182.478,180.469 181.946,180.203 181.338,179.975C180.73,179.748 180.122,179.634 179.514,179.634L91.529,179.634C91.073,179.634 90.655,179.444 90.275,179.064C89.896,178.684 89.706,178.266 89.706,177.81L89.706,146.81L164.47,146.81C167.965,146.81 170.967,145.556 173.474,143.049C175.981,140.542 177.235,137.54 177.235,134.045L177.235,95.751L208.235,95.751C208.691,95.751 209.109,95.941 209.489,96.321C209.869,96.701 210.059,97.119 210.059,97.575L210.059,202.884Z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</f:case>
|
|
||||||
<f:case value="toggle">
|
|
||||||
<svg viewBox="0 0 184 185" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<g>
|
|
||||||
<path d="M92,0C41.2,0 0,41.2 0,92.1C0,143 41.2,184.1 92,184.1C142.8,184.1 184,142.9 184,92.1C184,41.3 142.8,0 92,0ZM92,173.1C47.3,173.1 11,136.8 11,92.1C11,47.4 47.3,11.1 92,11.1C136.7,11.1 173,47.4 173,92.1C173,136.8 136.7,173.1 92,173.1Z"/>
|
|
||||||
<path d="M134.2,92.1C134.2,93.6 133.7,95 132.6,96C131.5,97.1 130.3,97.6 128.7,97.6L55.3,97.6C53.8,97.6 52.4,97.1 51.4,96C50.3,94.9 49.8,93.7 49.8,92.1C49.8,90.5 50.3,89.2 51.4,88.2C52.5,87.1 53.7,86.6 55.3,86.6L128.6,86.6C130.1,86.6 131.5,87.1 132.5,88.2C133.6,89.3 134.1,90.5 134.1,92.1"/>
|
|
||||||
</g>
|
|
||||||
<g class="group-[.toggle-less]:hidden">
|
|
||||||
<path d="M97,128.7C97,130.2 96.5,131.6 95.4,132.6C94.3,133.7 93.1,134.2 91.5,134.2C89.9,134.2 88.6,133.7 87.6,132.6C86.5,131.5 86,130.3 86,128.7L86,55.4C86,53.9 86.5,52.5 87.6,51.5C88.7,50.4 89.9,49.9 91.5,49.9C93.1,49.9 94.4,50.4 95.4,51.5C96.5,52.6 97,53.8 97,55.4L97,128.7Z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</f:case>
|
|
||||||
<f:defaultCase>
|
|
||||||
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" stroke="none" fill="currentColor">
|
|
||||||
<g>
|
|
||||||
<path d="M38.271,44.944C37.617,45.598 37.126,46.294 36.799,47.03C36.472,47.766 36.308,48.625 36.308,49.606L36.308,214.504C36.308,216.14 36.88,217.53 38.026,218.675C39.171,219.82 40.561,220.393 42.197,220.393C43.833,220.393 45.224,219.82 46.369,218.675C47.514,217.53 48.086,216.14 48.086,214.504L48.086,170.089C61.828,158.965 74.874,154.957 87.225,158.066C99.576,161.174 112.458,166 125.873,172.543C133.889,176.469 142.15,180.191 150.656,183.708C159.163,187.225 167.915,188.984 176.912,188.984C183.62,188.984 190.449,187.716 197.402,185.18C204.355,182.645 211.511,178.187 218.873,171.807C219.364,171.316 219.814,170.662 220.223,169.844C220.632,169.026 220.836,168.208 220.836,167.39L220.836,49.606C220.836,47.97 220.263,46.58 219.118,45.435C217.973,44.29 216.583,43.717 214.947,43.717C214.129,43.717 213.393,43.84 212.738,44.085C212.084,44.331 211.511,44.617 211.021,44.944C196.788,57.377 183.374,62.08 170.778,59.053C158.182,56.027 145.013,51.079 131.271,44.208C124.4,40.772 117.284,37.501 109.923,34.393C102.561,31.284 95.036,29.28 87.348,28.381C79.659,27.481 71.725,28.176 63.545,30.466C55.366,32.757 46.941,37.583 38.271,44.944M209.058,164.691C195.316,175.815 182.27,179.823 169.919,176.715C157.568,173.607 144.686,168.699 131.271,161.992C125.055,159.047 118.675,156.103 112.131,153.158C105.424,150.213 98.635,148.128 91.765,146.901C84.894,145.674 77.778,145.551 70.416,146.533C63.218,147.678 55.775,150.704 48.086,155.612L48.086,52.305C61.828,41.018 74.874,36.928 87.225,40.036C99.576,43.145 112.458,48.052 125.873,54.759C132.089,57.868 138.469,60.894 145.013,63.839C151.72,66.62 158.509,68.664 165.379,69.973C172.25,71.282 179.366,71.364 186.728,70.218C193.926,69.073 201.369,66.129 209.058,61.385L209.058,164.691Z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</f:defaultCase>
|
|
||||||
</f:switch>
|
|
||||||
</f:section>
|
</f:section>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -0,0 +1,11 @@
|
|||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"
|
||||||
|
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
|
||||||
|
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
|
||||||
|
|
||||||
|
<f:layout name="Default"/>
|
||||||
|
|
||||||
|
<f:section name="Main">
|
||||||
|
<f:render partial="Travelinfo" section="Main" arguments="{_all}"/>
|
||||||
|
</f:section>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"
|
||||||
|
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
|
||||||
|
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
|
||||||
|
|
||||||
|
<f:layout name="Default"/>
|
||||||
|
|
||||||
|
<f:section name="Main">
|
||||||
|
<f:render partial="Travelinfo" section="Main" arguments="{_all}"/>
|
||||||
|
</f:section>
|
||||||
|
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user