@@ -31,6 +31,32 @@ <h4><i>{{ petition.title }}</i></h4>
3131 < span class ="oi oi-envelope-closed "> </ span >
3232 {% trans "Re-send confirmation e-mail to all unconfirmed" %}</ button >
3333 </ p >
34+ < p >
35+ < a href ="# " class ="btn btn-warning " id ="show-sympa-mass-subscribe "
36+ data-toggle ="modal " data-target ="#sympa-modal " aria-disabled ="true ">
37+ {% trans "Subscribe signatories to the newsletter" %}
38+ </ a >
39+ < div class ="modal fade " id ="sympa-modal ">
40+ < div class ="modal-dialog ">
41+ < div class ="modal-content ">
42+ < div class ="modal-header ">
43+ < h4 class ="modal-title ">
44+ {% trans "copy/paste the following text block into Sympa's mass-subscribe formular" %}</ h4 >
45+ < button type ="button " class ="close " data-dismiss ="modal "> ×</ button >
46+ </ div >
47+
48+ < div class ="modal-body " id ="sympa_content ">
49+
50+ </ div >
51+
52+ < div class ="modal-footer ">
53+ < button type ="button " class ="btn btn-info " data-dismiss ="modal "> {% trans "Ok" %}</ button >
54+ </ div >
55+
56+ </ div >
57+ </ div >
58+ </ div >
59+ </ p >
3460 < p >
3561 < div class ="form-row ">
3662 < div class ="col-3 ">
@@ -125,6 +151,21 @@ <h4><i>{{ petition.title }}</i></h4>
125151 $ ( "#select-all" ) . on ( "change" , function ( ) {
126152 $ ( ":checkbox" ) . prop ( 'checked' , $ ( this ) . prop ( 'checked' ) ) ;
127153 } ) ;
154+
155+ $ ( "#show-sympa-mass-subscribe" ) . on ( "click" , function ( ) {
156+ $ . ajax ( "{% url " show_sympa_subscribe_bloc " petition.id %}" ) . done ( function ( data ) {
157+ $ ( "#sympa_content" ) . html ( data ) ;
158+ } ) ;
159+ } ) ;
128160 } ) ;
129161 </ script >
130162{% endblock extrajs %}
163+
164+ {% block extracss %}
165+ {{ block.super }}
166+ < style >
167+ # sympa_content {
168+ background-color : lightgrey;
169+ }
170+ </ style >
171+ {% endblock extracss %}
0 commit comments