New web
Web pattern library, style and technical reference
Container Templates
Landing page search
The Landing Page Search component provides a standardised search box for use on key landing pages on the UON website. It can currently been seen on the UON homepage and will be rolled out to other key landing pages in the future. Currently this search box supports a unified degree/course/scholarship search, where results from the Google Search Applicabe are returned within the current page, and support for other search types will be added in the future.
This component can be used by nesting the relevant asset (#433699) into the desired page.
The landing page search component is part of our standardised Unicorn Component Library for the UON website.
Asset setup
| Asset type | Nested content container on a Standard Page |
|---|---|
| Nested asset | #433699 - Landing Page - Degree Search |
Example
Undergraduate degrees
An undergraduate degree is your first degree. Can't find what you're looking for below? Make sure you have a look at our full list of undergraduate degrees.
Postgraduate programs
A postgraduate program is a pathway to further the knowledge gained in an undergraduate degree. Can't find what you're looking for below? Make sure you have a look at our full list of postgraduate programs.
Research degrees
Courses
These individual courses form part of your undergraduate or postgraduate degree.
Scholarships
Related assets
Resources
| Javascript | uon-landing-page-search.js | Loaded as part of the unicorn.min.js library (#432462) |
|---|---|---|
| Stylesheet | uon-landing-page-search.css | Loaded as part of the unicorn.min.css library (#432456) |
Code
/*********************************/
/** UON Landing Page Search **/
/** -- March 2018 **/
/** -- Dean Robinson (djr145) **/
/*********************************/
.uon-landing-page-search {background:#1090D5;border-radius:3px;padding:40px;margin:80px 0;}
.home-page .uon-landing-page-search:first-child, .landing-page .uon-landing-page-search:first-child {margin-top:40px;}
.uon-landing-page-search:last-child {margin-bottom:0;}
.uon-landing-page-search .uon-search-field-wrapper {position:relative;margin-bottom:40px;}
.uon-landing-page-search .uon-search-field-wrapper.nbm {margin-bottom:0;}
.uon-landing-page-search .uon-large-search-field {font-size:24px;line-height:90px;height:96px;margin:0;padding:0 116px 0 30px;border-radius:6px;border:3px solid #FFF;vertical-align:top;width:100%;font-family:'Helvetica Neue',Arial,sans-serif;}
.uon-landing-page-search .uon-large-search-field:focus {border:3px solid #2D3138;}
.uon-landing-page-search .uon-large-search-submit {color:#2D3138;background:#FFF;border-radius:3px;font-size:30px;border:0 none;line-height:76px;vertical-align:top;width:76px;position:absolute;top:10px;right:10px;margin:0;padding:0;cursor:pointer;}
.uon-landing-page-search .uon-large-search-submit:hover {background:#2D3138;color:#FFF;}
.uon-landing-page-search label.headline-40px {margin:0 0 20px 0;display:block;}
.uon-landing-page-search p.uon-button-row {margin:0 -40px -40px;background:#5B6270;padding:20px 40px;border-radius:0 0 3px 3px;}
.uon-landing-page-search p.uon-button-row a.button {margin-right:15px;}
.uon-landing-page-search .uon-landing-page-search-loading {border-left:2px solid #D9DBE0;border-right:2px solid #D9DBE0;}
.uon-landing-page-search .uon-landing-page-search-results {margin:0 -40px;background:#FFF;display:none;}
.uon-landing-page-search .uon-landing-page-search-results .uon-tab-content {margin-bottom:0;}
.uon-landing-page-search .uon-landing-page-search-results .uon-tab-content .uon-landing-page-search-close {top:40px;right:40px;position:absolute;}
.uon-landing-page-search .uon-landing-page-search-results .uon-tab-content-nav {padding:0 37px;background:#1090D5;border-bottom:0;}
.uon-landing-page-search .uon-landing-page-search-results .uon-tab-content-nav::before, .uon-landing-page-search .uon-landing-page-search-results .uon-tab-content-nav::after {display:none;}
.uon-landing-page-search .uon-landing-page-search-results .uon-tab-content-nav a {padding:20px;color:#FFF;background:#097DBB;border:0 none;margin-bottom:0;}
.uon-landing-page-search .uon-landing-page-search-results .uon-tab-content-nav a .count {color:#FFF;font-style:italic;display:block;font-weight:normal;margin-top:5px;font-size:14px;}
.uon-landing-page-search .uon-landing-page-search-results .uon-tab-content-nav a .count:empty {display:none;}
.uon-landing-page-search .uon-landing-page-search-results .uon-tab-content-nav a.active {background:#FFF;color:#2D3138;border:0 none;}
.uon-landing-page-search .uon-landing-page-search-results .uon-tab-content-nav a.active .count {color:#5B6270;}
.uon-landing-page-search .uon-landing-page-search-results .uon-tab-content-tabs {padding:40px;border-left:2px solid #D9DBE0;border-right:2px solid #D9DBE0;}
.uon-landing-page-search .uon-landing-page-search-results .uon-icon-tile-index-grid {margin-bottom:0px;}
.uon-landing-page-search.uon-landing-page-search-condensed {padding:30px;margin:60px 0;}
.uon-landing-page-search.uon-landing-page-search-condensed:first-child {margin-top:0;}
.landing-page .uon-landing-page-search.uon-landing-page-search-condensed:first-child {margin-top:20px;}
.uon-landing-page-search.uon-landing-page-search-condensed:last-child {margin-bottom:0;}
.uon-landing-page-search.uon-landing-page-search-condensed label.headline-40px {margin:0 0 20px 0;display:block;font-size:30px;}
.uon-landing-page-search.uon-landing-page-search-condensed .uon-search-field-wrapper {margin-bottom:0;}
.uon-landing-page-search.uon-landing-page-search-condensed .uon-large-search-field {font-size:20px;line-height:70px;height:76px;padding:0 86px 0 20px;}
.uon-landing-page-search.uon-landing-page-search-condensed .uon-large-search-submit {line-height:56px;width:56px;}
.uon-landing-page-search.uon-landing-page-search-condensed .uon-landing-page-search-results {margin:0 -30px;}
.uon-landing-page-search.uon-landing-page-search-condensed p.uon-button-row {margin:30px -30px -30px;padding:20px 30px;}
.uon-landing-page-search.uon-landing-page-search-condensed .uon-landing-page-search-results .uon-tab-content-nav {padding:27px 27px 0;}
.uon-landing-page-search.uon-landing-page-search-condensed .uon-landing-page-search-results .uon-tab-content-tabs {padding:30px;}
.uon-landing-page-search-row {padding-top:20px;display:flex;}
.uon-landing-page-search-row .uon-landing-page-search-row-label {width:20%;font-size:16px;font-weight:bold;line-height:40px;color:#FFF;}
.uon-landing-page-search-row .uon-landing-page-search-row-label-wide {width:auto;font-size:16px;font-weight:bold;color:#FFF;}
.uon-landing-page-search-row .uon-landing-page-search-row-label-wide input[type="checkbox"] {margin-right:10px;height:20px;width:20px;}
.uon-landing-page-search-row .uon-landing-page-search-row-field {width:auto;height:40px;background:#FFF;border:3px solid #FFF;font-size:16px;padding:0 8px;border-radius:6px;}
.uon-landing-page-search-row .uon-landing-page-search-row-field:focus {border-color:#2D3138;}
@media screen and (max-width:768px) {
.uon-landing-page-search .uon-large-search-field, .uon-landing-page-search.uon-landing-page-search-condensed .uon-large-search-field {font-size:16px;line-height:48px;height:54px;padding:0 54px 0 15px;}
.uon-landing-page-search .uon-large-search-submit, .uon-landing-page-search.uon-landing-page-search-condensed .uon-large-search-submit {line-height:44px;width:44px;font-size:24px;right:5px;top:5px;}
.uon-landing-page-search .uon-tab-content-nav a .count {display:inline-block;float:right;}
.uon-landing-page-search .uon-tab-content-tabs {margin-top:40px;}
.uon-landing-page-search .uon-landing-page-search-results .uon-tab-content {margin-top:20px;}
.uon-landing-page-search .uon-landing-page-search-results .uon-tab-content .uon-landing-page-search-close {top:-20px;transform:translateX(50%);right:50%;}
.uon-landing-page-search .uon-landing-page-search-results .uon-tab-content-nav {padding-bottom:20px;}
.uon-landing-page-search {padding:20px 20px 0 20px;margin:0 0 30px;border-radius:0;}
#panel.landing-page #uon-body.one-column .uon-landing-page-search {margin:0 -20px 30px;}
.uon-landing-page-search label.headline-40px {font-size:24px;}
.uon-landing-page-search .uon-search-field-wrapper {margin-bottom:20px;}
.uon-landing-page-search p.uon-button-row {margin:0 -20px 0;background:#5B6270;border-radius:0;padding:20px;}
.uon-landing-page-search p.uon-button-row a.button {margin:0 0 10px 0;width:100%;}
.uon-landing-page-search p.uon-button-row a.button:last-child {margin-bottom:0;}
.uon-landing-page-search p.uon-button-row a.button::after {float:right;}
.uon-landing-page-search .uon-landing-page-search-results .handbook-degree-listing tbody td.degree-atar, .uon-landing-page-search .uon-landing-page-search-results .handbook-degree-listing thead th.degree-atar, .uon-landing-page-search .uon-landing-page-search-results .handbook-degree-listing tbody td.degree-uac, .uon-landing-page-search .uon-landing-page-search-results .handbook-degree-listing thead th.degree-uac, .uon-landing-page-search .uon-landing-page-search-results .handbook-degree-listing tbody td.new-degree {display:none;}
.uon-landing-page-search-row {padding-top:10px;flex-direction:column;}
.uon-landing-page-search-row .uon-landing-page-search-row-label {width:100%;line-height:30px;}
}
/*******************************/
/** Landing Page Find Staff **/
/** -- August 2019 **/
/*******************************/
.section-block.uon-landing-page-find-staff-search {border-radius:3px 3px 0 0;}
.section-block.uon-landing-page-find-staff-search:last-child {border-radius:3px;}
.section-block.uon-landing-page-find-staff-search .uon-landing-page-search.uon-landing-page-search-condensed {padding:0;background:none;margin:0;}
.section-block.uon-landing-page-find-staff-search .uon-landing-page-search.uon-landing-page-search-condensed .uon-large-search-field {font-size:16px;line-height:48px;height:54px;padding:0 54px 0 15px;}
.section-block.uon-landing-page-find-staff-search .uon-landing-page-search.uon-landing-page-search-condensed .uon-large-search-submit {line-height:44px;width:44px;font-size:24px;right:5px;top:5px;}
.section-block.uon-landing-page-find-staff-additional {background:#ECEDEF;color:#2d3138;border-radius:0 0 3px 3px;padding:30px 40px;}
.section-block.uon-landing-page-find-staff-additional p {margin:0;}
@media screen and (max-width:768px) {
#panel.landing-page #uon-body.one-column .uon-landing-page-find-staff-search .uon-landing-page-search {margin:0;}
.section-block.uon-landing-page-find-staff-additional {padding:20px;}
}
/*********************************/
/** UON Landing Page Search **/
/** -- March 2018 **/
/** -- Dean Robinson (djr145) **/
/** **/
/** -- October 2018 **/
/** ---- Funnelback updates **/
/*********************************/
var uonLandingPageSearch;
uonLandingPageSearch = function(s) {
var t = $(s);
var tsr = t.find('.uon-landing-page-search-results');
if(tsr.length < 1) return false;
var elfs_data = [{
label: 'Open Foundation',
link: '/degrees/open-foundation'
},{
label: 'Newstep',
link: '/degrees/newstep'
},{
label: 'Yapug',
link: '/degrees/yapug'
}];
/* version with SR and Study areas */ /* tsr.find('#search-undergraduate_degrees').append('| Degree | Selection rank |
|---|
| Degree |
|---|
| Degree |
|---|
| Course code | Name | Units |
|---|
Searching...
').show();
var search_url = '//www.newcastle.edu.au/designs/uon-2016/gsa-search/study-search?query='+t.find('.uon-large-search-field').val();
if(history.pushState) {
var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?query='+t.find('.uon-large-search-field').val();
window.history.pushState({path:newurl},'',newurl);
}
var is_elfs_query = t.find('.uon-large-search-field').val().indexOf('pathway') > -1 || t.find('.uon-large-search-field').val().indexOf('enabling') > -1 || t.find('.uon-large-search-field').val().indexOf('foundation') > -1 || t.find('.uon-large-search-field').val().indexOf('elfs') > -1 || t.find('.uon-large-search-field').val().indexOf('open foundation') > -1 || t.find('.uon-large-search-field').val().indexOf('newstep') > -1 || t.find('.uon-large-search-field').val().indexOf('yapug') > -1;
// custom based on ?
dataLayer.push({
event: 'homepageDegreeSearch',
homepageSearchQuery: t.find('.uon-large-search-field').val()
});
$.ajax({
type: 'GET',
url: search_url,
async: false,
jsonpCallback: 'jsonCallback',
contentType: 'application/json',
dataType: 'json',
success: function(json) {
if(json.results) {
var undergraduate_results = [];
var postgraduate_results = [];
var research_results = [];
var course_results = [];
var scholarship_results = [];
var study_area_results = [];
var degree_handbooks = [];
if(json.spell) {
$('#uon-landing-page-search-results-suggestion').remove();
tsr.find('.uon-tab-content-tabs').append('Did you mean '+json.spell.text+'?
'); $('#uon-landing-page-search-results-suggestion a').on('click',function(event){ event.preventDefault(); t.find('.uon-large-search-field').val($(this).text()); t.find('.uon-large-search-submit').trigger('click'); }); } else { $('#uon-landing-page-search-results-suggestion').remove(); } $.each( json.results, function( i, item ) { if(item.ranking < 100) { return true; } item.degree_atar_callaghan = '-'; item.degree_atar_central_coast = '-'; item.degree_atar_newcastle_city = '-'; item.degree_uac_callaghan = '-'; item.degree_uac_central_coast = '-'; item.degree_uac_newcastle_city = '-'; item.degree_new = ''; $.each(item.meta_tags,function(j,m) { if(m.name == "DegreeName") { // UON.Degree.Name item.degree_name = m.value; // } else if(m.name == "uon-degree-title" && item.degree_name == '') { // item.degree_name = m.value; // } else if(m.name == "dcterms.title") { // item.dcterms_title = m.value; } else if(m.name == "UON.Degree.ID") { item.degree_id = m.value; } else if(m.name == "uon-degree-code" && item.degree_id == '') { item.degree_id = m.value; } else if(m.name == "UON.Degree.Intake") { item.degree_intake = m.value; } else if(m.name == "DegreeLevel") { // UON.Degree.Level item.degree_level = m.value; } else if(m.name == "UON.Degree.New" && m.value == 'degree_new') { item.degree_new = 'New'; } else if(m.name == "description") { item.degree_description = m.value; } else if(m.name == "uon-degree-atar-callaghan") { item.degree_atar_callaghan = m.value; } else if(m.name == "uon-degree-atar-newcastle-city") { item.degree_atar_newcastle_city = m.value; } else if(m.name == "uon-degree-atar-central-coast") { item.degree_atar_central_coast = m.value; } else if(m.name == "uon-degree-uac-callaghan") { item.degree_uac_callaghan = m.value; } else if(m.name == "uon-degree-uac-newcastle-city") { item.degree_uac_newcastle_city = m.value; } else if(m.name == "uon-degree-uac-central-coast") { item.degree_uac_central_coast = m.value; } else if(m.name == "uon-item-type") { item.item_type = m.value; } else if(m.name == "CourseName") { // uon-course-name item.course_name = m.value; } else if(m.name == "CourseCode") { // uon-course-code item.course_code = m.value; } else if(m.name == "CourseUnits") { // uon-course-units item.course_units = m.value; } else if(m.name == "ScholarshipName") { // uon-scholarship-title item.scholarship_name = m.value; } else if(m.name == "ScholarshipEstablishment") { // uon-scholarship-establishment item.scholarship_description = m.value; } else if(m.name == 'UON.Discipline.Icon') { item.discipline_icon = m.value; // } else if(m.name == "UON.Degree.Level") { // item.degree_level = m.value; } }); if(item.collection == 'degree_collection' && item.degree_name != '' && item.url.indexOf('/handbook') === -1) { if(item.degree_level == 'Undergraduate') { undergraduate_results.push(item); } if(item.degree_level == 'Postgraduate Coursework') { postgraduate_results.push(item); } } /* djr145 - temporarily removing research areas, because it hasn't been configured correctly and won't be ready for launch */ /* if(item.url.indexOf('research') !== -1) { if(item.title.indexOf(' / ') !== -1) { var r_title = item.title.replace(/(<([^>]+)>)/ig,"").replace('PhD and Research Masters / ',''); var first_index = r_title.indexOf(' / '); var second_index = r_title.substr(first_index+3,r_title.length-first_index+3).indexOf(' / '); item.degree_name = r_title.substr(0,first_index+second_index+3); } else { item.degree_name = item.title.replace(/(<([^>]+)>)/ig,""); } research_results.push(item); } */ if(item.collection == 'course_collection' && item.course_name != '') { course_results.push(item); } if(item.collection == 'scholarships_collection' && item.scholarship_name != '') { scholarship_results.push(item); } /* djr145 - temporarily removing study areas, because it hasn't been configured correctly and won't be ready for launch */ /* if(item.url.indexOf('study/') !== -1) { study_area_results.push(item); } */ }); var default_search_tab = t.find('.uon-large-search-field').data('default-search-tab'); /*************************************/ /** Display Undergraduate results **/ /*************************************/ if(undergraduate_results.length > 0) { // Manually insert Foundation courses at top if query matches if(is_elfs_query) { for(i in elfs_data) { tsr.find('#undergraduate-results tbody').append('Study areas related to '+t.find('.uon-large-search-field').val()+'
'); tsr.find(".uon-icon-tile-index-grid").show(); } else { tsr.find(".uon-icon-tile-index-grid").hide(); } // Rest of UG results for(d in undergraduate_results) { var intake_class = ''; if(undergraduate_results[d].degree_intake) { intake_class = undergraduate_results[d].degree_intake.replace(';',''); } var atar_cells = ''; if(undergraduate_results[d].degree_atar_callaghan != '-' || undergraduate_results[d].degree_atar_newcastle_city != '-' || undergraduate_results[d].degree_atar_central_coast != '-') { atar_cells = ''; if(undergraduate_results[d].degree_atar_callaghan != '-') { atar_cells += ''+research_results[d].summary.replace(/(<([^>]+)>)/ig,"")+'
Find out more.
'+scholarship_results[d].scholarship_description+'
Find out more.