1#set ($current_url = $request.get("attributes").CURRENT_COMPLETE_URL)
2#set ($paramName='matchEngine')
3#set ($match = $httpUtil.getParameter($current_url, $paramName))
4
5##Get Categories for search
6 #set ($tagsService = $portal.getClass().forName("com.liferay.portlet.asset.service.AssetTagServiceUtil").getMethod("getService", null).invoke(null, null))
7 #set ($journalArticleResourceService = $portal.getClass().forName("com.liferay.portlet.journal.service.JournalArticleResourceLocalServiceUtil").getMethod("getService", null).invoke(null, null))
8 #set ($catLocalService = $portal.getClass().forName("com.liferay.portlet.asset.service.AssetCategoryLocalServiceUtil").getMethod("getService", null).invoke(null, null))
9 #set ($longGroupId = $getterUtil.getLong($groupId))
10 #set ($articleResourcePK = $journalArticleResourceService.getArticleResourcePrimKey($longGroupId, $reserved-article-id.data))
11 #set($articleCatNames = $catLocalService.getCategoryNames("com.liferay.portlet.journal.model.JournalArticle", $articleResourcePK))
12 #set($articleCatIds = $catLocalService.getCategoryIds("com.liferay.portlet.journal.model.JournalArticle", $articleResourcePK))
13 ## here are example link URLS. We need to convert the categories above into links
14##end of getting category names
15
16#if($match == "true")
17 <!-- Start of .modal_container -->
18 <div class='modal_container'>
19 <div class='modal_background'></div>
20 <div class='modal_wrapper'>
21 <div class='modal'>
22 <div class='modal_content campus' id='match_engine'>
23 <div class='close'></div>
24 <h1 class="font_page_header">$Headline.data</h1>
25 <div class='me_col'>
26 <p class="font_copy">$Center_Column_Text.data</p>
27 </div>
28 <div class='me_col'>
29 <div class='search' id="campusSearchForm">
30 <form action="/search">
31 <input class='search_input' placeholder='Search' type='text' name="q" />
32 <button class='submit_button' type="submit">
33 <img src="/UNFTheme-theme/images/foundation/matchengine_search_white.png" onclick="document.getElementById('campusSearchForm').submit()"/>
34 </button>
35 </form>
36 </div>
37 <div class='college_drop font_copy' style="margin-bottom:5px;">
38 <div class="select-style" style="float: left;width: 95%;"">
39 <select class='college' name='Your college or area' >
40 <option value="-1">Select a College or Area</option>
41 #foreach($item in $College_Titleminuscollegeof.getSiblings())
42 <option value="$item.College_URL.data?matchEngine=true">$item.data</option>
43 #end
44
45 #foreach($item in $Area_Title.getSiblings())
46 <option value="$item.Area_URL.data?matchEngine=true">$item.data</option>
47 #end
48
49 #foreach($item in $Priority_Title.getSiblings())
50 <option value="$item.Priority_URL.data?matchEngine=true">$item.data</option>
51 #end
52 </select>
53 </div>
54 </div>
55 <p class='font_copy'><a class='see_full' href='/$Abbreviation.data'>See a full listing for $Abbreviation.data</a></p>
56 </div>
57 <!-- Partial: _ad_container.haml -->
58 <!-- Start of .ad_container -->
59 <div class='ad_container' style="width:100%;margin-top:5px;">
60 <div class='stripe_bar'></div>
61 <div class='ads'>
62 <div id="matchAd" class='ad_unit'>
63
64 </div>
65 <div class='stripe_bar mobile'></div>
66 <div class='borderer'></div>
67 <div id="matchAdRight" class='ad_unit right'>
68
69 </div>
70 <div class='clear'></div>
71 </div>
72 <div class='stripe_bar last'></div>
73 </div>
74 <!-- End of .ad_container -->
75 </div>
76 </div>
77 </div>
78 </div>
79 <!-- End of .modal_container -->
80
81 <script>
82
83 _gaq.push(['_trackPageview', '/funnel_G1/MatchStep3_Campus.html']);
84
85 $('.modal').modal_injector()
86 //$(document).ready(function(){
87 // $('select').each(function(i,o){
88 // $(o).select_box();
89 // });
90 //});
91 </script>
92 <script>
93 $(function(){
94 // bind change event to select
95 $('.college').bind('change', function () {
96 var url = $(this).val(); // get selected value
97 if (url) { // require a URL
98 window.location = url; // redirect
99 }
100 return false;
101 });
102 });
103 var $matchAdArray = $('.forgeads-portlet-zonepublisher');
104 $("#matchAd").html($matchAdArray.eq(0).html());
105 $("#matchAdRight").html($matchAdArray.eq(1).html());
106 </script>
107#end
108
109<!-- Start of #campuses container -->
110<div id='campuses'>
111 <div class='vid_me_bro video_container' data-videoid='66753050'>
112 <div class='vid_me_bro_placeholder'>
113 <div class='vid_me_bro_text'>
114 <div class="vid_me_bro_header">
115 $Video_Header_Text.data
116 </div>
117 <div class="vid_me_bro_subheader">
118 $Video_Header_Sub_Text.data
119 </div>
120 </div>
121 <div class='vid_me_bro_button' onClick="_gaq.push(['_trackEvent', 'Videos', 'Play', 'College Page Video']);"></div>
122 </div>
123 <div class='vid_me_bro_black_bg'></div>
124 <div class='vid_me_bro_video'></div>
125 <div class='shadow_combo_holder'>
126 <div class='shadow_combo'></div>
127 </div>
128 </div>
129 <div id='campuses_header'>
130 <div class='priority_tablet_experimental text_container'>
131 <div class='campuses_header_col first priority_element serif' data-priority='1'>
132 <h2 class='font_section_header_3F2323_26pt'>$Headline.data</h2>
133 <p class='italic serif'>$Short_Summary.data</p>
134 </div>
135 <div class='campuses_header_col priority_element' data-priority='3'>
136 <p class='sans_serif'>$Center_Column_Text.data</p>
137 </div>
138 <div class='campuses_header_col last priority_element' data-priority='2'>
139 <h3 class='serif'>We made it easy to give</h3>
140 <div class='campuses_wtg_icon'>
141 <div class='colored_image_emailtarget'></div>
142 </div>
143 <p class='sans_serif'>It all starts with your e-mail address. We'll use it to better direct you to your area of interest quickly and securely.</p>
144 <div class='email_submit_container'>
145 <form action="/campuses" method="GET">
146 <input type="hidden" value="true" name="matchEngine" />
147 <input class='email_input' placeholder='Enter your e-mail address' name="email" type='text' />
148 <button class='submit_button ff_button_fix' type="submit">
149 <img src="/UNFTheme-theme/images/foundation/campuses/white_arrow.png" alt="search arrow"/>
150 </button>
151 </form>
152 </div>
153 </div>
154 </div>
155 </div>
156 <hr class='shadow_hr'>
157 <div class='shadow_combo_holder'>
158 <div class='shadow_combo'></div>
159 </div>
160 <div class='campus_wrapper'>
161 <div id='campuses_grid_header'>
162 <div class='tabloid'>
163 <!-- Partial: _tabloid.haml -->
164 <!-- Start of tabloid interface -->
165 <ul>
166 <li class='non_tab_square grid_switcher first'>
167 <a class='active' href='#to_grid'>
168 <img class="display_type to_grid" src="/UNFTheme-theme/images/foundation/gridview_selected.png" />
169 </a>
170 </li>
171 <li class='non_tab_square grid_switcher first'>
172 <a href='#to_list'>
173 <img class="display_type to_list" src="/UNFTheme-theme/images/foundation/listview_notselected.png" />
174 </a>
175 <li class='short_cell tab'>
176 <a class='colleges' href='#tabloid_colleges'>$Tab_1_Title.data</a>
177 </li>
178 <li class='short_cell tab'>
179 <a class='areas' href='#tabloid_areas'>$Tab_2_Title.data</a>
180 </li>
181 <!--<li class='short_cell tab'>
182 <a class='priorities' href='#tabloid_priorities'>$Tab_3_Title.data</a>
183 </li>-->
184 <li class='non_tab_disappearing search_tab'>
185 <form action="/search" name="searchForm">
186 <!-- <input type='hidden' name='fundSearch' value="true" />-->
187 #foreach ($catName in $articleCatNames)
188 #if($catName != "Page")
189 <input type="hidden" name="campus" value="$catName" />
190 #end
191 #end
192
193 #foreach ($catId in $articleCatIds)
194 #if($catName != "Page")
195 <input type="hidden" name="categoryId" value="$catId" />
196 #end
197 #end
198
199 <input class='ff_search_fix search_input ie8_search_field_fix' placeholder='Search within this campus' type='text' name="q" />
200 <button class='search_close' type="submit">
201 <img src="/UNFTheme-theme/images/foundation/searchtab_x.png" onclick="document.searchForm.submit()" />
202 </button>
203 </form>
204 </li>
205 <li class='non_tab_square search'>
206 <a href='#search' onclick="document.searchForm.submit()">
207 <img class="search_button" src="/UNFTheme-theme/images/foundation/campuses/search_icon.png" onclick="document.searchForm.submit()"/>
208 </a>
209 </li>
210 </ul>
211 <!-- End of tabloid interface -->
212
213 <div class='pane' id='tabloid_colleges'>
214 #foreach($item in $College_Titleminuscollegeof.getSiblings())
215 <div class="grid_cell homepage">
216 <a href="$item.College_URL.data">
217 <img src="$item.College_Photo.data" alt="$item.data" />
218 <div class="cell_title">
219 <h3 class="serif">
220 #if($item.College_Heading && $item.College_Heading.data != '')
221 $item.College_Heading.data
222 #end</h3>
223 <h2 class="sans_serif">$item.data</h2>
224 </div>
225 </a>
226 </div>
227 #end
228 </div>
229 <div class="pane" id="tabloid_areas" style="display: none;">
230 #foreach($item in $Area_Title.getSiblings())
231 <div class="grid_cell homepage">
232 <a href="$item.Area_URL.data">
233 <img src="$item.Area_Photo.data" alt="$item.data" />
234 <div class="cell_title">
235 <h3 class="serif"> </h3>
236 <h2 class="sans_serif">$item.data</h2>
237 </div>
238 </a>
239 </div>
240 #end
241 </div>
242 <div class="pane" id="tabloid_priorities" style="display: none;">
243 #foreach($item in $Priority_Title.getSiblings())
244 <div class="grid_cell homepage">
245 <a href="$item.Priority_URL.data">
246 <img src="$item.Priority_Photo.data" alt="$item.data" />
247 <div class="cell_title">
248 <h3 class="serif"> </h3>
249 <h2 class="sans_serif">$item.data</h2>
250 </div>
251 </a>
252 </div>
253 #end
254 </div>
255 <div class='pane' id='tabloid_areas'></div>
256 <div class='pane' id='tabloid_priorities'></div>
257 </div>
258 </div>
259 </div>
260</div>
261<!-- Campus Homepage End -->
262<div class="ad_container">
263 <div class="stripe_bar"></div>
264 <div class="ads">
265 <div class="ad_unit">
266
267 </div>
268 <div class="stripe_bar mobile"></div>
269 <div class="borderer"></div>
270 <div class="ad_unit right">
271
272 </div>
273 <div class="clear"></div>
274 </div>
275 <div class="stripe_bar last"></div>
276</div>