#-- WARNING : be careful to white-space and lines break in FreeMarker macros.
# This macro template can be used to output white-space-sensitive formats (like RSS files).
# See http://dev.lutece.paris.fr/jira/browse/LUTECE-765
-->
<#-- Do not remove this comment -->
<#-- Information about this commons file -->
<#macro commonsFile>commons.html#macro>
<#macro commonsName>Commons Bootstrap 3#macro>
<#macro commonsDescription>Freemarker Commons macros powered by Bootstrap CSS Framework 3.3#macro>
<#macro coreAdminCSSLinks>
#macro>
<#global gClassActive='active' />
<#macro comboWithParams name default_value additionalParameters items >
<#list items as item>
<#if default_value="${item.code}">
${item.name}
<#else>
${item.name}
#if>
#list>
#macro>
<#macro comboSortedWithParams name default_value additionalParameters items id=name>
<#list items?sort_by("name") as item>
<#if default_value="${item.code}">
label="${i18n("portal.util.labelEmpty")}"#if>>${item.name}
<#else>
label="${i18n("portal.util.labelEmpty")}"#if>>${item.name}
#if>
#list>
#macro>
<#macro comboWithParamsAndLength name default_value additionalParameters items max_length >
<#list items as item>
<#if max_length < item.name?length >
<#assign item_new = "..." + "${item.name?substring(item.name?length-max_length+3)}" >
<#else>
<#assign item_new = "${item.name}">
#if>
<#if default_value="${item.code}">
${item_new}
<#else>
${item_new}
#if>
#list>
#macro>
<#macro combo name default_value items >
<@comboWithParams name="${name}" default_value="${default_value}" additionalParameters="" items=items />
#macro>
<#macro comboSorted name default_value items >
<@combo name="${name}" default_value="${default_value}" items=items?sort_by("name") />
#macro>
<#macro radioImageList name default_value items inline=0>
<#if inline=1>
<#list items as item>
checked="checked"#if> class="radio" type="radio" name="${name}" value="${item.code}">
#list>
<#else>
<#list items as item>
#macro>
<#macro messages errors=[] infos=[] warnings=[] errors_class="alert alert-danger" infos_class="alert alert-info" warnings_class="alert alert-warning">
<#if errors??>
<#if errors?size > 0 >
<#list errors as error >
${error.message}
#list>
#if>
#if>
<#if infos??>
<#if infos?size > 0 >
<#list infos as info >
${info.message}
#list>
#if>
#if>
<#if warnings??>
<#if warnings?size > 0 >
x
<#list warnings as warning >
${warning.message}
#list>
#if>
#if>
#macro>
<#---------------------------NEW MACROS------------------------------>
<#-- TABLE -->
<#-- class: striped/bordered/hover/condensed -->
<#macro table responsive=true class='' id='' params=''>
<#if responsive>
#if>
#macro>
<#macro td xs=0 sm=0 md=0 lg=0 xl=0 class='' id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#--- MACRO SELECT (TO REPLACE "COMBO" MACROS) --->
<#macro select name items='' default_value="" id=name size='' sort=false multiple=0 params='' title='' tabIndex=0>
multiple size="${multiple}"#if><#if (tabIndex > 0)> tabindex="${tabIndex}"#if><#if params!=''> ${params}#if><#if title!=''> ${title}#if>>
<#if items?has_content>
<#if sort=true>
<#list items?sort_by("name") as item>
<#if default_value="${item.code}">
label="${i18n("portal.util.labelEmpty")}"#if>>${item.name}
<#else>
label="${i18n("portal.util.labelEmpty")}"#if>>${item.name}
#if>
#list>
<#else>
<#list items as item>
<#if default_value="${item.code}">
label="${i18n("portal.util.labelEmpty")}"#if>>${item.name}
<#else>
label="${i18n("portal.util.labelEmpty")}"#if>>${item.name}
#if>
#list>
#if>
<#else>
<#nested>
#if>
#macro>
<#-- ICONS -->
<#-- Icons from FontAwesome -->
<#macro icon prefix='fa fa-' style='' class='' title='' id='' params=''>
title='${title}'#if><#if id!=''> id="${id}"#if><#if params!=''> ${params}#if>>
#macro>
<#-- FORM -->
<#-- class: form-inline/form-horizontal/navbar-form/navbar-left/search-form... Default is horizontal -->
<#macro tform class='form-horizontal' class2='' action='' method='post' name='' id='' role='form' params=''>
#macro>
<#-- FORM ELEMENT STRUCTURE -->
<#-- formStyle values: empty/inline/horizontal/navbar-form/navbar-left... Default is horizontal -->
<#-- groupStyle: success/warning/error... -->
<#macro formGroup formStyle='horizontal' class='' groupStyle='' rows=1 labelKey='' labelFor='' labelId='' helpKey='' id='' mandatory=false showLabel=true params=''>
#macro>
<#-- INPUT TEXT/TEXTAREA/SEARCH/PASSWORD/EMAIL/FILE -->
<#-- type : text/textarea/password/email/file/number. Default is text -->
<#-- size: input-xs/input-sm/input-lg -->
<#-- incoming Bootstrap 4 size: form-control-sm/form-control-lg or empty for the normal size -->
<#-- pattern: [A-F][0-9]{5} -->
<#macro input name type='text' value='' class='' size='' inputSize=0 maxlength=0 placeHolder='' rows=4 cols=40 richtext=false tabIndex='' id='' mandatory=mandatory disabled=false readonly=false pattern='' params='' title='' min=0 max=0>
<#if type='textarea'>
<#elseif type='text' || type='search' || type='password' || type='email' || type='file' || type='number'>
tabindex="${tabIndex}"#if><#if placeHolder!=''> placeholder="${placeHolder}"#if><#if title!=''> title="${title}"#if><#if maxlength > 0> maxlength="${maxlength}"#if><#if inputSize!=0> size="${inputSize}"#if><#if disabled> disabled#if><#if readonly> readonly#if><#if id!=''> id="${id}"#if><#if params!=''> ${params}#if><#if pattern!=''>pattern=${pattern}#if><#if min!=0> min="${min}"#if><#if max!=0> max="${max}"#if><#if mandatory> required#if><#if labelFor!='' && helpKey!=''> aria-describedby="${labelFor}_help"#if> />
<#else><@icon style='warning' />Type not supported
#if>
#macro>
<#-- STATIC TEXT -->
<#-- Bootstrap colors: muted/primary/success/info/warning/danger -->
<#-- AdminLTE colors: red/yellow/aqua/blue/black/light-blue/green/gray/navy/teal/olive/lime/orange/fuchsia/purple/maroon -->
<#macro staticText inForm=true color='' id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#-- CHECKBOX -->
<#-- orientation: vertical/horizontal. Default is vertical -->
<#-- TODO -->
<#macro checkBox name id='' labelKey='' labelFor='' orientation='vertical' value='' tabIndex='' title='' disabled=false readonly=false checked=false mandatory=mandatory params=''>
<#if orientation='vertical'>
#if>
class="checkbox-inline"#if><#if labelFor!=''> for="${labelFor}"#if>>
value="${value}"#if><#if tabIndex!=''> tabindex="${tabIndex}"#if><#if checked> checked#if><#if disabled> disabled#if><#if readonly> readonly#if><#if params!=''> ${params}#if> />
<#if labelKey!=''>
${labelKey}
<#else>
#if>
<#if orientation='vertical'>
#if>
#macro>
<#-- RADIO BUTTON -->
<#-- orientation: vertical/horizontal. Default is vertical -->
<#macro radioButton name id='' value='' labelKey='' labelFor='' orientation='vertical' tabIndex='' title='' disabled=false readonly=false checked=false mandatory=mandatory params=''>
<#if orientation='vertical'>
#if>
class="radio-inline"#if>>
value="${value}"#if><#if tabIndex!=''> tabindex="${tabIndex}"#if><#if checked> checked#if><#if disabled> disabled#if><#if readonly> readonly#if><#if mandatory> required#if><#if params!=''> ${params}#if> />
<#if labelKey!=''>
${labelKey}
<#else>
#if>
<#if orientation='vertical'>
#if>
#macro>
<#-- INPUT-GROUP -->
<#-- size: sm/lg/no size-->
<#macro inputGroup size='' id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#macro inputGroupItem type='btn' id='' params=''>
<#-- type: btn/addon. default is btn-->
id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#-- DROPDOWN MENU -->
<#-- class: dropdown-menu-right -->
<#-- Expected content : Your link here -->
<#macro dropdownMenu class='' id='' params=''>
#macro>
<#-- ROW -->
<#macro row class='' id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#-- COLUMNS -->
<#-- cols = col-xs- (<544px)/col-sm- (>=544px)/col-md- (>=768px)/col-lg- (>=992px)/col-xl- (>=1200px) -->
<#macro columns offsetXs=0 offsetSm=0 offsetMd=0 offsetLg=0 offsetXl=0 pushXs=0 pushSm=0 pushMd=0 pushLg=0 pushXl=0 pullXs=0 pullSm=0 pullMd=0 pullLg=0 pullXl=0 xs=12 sm=0 md=0 lg=0 xl=0 id='' class='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#-- TABS -->
<#-- TAB Custom AdminLTE -->
<#macro tabs color='' id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#-- Bootstrap UL tabs -->
<#-- type: tabs/tabs nav-justified/pills/pills nav-stacked/pills nav-justified -->
<#macro listTabs type='tabs' id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#-- TAB Content AdminLTE -->
<#macro tabContent id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#-- ACCORDION -->
<#-- The accordionContainer is the container for accordionPanel, which itself is the container for accordionHeader and accordionBody -->
<#-- The childId argument in accordionPanel is meant to be used in the two sub-macros: accordionHeader and accordionBody -->
<#macro accordionContainer id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#assign parentId = id>
<#nested>
#macro>
<#macro accordionPanel color='' collapsed=true childId='' id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#if collapsed = true>
<#assign aClass = 'collapsed'>
<#assign expanded = 'false'>
<#assign childClass = 'panel-collapse collapse'>
<#else>
<#assign aClass = ''>
<#assign expanded = 'true'>
<#assign childClass = 'panel-collapse collapse in'>
#if>
<#assign childId = childId>
<#nested>
#macro>
<#-- ACCORDION ELEMENT -->
<#-- The boxTools parameter is unused, kept for backwards compatibility -->
<#macro accordionHeader title='' parentId=parentId childId=childId boxTools=false id='' params=''>
#macro>
<#macro accordionBody id=childId class=childClass expanded=expanded params=''>
${params}#if>>
<@boxBody>
<#nested>
@boxBody>
#macro>
<#macro progressBar description='' id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#if description!=''>
${description}
#if>
#macro>
<#-- INFO-BOX AdminTLE (widget) -->
<#-- color: only for the left side showing the icon. -->
<#-- bgColor: for the right side containing the text -->
<#macro infoBox color='' boxText='' boxIcon='' boxNumber='' unit='' bgColor='' progressBar='' progressDescription='' id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<@icon style=boxIcon />
${boxText}
${boxNumber?string(",000")}<#if unit!=''> ${unit} #if>
<#if bgColor!='' && progressBar!=''>
#if>
<#if progressDescription!=''>
${progressDescription}
#if>
#macro>
<#-- TAG -->
<#-- color: default/primary/success/info/warning/danger/ -->
<#macro tag color='default' title='' type='span' id='' params=''>
<${type} class="label label-${color}"<#if title!=''> title='${title}'#if><#if id!=''>id='${id}'#if><#if params!=''>${params}#if>>
<#nested>
${type}>
#macro>
<#-- BUTTON -->
<#-- bootstrap 3 : size: btn-xs/btn-sm/btn-lg -->
<#-- upcoming bootstrap 4 : size: btn-sm for small buttons/empty for medium buttons/btn-lg for large buttons -->
<#-- color: default[bootstrap4 : secondary]/primary/success/warning/danger/info -->
<#-- color (upcoming bootstrap 4): btn-outline-default/btn-outline-primary/btn-outline-success/btn-outline-warning/btn-outline-danger/btn-outline-info/ -->
<#-- style: btn-block/btn-flat/close/navbar-toggle/collapsed... -->
<#-- type: button/submit/reset -->
<#-- params: data-toggle/data-target/data-dismiss... -->
<#-- buttonIcon: icon name ex: info/check/comment/envelope... -->
<#-- iconPosition: left/right -->
<#-- cancel: switch to true for a cancellation form button. Adds the "formnovalidate" attribute to the button, as well as the right class -->
<#macro button name='' id='' type='button' size='' color='' style='btn-flat' class='' params='' value='' title='' tabIndex='' showTitle=true showTitleXs=true showTitleSm=true showTitleMd=true showTitleLg=true buttonIcon='' disabled=false iconPosition='left' dropdownMenu=false cancel=false>
<#if cancel>
<#assign buttonColor = 'default' />
<#elseif !cancel && color=''>
<#assign buttonColor = 'primary' />
<#else>
<#assign buttonColor = color />
#if>
<#-- Visibility of button title -->
<#assign showTitleClass = '' />
<#if showTitle = false><#assign showTitleClass = 'sr-only' />#if>
<#if showTitleXs = false><#assign showTitleClass = showTitleClass + 'hidden-xs' />#if>
<#if showTitleSm = false><#assign showTitleClass = showTitleClass + ' ' + 'hidden-sm' />#if>
<#if showTitleMd = false><#assign showTitleClass = showTitleClass + ' ' + 'hidden-md' />#if>
<#if showTitleLg = false><#assign showTitleClass = showTitleClass + ' ' + 'hidden-lg' />#if>
<#if dropdownMenu>
#if>
<#if dropdownMenu>
#if>
#macro>
<#-- A BUTTON (LINK STYLED AS A BUTTON) -->
<#-- size: btn-xs/btn-sm/btn-lg -->
<#-- color: default/primary/success/warning/danger/info/ -->
<#-- style: btn-block/btn-flat/disabled/btn-app -->
<#-- icon: icon name ex: info/check/comment/envelope... -->
<#macro aButton name='' id='' href='' size='' color='primary' style='btn-flat' class='' params='' title='' tabIndex='' showTitle=true showTitleXs=true showTitleSm=true showTitleMd=true showTitleLg=true buttonIcon='' disabled=false iconPosition='left' dropdownMenu=false>
<#-- Bootstrap 4 transition -->
<#if color='secondary'>
<#assign color_temp='default'>
<#else>
<#assign color_temp=color>
#if>
<#-- Visibility of button title -->
<#assign showTitleClass = '' />
<#if showTitle = false><#assign showTitleClass = 'sr-only' />#if>
<#if showTitleXs = false><#assign showTitleClass = showTitleClass + 'hidden-xs' />#if>
<#if showTitleSm = false><#assign showTitleClass = showTitleClass + ' ' + 'hidden-sm' />#if>
<#if showTitleMd = false><#assign showTitleClass = showTitleClass + ' ' + 'hidden-md' />#if>
<#if showTitleLg = false><#assign showTitleClass = showTitleClass + ' ' + 'hidden-lg' />#if>
name="${name}"#if><#if id!=''> id="${id}"#if> href="${href}" title="${title}"<#if params!=''> ${params}#if><#if disabled> disabled#if><#if dropdownMenu> data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"#if>>
<#if buttonIcon!='' && iconPosition='left'><@icon style=buttonIcon />#if>
${title}
<#if buttonIcon!='' && iconPosition='right'><@icon style=buttonIcon />#if>
<#if dropdownMenu>
<@icon style='caret-down' />
#if>
<#nested>
#macro>
<#-- BTN TOOLBAR -->
<#macro btnToolbar id='' params='' ariaLabel=''>
aria-label="${ariaLabel}"#if><#if id!=''> id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#-- BTN GROUP -->
<#-- size: sm/empty/lg -->
<#macro btnGroup size='' class='' id='' params='' ariaLabel=''>
aria-label="${ariaLabel}"#if><#if id!=''> id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#-- Radio button/Checkbox as buttons (to use with btnGroup) -->
<#-- type: radio/checkbox -->
<#macro btnGroupRadioCheckbox type='checkbox' color='primary' size='' name='' id='' params='' ariaLabel='' labelFor='' labelKey='' labelParams='' tabIndex='' value='' checked=false>
${labelParams}#if>>
value="${value}"#if><#if params!=''> ${params}#if><#if tabIndex!=''> tabindex="${tabIndex}"#if><#if checked> checked#if> /><#if labelKey!=''>${labelKey}#if>
#macro>
<#-- MODAL -->
<#-- bgColor: modal-default/modal-primary/modal-info/modal-warning/modal-danger -->
<#macro modal id params='' bgColor=''>
#macro>
<#macro modalHeader titleLevel='h4' modalTitle='' id='' params=''>
#macro>
<#macro modalBody id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#macro modalFooter id='' params=''>
#macro>
<#-- BREADCRUMBS -->
<#macro breadcrumbs id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#-- CALLOUT -->
<#-- AdminLTE classes: info/warning/danger/success -->
<#macro callOut color='' titleLevel='h3' title='' callOutIcon='' id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#if title!=''><${titleLevel}><@icon style=callOutIcon /> ${title}${titleLevel}>#if>
<#nested>
#macro>
<#-- ALERT -->
<#-- classes: alert-success/alert-info/alert-warning/alert-danger + alert-dismissible -->
<#-- color: primary/success/info/warning/dange r-->
<#macro alert class='' titleLevel='h3' title='' iconTitle='' dismissible=false id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#if dismissible>
<@button color='' size='' style='close' params='data-dismiss="alert" aria-hidden="true"'>
×
@button>
#if>
<#if title!=''>
<${titleLevel}>
<#if iconTitle!=''><@icon style=iconTitle />#if>
${title}
${titleLevel}>
#if>
<#nested>
#macro>
<#---------------------------------------->
<#-- AdminLTE Box -->
<#-- color: default/primary/info/success/warning/danger -->
<#-- style: solid (no top border) -->
<#-- collapsed: true/false -->
<#macro box color='' id='' style='' class='' params='' collapsed=false>
id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#-- The boxTools parameter is unused, kept for backwards compatibility -->
<#macro boxHeader title='' i18nTitleKey='' showTitle=true id='' params='' boxTools=false titleLevel='h2'>
#macro>
<#macro boxBody class='' id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#macro boxFooter class='' id='' params=''>
#macro>
<#---------------------------------------->
<#-- AdminLTE Small Box -->
<#-- color:Bootstrap + AdminLTE colors -->
<#-- unit: %,... -->
<#macro smallBox color='' title='' text='' boxIcon='' titleLevel='h3' unit='' url='' urlText='' id='' params='' fontSize='40px'>
id="${id}"#if><#if params!=''> ${params}#if>>
${text}
<${titleLevel} style="font-size:${fontSize};">${title}<#if unit!=''> ${unit}#if>${titleLevel}>
<@icon style=boxIcon />
<#if url!=''>
#if>
#macro>
<#-- AdminLTE Error Page -->
<#-- Error Type: 500,404... -->
<#-- Color: primary/blue/navy/aqua/teal/green/orange/yellow/red/purple/maroon/gray/black... -->
<#macro errorPage color='' errorType='' id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
${errorType}
<@icon style='warning' class='text-${color}' />
<#if errorType=='404'>
#i18n{portal.util.error404.title}
<#elseif errorType='500'>
#i18n{portal.util.error500.title}
<#else>...
#if>
<#if errorType=='404'>
#i18n{portal.util.error404.text}
<#elseif errorType='500'>
#i18n{portal.util.error500.text}
<#else>...
#if>
<@aButton href='' size='' color='bg-${color}' style='btn-flat'>
<@icon style='home' />
#i18n{portal.util.labelBackHome}
@aButton>
#macro>
<#-- CONTEXTUAL BACKGROUND P-->
<#-- Bootstrap colors: primary/success/info/warning/danger -->
<#-- AdminTLE colors: gray/gray-light/black/red/yellow/aqua/blue/light-blue/green/navy/teal/olive/lime/orange/fuchsia/purple/maroon -->
<#macro coloredBg color='' type='p' id='' params=''>
<${type} class="bg-${color}"<#if id!=''> id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
${type}>
#macro>
<#macro listGroup id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#assign listElementClass = "list-group-item list-group-item-action">
<#nested>
#macro>
<#macro unstyledList id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#assign liClass = "margin">
<#nested>
#macro>
<#-- DROPDOWN MENU LIST -->
<#macro dropdownList id='' params=''>
#macro>
<#-- Will no longer exist in Boostrap 4. Use label/tag + .tag-pill instead -->
<#macro badge id='' params=''>
id="${id}"#if><#if params!=''> ${params}#if>>
<#nested>
#macro>
<#-- CARDS -->
<#macro card header=false headerTitle='' headerIcon=false headerTitleIcon=''>
<#if header>
<#if headerIcon><@icon style='${headerTitleIcon}' /> #if>${headerTitle}
#if>
<#nested>
#macro>
<#-- NEW MACRO LUTECE-2221 -->
<#-- MACRO adminHeader -->
<#macro adminHeader >
#macro>
<#-- MACRO adminFooter -->
<#macro adminFooter >
${javascript_files}
#macro>
<#-- MACRO adminHome -->
<#macro adminHome >
<@row>
<@columns class='widget'>
@columns>
@row>
#macro>
<#-- adminContentHeader -->
<#macro adminContentHeader >
#macro>
<#-- adminLoginPage -->
<#macro adminLoginPage title=''>
<#nested>
<@aButton href='http://fr.lutece.paris.fr' params='target="_blank"' title='#i18n{portal.site.portal_footer.labelPortal}' showTitle=false color='secondary'>
@aButton>
#macro>
<#-- adminHeaderDocumentationLink -->
<#macro adminHeaderDocumentationLink >
<#if feature_documentation?has_content >
<#if feature_documentation?exists>
#i18n{portal.features.documentation.help}
#if>
#if>
#macro>
<#macro adminSiteColumnOutline columnid=''>
${i18n("portal.site.columnId",columnid)}
<#nested>
#macro>
<#-- adminMessagePage -->
<#macro adminMessagePage title=''>
<#assign alerttype="yellow" />
<#assign icontype="fa-info-circle" />
<#if message.type == 2 >
<#assign alerttype="red" />
<#assign icontype="fa-question-circle" />
<#elseif message.type == 3 >
<#assign alerttype="yellow" />
<#assign icontype="fa-exclamation-circle" />
<#elseif message.type == 4 >
<#assign alerttype="yellow" />
<#assign icontype="fa-question-circle" />
<#elseif message.type == 5 >
<#assign alerttype="red" />
<#assign icontype="fa-ban" />
#if>
#macro>
<#-- fieldSet -->
<#macro fieldSet legend=''>
<#if legend!=''>
${legend}
#if>
<#nested>
#macro>
<#--Badge : BS badge + label -->
<#macro badge htmlEl='span' type='badge' style='primary' class='' >
<${htmlEl} class="${type} ${type}-${style}">
<#nested>
${htmlEl}>
#macro>
<#-- HELPERS -->
<#-- FLOAT -->
<#-- Float right -->
<#macro fright> pull-right#macro>
<#-- Float left -->
<#macro fright> pull-left#macro>
<#-- Clearfix -->
<#macro fright> clearfix#macro>
<#-- RESPONSIVE -->
<#-- HTML ELEMENTS -->
<#macro img url='' alt='' title='' class='' id='' params=''>
#macro>