');;
new Slide('#presos .slide').setCSS({width: 300, height: 300});
});
})
} else {
$('.user-presos').hide();
}
Preso.all(function(presos) {
e.partial('templates/_presos.html.erb', {presos: presos}, function(p) {
$('#all-presos').html(p).append('
');
new Slide('#all-presos .slide').setCSS({width: 300, height: 300});
});
});
});
});
this.get('#/login', function(e) {
this.title('Login')
e.partial('templates/login.html.erb');
});
this.post('#/login', function(e) {
User.login(this.params['name'], this.params['password'], function(user) {
showNotification('success', 'Thanks for logging in, ' + user.name + '!');
e.log('last', e.app.last_location_before_redirect);
e.redirect(e.app.last_location_before_redirect || '#/');
e.app.last_location_before_redirect = null;
})
});
this.get('#/logout', function(e) {
User.logout(function() {
e.showLoggedIn(false);
showNotification('success', "You've successfully logged out. Come back again soon!");
e.redirect('#/');
})
});
this.post('#/signup', function(e) {
// validate
if (this.params.has('name') &&
this.params.has('email') &&
this.params.has('password') &&
this.params.has('password_confirmation') &&
this.params['password'] === this.params['password_confirmation']) {
// create
User.signup(this.params['name'], this.params['email'], this.params['password'], function() {
showNotification('success', 'Thanks for signing up! You can start making presentations now.');
e.redirect(e.app.last_location_before_redirect || '#/');
e.app.last_location_before_redirect = null;
});
} else {
showNotification('error', 'Please fill out the entire form.');
this.redirect('#/login');
// invalid
}
});
this.get('#/new', function(e) {
this.title('New Presentation')
this.partial('templates/form.html.erb', {preso: new Preso(), form_action: '#/create'}, function(html) {
this.app.swap(html);
new Slide('.slide').setCSS({width: 150, height: 150});
});
});
this.post('#/create', function(e) {
var preso = new Preso($.extend({}, e.params['preso'], {user: User._current_user.name}));
preso.save(function() {
showNotification('success', 'Your presentation has been created');
e.redirect('#', 'preso', this.attributes._id, 'edit', '1');
});
});
this.get('#/preso/:id/edit', function(e) {
showLoader();
e.withCurrentPreso(function(preso) {
this.title('Editing Presentation', preso.attributes.name);
e.preso = preso;
e.partial('templates/form.html.erb', {form_action: '#/preso/' + preso.id() +'/edit'}, function(html) {
e.app.swap(html);
new Slide('.slide').setCSS({width: 150, height: 150});
});
});
});
this.post('#/preso/:id/edit', function(e) {
showLoader();
e.withCurrentPreso(function(preso) {
e.log('update params', e.params['preso']);
$.extend(preso.attributes, e.params['preso']);
preso.save(function() {
showNotification('success', 'Your presentation has been updated');
e.redirect('#', 'preso', this.attributes._id, 'edit', '1');
});
});
});
this.get('#/preso/:id/delete', function(e) {
e.withCurrentPreso(function(preso) {
if (confirm('Are you sure you want to delete this presentation? There is no undo.')) {
preso.destroy(function() {
showNotification('success', 'Your presentation has been deleted.');
e.redirect('#/');
})
} else {
alert('OK. No action taken.');
e.redirect('#', 'preso', preso.id(), 'edit');
}
});
})
this.get('#/preso/:id/edit/:slide_id', function(e) {
showLoader();
e.withCurrentPreso(function(preso) {
e.preso = preso;
e.title('Editing Presentation', preso.attributes.name);
e.partial('templates/edit.html.erb', {slide: e.preso.slide(e.params.slide_id)}, function(t) {
e.app.swap(t);
e.partial('templates/_upload_form.html.erb', function(data) {
e.$element().find('#upload_form').html(data);
});
var slide_preview = new Slide('.slide-preview .slide');
var slide_sort = new Slide('.slide-sort .slide');
slide_sort.setCSS({width: 160, height: 160});
$('.slide-sort')
// set up the sortable
.sortable({
items: '.slide',
axis: 'y',
scrollSpeed: 60,
stop: function(event, ui) {
e.trigger('slide-sort', {preso: preso, order: $(this).sortable('toArray')});
}
})
// clicking a slide goes to that slide
.find('.slide')
.dblclick(function() {
var slide_id = $(this).attr('id').replace('sort-slide-', '');
e.redirect('#','preso', preso.id(), 'edit', slide_id);
})
.hover(function() {
var $slide = $(this),
slide_id = $slide.attr('id').replace('sort-slide-', ''),
$slide_num = $slide.find('.slide-num');
if ($slide_num.length === 0) {
$slide_num = $('
', {'class': 'slide-num'}).hide().appendTo($slide);
}
$slide_num.text(slide_id).show();
}, function() {
$(this).find('.slide-num').hide();
})
// jump to the right slide in the slide sort
.filter('#sort-slide-' + e.params.slide_id).each(function() {
var $slide = $(this);
$slide.addClass('selected');
setTimeout(function() {
var top = $slide.offset().top - 160;
Sammy.log('top', top);
$('.slide-sort').scrollTop(top)
}, 100);
});
$('.slide-form')
// live preview of slide editing
.find('textarea.slide-content')
.tabby()
.bind('keyup', function(ev) {
if ((ev.which == $.ui.keyCode.RIGHT) && ev.ctrlKey) {
ev.stopImmediatePropagation();
$(this).parents('form').submit();
} else {
slide_preview.drawPreview($(this).val());
}
}).trigger('keyup').focus().end()
.find('textarea.slide-additional_css')
.bind('keyup', function() {
var area = this;
slide_preview.$element.attr('style', function() {
return $(this).attr('style') + ';' + $(area).val();
});
}).trigger('keyup').end()
.find('select.slide-theme')
.bind('change', function() {
slide_preview.setTheme($(this).val());
}).triggerHandler('change');
$(window).trigger('resize');
});
});
});
this.post('#/preso/:id/edit/:slide_id', function(e) {
e.withCurrentPreso(function(preso) {
preso.slide(e.params.slide_id, $.extend({}, e.params['slide'], {
content_html: markdown(e.params['slide']['content'])
}));
preso.save(function(p) {
var next_id = parseInt(e.params.slide_id) + 1;
e.redirect('#', 'preso', this.attributes._id, 'edit', next_id);
});
});
});
this.get('#/preso/:id/display', function() {
this.redirect('#', 'preso', this.params.id, 'display', '1');
});
this.get('#/preso/:id/display/:slide_id', function(e) {
this.hideNav();
e.withCurrentPreso(function(preso) {
e.title(preso.attributes.name, "(" + e.params.slide_id + " of " + preso.slides().length + ")");
e.preso = preso;
// check if display has already been rendered
if ($('#display[rel="'+ preso.id() + '"]').length > 0) {
e.displaySlide(preso.slide(e.params.slide_id));
} else {
e.partial('templates/display.html.erb', function(display) {
e.$element().html(display);
e.possiblyShowInstructions();
e.displaySlide(preso.slide(e.params.slide_id));
$('#display .slide').swipe({
threshold: {
x: 20,
y: 30
},
swipeLeft: function() {
e.log('swipeLeft');
e.trigger('display-nextslide');
},
swipeRight: function() {
e.log('swipeRight');
e.trigger('display-prevslide');
}
}).dblclick(function() {
e.trigger('display-togglenav');
});
});
}
});
});
this.get('#/preso/:id/export', function(e) {
e.withCurrentPreso(function(preso) {
e.preso = preso;
e.partial('templates/export.html.erb');
});
});
this.put('#/preso/:id/upload', function(e) {
this.log(e.params);
e.withCurrentPreso(function(preso) {
// set _rev
var $form = e.params['$form'];
var url = preso.uri() + "?include_docs=true";
$form.find('input[name="_rev"]').val(preso.attributes._rev);
// we have to set the action == url
$form.attr('action', url);
$form.ajaxSubmit({
url: url,
iframe: true,
success: function(resp) {
e.log('upload complete', resp);
preso.reload(function(p) {
e.preso = p;
e.partial('templates/_upload_form.html.erb', function(data) {
e.$element().find('#upload_form').html(data);
});
});
}
});
});
});
this.post('#/preso/:id/jump', function(e) {
e.withCurrentPreso(function(preso) {
e.redirect('#', 'preso', preso.id(), 'display', this.params['num']);
});
});
this.bind('slide-sort', function(e, data) {
this.log('slide-sort');
var context = this,
prefix = "sort-slide-",
preso = data['preso'],
order = data['order'],
slides = preso.slides(),
new_slides = [];
// edit the slide order and position
$.each(order, function(i, new_id) {
var slide = slides[parseInt(new_id.replace(prefix, '')) - 1];
slide.position = i + 1;
new_slides[i] = slide;
});
preso.attributes.slides = new_slides;
// save the preso
preso.save(function() {
// reapply the slide ids
$('.slide-sort')
.find('.slide')
.each(function(i, slide) {
$(this).attr('id', prefix + (i + 1))
})
.end()
.sortable('refresh');
});
});
this.bind('display-nextslide', function() {
var e = this;
e.hideInstructions();
e.withCurrentPreso(function(preso) {
var total_slides = preso.slides().length;
e.log('total_slides', total_slides, 'current_slide', current_slide);
if (preso.slide(current_slide).next_on_list) {
// deal with nexting on lists
var $list_items = $('#display .slide.active li.notviewed');
e.log('next on list', 'list_items', $list_items);
if ($list_items.length > 0) {
$list_items.eq(0).removeClass('notviewed');
return;
}
}
if (current_slide && (current_slide + 1) <= total_slides) {
current_slide += 1
} else {
// just go to first slide
current_slide = 1;
}
e.redirect('#', 'preso', preso.id(), 'display', current_slide);
});
});
this.bind('display-prevslide', function() {
var e = this;
e.hideInstructions();
e.withCurrentPreso(function(preso) {
var total_slides = preso.slides().length;
e.log('total_slides', total_slides, 'current_slide', current_slide);
if (current_slide && (current_slide - 1) >= 1) {
current_slide -= 1
} else {
// just go to first slide
current_slide = total_slides;
}
e.redirect('#', 'preso', preso.id(), 'display', current_slide);
});
});
this.bind('display-togglenav', function() {
$('#navigation').toggle();
});
this.bind('display-exit', function() {
try {
var e = this;
e.withCurrentPreso(function(preso) {
current_slide = current_slide || 1;
e.redirect('#', 'preso', preso.id(), 'edit', current_slide);
});
} catch(error) {
e.log(error);
}
});
this.bind('run', function() {
// load time
var context = this;
$(document)
.bind('keydown', function(e) {
if ($('#display').length > 0 && display_keymap[e.which]) { // display is showing
context.app.trigger(display_keymap[e.which], {id: $('#display').attr('rel')});
}
});
$('.presos .preso')
.live('click', function() {
context.redirect('#', 'preso', $(this).attr('rel'), 'display', 1);
});
$('.linked-button')
.live('click', function(e) {
e.preventDefault();
context.redirect($(this).attr('rel'));
});
$('.slide-attachment')
.live('click', function(e) {
var attachment_url = $(this).attr('rel');
var attachment_name = $(this).text();
$('textarea.slide-content').val(function(i, val) {
return val + "\n![" + attachment_name + "](" + attachment_url + ")";
}).triggerHandler('keyup');
});
// preso theme selection
$('.themes .preso')
.live('click', function() {
Sammy.log('click preso', this);
var theme = $(this).attr('data-theme');
$('input[name="preso[theme]"][value="'+ theme + '"]').attr('checked', 'checked');
$(this).addClass('selected');
$(this).siblings('.preso').removeClass('selected');
});
$('.slide-sort')
.live('resize', function() {
$(this).css('height', windowDimensions().height - $('#footer').outerHeight() - $(this).offset().top);
});
$('.slide-edit-view')
.live('resize', function() {
$(this).css('width', windowDimensions().width - 202);
});
$('#navigation')
.find('.prev').live('click', function() {
context.app.trigger('display-prevslide', {id: $('#display').attr('rel')});
}).end()
.find('.next').live('click', function() {
context.app.trigger('display-nextslide', {id: $('#display').attr('rel')});
});
$(window).bind('resize', function() {
windowDimensions(true);
if ($('#display').length > 0) {
new Slide('#display .slide').setCSS();
} else {
$('textarea.slide-content').trigger('keyup');
}
$('.slide-sort').trigger('resize');
$('.slide-edit-view').trigger('resize');
});
});
});
$(function() {
app.run('#/');
});
})(jQuery);