Thème Paris.fr
PAYANT
GRATUIT
PAYANT
Contenu de la carte
<@cContainer>
<@cRow>
<@cCol cols='12 col-lg-3' class='p-sm'>
<@cBlock>
<@cTitle level=3 class='h4'>FILTRES
<@cText>
<@cBtn label='Filtre sélectionné' type='button' nestedPos='after' >
<@parisIcon name='close' />
<@cForm name='info'>
<@cFormRow>
<@cCol>
<#assign lData><@cText type='small' class="text-muted">(Nom de la discipline)
<@cField label='Discipline' for='name' labelData=lData>
<@cInput name='fname' placeholder='Exemple: Football' />
<@cFormHelp id='fname' label='Saisir un nom de discipline' />
<@cFieldset legend='Horaire'>
<@cFormRow>
<@cCol params=' aria-describedby="radioHelpHoraire"'>
<@cField>
<@cCheckbox name='horaire' id='matin' label='Matin' value='matin' />
<@cCheckbox name='horaire' id='aprem' label='Après-midi' value='aprem' />
<@cCheckbox name='horaire' id='jour' label='Journée' value='jour' />
<@cFormHelp id='radioHelpHoraire' label='Choisir un horaire' />
<@cFormRow class="mt-sm">
<@cCol>
<@cField label='Commune'>
<@cSelect name=''>
<@cOption label='' value='0' />
<@cOption label='Paris (75000)' value='1' />
<@cOption label='Parigné-l\'Eveque (72250)' value='2' selected=true />
<@cOption label='Parigné (35133)' value='3' />
<@cOption label='Parigné-le-Polin (72330)' value='4' />
<@cFormRow>
<@cCol>
<#assign badge><@cBadge class='bg-secondary ms-xs' params='aria-label="5 resultats pour les Arts Martiaux"'>5
<@cAccordion id='sport1' title='Arts martiaux ${badge}'>
<@cFieldset legend='Discipline'>
<@cField>
<@cCheckbox name='sport' id='karate' label='Karate' value='karate' />
<@cCheckbox name='sport' id='judo' label='Judo' value='judo' />
<@cCheckbox name='sport' id='natation' label='Natation' value='nata' />
<@cFormRow>
<@cCol>
<@cAccordion id='sport2' title='Sport collectifs' class='mt-xs' state=false>
<@cFieldset legend='Horaire'>
<@cField>
<@cCheckbox name='sport' id='football' label='Football' value='foot' />
<@cCheckbox name='sport' id='rugby' label='Rugby' value='rugby' />
<@cCheckbox name='sport' id='volley' label='Volley Ball' value='volley' />
<@cCheckbox name='sport' id='hand' label='Hand Ball' value='hand' />
<@cCol cols='12 col-lg-9'>
<@cRow>
<@cCol class='d-flex justify-content-end mb-xs'>
<#assign buttons1 = [
{"label":"Liste", "class":"outline toggle-listmap active p-xs"},
{"label":"Carte", "class":"outline toggle-listmap p-xs"}
]>
<@cBtnToolbar label='Menu Accueil' class='d-flex justify-content-around'>
<@cBtnGroup label='Menu Accueil Gauche' buttonList=buttons1 />
<@cRow>
<@cCol>
<@cBlock class="title_inter mt-xxs">
<@cTitle level=3>Tranches tarifaires
<@cInline type='div'>Pas de prix calculé
<@cRow id='list'>
<@cCol>
<@chList class='list-unstyled'>
<@chItem>
<#assign accHeader><@cText type='span'><@cText type='span' class='font-weight-bold text-primary'>2 STAGES <@cText type='span' class="ms-m font-weight-bold text-primary">3 LIEUX
<@cAccordion id='acc1' title='Art Martiaux' header=accHeader>
<#assign cardHeader><@cTitle level=4 class='h5'>Du 22/04/2021 au 24/04/2021<@cText class="font-weight-bold">PAYANT
<@chList class='list-unstyled'>
<@chItem>
<@cCard class='mt-m' header=cardHeader >
<@cSection type='p' class='text-right'>Selon quotient familial
<@cSection type='p' class='d-flex justify-content-between py-m'>
<@cText type='span' class="me-auto"><@parisIcon name='location' title='Location' class='main-color' /> <@cLink href='javascript:return false;' label='Gymnase Carpentier (75013)' title='Localiser le Gymnase' class='ms-xs' />
<@cText type='span'><@parisIcon name='clock' title='Clock' class='main-color' /> <@cLink href='javascript:return false;' label='9h - 17h' title='9h - 17h' class='ms-xs' />
<@cText type='span' class="ms-auto font-weight-bold">14 place restantes
<@cRow>
<@cCol class="d-flex justify-content-center justify-content-md-start">
<#assign buttons2 = [
{"label":"A", "class":"secondary"},
{"label":"B", "class":"secondary"},
{"label":"C", "class":"secondary"}
]>
<@cBtnGroup label='Menu Accueil' buttonList=buttons2 />
<@cCol class="d-flex justify-content-center justify-content-md-end">
<@cBtn label='Valider' class='action m-1'>
<@parisIcon name='check' />
<@chItem>
<#assign cardHeader><@cTitle level=4 class='h5' class="gray-dark-color">Du 22/04/2021 au 24/04/2021<@cText class="font-weight-bold gray-dark-color">GRATUIT
<@cCard class='mt-m' header=cardHeader>
<@cSection type='p' class='text-right'>
<@cSection type='p' class='d-flex justify-content-between py-m gray-dark-color'>
<@cText type='span' class="me-auto"><@parisIcon name='location' title='Location' class='gray-dark-color' /> <@cLink href='javascript:return false;' label='Gymnase Carpentier (75013)' title='Localiser le Gymnase' class='gray-dark-color ms-xs' />
<@cText type='span'><@parisIcon name='clock' title='Clock' class='gray-dark-color' /> <@cLink href='javascript:return false;' label='9h - 17h' title='9h - 17h' class='gray-dark-color ms-xs' />
<@cText type='span' class="main-danger-color ms-auto font-weight-bold">COMPLET
<@cRow>
<@cCol class="d-flex justify-content-center justify-content-md-start">
<#assign buttons3 = [
{"label":"A", "class":"secondary", "disabled":true},
{"label":"B", "class":"secondary", "disabled":true},
{"label":"C", "class":"secondary", "disabled":true}
]>
<@cBtnGroup label='Menu Accueil' buttonList=buttons3 />
<@cCol class="d-flex justify-content-center justify-content-md-end">
<@cBtn label='Créer une alerte' class='outline-action m-1' >
<@parisIcon name='agenda' />
<@chItem>
<@cAccordion id='acc2' title='Sport Collectifs' class='mt-m' state=false>
<#assign accHeader><@cTitle level=4 class='h5'>Du 22/04/2021 au 24/04/2021<@cText class="font-weight-bold">PAYANT
<@cCard class='mt-m' header=accHeader>
<@cSection type='p'>Contenu de la carte
<#assign buttons4 = [
{"label":"A", "class":"secondary"},
{"label":"B", "class":"secondary"},
{"label":"C", "class":"secondary"}
]>
<@cBtnGroup label='Menu Accueil' buttonList=buttons4 />
<@cRow id='map'>
<@cCol>
<@cSection type='iframe' params='width="100%" height="500px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://umap.openstreetmap.fr/fr/map/paris-mairies_573582" style="border: 1px solid black"' />
<@cSection type='br' />
<@cSection type='small'>
<@cLink href='https://www.openstreetmap.org/?mlat=48.8520&mlon=2.3481#map=10/48.8516/2.3470' label='Afficher une carte plus grande' />