interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

Code formatting according to standardjs

Browse source
This commit is contained in:
Stephan 2019-03-31 21:30:46 +02:00
parent e2bbe9273a
commit 3d4eef5eb0
10 changed files with 44 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

20
source/code/hippie/functions.js
View file

@ -1,5 +1,5 @@
// This is called everytime
function setup() {
function setup () {
'use strict';
console.info('\n', hippie.brand, '\n\n');
if (debugOn) {
@ -12,14 +12,14 @@ function setup() {
}
// MODULE Scroll navigation
function HippieScroll($el) {
function HippieScroll ($el) {
'use strict';
// this.$el = $el;
// console.log('Elements:', $el, this.$el);
// Toggle display on scroll position
// console.log('Scroll object added');
this.check = function() {
this.check = function () {
// console.log('Scroll position checked');
hippie.screen.y = Math.min($(document).scrollTop(), document.documentElement.scrollTop);
if (hippie.screen.y > initY) {
@ -37,14 +37,14 @@ function HippieScroll($el) {
}
};
// Add events to navigation elements
$('.js_scrolltop').click(function(event) {
$('.js_scrolltop').click(function (event) {
event.preventDefault();
$('html, body').animate({
scrollTop: 0
}, basicEase);
// console.log('Scrolled to top');
});
$('.js_scrolldown').click(function(event) {
$('.js_scrolldown').click(function (event) {
event.preventDefault();
var pos = Math.max(hippie.screen.dh, hippie.body.h) - hippie.screen.vh;
$('html').scrollTop(pos);
@ -54,7 +54,7 @@ function HippieScroll($el) {
}
// get document coordinates of the element
// function getCoords(elem) {
// function getCoords (elem) {
// let box = elem.getBoundingClientRect();
//
// return {
@ -64,7 +64,7 @@ function HippieScroll($el) {
// }
// https://stackoverflow.com/a/488073/1444149
// function Utils() {}
// function Utils () {}
//
// Utils.prototype = {
// constructor: Utils,
@ -86,9 +86,9 @@ function HippieScroll($el) {
// TEST
function scrollNav() {
function scrollNav () {
'use strict';
$('.nav a').click(function() {
$('.nav a').click(function () {
//Toggle Class
$(".active").removeClass("active");
$(this).closest('li').addClass("active");

16
source/code/hippie/global.js
View file

@ -4,7 +4,7 @@ setup();
// DOM ready
// -----------------------------------------------------------------------------
$(document).ready(function() {
$(document).ready(function () {
'use strict';
// logPerf('DOM ready.');
@ -17,16 +17,16 @@ $(document).ready(function() {
// Displays explanation popup
$('.js_pop').hover(
function() {
function () {
// if ($(this).attr('emmet')) {
//
// }
$(this).next('.exp_pop').show();
}, function() {
}, function () {
$(this).next('.exp_pop').hide();
}
).mousemove(
function(event) {
function (event) {
$(this).next('.exp_pop').css({
'top': event.pageY - $(this).next('.exp_pop').outerHeight() - 4,
'left': event.pageX + 8
@ -39,13 +39,13 @@ $(document).ready(function() {
// WIP Activates layer with explanation elements
// Besser ::after oder ::before benutzen
$('.js_showmeta').click(function(e) {
$('.js_showmeta').click(function (e) {
var $wrap, $pop;
if (expMode !== true) {
expMode = true;
$('.js_pop').each(function(i, e) {
$('.js_pop').each(function (i, e) {
if ($(this).css('position') === 'static') {
$(this).addClass('js_changed_pos');
$(this).css('position', 'relative');
@ -57,7 +57,7 @@ $(document).ready(function() {
});
} else {
$('.js_pop').each(function(i, e) {
$('.js_pop').each(function (i, e) {
$wrap = $(this).parent('.exp_wrap');
$pop = $wrap.next('.exp_pop').detach();
$wrap.find('.exp_marker_pop').remove();
@ -78,7 +78,7 @@ $(document).ready(function() {
console.log('Explanation mode', expMode);
});
$('#gameIcon').click(function(event) {
$('#gameIcon').click(function (event) {
event.preventDefault();
$(this).clone().appendTo('#gameDetail');
$(this).siblings().clone().appendTo('#gameDetail');