From b11e362c7371092f2febfa00ec4d4655f79961f6 Mon Sep 17 00:00:00 2001 From: CupCakeArmy <nicco.borgioli@gmail.com> Date: Mon, 9 May 2016 14:35:37 +0200 Subject: [PATCH] New URL and Tidy stuff --- public/js/main.js | 201 +++++++++++++++++++++++----------------------- 1 file changed, 99 insertions(+), 102 deletions(-) diff --git a/public/js/main.js b/public/js/main.js index 8f24b2e..05512bf 100644 --- a/public/js/main.js +++ b/public/js/main.js @@ -1,110 +1,107 @@ function getEvents(callback) { - callback = callback || function(ret) { - console.log(ret); + callback = callback || function(ret) { + console.log(ret); + } + $.getJSON('https://nicco.io/amiv/events/', callback); +} + +function addElement(item) { + $('.grid') + .append('<div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">' + item + '</div>'); + loadJSEvents(); +} + +$(document).ready(function() { + $('.grid-item, .grid-sizer').addClass('col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xl-2'); + $('.grid').masonry({ + itemSelector: '.grid-item', + columnWidth: '.grid-sizer', + percentPosition: true, + originLeft: false + }).on('DOMSubtreeModified', function() { + $(this).masonry('reloadItems').masonry(); + }) + getEvents(function(ret) { + ret['_items'].forEach(function(item) { + /*Is it Websitecontent?*/ + if (item.show_website == false) { + return; } - $.getJSON('https://amiv-apidev.vsos.ethz.ch/events/', callback); - } + console.log(item.title_de); + if (item.time_start == null) { + $('.datum').remove(); + } + /*Picture Checker*/ + if (item.img_banner == null) { + item.img_banner = "https://s-media-cache-ak0.pinimg.com/736x/9c/24/fd/9c24fdb71c67e31efef540efb141f96d.jpg"; + } + /* Datum anpassen*/ + var datenum = new Date(item.time_start); - function addElement(item) { - $('.grid') - .append('<div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">' + item + '</div>'); - loadJSEvents(); - } - - $(document).ready(function() { - $('.grid-item, .grid-sizer').addClass('col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xl-2'); - $('.grid').masonry({ - itemSelector: '.grid-item', - columnWidth: '.grid-sizer', - percentPosition: true, - originLeft: false - }).on('DOMSubtreeModified', function(){ - $(this).masonry('reloadItems').masonry(); - }) - getEvents(function(ret) { - ret['_items'].forEach(function(item) { - /*Is it Websitecontent?*/ - if (item.show_website == false){ - return; - } - console.log(item.title_de); - if (item.time_start == null){ - $('.datum').remove(); - } - /*Picture Checker*/ - if (item.img_banner == null){ - item.img_banner = "https://s-media-cache-ak0.pinimg.com/736x/9c/24/fd/9c24fdb71c67e31efef540efb141f96d.jpg"; - } - /* Datum anpassen*/ - var datenum = new Date(item.time_start); - - - /*Minuten immer Zweistellig*/ - var minutes = datenum.getMinutes(); - if (minutes < 10){ - minutes = "0" + minutes; - } - var month = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"]; - - /*Anmeldung*/ - var regstart = new Date(item.time_register_start); - var regend = new Date(item.time_register_end); - var heute = new Date(Date.now()); - var register = ""; - if (item.spots>=0 && regstart<=heute && regend>=heute && item.allow_email_signup==false){ - register = "Anmelden"; - $('.eventdets').append('<div class="card-content">'+item.description_de+'</div>'); - } else if (item.spots>=0 && regstart<=heute && regend>=heute){ - console.log(amivcore.authenticated()); - console.log("yolo"); - if(amivcore.authenticated()){ - register = "Anmelden"; - $('.eventdets').append('<div class="card-content">'+item.description_de+'</div>'); - $(this).masonry('reloadItems').masonry(); - } - } - - addElement('<div class="card"><div class="card-image"><img class="img-responsive" src="'+item.img_banner+'"><date class="datum"><div class="month">'+month[datenum.getMonth()]+'</div><div class="day">'+datenum.getDate()+'</div><div class="starttime">'+datenum.getHours()+':'+minutes+'</div><date-overlay></date-overlay></date><span class="card-title">'+item.title_de+' @ '+item.location+'</span></div><div class="card-content" id="eDescription'+item.id+'">'+item.description_de+'</div><div class="card-action"><a href="javascript:void(0);" class="moreInfo" title="'+item.id+'">Info</a><a href="#" id="anmeldeSub" target="new_blank" data-toggle="modal" data-target="#anmeldeModal">'+register+'</a><a href="#" target="new_blank">Im Kalender speichern</a></div></div>'); - }); - }); + + /*Minuten immer Zweistellig*/ + var minutes = datenum.getMinutes(); + if (minutes < 10) { + minutes = "0" + minutes; + } + var month = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"]; + + /*Anmeldung*/ + var regstart = new Date(item.time_register_start); + var regend = new Date(item.time_register_end); + var heute = new Date(Date.now()); + var register = ""; + if (item.spots >= 0 && regstart <= heute && regend >= heute && item.allow_email_signup == false) { + register = "Anmelden"; + $('.eventdets').append('<div class="card-content">' + item.description_de + '</div>'); + } else if (item.spots >= 0 && regstart <= heute && regend >= heute) { + console.log(amivcore.authenticated()); + console.log("yolo"); + if (amivcore.authenticated()) { + register = "Anmelden"; + $('.eventdets').append('<div class="card-content">' + item.description_de + '</div>'); + $(this).masonry('reloadItems').masonry(); + } + } + + addElement('<div class="card"><div class="card-image"><img class="img-responsive" src="' + item.img_banner + '"><date class="datum"><div class="month">' + month[datenum.getMonth()] + '</div><div class="day">' + datenum.getDate() + '</div><div class="starttime">' + datenum.getHours() + ':' + minutes + '</div><date-overlay></date-overlay></date><span class="card-title">' + item.title_de + ' @ ' + item.location + '</span></div><div class="card-content" id="eDescription' + item.id + '">' + item.description_de + '</div><div class="card-action"><a href="javascript:void(0);" class="moreInfo" title="' + item.id + '">Info</a><a href="#" id="anmeldeSub" target="new_blank" data-toggle="modal" data-target="#anmeldeModal">' + register + '</a><a href="#" target="new_blank">Im Kalender speichern</a></div></div>'); + }); + }); +}); + +function loadJSEvents() { + + $('.moreInfo, #anmeldeSub').off('click'); + // Card Info Enfolding + $('.moreInfo').on('click', function() { + id_event = $(this).attr('title'); + console.log(id_event); + amivcore.events.GET({ + id: id_event, + }, function(ret) { + curEventData = ret; + console.log('tralalala' + id_event); + $('<div class="card-content"><p>trololo</p></div>').insertAfter('#eDescription' + id_event); }); + }); + + // Eventanmeldung + $('#anmeldeSub').on('click'); -function loadJSEvents(){ - - $('.moreInfo, #anmeldeSub').off('click'); - // Card Info Enfolding - $('.moreInfo').on('click', function(){ - id_event=$(this).attr('title'); - console.log(id_event); - amivcore.events.GET({ - id: id_event, - }, function(ret) { - curEventData = ret; - console.log('tralalala' + id_event); - $('<div class="card-content"><p>trololo</p></div>').insertAfter('#eDescription' + id_event); - }); - }); - - // Eventanmeldung - $('#anmeldeSub').on('click'); - } - -// Login - $('#loginSubmit').on('click', function(){ - amivcore.login($('#loginUsername').val(), $('#loginPassword').val(), function(ret) { - if (ret == true){ - $('.welcomening').append('<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">+amivcore.user({})+<span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#">Logout</a></li><li role="separator" class="divider"></li><li><a href="https://intern.amiv.ethz.ch/wiki/">AMIV-Tools</a></li></ul></li>'); - - $('.loglogbutton').hide(); - } else { - $('.welcomening').append('<p class="navbar-text navbar-right message" style="color:red;margin-right:10px;">LOGIN FAILED</p>'); - setTimeout(function() { - $('.message').remove(); - }, 2000); - } - }); - }); - +// Login +$('#loginSubmit').on('click', function() { + amivcore.login($('#loginUsername').val(), $('#loginPassword').val(), function(ret) { + if (ret == true) { + $('.welcomening').append('<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">+amivcore.user({})+<span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#">Logout</a></li><li role="separator" class="divider"></li><li><a href="https://intern.amiv.ethz.ch/wiki/">AMIV-Tools</a></li></ul></li>'); + $('.loglogbutton').hide(); + } else { + $('.welcomening').append('<p class="navbar-text navbar-right message" style="color:red;margin-right:10px;">LOGIN FAILED</p>'); + setTimeout(function() { + $('.message').remove(); + }, 2000); + } + }); +}); -- GitLab