removed mobile paginator experiment

main
psychobunny 10 years ago
parent c757368a07
commit 3dd30a84d7

@ -6,7 +6,6 @@ $(document).ready(function() {
setupNProgress(); setupNProgress();
setupTaskbar(); setupTaskbar();
setupEditedByIcon(); setupEditedByIcon();
setupPaginator();
setupMobileMenu(); setupMobileMenu();
var env = utils.findBootstrapEnvironment(); var env = utils.findBootstrapEnvironment();
@ -88,76 +87,6 @@ $(document).ready(function() {
$(window).on('action:posts.loaded', activateEditedTooltips); $(window).on('action:posts.loaded', activateEditedTooltips);
} }
function setupPaginator() {
function appendPageNumber(ev, data) {
var el = data.after ? data.after : data.before;
if (!el) {
return;
}
var page = Math.ceil((el.attr('data-index') - 1) / config.postsPerPage),
handle = $('<div class="page-number pointer">' + page + '</div>'),
shadow = $('<div class="shadow"></div>');
el.append(handle);
el.append(shadow);
handle.tooltip({
title: 'Slide to paginate',
placement: 'auto left'
});
var dragging = false, originalX = 0, toPage = page;
handle.on('touchstart', function(ev) {
dragging = true;
originalX = ev.originalEvent.touches[0].clientX;
});
$('#content').on('touchend', function() {
if (dragging === true) {
dragging = false;
if (page !== toPage) {
ajaxify.go('topic/' + ajaxify.data.slug + '/' + (toPage * config.postsPerPage));
}
shadow.removeClass('active');
}
});
$('#content').on('touchmove', function(ev) {
if (!dragging) {
return;
}
var distance = ev.originalEvent.touches[0].clientX - originalX,
handlePos = parseInt(handle.css('left'), 10),
postWidth = handle.parents('[component="post"]').width();
toPage = Math.ceil((handlePos + distance) / postWidth * ajaxify.data.pageCount);
if (toPage >= ajaxify.data.pageCount) {
toPage = (ajaxify.data.pageCount - 1);
}
if (toPage < 0) {
toPage = 0;
}
if (parseInt(handle.html(), 10) !== toPage) {
handle.html(toPage);
handle.removeClass('animated');
setTimeout(function() { handle.addClass('animated');}, 10);
}
shadow.addClass('active');
shadow.css('left', toPage / ajaxify.data.pageCount * postWidth + 'px');
});
handle.css('left', page / ajaxify.data.pageCount * handle.parents('[component="post"]').width() + 'px');
}
$(window).on('action:posts.loading', appendPageNumber);
}
function setupMobileMenu() { function setupMobileMenu() {
if (!window.addEventListener) { if (!window.addEventListener) {
return; return;

@ -1,3 +1,2 @@
@import "modules/taskbar"; @import "modules/taskbar";
@import "modules/alerts"; @import "modules/alerts";
@import "modules/paginator";

@ -1,41 +0,0 @@
.topic {
.page-number {
position: absolute;
bottom: 6px;
background: rgb(219, 68, 55);
padding: 4px;
width: 26px;
height: 26px;
text-align: center;
border-radius: 50%;
color: white;
font-size: 11px;
z-index: 1;
.user-select(none);
&.animated {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
}
.shadow.active {
border-radius: 50%;
width: 13px;
height: 13px;
border: 1px solid #333;
position: absolute;
bottom: 13px;
}
@media (min-width: @screen-md-min) {
.page-number {
display: none;
}
}
}
Loading…
Cancel
Save