page_contact.html

 1   <div class="row">
 2       <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
 3           <h3>#i18n{contact.page_contact.pageTitle}</h3> 
 4               <form class="form-horizontal" id="contact_form" action="jsp/site/Portal.jsp" method="post">
 5                   <input type="hidden" name="page" value="contact">
 6                   <input type="hidden" name="action" value="actionSendMessage">
 7                   <input type="hidden" name="portal_url" value="${portal_url}">
 8                   <input type="hidden" name="id_contact_list" value="${id_contact_list}">
 9                   <div class="form-group">
 10                   <label class="control-label col-xs-12 col-sm-12 col-md-3 col-lg-3" for="visitor_email">#i18n{contact.page_contact.visitorEmail} * :</label>
 11                       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
 12                       <input type="text" name="visitor_email" id="visitor_email" class="form-control input-sm" maxlength="100" value="${visitor_email}">
 13                       </div>
 14                   </div>
 15                   <div class="form-group">
 16                   <label class="control-label col-xs-12 col-sm-12 col-md-3 col-lg-3" for="visitor_last_name">#i18n{contact.page_contact.visitorLastName} * :</label>
 17                       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
 18                           <input type="text" name="visitor_last_name" id="visitor_last_name" class="form-control input-sm" maxlength="50" <#if mylutece_user??>value="${mylutece_user.getUserInfo( 'user.name.family' )}"<#else>value="${visitor_last_name}"</#if>/> 
 19                       </div>
 20                   </div>
 21                   <div class="form-group">
 22                   <label class="control-label col-xs-12 col-sm-12 col-md-3 col-lg-3" for="visitor_first_name">#i18n{contact.page_contact.visitorFirstName} * :</label>
 23                       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
 24                           <input type="text" name="visitor_first_name" id="visitor_first_name" class="form-control input-sm" maxlength="50" <#if mylutece_user??>value="${mylutece_user.getUserInfo( 'user.name.given' )}"<#else>value="${visitor_first_name}"</#if> />
 25                       </div>
 26                   </div>
 27                   <div class="form-group">
 28                   <label class="control-label col-xs-12 col-sm-12 col-md-3 col-lg-3" for="visitor_address" >#i18n{contact.page_contact.visitorAddress} :</label>
 29                       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
 30                           <input type="text" name="visitor_address" id="visitor_address" value="${visitor_address}"  maxlength="120" class="form-control input-sm">
 31                       </div>
 32                   </div>
 33                   <div class="form-group">
 34                   <label class="control-label col-xs-12 col-sm-12 col-md-3 col-lg-3" for="" >#i18n{contact.page_contact.comboLabel} * :</label>
 35                       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
 36                       <#assign cssComboParams>class="${style_contact?if_exists} input-xlarge"</#assign>      
 37                       <@comboWithParams name="contact" default_value="${default_contact}" additionalParameters="${cssComboParams}" items=contacts_list/>
 38                       </div>
 39                   </div>
 40                   <div class="form-group">
 41                   <label class="control-label col-xs-12 col-sm-12 col-md-3 col-lg-3" for="message_object">#i18n{contact.page_contact.messageObject} * :</label>
 42                       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
 43                           <input type="text" name="message_object" id="message_object" value="${message_object}" maxlength="120" class="form-control input-sm">
 44                       </div>
 45                   </div>
 46                   <div class="form-group">
 47                   <label class="control-label col-xs-12 col-sm-12 col-md-3 col-lg-3" for="message">#i18n{contact.page_contact.message} * #i18n{contact.page_contact.characterMax}</label><br>
 48                       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
 49                           <textarea name="message" maxlength="1000" id="message" rows="6" class="form-control input-sm ${style_message?if_exists}">${message}</textarea>
 50                       </div>  
 51                   </div>
 52                   <#if is_active_captcha>
 53                       <div class="form-group">             
 54                       ${captcha}
 55                       </div>
 56                   </#if>
 57                   <#if is_tos_required>
 58                       <div class="form-group">
 59                           <div class="col-xs-12 col-sm-9">
 60                               <div class="chechbox">
 61                                   <label for="accept_tos">
 62                                       <input <#if accept_tos >checked</#if> type="checkbox" name="accept_tos" id="accept_tos" value="1">  ${tos_message} *
 63                                   </label>
 64                               </div>
 65                           </div>
 66                       </div>
 67                   </#if>
 68                   <#if alert_msg?exists>
 69                       <div class="alert alert-error">${alert_msg}</div>
 70                   </#if>
 71               <p class="help-block">* #i18n{contact.page_contact.mandatoryFields}</p>
 72               <div class="form-actions">
 73                   <button class="btn btn-primary btn-sm" type="submit" name="save">
 74                       <i class="glyphicon glyphicon-envelope"></i>&nbsp;#i18n{contact.page_contact.buttonSend}
 75                   </button>
 76                   <button class="btn btn-primary btn-sm" type="reset" name="Reset">
 77                       <i class="glyphicon glyphicon-refresh"></i>&nbsp;#i18n{contact.page_contact.buttonReset}
 78                   </button>
 79               </div>
 80           </form>
 81       </div>
 82   </div>
 83