From c9603ef5aae3ae7eada5f5cbba220be845e1f588 Mon Sep 17 00:00:00 2001 From: REJack Date: Wed, 22 Jul 2020 16:01:38 +0200 Subject: [PATCH] fullscreen plugin/button (#2906) * add fullscreen plugin * add fullscreen buton in topnav * remove old mozilla function --- build/js/AdminLTE.js | 2 + build/js/Fullscreen.js | 117 +++++++++++++++++++++++++++ index.html | 5 ++ index2.html | 5 ++ index3.html | 5 ++ pages/UI/buttons.html | 5 ++ pages/UI/general.html | 5 ++ pages/UI/icons.html | 5 ++ pages/UI/modals.html | 5 ++ pages/UI/navbar.html | 5 ++ pages/UI/ribbons.html | 5 ++ pages/UI/sliders.html | 5 ++ pages/UI/timeline.html | 5 ++ pages/calendar.html | 5 ++ pages/charts/chartjs.html | 5 ++ pages/charts/flot.html | 5 ++ pages/charts/inline.html | 5 ++ pages/examples/404.html | 5 ++ pages/examples/500.html | 5 ++ pages/examples/blank.html | 5 ++ pages/examples/contacts.html | 5 ++ pages/examples/e-commerce.html | 5 ++ pages/examples/invoice.html | 5 ++ pages/examples/language-menu.html | 5 ++ pages/examples/legacy-user-menu.html | 5 ++ pages/examples/pace.html | 5 ++ pages/examples/profile.html | 5 ++ pages/examples/project-add.html | 5 ++ pages/examples/project-detail.html | 5 ++ pages/examples/project-edit.html | 5 ++ pages/examples/projects.html | 5 ++ pages/forms/advanced.html | 5 ++ pages/forms/editors.html | 5 ++ pages/forms/general.html | 5 ++ pages/forms/validation.html | 5 ++ pages/gallery.html | 5 ++ pages/layout/boxed.html | 5 ++ pages/layout/collapsed-sidebar.html | 5 ++ pages/layout/fixed-footer.html | 5 ++ pages/layout/fixed-sidebar.html | 5 ++ pages/layout/fixed-topnav.html | 5 ++ pages/mailbox/compose.html | 5 ++ pages/mailbox/mailbox.html | 5 ++ pages/mailbox/read-mail.html | 5 ++ pages/tables/data.html | 5 ++ pages/tables/jsgrid.html | 5 ++ pages/tables/simple.html | 5 ++ pages/widgets.html | 5 ++ starter.html | 5 ++ 49 files changed, 354 insertions(+) create mode 100644 build/js/Fullscreen.js diff --git a/build/js/AdminLTE.js b/build/js/AdminLTE.js index fd709a432..7f854ddf1 100644 --- a/build/js/AdminLTE.js +++ b/build/js/AdminLTE.js @@ -4,6 +4,7 @@ import ControlSidebar from './ControlSidebar' import DirectChat from './DirectChat' import Dropdown from './Dropdown' import ExpandableTable from './ExpandableTable' +import Fullscreen from './Fullscreen' import Layout from './Layout' import PushMenu from './PushMenu' import SidebarSearch from './SidebarSearch' @@ -18,6 +19,7 @@ export { DirectChat, Dropdown, ExpandableTable, + Fullscreen, Layout, PushMenu, SidebarSearch, diff --git a/build/js/Fullscreen.js b/build/js/Fullscreen.js new file mode 100644 index 000000000..4551f3e4c --- /dev/null +++ b/build/js/Fullscreen.js @@ -0,0 +1,117 @@ +/** + * -------------------------------------------- + * AdminLTE Fullscreen.js + * License MIT + * -------------------------------------------- + */ + +import $ from 'jquery' + +/** + * Constants + * ==================================================== + */ + +const NAME = 'Fullscreen' +const DATA_KEY = 'lte.fullscreen' +const JQUERY_NO_CONFLICT = $.fn[NAME] + +const SELECTOR_DATA_WIDGET = '[data-widget="fullscreen"]' +const SELECTOR_ICON = `${SELECTOR_DATA_WIDGET} i` + +const Default = { + minimizeIcon: 'fa-compress-arrows-alt', + maximizeIcon: 'fa-expand-arrows-alt' +} + +/** + * Class Definition + * ==================================================== + */ + +class Fullscreen { + constructor(_element, _options) { + this.element = _element + this.options = $.extend({}, Default, _options) + } + + // Public + + toggle() { + if (document.fullscreenElement || + document.mozFullScreenElement || + document.webkitFullscreenElement || + document.msFullscreenElement) { + this.windowed() + } else { + this.fullscreen() + } + } + + fullscreen() { + if (document.documentElement.requestFullscreen) { + document.documentElement.requestFullscreen() + } else if (document.documentElement.webkitRequestFullscreen) { + document.documentElement.webkitRequestFullscreen() + } else if (document.documentElement.msRequestFullscreen) { + document.documentElement.msRequestFullscreen() + } + + $(SELECTOR_ICON).removeClass(this.options.maximizeIcon).addClass(this.options.minimizeIcon) + } + + windowed() { + if (document.exitFullscreen) { + document.exitFullscreen() + } else if (document.webkitExitFullscreen) { + document.webkitExitFullscreen() + } else if (document.msExitFullscreen) { + document.msExitFullscreen() + } + + $(SELECTOR_ICON).removeClass(this.options.minimizeIcon).addClass(this.options.maximizeIcon) + } + + // Static + + static _jQueryInterface(config) { + let data = $(this).data(DATA_KEY) + + if (!data) { + data = $(this).data() + } + + const _options = $.extend({}, Default, typeof config === 'object' ? config : data) + const plugin = new Fullscreen($(this), _options) + + $(this).data(DATA_KEY, typeof config === 'object' ? config : data) + + if (typeof config === 'string' && config.match(/toggle|fullscreen|windowed/)) { + plugin[config]() + } else { + plugin.init() + } + } +} + +/** + * Data API + * ==================================================== + */ +$(document).on('click', SELECTOR_DATA_WIDGET, function () { + Fullscreen._jQueryInterface.call($(this), 'toggle') +}) + +/** + * jQuery API + * ==================================================== + */ + +$.fn[NAME] = Fullscreen._jQueryInterface +$.fn[NAME].Constructor = Fullscreen +$.fn[NAME].noConflict = function () { + $.fn[NAME] = JQUERY_NO_CONFLICT + return Fullscreen._jQueryInterface +} + +export default Fullscreen diff --git a/index.html b/index.html index f6aa23d03..baee47fe1 100644 --- a/index.html +++ b/index.html @@ -143,6 +143,11 @@ See All Notifications +
  • + + + +
  • diff --git a/index2.html b/index2.html index ee6caa024..20af7eeb4 100644 --- a/index2.html +++ b/index2.html @@ -130,6 +130,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/index3.html b/index3.html index ca1f065b7..80351c53c 100644 --- a/index3.html +++ b/index3.html @@ -139,6 +139,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/UI/buttons.html b/pages/UI/buttons.html index 8e195bfde..9a06e09cd 100644 --- a/pages/UI/buttons.html +++ b/pages/UI/buttons.html @@ -128,6 +128,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/UI/general.html b/pages/UI/general.html index 8a297d363..5a89cc14e 100644 --- a/pages/UI/general.html +++ b/pages/UI/general.html @@ -172,6 +172,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/UI/icons.html b/pages/UI/icons.html index 256bac1fd..d5b6c4d21 100644 --- a/pages/UI/icons.html +++ b/pages/UI/icons.html @@ -128,6 +128,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/UI/modals.html b/pages/UI/modals.html index 8f2984f45..22db81237 100644 --- a/pages/UI/modals.html +++ b/pages/UI/modals.html @@ -132,6 +132,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/UI/navbar.html b/pages/UI/navbar.html index 8a7fa0d0a..de70a409b 100644 --- a/pages/UI/navbar.html +++ b/pages/UI/navbar.html @@ -134,6 +134,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/UI/ribbons.html b/pages/UI/ribbons.html index 3f193d448..c5b604532 100644 --- a/pages/UI/ribbons.html +++ b/pages/UI/ribbons.html @@ -128,6 +128,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/UI/sliders.html b/pages/UI/sliders.html index 2bcab90df..29ed21835 100644 --- a/pages/UI/sliders.html +++ b/pages/UI/sliders.html @@ -132,6 +132,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/UI/timeline.html b/pages/UI/timeline.html index 2ebd0b72b..7948ad329 100644 --- a/pages/UI/timeline.html +++ b/pages/UI/timeline.html @@ -129,6 +129,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/calendar.html b/pages/calendar.html index efeed801c..47e9f037d 100644 --- a/pages/calendar.html +++ b/pages/calendar.html @@ -133,6 +133,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/charts/chartjs.html b/pages/charts/chartjs.html index fb43db499..692b1aca1 100644 --- a/pages/charts/chartjs.html +++ b/pages/charts/chartjs.html @@ -128,6 +128,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/charts/flot.html b/pages/charts/flot.html index 4d631ece6..4c9c2509e 100644 --- a/pages/charts/flot.html +++ b/pages/charts/flot.html @@ -128,6 +128,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/charts/inline.html b/pages/charts/inline.html index 84c3f6abf..6e830e04d 100644 --- a/pages/charts/inline.html +++ b/pages/charts/inline.html @@ -128,6 +128,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/examples/404.html b/pages/examples/404.html index 10e099c37..7d70e824c 100644 --- a/pages/examples/404.html +++ b/pages/examples/404.html @@ -128,6 +128,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/examples/500.html b/pages/examples/500.html index c768fed2a..70f7a79d3 100644 --- a/pages/examples/500.html +++ b/pages/examples/500.html @@ -128,6 +128,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/examples/blank.html b/pages/examples/blank.html index 000f5dd39..26d535e7f 100644 --- a/pages/examples/blank.html +++ b/pages/examples/blank.html @@ -129,6 +129,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/examples/contacts.html b/pages/examples/contacts.html index ff64471b2..5c36bb6a3 100644 --- a/pages/examples/contacts.html +++ b/pages/examples/contacts.html @@ -129,6 +129,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/examples/e-commerce.html b/pages/examples/e-commerce.html index 5cc8cf196..8ca7106fc 100644 --- a/pages/examples/e-commerce.html +++ b/pages/examples/e-commerce.html @@ -129,6 +129,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/examples/invoice.html b/pages/examples/invoice.html index db7a853cf..e7f76d4bf 100644 --- a/pages/examples/invoice.html +++ b/pages/examples/invoice.html @@ -128,6 +128,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/examples/language-menu.html b/pages/examples/language-menu.html index e21e32efc..74c0077cc 100644 --- a/pages/examples/language-menu.html +++ b/pages/examples/language-menu.html @@ -151,6 +151,11 @@
    • +
  • + + + +
  • diff --git a/pages/examples/legacy-user-menu.html b/pages/examples/legacy-user-menu.html index aaeec0402..539313d93 100644 --- a/pages/examples/legacy-user-menu.html +++ b/pages/examples/legacy-user-menu.html @@ -166,6 +166,11 @@
    • +
  • + + + +
  • diff --git a/pages/examples/pace.html b/pages/examples/pace.html index 6a24b9cdf..ef6028fa6 100644 --- a/pages/examples/pace.html +++ b/pages/examples/pace.html @@ -131,6 +131,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/examples/profile.html b/pages/examples/profile.html index 8c0e68917..7c7390b5f 100644 --- a/pages/examples/profile.html +++ b/pages/examples/profile.html @@ -128,6 +128,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/examples/project-add.html b/pages/examples/project-add.html index 92b3bde47..67323f093 100644 --- a/pages/examples/project-add.html +++ b/pages/examples/project-add.html @@ -129,6 +129,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/examples/project-detail.html b/pages/examples/project-detail.html index b06b3bad0..8864bc846 100644 --- a/pages/examples/project-detail.html +++ b/pages/examples/project-detail.html @@ -129,6 +129,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/examples/project-edit.html b/pages/examples/project-edit.html index ad71f2be1..c62b135aa 100644 --- a/pages/examples/project-edit.html +++ b/pages/examples/project-edit.html @@ -129,6 +129,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/examples/projects.html b/pages/examples/projects.html index a0f97b88f..16e64d77f 100644 --- a/pages/examples/projects.html +++ b/pages/examples/projects.html @@ -129,6 +129,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html index 0857e16cc..4eb4a4cc0 100644 --- a/pages/forms/advanced.html +++ b/pages/forms/advanced.html @@ -141,6 +141,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/forms/editors.html b/pages/forms/editors.html index 8920100a9..bc3ecc773 100644 --- a/pages/forms/editors.html +++ b/pages/forms/editors.html @@ -130,6 +130,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/forms/general.html b/pages/forms/general.html index de5645400..ae8ef089b 100644 --- a/pages/forms/general.html +++ b/pages/forms/general.html @@ -128,6 +128,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/forms/validation.html b/pages/forms/validation.html index b128c3dd5..f9c4a3400 100644 --- a/pages/forms/validation.html +++ b/pages/forms/validation.html @@ -128,6 +128,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/gallery.html b/pages/gallery.html index da2bae9fc..a2b73ccb8 100644 --- a/pages/gallery.html +++ b/pages/gallery.html @@ -130,6 +130,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/layout/boxed.html b/pages/layout/boxed.html index 684412075..e1e9ee68d 100644 --- a/pages/layout/boxed.html +++ b/pages/layout/boxed.html @@ -129,6 +129,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/layout/collapsed-sidebar.html b/pages/layout/collapsed-sidebar.html index 94552bc85..442e48945 100644 --- a/pages/layout/collapsed-sidebar.html +++ b/pages/layout/collapsed-sidebar.html @@ -129,6 +129,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/layout/fixed-footer.html b/pages/layout/fixed-footer.html index 32e8e00fd..fe624bd1a 100644 --- a/pages/layout/fixed-footer.html +++ b/pages/layout/fixed-footer.html @@ -129,6 +129,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/layout/fixed-sidebar.html b/pages/layout/fixed-sidebar.html index 53a9e5d85..1998c52f9 100644 --- a/pages/layout/fixed-sidebar.html +++ b/pages/layout/fixed-sidebar.html @@ -131,6 +131,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/layout/fixed-topnav.html b/pages/layout/fixed-topnav.html index 8f88c7607..a3017d518 100644 --- a/pages/layout/fixed-topnav.html +++ b/pages/layout/fixed-topnav.html @@ -129,6 +129,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/mailbox/compose.html b/pages/mailbox/compose.html index 3998e6a54..201db9a2c 100644 --- a/pages/mailbox/compose.html +++ b/pages/mailbox/compose.html @@ -130,6 +130,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/mailbox/mailbox.html b/pages/mailbox/mailbox.html index 29317147e..2ecde126f 100644 --- a/pages/mailbox/mailbox.html +++ b/pages/mailbox/mailbox.html @@ -130,6 +130,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/mailbox/read-mail.html b/pages/mailbox/read-mail.html index d189cf77d..8138445fa 100644 --- a/pages/mailbox/read-mail.html +++ b/pages/mailbox/read-mail.html @@ -128,6 +128,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/tables/data.html b/pages/tables/data.html index d472ad3af..10583a801 100644 --- a/pages/tables/data.html +++ b/pages/tables/data.html @@ -131,6 +131,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/tables/jsgrid.html b/pages/tables/jsgrid.html index eb0a532ec..e60ab056b 100644 --- a/pages/tables/jsgrid.html +++ b/pages/tables/jsgrid.html @@ -131,6 +131,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/tables/simple.html b/pages/tables/simple.html index 81426e717..393913841 100644 --- a/pages/tables/simple.html +++ b/pages/tables/simple.html @@ -128,6 +128,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/pages/widgets.html b/pages/widgets.html index 92018558d..28ffbd4bd 100644 --- a/pages/widgets.html +++ b/pages/widgets.html @@ -130,6 +130,11 @@ See All Notifications
    • +
  • + + + +
  • diff --git a/starter.html b/starter.html index 0651ab3bc..7da9592fe 100644 --- a/starter.html +++ b/starter.html @@ -133,6 +133,11 @@ scratch. This page gets rid of all links and provides the needed markup only. See All Notifications
    • +
  • + + + +