|
8 | 8 | const studyLink = 'https://spreadsheets.google.com/feeds/list/1PMWsPEfHFC6myMwhdidyr2hhRK5ZA-JrDQzwRoDTFaw/oua1i2d/public/values?alt=json-in-script&callback=text';
|
9 | 9 | const buildLink = 'https://spreadsheets.google.com/feeds/list/1PMWsPEfHFC6myMwhdidyr2hhRK5ZA-JrDQzwRoDTFaw/oua1i2d/public/values?alt=json-in-script&callback=text';
|
10 | 10 |
|
11 |
| - // Getting the side nav buttons.-Tamari |
12 |
| - const html_css_button1 = document.getElementById("HTML&CSS_Tab1"); |
13 |
| - const js_button1 = document.getElementById("Javascript_Tab1"); |
14 |
| - const react_button1 = document.getElementById("React_Tab1"); |
15 |
| - |
| 11 | + // Getting the side nav buttons. |
16 | 12 | const html_css_button = document.getElementById("HTML&CSS_Tab");
|
17 | 13 | const js_button = document.getElementById("Javascript_Tab");
|
18 | 14 | const react_button = document.getElementById("React_Tab");
|
19 |
| - |
20 | 15 |
|
21 | 16 | // Getting the side nav mobile icon buttons
|
22 | 17 | const course_icons = document.querySelectorAll(".mobile-icons");
|
|
85 | 80 | const reactPart6pm = ['React - Part Time - 6PM'];
|
86 | 81 |
|
87 | 82 | /* The functions for showing the corresponding course boxes on button clicks */
|
88 |
| - // full time |
89 |
| - |
90 | 83 | const showHtmlBoxes = () => {
|
91 | 84 | full_time.style.display = "block";
|
92 | 85 | part_time.style.display = "block";
|
|
109 | 102 | studySelectorReact_Full.style.display = "none";
|
110 | 103 | studySelectorReact_Part.style.display = "none";
|
111 | 104 | }
|
112 |
| - |
113 | 105 | js_button.addEventListener("click", showJsBoxes, false);
|
114 | 106 |
|
115 | 107 | const showReactBoxes = () => {
|
|
123 | 115 | studySelectorReact_Part.style.display = "block";
|
124 | 116 | }
|
125 | 117 | react_button.addEventListener("click", showReactBoxes, false);
|
126 |
| - |
127 |
| - // part time -Tamari |
128 |
| - const showHtmlBoxes1 = () => { |
129 |
| - full_time.style.display = "block"; |
130 |
| - part_time.style.display = "block"; |
131 |
| - studySelectorHTML_Full.style.display = "block"; |
132 |
| - studySelectorHTML_Part.style.display = "block"; |
133 |
| - studySelectorJS_Full.style.display = "none"; |
134 |
| - studySelectorJS_Part.style.display = "none"; |
135 |
| - studySelectorReact_Full.style.display = "none"; |
136 |
| - studySelectorReact_Part.style.display = "none"; |
137 |
| - } |
138 |
| - html_css_button1.addEventListener("click", showHtmlBoxes1, false); |
139 |
| - |
140 |
| - const showJsBoxes1 = () => { |
141 |
| - full_time.style.display = "block"; |
142 |
| - part_time.style.display = "block"; |
143 |
| - studySelectorHTML_Full.style.display = "none"; |
144 |
| - studySelectorHTML_Part.style.display = "none"; |
145 |
| - studySelectorJS_Full.style.display = "block"; |
146 |
| - studySelectorJS_Part.style.display = "block"; |
147 |
| - studySelectorReact_Full.style.display = "none"; |
148 |
| - studySelectorReact_Part.style.display = "none"; |
149 |
| - } |
150 |
| - |
151 |
| - js_button1.addEventListener("click", showJsBoxes1, false); |
152 | 118 |
|
153 |
| - const showReactBoxes1 = () => { |
154 |
| - full_time.style.display = "block"; |
155 |
| - part_time.style.display = "block"; |
156 |
| - studySelectorHTML_Full.style.display = "none"; |
157 |
| - studySelectorHTML_Part.style.display = "none"; |
158 |
| - studySelectorJS_Full.style.display = "none"; |
159 |
| - studySelectorJS_Part.style.display = "none"; |
160 |
| - studySelectorReact_Full.style.display = "block"; |
161 |
| - studySelectorReact_Part.style.display = "block"; |
162 |
| - } |
163 |
| - react_button1.addEventListener("click", showReactBoxes1, false); |
164 |
| - |
165 |
| - /*-----testing out new stuff----Tamari----------*/ |
166 |
| - |
167 |
| - html_css_button1.addEventListener('click', function(){ |
168 |
| - document.querySelector('.side-nav-menu-area').classList.toggle('test2') |
169 |
| - document.querySelector('.displayed-content-area1').classList.toggle('test2') |
170 |
| - |
171 |
| - }); |
172 |
| - js_button1.addEventListener('click', function(){ |
173 |
| - document.querySelector('.side-nav-menu-area').classList.toggle('test2') |
174 |
| - document.querySelector('.displayed-content-area1').classList.toggle('test2') |
175 |
| - |
176 |
| - }); |
177 |
| - react_button1.addEventListener('click', function(){ |
178 |
| - document.querySelector('.side-nav-menu-area').classList.toggle('test2') |
179 |
| - document.querySelector('.displayed-content-area1').classList.toggle('test2') |
180 |
| - |
181 |
| - }); |
182 |
| - html_css_button.addEventListener('click', function(){ |
183 |
| - document.querySelector('.side-nav-menu-area').classList.toggle('test2') |
184 |
| - document.querySelector('.displayed-content-area').classList.toggle('test2') |
185 |
| - |
186 |
| - }); |
187 |
| - js_button.addEventListener('click', function(){ |
188 |
| - document.querySelector('.side-nav-menu-area').classList.toggle('test2') |
189 |
| - document.querySelector('.displayed-content-area').classList.toggle('test2') |
190 |
| - |
191 |
| - }); |
192 |
| - react_button.addEventListener('click', function(){ |
193 |
| - document.querySelector('.side-nav-menu-area').classList.toggle('test2') |
194 |
| - document.querySelector('.displayed-content-area').classList.toggle('test2') |
195 |
| - |
196 |
| - }); |
197 |
| -/* |
198 |
| - // Course icons event listeners |
199 |
| - course_icons[0].addEventListener("click", showHtmlBoxes1, false); |
200 |
| - course_icons[1].addEventListener("click", showJsBoxes1, false); |
201 |
| - course_icons[2].addEventListener("click", showReactBoxes1, false); |
202 | 119 | // Course icons event listeners
|
203 | 120 | course_icons[0].addEventListener("click", showHtmlBoxes, false);
|
204 | 121 | course_icons[1].addEventListener("click", showJsBoxes, false);
|
205 | 122 | course_icons[2].addEventListener("click", showReactBoxes, false);
|
206 |
| -*/ |
| 123 | + |
207 | 124 | appendGroups();
|
208 | 125 |
|
209 | 126 | async function appendGroups() {
|
|
0 commit comments