src/pyams_default_theme/component/paragraph/templates/verbatim-default.pt
changeset 233 d5f9f495dc30
parent 182 f419b942f7f4
child 319 29ffc22ece57
equal deleted inserted replaced
232:7898006e140c 233:d5f9f495dc30
     1 <div class="bordered verbatim padding-20"
     1 <div class="verbatim"
     2 	 tal:define="settings view.settings;
     2 	 tal:define="settings view.settings;
     3 				 illustration tales:pyams_illustration(context);
     3 				 illustration tales:pyams_illustration(context);
     4 				 display_illustration view.can_display_illustration()">
     4 				 display_illustration view.can_display_illustration()">
     5 	<tal:if condition="display_illustration and illustration">
     5 	<div class="panel panel-default">
     6 		<div class="illustration col-md-2"
     6 		<div class="panel-heading">
     7 			 tal:define="photo i18n:illustration.data;
     7 			<h3 class="panel-title">${view.title}</h3>
     8 						 alt i18n:illustration.alt_title;"
       
     9 			 tal:condition="photo">
       
    10 			${structure:tales:picture(photo, lg_thumb='portrait', md_thumb='portrait',
       
    11 											 sm_thumb='portrait', xs_thumb='portrait', alt=alt)}
       
    12 		</div>
     8 		</div>
    13 		<div class="author col-md-4">
     9 		<div class="panel-body">
    14 			<span tal:content="view.author">Author</span><br />
    10 			<tal:if condition="display_illustration and illustration">
    15 			<span tal:content="view.charge">Charge</span>
    11 				<div class="illustration col-md-2 col-sm-3 hidden-xs"
       
    12 					 tal:define="photo i18n:illustration.data;
       
    13 								 alt i18n:illustration.alt_title;"
       
    14 					 tal:condition="photo">
       
    15 					${structure:tales:picture(photo, lg_thumb='portrait', md_thumb='portrait',
       
    16 													 sm_thumb='portrait', xs_thumb='portrait', alt=alt)}
       
    17 				</div>
       
    18 			</tal:if>
       
    19 			<div class="col-md-10 col-sm-9 col-xs-12"
       
    20 				 tal:omit-tag="not:display_illustration">
       
    21 				<div class="quote"
       
    22 					 tal:content="structure tales:html(view.quote)">Quote</div>
       
    23 				<div class="author">
       
    24 					<strong>${view.author}</strong>
       
    25 					<tal:if condition="view.author and view.charge">, </tal:if>
       
    26 					${view.charge}
       
    27 				</div>
       
    28 			</div>
    16 		</div>
    29 		</div>
    17 		<div class="quote col-md-5"
    30 	</div>
    18 			 tal:content="tales:html(view.quote)">Quote</div>
       
    19 	</tal:if>
       
    20 	<tal:if condition="not:display_illustration">
       
    21 		<div class="quote"
       
    22 			 tal:content="structure tales:html(view.quote)">Quote</div>
       
    23 		<div class="author">
       
    24 			${view.author}
       
    25 			<tal:if condition="view.author and view.charge">, </tal:if>
       
    26 			${view.charge}
       
    27 		</div>
       
    28 	</tal:if>
       
    29 </div>
    31 </div>