1+ {% extends "base.html" %}
2+
3+ {% block content %}
4+ < h1 class ="title ">
5+ This is the documents page!
6+ </ h1 >
7+ < div style ="text-align: center; ">
8+ < h2 style ="display: inline; "> Choose meeting:</ h2 >
9+ < select id ="meetingSelect " onchange ="updateContent() " style ="margin-left: 10px; ">
10+ < option value =""> Select a meeting...</ option >
11+ {% for meeting in meetings %}
12+ < option value ="{{ meeting }} "> {{ meeting }}</ option >
13+ {% endfor %}
14+ </ select >
15+ </ div >
16+
17+ < div class ="content " id ="documentsContent " style ="display: none; ">
18+ < div id ="selectedMeeting " class ="notification is-info " style ="margin-bottom: 2rem; ">
19+ < strong > Selected Meeting: </ strong > < span id ="meetingDisplay "> </ span >
20+ </ div >
21+
22+ {% if user_roles %}
23+ {% for group_name, post in user_roles %}
24+ < div class ="box " style ="margin-bottom: 2rem; ">
25+ < h2 >
26+ < strong > {{ group_name.title() }}</ strong >
27+ </ h2 >
28+
29+ < div class ="columns ">
30+ < div class ="column is-half ">
31+ < div class ="card ">
32+ < div class ="card-content ">
33+ < h2 > This is a Plan for < span class ="meeting-text "> </ span > </ h2 >
34+ </ div >
35+ </ div >
36+ </ div >
37+
38+ < div class ="column is-half ">
39+ < div class ="card ">
40+ < div class ="card-content ">
41+ < h2 > This is a budget for < span class ="meeting-text "> </ span > </ h2 >
42+ </ div >
43+ </ div >
44+ </ div >
45+ </ div >
46+ </ div >
47+ {% endfor %}
48+ {% endif %}
49+ < div class ="box " style ="margin-bottom: 2rem; ">
50+ < h2 >
51+ < strong > General Documents</ strong >
52+ </ h2 >
53+ < div class ="columns ">
54+ < div class ="card ">
55+ < div class ="card-content ">
56+ < h2 > This is the agenda for < span class ="meeting-text "> </ span > </ h2 >
57+ </ div >
58+ </ div >
59+ < div class ="card ">
60+ < div class ="card-content ">
61+ < h2 > This is motion #1 for < span class ="meeting-text "> </ span > </ h2 >
62+ </ div >
63+ </ div >
64+ < div class ="card ">
65+ < div class ="card-content ">
66+ < h2 > This is motion #2 for < span class ="meeting-text "> </ span > </ h2 >
67+ </ div >
68+ </ div >
69+ < div class ="card ">
70+ < div class ="card-content ">
71+ < h2 > This is motion #3 for < span class ="meeting-text "> </ span > </ h2 >
72+ </ div >
73+ </ div >
74+ </ div >
75+ </ div >
76+ </ div >
77+
78+ < script >
79+ function updateContent ( ) {
80+ const select = document . getElementById ( 'meetingSelect' ) ;
81+ const content = document . getElementById ( 'documentsContent' ) ;
82+ const meetingDisplay = document . getElementById ( 'meetingDisplay' ) ;
83+ const meetingTexts = document . querySelectorAll ( '.meeting-text' ) ;
84+
85+ if ( select . value ) {
86+ content . style . display = 'block' ;
87+ meetingDisplay . textContent = select . value ;
88+ meetingTexts . forEach ( span => {
89+ span . textContent = select . value ;
90+ } ) ;
91+ } else {
92+ content . style . display = 'none' ;
93+ }
94+ }
95+ </ script >
96+ {% endblock %}
0 commit comments