1 <!-- the ID links are fetched via AJAX to the ajax container "ajax-notifications" -->

     2 <div class="btn-group btn-group-justified" data-toggle="buttons">

     3 	<tal:loop repeat="viewlet view.viewlets">

     4 		<label class="btn btn-default">

     5 			<input type="radio" name="activity"

     6 				   tal:attributes="data-ams-url viewlet.url;

     7 								   data-ams-click-handler viewlet.click_handler;"

     8 				   tal:content="viewlet.label">Label

     9 		</label>

    10 	</tal:loop>

    11 </div>

    12 <!-- notification content -->

    13 <div class="ajax-notifications custom-scroll">

    14 	<div class="alert alert-transparent">

    15 		<h4 tal:content="view.header"></h4>

    16 		<tal:var replace="structure view.message" />

    17 	</div>

    18 	<i class="fa fa-lock fa-4x fa-border"></i>

    19 </div>

    20 <!-- end notification content -->

    21 

    22 <!-- footer: refresh area -->

    23 <span>

    24 	<span id="activity-update"

    25 		  tal:content="view.get_last_update()"></span>

    26 	<button type="button"

    27 			class="btn btn-xs btn-default pull-right"

    28 			tal:attributes="data-loading-text view.loading_text">

    29 		<i class="fa fa-refresh"></i>

    30 	</button>

    31 </span>

    32 <!-- end footer -->