89 lines
2.1 KiB
JavaScript
89 lines
2.1 KiB
JavaScript
viewStatus= "story" /* data story */
|
|
pagesLoaded= 0
|
|
totalPages=7;
|
|
currentPage=0;
|
|
window.onload = function() {
|
|
loadData()
|
|
/**** mobile ****/
|
|
}
|
|
|
|
function reloadEvents(){
|
|
$('a[href^="#"].link-menu').on('click',function (e) {
|
|
e.preventDefault();
|
|
|
|
var target = this.hash;
|
|
var $target = $(target);
|
|
$('.link-menu.active').removeClass("active")
|
|
$(this).addClass("active")
|
|
$('html, body').stop().animate({
|
|
'scrollTop': $target.offset().top
|
|
}, 900, 'swing', function () {
|
|
window.location.hash = target;
|
|
});
|
|
});
|
|
|
|
$('.next').on('click',function (e) {
|
|
renderPage(++currentPage)
|
|
});
|
|
|
|
$('.prev').on('click',function (e) {
|
|
renderPage(--currentPage)
|
|
});
|
|
}
|
|
|
|
|
|
function loadData(){
|
|
$.getJSON( "data/textos.json", function( data ) {
|
|
|
|
n_projects=Object.keys(data).length;
|
|
paginasData=data;
|
|
|
|
renderPage(currentPage)
|
|
|
|
});
|
|
}
|
|
|
|
function renderPage(pageNumber ){
|
|
//$("body").fadeOut();
|
|
console.log(pageNumber)
|
|
$("body").empty();
|
|
if(pageNumber==0){
|
|
my.utils().renderExtTemplate({ name: 'portadamvl', selector: 'body', data: {} })
|
|
}
|
|
else{
|
|
var mdata=paginasData[pageNumber-1]
|
|
mdata.showPrev=mdata.showNext=true
|
|
if(pageNumber==1) mdata.showPrev=false;
|
|
if(pageNumber==7) mdata.showNext=false;
|
|
my.utils().renderExtTemplate({ name: 'index_mob', selector: 'body', data: mdata })
|
|
}
|
|
|
|
}
|
|
|
|
var my = my || {};
|
|
my.utils = (function() {
|
|
var getPath = function(name) {
|
|
return 'templates/' + name + '.tmpl.html';
|
|
},
|
|
renderExtTemplate = function(item) {
|
|
var file = getPath( item.name );
|
|
$.when($.get(file))
|
|
.done(function(tmplData) {
|
|
n_projects--;
|
|
var tmpl= $.templates( tmplData );
|
|
var rendered=tmpl.render(item.data)
|
|
$(item.selector).append(rendered);
|
|
//setCardSizes();
|
|
afterLoading();
|
|
});
|
|
};
|
|
|
|
return {
|
|
getPath: getPath,
|
|
renderExtTemplate: renderExtTemplate
|
|
};
|
|
});
|
|
function afterLoading(){
|
|
$("body").fadeIn();
|
|
reloadEvents();
|
|
}
|