Created
February 12, 2015 12:19
-
-
Save mathewjosephh/6f33ed45ddf840d8af37 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link href="css/owl.carousel.css" media="screen" rel="stylesheet" type="text/css" /> | |
<link href="css/owl.theme.css" media="screen" rel="stylesheet" type="text/css" /> | |
<script src="js/jquery.min.js"></script> | |
<script src="js/owl.carousel.min.js"></script> | |
<style> | |
.vote { | |
cursor:pointer; | |
} | |
</style> | |
<script> | |
var arrayOfObjects = [{"college_name":"B S ABDUR RAHMAN UNIVERSITY","id":"61","college_location":"Chennai, Tamil Nadu","college_picture":"1420719572phpiYtWSt.jpeg","vote":"9","college_hashtag":""},{"college_name":"Bhavan's Vivekananda college","id":"56","college_location":"Hyderabad","college_picture":"Bhavans Vivekananda.jpg","vote":"18","college_hashtag":""},{"college_name":"BMS College of Engineering","id":"44","college_location":"Bangalore","college_picture":"bms.jpg","vote":"3","college_hashtag":""},{"college_name":"College of Engineering Guindy, Anna University","id":"49","college_location":"Chennai, Tamil Nadu","college_picture":"Anna-university.jpg","vote":"4","college_hashtag":""},{"college_name":"D G Vaishnav College","id":"54","college_location":"Chennai, Tamil Nadu","college_picture":"dg-vaishnav-college.jpg","vote":"0","college_hashtag":""},{"college_name":"J. B. Institute of Engineering and Technology","id":"55","college_location":"Hyderabad","college_picture":"images.jpg","vote":"5","college_hashtag":""},{"college_name":"Jain CMS","id":"52","college_location":"Bangalore","college_picture":"jaincms.jpg","vote":"1","college_hashtag":""},{"college_name":"Keshav Memorial Institute of Technology","id":"59","college_location":"Hyderabad","college_picture":"KMIT.jpg","vote":"0","college_hashtag":""},{"college_name":"M.S. Ramaiah College of Engineering","id":"46","college_location":"Bangalore","college_picture":"ramaiah.jpg","vote":"0","college_hashtag":""},{"college_name":"MOP Vaishnav","id":"43","college_location":"Chennai, Tamil Nadu","college_picture":"MOPVaishnav_10821.jpg","vote":"3","college_hashtag":""},{"college_name":"Muffakham Jah College of Engineering and Technology","id":"57","college_location":"Hyderabad","college_picture":"MJ.jpg","vote":"1","college_hashtag":""},{"college_name":"Osmania University","id":"58","college_location":"Hyderabad","college_picture":"OU.jpg","vote":"1","college_hashtag":""},{"college_name":"Presidency College","id":"41","college_location":"Bangalore","college_picture":"presidency.jpeg","vote":"0","college_hashtag":""},{"college_name":"R.V. College of Engineering","id":"40","college_location":"Bangalore","college_picture":"rv.jpg","vote":"0","college_hashtag":""},{"college_name":"SRM UNIVERSITY","id":"42","college_location":"Chennai","college_picture":"srm-university.jpg","vote":"7","college_hashtag":""},{"college_name":"St Josephs COllege of Arts and Science","id":"48","college_location":"Bangalore","college_picture":"sjca.jpg","vote":"1","college_hashtag":""},{"college_name":"St Josephs College of Commerce","id":"50","college_location":"Bangalore","college_picture":"sjcc.jpg","vote":"0","college_hashtag":""}]; | |
var byID = arrayOfObjects.slice(0); | |
byID.sort(function(a,b) { | |
return b.id - a.id; | |
}); | |
console.log('by ID:'); | |
console.log(byID); | |
var byName = arrayOfObjects.slice(0); | |
byName.sort(function(a,b) { | |
var x = a.college_name.toLowerCase(); | |
var y = b.college_name.toLowerCase(); | |
return x < y ? -1 : x > y ? 1 : 0; | |
}); | |
console.log('by name:'); | |
console.log(byName); | |
var byVote = arrayOfObjects.slice(0); | |
byVote.sort(function(a,b) { | |
return b.vote - a.vote; | |
}); | |
console.log('by Vote:'); | |
console.log(byVote); | |
</script> | |
<div id="owl-demo"></div> | |
<select id="selectsort"> | |
<option value="highest_votes">Highest Votes</option> | |
<option value="atoz">A-Z</option> | |
<option value="newest_first">Newest First</option> | |
</select> | |
<script> | |
$(document).ready(function () { | |
var owl = false; | |
function customDataSuccess(data) { | |
console.log('loading Data'); | |
var content = ""; | |
for (var i in data) { | |
//console.log(data[i]); | |
var img = data[i].college_picture; | |
content += "<img class=\"vote\" src=\"" + img + "\">"; | |
} | |
$("#owl-demo").empty(); | |
$("#owl-demo").html(content); | |
} | |
$("body").on('click', '.vote', function() { | |
console.log("clicke"); | |
}); | |
$('#selectsort').on('change',function() { | |
var optionSelected = $(this).find("option:selected"); | |
var valueSelected = optionSelected.val(); | |
var textSelected = optionSelected.text(); | |
console.log(valueSelected +' -- '+textSelected); | |
if(valueSelected == "newest_first"){ | |
customDataSuccess(byID); | |
} else if(valueSelected == "atoz"){ | |
customDataSuccess(byName); | |
} else { | |
customDataSuccess(byVote); | |
} | |
if (owl) { | |
console.log("reinit"); | |
$("#owl-demo").data('owlCarousel').reinit(); | |
} else { | |
console.log("init"); | |
owl = true; | |
$("#owl-demo").owlCarousel({ | |
items: 3, | |
itemsCustom: !1, | |
itemsDesktop: [1199, 3], | |
itemsDesktopSmall: [979, 3], | |
itemsTablet: [768, 2], | |
itemsTabletSmall: [640,2], | |
itemsMobile: [479, 1], | |
navigation:true, | |
rewindNav:false, | |
pagination:false | |
}); | |
} | |
}); | |
$("#selectsort").val("highest_votes").trigger('change'); | |
}); | |
</script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment