Jingga/oms-Navigation
1
0
Fork 0
mirror of https://github.com/Karaka-Management/oms-Navigation.git synced 2026-02-17 09:08:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve navigation to class step 1

Browse Source
This commit is contained in:
Dennis Eichhorn 2019-04-01 21:17:33 +02:00
parent 067375f2f6
commit b6a95d55eb
2 changed files with 217 additions and 219 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
Controller.js
View File

@ -11,15 +11,15 @@
"use strict";
/** @namespace jsOMS.Modules.Navigation.Models */
//jsOMS.Autoloader.defineNamespace('jsOMS.Modules.Navigation');
jsOMS.Autoloader.defineNamespace('jsOMS.Modules.Navigation');
jsOMS.Modules.Navigation = class {
/**
* Constructor
*
* @since 1.0.0
*/
jsOMS.Modules.Navigation = function ()
{
constructor() {
this.navigation = {};
/** global: jsOMS */
/** global: localStorage */
@ -27,14 +27,6 @@
this.rawNavData = this.rawNavData !== null ? this.rawNavData : {};
};
/**
* Module id
*
* @var {string}
* @since 1.0.0
*/
jsOMS.Modules.Navigation.MODULE_NAME = '1000500001';
/**
* Bind navigation
*
@ -44,8 +36,7 @@
*
* @since 1.0.0
*/
jsOMS.Modules.Navigation.prototype.bind = function (id)
{
bind (id) {
const e = typeof id === 'undefined' ? document.getElementsByClassName('nav') : [document.getElementById(id)],
length = e.length;
@ -63,8 +54,7 @@
*
* @since 1.0.0
*/
jsOMS.Modules.Navigation.prototype.bindElement = function (e)
{
bindElement (e) {
if (typeof e === 'undefined' || !e) {
// todo: do logging here
@ -99,8 +89,7 @@
e.scrollLeft = this.navigation[e.id].getScrollPosition().x;
// Bind minimize/maximize
jsOMS.addEventListenerToAll(extend, 'click', function ()
{
jsOMS.addEventListenerToAll(extend, 'click', function () {
let box = document.getElementById(this.getAttribute('for'));
if (!box.checked) {
@ -113,19 +102,26 @@
});
// Bind show/hide
e.nextElementSibling.addEventListener('change', function ()
{
e.nextElementSibling.addEventListener('change', function () {
self.navigation[e.id].setVisible(this.checked);
localStorage.setItem(jsOMS.Modules.Navigation.MODULE_NAME, JSON.stringify(self.navigation));
});
// Bind scroll
e.addEventListener('scroll', function ()
{
e.addEventListener('scroll', function () {
self.navigation[e.id].setScrollPosition(this.scrollLeft, this.scrollTop);
localStorage.setItem(jsOMS.Modules.Navigation.MODULE_NAME, JSON.stringify(self.navigation));
});
};
};
/**
* Module id
*
* @var {string}
* @since 1.0.0
*/
jsOMS.Modules.NavigationMODULE_NAME = '1000500001';
}(window.jsOMS = window.jsOMS || {}));
jsOMS.ready(function ()

24
Models/Navigation.js
View File

@ -13,6 +13,7 @@
/** @namespace jsOMS.Modules.Navigation.Models */
jsOMS.Autoloader.defineNamespace('jsOMS.Modules.Navigation.Models');
jsOMS.Modules.Navigation.Models.Navigation = class {
/**
* Construct
*
@ -20,7 +21,7 @@
*
* @since 1.0.0
*/
jsOMS.Modules.Navigation.Models.Navigation = function (data)
constructor (data)
{
if (typeof data === 'undefined') {
this.scrollPosition = {x: 0, y: 0};
@ -45,7 +46,7 @@
*
* @since 1.0.0
*/
jsOMS.Modules.Navigation.Models.Navigation.prototype.setScrollPosition = function (x, y)
setScrollPosition (x, y)
{
this.scrollPosition.x = x;
this.scrollPosition.y = y;
@ -58,7 +59,7 @@
*
* @since 1.0.0
*/
jsOMS.Modules.Navigation.Models.Navigation.prototype.getScrollPosition = function ()
getScrollPosition ()
{
return this.scrollPosition;
};
@ -72,7 +73,7 @@
*
* @since 1.0.0
*/
jsOMS.Modules.Navigation.Models.Navigation.prototype.setOpen = function (id)
setOpen (id)
{
this.openCategories[id] = true;
};
@ -86,7 +87,7 @@
*
* @since 1.0.0
*/
jsOMS.Modules.Navigation.Models.Navigation.prototype.setClose = function (id)
setClose (id)
{
delete this.openCategories[id];
};
@ -98,22 +99,22 @@
*
* @since 1.0.0
*/
jsOMS.Modules.Navigation.Models.Navigation.prototype.getOpen = function ()
getOpen ()
{
return this.openCategories;
};
jsOMS.Modules.Navigation.Models.Navigation.prototype.active = function (id)
active (id)
{
this.allInactive();
};
jsOMS.Modules.Navigation.Models.Navigation.prototype.allInactive = function ()
allInactive ()
{
};
jsOMS.Modules.Navigation.Models.Navigation.prototype.inactive = function (id)
inactive (id)
{
};
@ -126,7 +127,7 @@
*
* @since 1.0.0
*/
jsOMS.Modules.Navigation.Models.Navigation.prototype.setVisible = function (visible)
setVisible (visible)
{
this.visible = visible;
};
@ -138,8 +139,9 @@
*
* @since 1.0.0
*/
jsOMS.Modules.Navigation.Models.Navigation.prototype.isVisible = function ()
isVisible ()
{
return this.visible;
};
};
}(window.jsOMS = window.jsOMS || {}));