nogafam
/
fedilove-ui
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

Implemented account images indexes controlling on fedilove.js

This commit is contained in:
Bofh 2021-01-03 02:44:11 +01:00
parent 276c6e3b6e
commit d46cf454b3
3 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/routes/_layout.html
View File

@ -7,8 +7,8 @@
</a> </a>
<div id="anim-swipe" onclick="return window.fediloveUI.meetPageGoToCurrentAccount();"></div> <div id="anim-swipe" onclick="return window.fediloveUI.meetPageGoToCurrentAccount();"></div>
<div id="profile-nav" style="display: none"> <div id="profile-nav" style="display: none">
<div id="prev"></div> <div id="prev" style="display: none" onclick="return window.fediloveUI.meetAccountImageDirection('prev')"></div>
<div id="next"></div> <div id="next" onclick="return window.fediloveUI.meetAccountImageDirection('next')"></div>
</div> </div>
</div> </div>

1
src/scss/themes/ozark.scss
View File

@ -311,6 +311,7 @@ div.main-content.account {
margin: auto; margin: auto;
article.status-article { article.status-article {
cursor: initial !important;
background: none !important; background: none !important;
padding: 0; padding: 0;

23
static/fedilove-no-react.js
View File

@ -73,6 +73,26 @@ var fediloveUI = {
cbackFunc(swiperightBol); e.preventDefault(); cbackFunc(swiperightBol); e.preventDefault();
}, false); }, false);
}, },
meetAccountImageDirection: function(direction) {
if (direction === 'prev')
fediloveData.meetAccountCurrentImg -= 1;
else if (direction === 'next')
fediloveData.meetAccountCurrentImg += 1;
const last = $('div.virtual-list > div.virtual-list-item').length - 1;
if (fediloveData.meetAccountCurrentImg > last)
fediloveData.meetAccountCurrentImg = last;
else if (fediloveData.meetAccountCurrentImg < 0)
fediloveData.meetAccountCurrentImg = 0;
if (fediloveData.meetAccountCurrentImg === last)
document.querySelector('#meet-navigation > #profile-nav > #next').style = 'display: none';
else if (fediloveData.meetAccountCurrentImg === 0)
document.querySelector('#meet-navigation > #profile-nav > #prev').style = 'display: none';
else {
document.querySelector('#meet-navigation > #profile-nav > #next').style = '';
document.querySelector('#meet-navigation > #profile-nav > #prev').style = '';
}
},
meetPageGoToCurrentAccount: function(isRightSwipe) { meetPageGoToCurrentAccount: function(isRightSwipe) {
isRightSwipe = isRightSwipe || false; isRightSwipe = isRightSwipe || false;
const elements = $('div.virtual-list > div.virtual-list-item > article'); const elements = $('div.virtual-list > div.virtual-list-item > article');
@ -170,6 +190,7 @@ var fediloveFunctions = {
}; };
var fediloveData = { var fediloveData = {
chatAvatarCache: undefined, chatAvatarCache: undefined,
meetAccountCurrentImg: 0,
gotEmojifyTextFunction: false, gotEmojifyTextFunction: false,
composeTxtKeypressEvent: false composeTxtKeypressEvent: false
}; };
@ -381,6 +402,8 @@ function fedilove_customization() {
document.querySelector('#meet-navigation > #profile-nav').style = ''; document.querySelector('#meet-navigation > #profile-nav').style = '';
$('#meet-navigation > #anim-swipe').html(''); $('#meet-navigation > #anim-swipe').html('');
// TO-DO: disable click events on every article
// prev and next navigation // prev and next navigation
const cloneBackSvg = function(selector) { const cloneBackSvg = function(selector) {
$(selector).html(''); $(selector).html('');