<!-- {#if $T.event.public == 1 && $T.event.teamevent == 0} <h1 class="event-identifier" id="{$T.event.event_id}">{$T.event.activity_name}</h1> {#if $T.event.activity_image_url !== undefined && $T.event.activity_image_url !== null && $T.event.activity_image_url.toString().indexOf('/media/') > -1} <div class="activiteit-image"> <img alt="" title="" src="{$T.event.activity_image_url}"> <div class="ribbon"> <div class="content"> { function participants() { template = "Nog [NUM] vrijwilliger(s) nodig"; return template .replace("[NUM]", $T.event.maxparticipants - $T.event.participants) } participants(); } </div> <div class="punt"> </div> </div> </div> {#else} <div class="spacer"> </div> {#/if} <div class="content"> <div class="locatie"> <div class="tijd"> { moment.lang("nl"); var startDate = moment($T.event.datetime_start, "YYYY-MM-DD HH:mm:ss"); var endDate = moment($T.event.datetime_end2, "YYYY-MM-DD HH:mm:ss"); function crDate() { template = "[DATE] van [START] tot [END]"; return template .replace("[DATE]", startDate.format('dddd DD MMMM')) .replace("[START]", startDate.format('HH:mm')) .replace("[END]", endDate.format('HH:mm')) } crDate(); } </div> <div class="plaats">Waar: {$T.venue.name} {$T.venue.room}, {$T.venue.street} {$T.venue.number}, {$T.venue.city}</div> </div> <p>{$T.event.activity_content}</p> <div class="row content-bottom"> <div class="six columns"> <div class="addthis_new_url" style="display:none;">haarlem.nederlandcares.nl</div> </div> <div class="six columns"> {#if ($T.event.maxparticipants - $T.event.participants) > 0} <div class="doe-ook-mee-button"> <a id="" title="Wil je je aanmelden?" href="/login?came_from=/vrijwilligen/kalender?ki={$T.event.event_id}">Doe ook mee</a> </div> {#else} <div class="doe-ook-mee-button"> <a class="event-full-button" title="" href="#">Dit evenement is vol</a> </div> {#/if} <div style="display:none;"> <div id="join-activity{$T.event.event_id}" class="user-message"> <div class="user-message-content"> {$T.event.activity_content} </div> <div class="user-message-button-holder"> <div class="doe-ook-mee-button"> <a class="join_button" href="#" rel="{$T.event.event_id}">Doe ook mee</a> </div> </div> </div> </div> </div> </div> </div> <div class="row ingeschreven-vrijwilligers"> <h2>Ingeschreven vrijwilligers</h2> <ul> {#if $T.participants.length == 0} <li class="no-participants">Er zijn nog geen vrijwilligers die mee doen</li> <li class="just-joined"></li> {#else} {#foreach $T.participants as ingeschreven} <li> <div class="row profiel-kort"> {#if $T.ingeschreven.image !== undefined && $T.ingeschreven.image !== null && $T.ingeschreven.image.length > 0} <div class="two columns"><img src="{ function getAvatar() { avatar_name = $T.ingeschreven.image; base = '/static/shared/avatars/'; tmp1 = avatar_name.charAt(0); tmp2 = avatar_name.charAt(1); size = '28x28'; return base + tmp1 + '/' + tmp2 + '/' + size + '/' + avatar_name; } getAvatar(); }" class="avatar-klein" /></div> {#/if} <div class="ten columns content"> <div class="header"> {#if $T.ingeschreven.user_id.toString().length > 0}<a href="/profile?uid={$T.ingeschreven.user_id}">{#/if} {#if $T.ingeschreven.firstname !== undefined && $T.ingeschreven.firstname !== null && $T.ingeschreven.firstname.length > 0}{$T.ingeschreven.firstname}{#/if} {#if $T.ingeschreven.suffix !== undefined && $T.ingeschreven.suffix !== null && $T.ingeschreven.suffix.length > 0}{$T.ingeschreven.suffix}{#/if} {#if $T.ingeschreven.lastname !== undefined && $T.ingeschreven.lastname !== null && $T.ingeschreven.lastname.length > 0}{$T.ingeschreven.lastname}{#/if} {#if $T.ingeschreven.user_id.toString().length > 0}</a>{#/if} </div> <div class="social-media"> {#if $T.ingeschreven.twitter !== undefined && $T.ingeschreven.twitter !== null && $T.ingeschreven.twitter.length > 0}<div class="twitter"><a href="{$T.ingeschreven.twitter}"></a></div>{#/if} {#if $T.ingeschreven.youtube !== undefined && $T.ingeschreven.youtube !== null && $T.ingeschreven.youtube.length > 0}<div class="youtube"><a href="{$T.ingeschreven.youtube}"></a></div>{#/if} {#if $T.ingeschreven.facebook !== undefined && $T.ingeschreven.facebook !== null && $T.ingeschreven.facebook.length > 0}<div class="facebook"><a href="{$T.ingeschreven.facebook}"></a></div>{#/if} {#if $T.ingeschreven.linkedin !== undefined && $T.ingeschreven.linkedin !== null && $T.ingeschreven.linkedin.length > 0}<div class="linkedin"><a href="{$T.ingeschreven.linkedin}"></a></div>{#/if} </div> <div class="functie">{#if $T.ingeschreven.function !== null && $T.ingeschreven.function.length > 0}{$T.ingeschreven.function}{#/if} {#if $T.ingeschreven.employer !== null && $T.ingeschreven.employer.length > 0}{$T.ingeschreven.employer}{#/if}</div> </div> </div> </li> {#/for} <li class="just-joined"></li> {#/if} </ul> </div> <div class="row recensies content-spacing"> <h2 class="toggle {#if $T.numreviews >= 10}closed{#else}open{#/if}">Recensies ({$T.numreviews})</h2> <div class="recensies-uitgebreid" style="{#if $T.numreviews >= 10}display:none;{#else}display:block;{#/if}"> {#if $T.reviews.length > 0} {#foreach $T.reviews as review} <div class="row recensie"> {#if $T.review.user.image !== undefined && $T.review.user.image !== null && $T.review.user.image.length > 0} <div class="one columns"> <img src="{ function getAvatar() { avatar_name = $T.review.user.image; base = '/static/shared/avatars/'; tmp1 = avatar_name.charAt(0); tmp2 = avatar_name.charAt(1); size = '28x28'; return base + tmp1 + '/' + tmp2 + '/' + size + '/' + avatar_name; } getAvatar(); }" class="avatar-middel" /> </div> {#/if} <div class="eleven columns content"> <div class="header"> {#if $T.review.user_id.toString().length > 0}<a href="/profile?uid={$T.review.user_id}">{#/if} {#if $T.review.user.firstname !== undefined && $T.review.user.firstname !== null && $T.review.user.firstname.length > 0}{$T.review.user.firstname}{#/if} {#if $T.review.user.suffix !== undefined && $T.review.user.suffix !== null && $T.review.user.suffix.length > 0}{$T.review.user.suffix}{#/if} {#if $T.review.user.lastname !== undefined && $T.review.user.lastname !== null && $T.review.user.lastname.length > 0}{$T.review.user.lastname}{#/if} {#if $T.review.user_id.toString().length > 0}</a>{#/if} </div> <div class="social-media"> {#if $T.review.user.twitter !== undefined && $T.review.user.twitter !== null && $T.review.user.twitter.length > 0}<div class="twitter"><a href="{$T.review.user.twitter}"></a></div>{#/if} {#if $T.review.user.youtube !== undefined && $T.review.user.youtube !== null && $T.review.user.youtube.length > 0}<div class="youtube"><a href="{$T.review.user.youtube}"></a></div>{#/if} {#if $T.review.user.facebook !== undefined && $T.review.user.facebook !== null && $T.review.user.facebook.length > 0}<div class="facebook"><a href="{$T.review.user.facebook}"></a></div>{#/if} {#if $T.review.user.linkedin !== undefined && $T.review.user.linkedin !== null && $T.review.user.linkedin.length > 0}<div class="linkedin"><a href="{$T.review.user.linkedin}"></a></div>{#/if} </div> <div class="functie">{#if $T.review.user.function !== null && $T.review.user.function.length > 0}{$T.review.user.function}{#/if} {#if $T.review.user.employer !== null && $T.review.user.employer.length > 0}{$T.review.user.employer}{#/if}</div> <p>{$T.review.content}</p> </div> </div> {#/for} <p class="add-review"><span> </span><a href="http://haarlem.nederlandcares.nl/activities?acid={$T.event.activity_id}">Voeg ook een recensie toe</a>.</p> {#else} <p class="no-reviews">Nog geen recensies geplaatst</p> {#/if} </div> </div> {#/if} -->

<!-- <li> <div class="row profiel-kort"> {#if $T.user.image !== undefined && $T.user.image !== "0" && $T.user.image !== null && $T.user.image.length > 0} <div class="two columns"> <img src="{ function getAvatar() { avatar_name = $T.user.image; base = '/static/shared/avatars/'; tmp1 = avatar_name.charAt(0); tmp2 = avatar_name.charAt(1); size = '28x28'; return base + tmp1 + '/' + tmp2 + '/' + size + '/' + avatar_name; } getAvatar(); }" class="avatar-klein" /> </div> {#/if} <div class="ten columns content"> <div class="header"> {#if $T.user.firstname !== undefined && $T.user.firstname !== null && $T.user.firstname.length > 0}{$T.user.firstname}{#/if} {#if $T.user.suffix !== undefined && $T.user.suffix !== null && $T.user.suffix.length > 0}{$T.user.suffix}{#/if} {#if $T.user.lastname !== undefined && $T.user.lastname !== null && $T.user.lastname.length > 0}{$T.user.lastname}{#/if} </div> <div class="social-media"> {#if $T.user.twitter !== undefined && $T.user.twitter !== null && $T.user.twitter.length > 0}<div class="twitter"><a href="{$T.user.twitter}"></a></div>{#/if} {#if $T.user.youtube !== undefined && $T.user.youtube !== null && $T.user.youtube.length > 0}<div class="youtube"><a href="{$T.user.youtube}"></a></div>{#/if} {#if $T.user.facebook !== undefined && $T.user.facebook !== null && $T.user.facebook.length > 0}<div class="facebook"><a href="{$T.user.facebook}"></a></div>{#/if} {#if $T.user.linkedin !== undefined && $T.user.linkedin !== null && $T.user.linkedin.length > 0}<div class="linkedin"><a href="{$T.user.linkedin}"></a></div>{#/if} </div> <div class="functie">{#if $T.user.function !== null && $T.user.function.length > 0} {$T.user.function} {#/if}</div> </div> </div> </li> -->