70 lines
1.3 KiB
JavaScript
70 lines
1.3 KiB
JavaScript
"use strict";
|
|
|
|
import $ from "jquery";
|
|
|
|
import Events from "../_events";
|
|
import CookieUI from "./_ui.cookie";
|
|
|
|
const FlyoutUI = (($) => {
|
|
const W = window;
|
|
const D = document;
|
|
const $Body = $("body");
|
|
|
|
const NAME = "FlyoutUI";
|
|
const COOKIE = `${NAME}-hide`;
|
|
const TIMEOUT = 2000;
|
|
|
|
class FlyoutUI {
|
|
static init() {
|
|
console.log(`${NAME}: init`);
|
|
const ui = this;
|
|
|
|
ui.$modal = $(`.flyout-${NAME}`);
|
|
|
|
if (!ui.$modal.length) {
|
|
return false;
|
|
}
|
|
|
|
const $close = ui.$modal.find(`.flyout-${NAME}__close`);
|
|
ui.$modal.data(NAME, ui);
|
|
|
|
if ($close.length) {
|
|
$close.on("click", () => {
|
|
ui.hide();
|
|
});
|
|
}
|
|
|
|
const hide = CookieUI.get(COOKIE);
|
|
|
|
if (!$close.length || !hide || hide !== "true") {
|
|
setTimeout(() => {
|
|
ui.show();
|
|
}, TIMEOUT);
|
|
}
|
|
}
|
|
|
|
static show(callback) {
|
|
const ui = this;
|
|
|
|
ui.$modal.addClass(`flyout-${NAME}__active`);
|
|
}
|
|
|
|
static hide(callback) {
|
|
const ui = this;
|
|
|
|
CookieUI.set(COOKIE, "true", 1);
|
|
ui.$modal.removeClass(`flyout-${NAME}__active`);
|
|
}
|
|
}
|
|
|
|
$(W).on(`${NAME}.init ${Events.AJAX} ${Events.LOADED}`, () => {
|
|
FlyoutUI.init();
|
|
});
|
|
|
|
W.FlyoutUI = FlyoutUI;
|
|
|
|
return FlyoutUI;
|
|
})($);
|
|
|
|
export default FlyoutUI;
|