From 3dd30a84d73ac52b880aac7d6ff665f1bf371c63 Mon Sep 17 00:00:00 2001 From: psychobunny Date: Mon, 28 Sep 2015 16:08:12 -0400 Subject: [PATCH] removed mobile paginator experiment --- lib/persona.js | 71 ------------------------------------------ modules.less | 3 +- modules/paginator.less | 41 ------------------------ 3 files changed, 1 insertion(+), 114 deletions(-) delete mode 100644 modules/paginator.less diff --git a/lib/persona.js b/lib/persona.js index bfd56f2..7fd9e07 100644 --- a/lib/persona.js +++ b/lib/persona.js @@ -6,7 +6,6 @@ $(document).ready(function() { setupNProgress(); setupTaskbar(); setupEditedByIcon(); - setupPaginator(); setupMobileMenu(); var env = utils.findBootstrapEnvironment(); @@ -88,76 +87,6 @@ $(document).ready(function() { $(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 = $('
' + page + '
'), - shadow = $('
'); - - 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() { if (!window.addEventListener) { return; diff --git a/modules.less b/modules.less index ec1d8e7..5f41036 100644 --- a/modules.less +++ b/modules.less @@ -1,3 +1,2 @@ @import "modules/taskbar"; -@import "modules/alerts"; -@import "modules/paginator"; \ No newline at end of file +@import "modules/alerts"; \ No newline at end of file diff --git a/modules/paginator.less b/modules/paginator.less deleted file mode 100644 index e8a69dc..0000000 --- a/modules/paginator.less +++ /dev/null @@ -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; - } - } -} \ No newline at end of file