page_newsletter.html
1 <div class="container mt-5 pt-5">
2 <div class="row pt-5">
3 <div class="col">
4 <h2>#i18n{newsletter.page_newsletter.pageTitle}</h2>
5 <#if newsletters_list?size = 0>
6 <div class="alert alert-error">#i18n{newsletter.page_newsletter.page_newsletter.labelNoLetter}</div>
7 <#else>
8 <form name="newsletter" action="jsp/site/Portal.jsp" method="post">
9 <input type="hidden" name="plugin_name" value="${plugin.name}">
10 <input type="hidden" name="page" value="newsletter">
11 <input type="hidden" name="action" value="register">
12 <div class="form-group">
13 <label for="email">#i18n{newsletter.page_newsletter.labelEmail}</label>
14 <input type="email" class="form-control" name="email" id="email" placeholder="nom@email.com" maxlength="100" >
15 </div>
16 <div class="form-group">
17 <h3>#i18n{newsletter.page_newsletter.labelChooseNewsletters}</h3>
18 <#if newsletters_list?has_content>
19 <#list newsletters_list as newsletter>
20 <div class="custom-control custom-switch">
21 <input class="custom-control-input" type="checkbox" role="switch" id="newsletter_id_${newsletter.id}" name="newsletter_id" value="${newsletter.id}" checked="checked">
22 <label class="custom-control-label pl-3" for="newsletter_id_${newsletter.id}">${newsletter.name}</label>
23 </div>
24 </#list>
25 </#if>
26 </div>
27 <#if properties.TOS ??>
28 <div class="form-group">
29 <label class="checkbox" for="tos">
30 <input type="checkbox" name="tos" id="tos" value="1" > #i18n{newsletter.page_newsletter.requirement}
31 <button class="btn btn-link" type="button" data-toggle="modal" data-target="#modalRequirement"> #i18n{newsletter.page_newsletter.tos.header}</a>
32 </label>
33 </div>
34 </#if>
35 <div class="form-group">
36 <#if properties.captchaActive><#if is_active_captcha>${captcha}</#if></#if>
37 <button class="btn btn-primary" type="submit">
38 #i18n{newsletter.page_newsletter.buttonSubscribe}
39 </button>
40 </div>
41 </form>
42 </#if>
43 </div>
44 </div>
45 </div>
46 <!-- Modal -->
47 <div class="modal fade" id="modalRequirement" tabindex="-1" aria-labelledby="requirementModalLabel" aria-hidden="true">
48 <div class="modal-dialog">
49 <div class="modal-content">
50 <div class="modal-header">
51 <h1 class="modal-title h3" id="requirementModalLabel">#i18n{newsletter.page_newsletter.tos.header}</h1>
52 <button type="button" class="close" data-dismiss="modal" aria-label="#i18n{portal.util.labelBack}">
53 <span aria-hidden="true">×</span>
54 </button>
55 </div>
56 <div class="modal-body p-4">
57 ${properties.TOS!}
58 </div>
59 <div class="modal-footer">
60 <button type="button" class="btn btn-secondary" data-dismiss="modal">#i18n{portal.util.labelBack}</button>
61 </div>
62 </div>
63 </div>
64 </div>