j1-template 2020.0.20 → 2021.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/themes/j1/blocks/ads/ad.html +2 -2
- data/_includes/themes/j1/blocks/footer/boxes/about_box.proc +1 -1
- data/_includes/themes/j1/blocks/footer/boxes/links_box.proc +3 -3
- data/_includes/themes/j1/blocks/footer/boxes/news_box.proc +1 -1
- data/_includes/themes/j1/blocks/footer/generator.html +2 -2
- data/_includes/themes/j1/layouts/content_generator_blog_archive.html +11 -11
- data/_includes/themes/j1/layouts/content_generator_collection.html +2 -2
- data/_includes/themes/j1/layouts/content_generator_page.html +4 -4
- data/_includes/themes/j1/layouts/content_generator_post.html +64 -162
- data/_includes/themes/j1/layouts/layout_metadata_generator.html +2 -2
- data/_includes/themes/j1/modules/attics/generator.html +1 -1
- data/_includes/themes/j1/modules/connectors/ad/google-adsense.html +15 -1
- data/_includes/themes/j1/modules/connectors/ads +2 -2
- data/_includes/themes/j1/modules/connectors/analytic/google-analytics.html +2 -4
- data/_includes/themes/j1/modules/connectors/analytics +2 -2
- data/_includes/themes/j1/modules/connectors/comment/disqus.html +38 -25
- data/_includes/themes/j1/modules/connectors/comments +2 -2
- data/_includes/themes/j1/modules/connectors/translator +2 -2
- data/_includes/themes/j1/modules/navigator/generator.html +17 -8
- data/_includes/themes/j1/modules/navigator/procedures/topsearch.proc +36 -26
- data/_includes/themes/j1/procedures/global/attributes_loader.proc +117 -0
- data/_includes/themes/j1/procedures/global/create_bs_button.proc +4 -3
- data/_includes/themes/j1/procedures/global/create_word_cloud.proc +17 -13
- data/_includes/themes/j1/procedures/global/get_documents_dir.proc +1 -1
- data/_includes/themes/j1/procedures/global/set_env_entry_document.proc +3 -3
- data/_includes/themes/j1/procedures/global/setup.proc +9 -9
- data/_includes/themes/j1/procedures/layouts/content_writer.proc +1 -2
- data/_includes/themes/j1/procedures/layouts/module_writer.proc +1 -1
- data/_includes/themes/j1/procedures/posts/collate_calendar.proc +1 -1
- data/_includes/themes/j1/procedures/posts/collate_list.proc +1 -1
- data/_includes/themes/j1/procedures/posts/collate_timeline.proc +18 -17
- data/_includes/themes/j1/procedures/posts/create_series_header.proc +9 -5
- data/_layouts/default.html +3 -3
- data/_layouts/home.html +2 -2
- data/apps/public/cc/cc.yml +37 -38
- data/assets/data/authclient.html +2 -2
- data/assets/data/banner.html +25 -21
- data/assets/data/carousel.json +8 -16
- data/assets/data/cookiebar.html +15 -11
- data/assets/data/fam.html +124 -0
- data/assets/data/footer.html +1 -1
- data/assets/data/galleries.json +1 -1
- data/assets/data/gallery_customizer.html +19 -7
- data/assets/data/mdi_icons.json +1 -1
- data/assets/data/menu.html +2 -2
- data/assets/data/mmenu.html +2 -2
- data/assets/data/mmenu_sidebar.html +4 -4
- data/assets/data/mmenu_toc.html +1 -1
- data/assets/data/panel.html +113 -67
- data/assets/data/quicklinks.html +16 -16
- data/assets/data/themes.json +9 -9
- data/assets/data/twa_v1.json +1 -1
- data/assets/error_pages/HTTP204.html +1 -0
- data/assets/error_pages/HTTP400.html +3 -2
- data/assets/error_pages/HTTP401.html +3 -2
- data/assets/error_pages/HTTP403.html +3 -2
- data/assets/error_pages/HTTP404.html +3 -2
- data/assets/error_pages/HTTP500.html +3 -2
- data/assets/error_pages/HTTP501.html +3 -2
- data/assets/error_pages/HTTP502.html +3 -2
- data/assets/error_pages/HTTP503.html +3 -2
- data/assets/error_pages/HTTP520.html +3 -2
- data/assets/error_pages/HTTP521.html +3 -2
- data/assets/error_pages/HTTP533.html +3 -2
- data/assets/themes/j1/adapter/js/algolia.js +2 -2
- data/assets/themes/j1/adapter/js/attic.js +2 -2
- data/assets/themes/j1/adapter/js/bmd.js +1 -1
- data/assets/themes/j1/adapter/js/carousel.js +401 -38
- data/assets/themes/j1/adapter/js/clipboard.js +3 -3
- data/assets/themes/j1/adapter/js/cookiebar.js +1 -1
- data/assets/themes/j1/adapter/js/{ssm.js → fam.js} +252 -142
- data/assets/themes/j1/adapter/js/framer.js +74 -58
- data/assets/themes/j1/adapter/js/gallery_customizer.js +4 -3
- data/assets/themes/j1/adapter/js/j1.js +25 -19
- data/assets/themes/j1/adapter/js/jf_gallery.js +4 -4
- data/assets/themes/j1/adapter/js/lightbox.js +2 -2
- data/assets/themes/j1/adapter/js/logger.js +2 -2
- data/assets/themes/j1/adapter/js/{searcher.js → lunr_search.js} +68 -65
- data/assets/themes/j1/adapter/js/mmenu.js +16 -10
- data/assets/themes/j1/adapter/js/navigator.js +63 -57
- data/assets/themes/j1/adapter/js/rouge.js +246 -0
- data/assets/themes/j1/adapter/js/rtable.js +183 -0
- data/assets/themes/j1/adapter/js/themer.js +63 -110
- data/assets/themes/j1/adapter/js/toccer.js +72 -32
- data/assets/themes/j1/core/css/animate.css +15 -15
- data/assets/themes/j1/core/css/{icons-fontawesome.css → icon-fonts/fontawesome.css} +17 -17
- data/assets/themes/j1/core/css/{icons-fontawesome.min.css → icon-fonts/fontawesome.min.css} +0 -0
- data/assets/themes/j1/core/css/{icons-iconify.css → icon-fonts/iconify.css} +15 -15
- data/assets/themes/j1/core/css/{icons-iconify.min.css → icon-fonts/iconify.min.css} +0 -0
- data/assets/themes/j1/core/css/{icons-materialdesign.css → icon-fonts/materialdesign.css} +17 -17
- data/assets/themes/j1/core/css/{icons-materialdesign.min.css → icon-fonts/materialdesign.min.css} +0 -0
- data/assets/themes/j1/core/css/{icons-twemoji.css → icon-fonts/twemoji.css} +18 -18
- data/assets/themes/j1/core/css/{icons-twemoji.min.css → icon-fonts/twemoji.min.css} +0 -0
- data/assets/themes/j1/core/css/{bootstrap.css → themes/bootstrap/bootstrap.css} +19 -16
- data/assets/themes/j1/core/css/themes/bootstrap/bootstrap.min.css +6 -0
- data/assets/themes/j1/core/css/{uno-dark.css → themes/uno-dark/bootstrap.css} +429 -323
- data/assets/themes/j1/core/css/themes/uno-dark/bootstrap.min.css +6 -0
- data/assets/themes/j1/core/css/{uno.css → themes/uno-light/bootstrap.css} +1654 -1290
- data/assets/themes/j1/core/css/themes/uno-light/bootstrap.min.css +8 -0
- data/assets/themes/j1/core/css/vendor.css +101 -71
- data/assets/themes/j1/core/css/vendor.min.css +1 -1
- data/assets/themes/j1/core/js/template.js +6 -11
- data/assets/themes/j1/core/js/template.js.map +1 -1
- data/assets/themes/j1/core/js/template.min.js +1 -1
- data/assets/themes/j1/modules/bmd/js/bootstrap-material-design.full.js +6930 -0
- data/assets/themes/j1/modules/bmd/js/bootstrap-material-design.js +6 -0
- data/assets/themes/j1/modules/carousel/css/theme/uno.css +120 -75
- data/assets/themes/j1/modules/carousel/css/theme/uno.min.css +1 -1
- data/assets/themes/j1/modules/cash/js/cash.js +1374 -0
- data/assets/themes/j1/modules/cash/js/cash.min.js +42 -0
- data/assets/themes/j1/modules/clipboard/css/theme/uno.css +2 -2
- data/assets/themes/j1/modules/clipboard/css/theme/uno.min.css +1 -1
- data/assets/themes/j1/modules/fam/css/uno/fam.css +369 -0
- data/assets/themes/j1/modules/fam/js/fam.js +477 -0
- data/assets/themes/j1/modules/iframeResizer/examples/frame.nested.html +1 -1
- data/assets/themes/j1/modules/iframeResizer/js/{iframeResizer.js → resizer.js} +0 -0
- data/assets/themes/j1/modules/iframeResizer/js/{iframeResizer.map → resizer.map} +0 -0
- data/assets/themes/j1/modules/iframeResizer/js/{iframeResizer.min.js → resizer.min.js} +0 -0
- data/assets/themes/j1/modules/jquery/css/jqueryUI/theme.css +443 -0
- data/assets/themes/j1/modules/jquery/css/jqueryUI/theme.min.css +5 -0
- data/assets/themes/j1/modules/jquery/js/jquery.js +7 -4
- data/assets/themes/j1/modules/jquery/js/jquery.min.js +2 -2
- data/assets/themes/j1/modules/jquery/js/jqueryUI.js +18701 -0
- data/assets/themes/j1/modules/jquery/js/jqueryUI.min.js +13 -0
- data/assets/themes/j1/modules/jquery/js/require.js +2145 -0
- data/assets/themes/j1/modules/jquery/js/require.min.js +5 -0
- data/assets/themes/j1/modules/justifiedGallery/css/theme/uno.css +5 -4
- data/assets/themes/j1/modules/justifiedGallery/css/theme/uno.min.css +1 -1
- data/assets/themes/j1/modules/kofax.7z +0 -0
- data/assets/themes/j1/modules/lightbox/js/lightbox.js +1 -1
- data/assets/themes/j1/modules/lunrSearch/css/lunr_search.css +32 -0
- data/assets/themes/j1/modules/lunrSearch/css/lunr_search.min.css +25 -0
- data/assets/themes/j1/modules/lunrSearch/js/dateformat.js +125 -0
- data/assets/themes/j1/modules/lunrSearch/js/dateformat.min.js +14 -0
- data/assets/themes/j1/modules/lunrSearch/js/lunr.js +3475 -0
- data/assets/themes/j1/modules/lunrSearch/js/lunr.min.js +51 -0
- data/assets/themes/j1/modules/lunrSearch/js/lunr_search.js +184 -0
- data/assets/themes/j1/modules/lunrSearch/js/lunr_search.min.js +17 -0
- data/assets/themes/j1/modules/lunrSearch/js/mustache.js +772 -0
- data/assets/themes/j1/modules/lunrSearch/js/mustache.min.js +772 -0
- data/assets/themes/j1/modules/lunrSearch/js/uri.js +2340 -0
- data/assets/themes/j1/modules/lunrSearch/js/uri.min.js +93 -0
- data/assets/themes/j1/modules/materialize/js/anime.js +1283 -0
- data/assets/themes/j1/modules/materialize/js/anime.min.js +34 -0
- data/assets/themes/j1/modules/materialize/js/autocomplete.js +450 -0
- data/assets/themes/j1/modules/materialize/js/buttons.js +409 -0
- data/assets/themes/j1/modules/materialize/js/cards.js +40 -0
- data/assets/themes/j1/modules/materialize/js/carousel.js +717 -0
- data/assets/themes/j1/modules/materialize/js/cash-dom.js +1044 -0
- data/assets/themes/j1/modules/materialize/js/cash.js +960 -0
- data/assets/themes/j1/modules/materialize/js/characterCounter.js +136 -0
- data/assets/themes/j1/modules/materialize/js/chips.js +481 -0
- data/assets/themes/j1/modules/materialize/js/collapsible.js +275 -0
- data/assets/themes/j1/modules/materialize/js/component.js +44 -0
- data/assets/themes/j1/modules/materialize/js/datepicker.js +975 -0
- data/assets/themes/j1/modules/materialize/js/dropdown.js +617 -0
- data/assets/themes/j1/modules/materialize/js/forms.js +275 -0
- data/assets/themes/j1/modules/materialize/js/global.js +427 -0
- data/assets/themes/j1/modules/materialize/js/materialbox.js +453 -0
- data/assets/themes/j1/modules/materialize/js/modal.js +382 -0
- data/assets/themes/j1/modules/materialize/js/parallax.js +138 -0
- data/assets/themes/j1/modules/materialize/js/pushpin.js +145 -0
- data/assets/themes/j1/modules/materialize/js/range.js +263 -0
- data/assets/themes/j1/modules/materialize/js/ripple.js +335 -0
- data/assets/themes/j1/modules/materialize/js/scrollspy.js +295 -0
- data/assets/themes/j1/modules/materialize/js/select.js +432 -0
- data/assets/themes/j1/modules/materialize/js/sidenav.js +580 -0
- data/assets/themes/j1/modules/materialize/js/slider.js +359 -0
- data/assets/themes/j1/modules/materialize/js/tabs.js +402 -0
- data/assets/themes/j1/modules/materialize/js/tapTarget.js +314 -0
- data/assets/themes/j1/modules/materialize/js/timepicker.js +647 -0
- data/assets/themes/j1/modules/materialize/js/toasts.js +310 -0
- data/assets/themes/j1/modules/materialize/js/tooltip.js +303 -0
- data/assets/themes/j1/modules/materialize/js/waves.js +335 -0
- data/assets/themes/j1/modules/materialize/scss/components/_badges.scss +55 -0
- data/assets/themes/j1/modules/materialize/scss/components/_buttons.scss +322 -0
- data/assets/themes/j1/modules/materialize/scss/components/_cards.scss +195 -0
- data/assets/themes/j1/modules/materialize/scss/components/_carousel.scss +90 -0
- data/assets/themes/j1/modules/materialize/scss/components/_chips.scss +90 -0
- data/assets/themes/j1/modules/materialize/scss/components/_collapsible.scss +91 -0
- data/assets/themes/j1/modules/materialize/scss/components/_color-classes.scss +32 -0
- data/assets/themes/j1/modules/materialize/scss/components/_color-variables.scss +370 -0
- data/assets/themes/j1/modules/materialize/scss/components/_datepicker.scss +191 -0
- data/assets/themes/j1/modules/materialize/scss/components/_dropdown.scss +85 -0
- data/assets/themes/j1/modules/materialize/scss/components/_global.scss +769 -0
- data/assets/themes/j1/modules/materialize/scss/components/_grid.scss +156 -0
- data/assets/themes/j1/modules/materialize/scss/components/_icons-material-design.scss +5 -0
- data/assets/themes/j1/modules/materialize/scss/components/_materialbox.scss +43 -0
- data/assets/themes/j1/modules/materialize/scss/components/_modal.scss +94 -0
- data/assets/themes/j1/modules/materialize/scss/components/_navbar.scss +208 -0
- data/assets/themes/j1/modules/materialize/scss/components/_normalize.scss +447 -0
- data/assets/themes/j1/modules/materialize/scss/components/_preloader.scss +334 -0
- data/assets/themes/j1/modules/materialize/scss/components/_pulse.scss +34 -0
- data/assets/themes/j1/modules/materialize/scss/components/_sidenav.scss +216 -0
- data/assets/themes/j1/modules/materialize/scss/components/_slider.scss +92 -0
- data/assets/themes/j1/modules/materialize/scss/components/_table_of_contents.scss +33 -0
- data/assets/themes/j1/modules/materialize/scss/components/_tabs.scss +99 -0
- data/assets/themes/j1/modules/materialize/scss/components/_tapTarget.scss +103 -0
- data/assets/themes/j1/modules/materialize/scss/components/_timepicker.scss +183 -0
- data/assets/themes/j1/modules/materialize/scss/components/_toast.scss +58 -0
- data/assets/themes/j1/modules/materialize/scss/components/_tooltip.scss +32 -0
- data/assets/themes/j1/modules/materialize/scss/components/_transitions.scss +13 -0
- data/assets/themes/j1/modules/materialize/scss/components/_typography.scss +60 -0
- data/assets/themes/j1/modules/materialize/scss/components/_variables.scss +349 -0
- data/assets/themes/j1/modules/materialize/scss/components/_waves.scss +114 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_checkboxes.scss +200 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_file-input.scss +44 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_forms.scss +22 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_input-fields.scss +354 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_radio-buttons.scss +115 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_range.scss +161 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_select.scss +180 -0
- data/assets/themes/j1/modules/materialize/scss/components/forms/_switches.scss +89 -0
- data/assets/themes/j1/modules/materialize/scss/materialize.scss +41 -0
- data/assets/themes/j1/modules/mmenuLight/css/mmenu.css +11 -11
- data/assets/themes/j1/modules/mmenuLight/css/mmenu.min.css +386 -12
- data/assets/themes/j1/modules/mmenuLight/css/theme/uno.css +16 -12
- data/assets/themes/j1/modules/mmenuLight/css/theme/uno.min.css +189 -8
- data/assets/themes/j1/modules/popper/js/popper.js +1 -1
- data/assets/themes/j1/modules/popper/js/popper.js.map +1 -1
- data/assets/themes/j1/modules/popper/js/popper.min.js.map +1 -1
- data/assets/themes/j1/modules/rouge/js/select.js +25 -0
- data/assets/themes/j1/modules/rtable/LICENSE +22 -0
- data/assets/themes/j1/modules/rtable/README.md +418 -0
- data/assets/themes/j1/modules/rtable/css/tablesaw.stackonly.css +148 -0
- data/assets/themes/j1/modules/rtable/css/theme/uno.css +191 -0
- data/assets/themes/j1/modules/rtable/css/theme/uno.min.css +191 -0
- data/assets/themes/j1/modules/rtable/js/rtable.js +692 -0
- data/assets/themes/j1/modules/rtable/js/rtable.min.js +690 -0
- data/assets/themes/j1/modules/rtable/js/tablesaw-init.js +18 -0
- data/assets/themes/j1/modules/rtable/js/tablesaw.stackonly.js +2371 -0
- data/assets/themes/j1/modules/{bsThemeSwitcher → themeSwitcher}/js/switcher.js +4 -5
- data/assets/themes/j1/modules/themeSwitcher/js/switcher.min.js +26 -0
- data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.js +1 -1
- data/lib/j1/commands/generate.rb +6 -6
- data/lib/j1/version.rb +1 -1
- data/lib/j1_app/j1_auth_manager/config.rb +2 -2
- data/lib/starter_web/Gemfile +12 -16
- data/lib/starter_web/_config.yml +81 -10
- data/lib/starter_web/_data/apps/carousel.yml +167 -346
- data/lib/starter_web/_data/apps/defaults/carousel.yml +87 -86
- data/lib/starter_web/_data/apps/justified_gallery.yml +44 -10
- data/lib/starter_web/_data/blocks/banner.yml +32 -27
- data/lib/starter_web/_data/blocks/defaults/banner.yml +14 -13
- data/lib/starter_web/_data/blocks/defaults/footer.yml +1 -1
- data/lib/starter_web/_data/blocks/defaults/panel.yml +3 -2
- data/lib/starter_web/_data/blocks/footer.yml +1 -1
- data/lib/starter_web/_data/blocks/panel.yml +24 -25
- data/lib/starter_web/_data/{template_settings.yml → j1_config.yml} +63 -10
- data/lib/starter_web/_data/layouts/collection.yml +6 -6
- data/lib/starter_web/_data/layouts/home.yml +19 -10
- data/lib/starter_web/_data/layouts/page.yml +9 -0
- data/lib/starter_web/_data/layouts/post.yml +9 -0
- data/lib/starter_web/_data/modules/defaults/cookiebar.yml +3 -1
- data/lib/starter_web/_data/modules/defaults/{ssm.yml → fam.yml} +12 -15
- data/lib/starter_web/_data/modules/defaults/lunr_search.yml +171 -0
- data/lib/starter_web/_data/modules/defaults/navigator.yml +5 -5
- data/lib/starter_web/_data/modules/defaults/themer.yml +8 -13
- data/lib/starter_web/_data/modules/defaults/toccer.yml +4 -2
- data/lib/starter_web/_data/modules/fam.yml +192 -0
- data/lib/starter_web/_data/modules/{back2top.yml → lunr_search.yml} +15 -9
- data/lib/starter_web/_data/modules/navigator.yml +2 -2
- data/lib/starter_web/_data/modules/navigator_menu.yml +13 -7
- data/lib/starter_web/_data/modules/themer.yml +0 -18
- data/lib/starter_web/_data/modules/toccer.yml +0 -73
- data/lib/starter_web/_data/resources.yml +193 -99
- data/lib/starter_web/_includes/attributes.asciidoc +194 -0
- data/lib/starter_web/_includes/breadcrumbs.html +11 -0
- data/lib/starter_web/_includes/documents/licenses/mit.asciidoc +19 -0
- data/lib/starter_web/{collections/posts/private → _includes/documents}/readme +0 -0
- data/lib/starter_web/_includes/tables/jekyll_variables.asciidoc +45 -0
- data/lib/starter_web/_includes/tables/template_variables.asciidoc +46 -0
- data/lib/starter_web/_plugins/debug.rb +0 -1
- data/lib/starter_web/_plugins/filters.rb +0 -1
- data/lib/starter_web/_plugins/{lorem-inline.rb → lorem_inline.rb} +1 -2
- data/lib/starter_web/_plugins/lunr_index.rb +313 -0
- data/lib/starter_web/_plugins/prettify.rb +0 -3
- data/lib/starter_web/_plugins/simple_search_filter.rb +0 -1
- data/lib/starter_web/_plugins/symlink_watcher.rb +2 -3
- data/lib/starter_web/assets/images/modules/attics/banner/lunr-banner-1280x800.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/katie-moum-1920x1280.jpg +0 -0
- data/lib/starter_web/assets/images/modules/attics/tldr-1920x800.jpg +0 -0
- data/lib/starter_web/assets/images/modules/icons/d1/d1-256x256.png +0 -0
- data/lib/starter_web/assets/images/modules/icons/d1/d1-32x32.ico +0 -0
- data/lib/starter_web/assets/images/modules/icons/d1/d1-512x512.png +0 -0
- data/lib/starter_web/assets/images/modules/icons/d1/d1-64x64.png +0 -0
- data/lib/starter_web/assets/images/modules/icons/d1/d1.ico +0 -0
- data/lib/starter_web/assets/images/modules/icons/d1/favicon.ico +0 -0
- data/lib/starter_web/assets/images/modules/icons/d1/scalable/d1.svg +48 -43
- data/lib/starter_web/assets/images/pages/winlogbeat/coordinate-map.png +0 -0
- data/lib/starter_web/assets/images/pages/winlogbeat/kibana-powershell.jpg +0 -0
- data/lib/starter_web/assets/images/pages/winlogbeat/option_ignore_outgoing.png +0 -0
- data/lib/starter_web/assets/images/pages/winlogbeat/winlogbeat-dashboard.png +0 -0
- data/lib/starter_web/assets/images/quotes/colored-1.jpg +0 -0
- data/lib/starter_web/assets/images/quotes/colored-2.jpg +0 -0
- data/lib/starter_web/assets/images/quotes/default.jpg +0 -0
- data/lib/starter_web/assets/images/quotes/light-blue.jpg +0 -0
- data/lib/starter_web/assets/images/quotes/people.jpg +0 -0
- data/lib/starter_web/collections/posts/{protected → private/_posts}/readme +0 -0
- data/{assets/README.md → lib/starter_web/collections/posts/protected/_posts/readme} +0 -0
- data/lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1-template.adoc.erb +77 -80
- data/lib/starter_web/collections/posts/public/featured/_posts/2018-05-01-confusion-about-base-url.adoc +21 -10
- data/lib/starter_web/collections/posts/public/featured/_posts/2019-05-01-top-open-source-static-site-generators.adoc +41 -31
- data/lib/starter_web/collections/posts/public/featured/_posts/2019-06-01-about-cookies.adoc +32 -27
- data/lib/starter_web/collections/posts/public/featured/_posts/_includes/attributes.asciidoc +38 -0
- data/lib/starter_web/collections/posts/public/featured/_posts/_includes/documents/readme +0 -0
- data/lib/starter_web/collections/posts/public/featured/_posts/{000_includes → _includes/documents}/unsplash-badge.asciidoc +0 -0
- data/lib/starter_web/collections/posts/public/featured/_posts/_includes/tables/readme +0 -0
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-01-post-test-series.adoc +144 -0
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-02-post-test-series.adoc +146 -0
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-03-post-test-series.adoc +146 -0
- data/lib/starter_web/collections/posts/public/series/_posts/2020-01-04-post-test-series.adoc +146 -0
- data/lib/starter_web/collections/posts/public/{wikipedia/_posts/000_includes → series/_posts/_includes}/attributes.asciidoc +9 -18
- data/lib/starter_web/collections/posts/public/series/_posts/{000_includes → _includes}/documents/100-docker-using-shared-folders.asciidoc +0 -0
- data/lib/starter_web/collections/posts/public/series/_posts/{000_includes → _includes}/documents/loop.sh +0 -0
- data/lib/starter_web/collections/posts/public/series/_posts/{000_includes → _includes}/tables/debug_variables.asciidoc +0 -0
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/2016-11-20-minneapolis.adoc +16 -8
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/2016-11-24-narcisse-snake-dens.adoc +2 -7
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/2016-11-26-columbia-river.adoc +2 -6
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/_includes/attributes.asciidoc +37 -0
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/_includes/documents/readme +0 -0
- data/lib/starter_web/collections/posts/public/wikipedia/_posts/_includes/tables/readme +0 -0
- data/lib/starter_web/index.html +16 -10
- data/lib/starter_web/package.json +8 -4
- data/lib/starter_web/pages/protected/site_search.adoc +8 -19
- data/lib/starter_web/pages/public/about/about_site.adoc +0 -2
- data/lib/starter_web/pages/public/about/become_a_patron.adoc +1 -3
- data/lib/starter_web/pages/public/blog/navigator/archive.html +34 -9
- data/lib/starter_web/pages/public/blog/navigator/archive/categoryview.html +40 -16
- data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html +32 -8
- data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html +8 -4
- data/lib/starter_web/pages/public/blog/navigator/index.html +6 -3
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/100_meet_and_greet_jekyll.adoc +15 -21
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/200_preparations.adoc +32 -27
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/300_first_awesome_web.adoc +32 -27
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/{000_includes → _includes}/attributes.asciidoc +15 -13
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/_includes/documents/100_meet_and_greet_jekyll.asciidoc +31 -0
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/{000_includes → _includes}/documents/200_preparations.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/{000_includes → _includes}/documents/300_first_awesome_web.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/{000_includes → _includes}/parts.asciidoc +1 -1
- data/lib/starter_web/{collections/posts/public/wikipedia/_posts/000_includes → pages/public/learn/kickstarter/web_in_a_day/_includes}/tables/debug_variables.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/_includes/tables/readme +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.adoc +82 -134
- data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc +37 -45
- data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc +48 -60
- data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc +74 -80
- data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc +64 -84
- data/lib/starter_web/pages/public/learn/roundtrip/410_bs_modals_extentions.adoc +34 -42
- data/lib/starter_web/pages/public/learn/roundtrip/420_responsive_tables_extensions.adoc +281 -91
- data/lib/starter_web/pages/public/learn/roundtrip/500_themes.adoc +138 -52
- data/lib/starter_web/pages/public/learn/roundtrip/600_lunr.adoc +236 -0
- data/lib/starter_web/pages/public/learn/roundtrip/610_fam.adoc +294 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/attributes.asciidoc +10 -29
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/100_gistblock.asciidoc +2 -1
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_bottom_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_bottom_left_warning.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_bottom_right_danger.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_central_success.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_full_height_left_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_full_height_right_success.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_table_3_column.asciidoc +1 -1
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_top_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_top_left_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_top_right_success.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/419_advanced_modals_demo.asciidoc +0 -0
- data/lib/starter_web/pages/public/learn/roundtrip/_includes/tables/readme +0 -0
- data/lib/starter_web/pages/public/learn/{whats_up.adoc → where_to_go.adoc} +31 -46
- data/lib/starter_web/pages/public/legal/de/100_impress.adoc +3 -2
- data/lib/starter_web/pages/public/legal/de/200_terms_of_use.adoc +2 -1
- data/lib/starter_web/pages/public/legal/de/300_privacy.adoc +7 -12
- data/lib/starter_web/pages/public/legal/de/400_license_agreement.adoc +2 -1
- data/lib/starter_web/pages/public/legal/de/500_support.adoc +2 -1
- data/lib/starter_web/pages/public/legal/en/000_copyright.adoc +32 -28
- data/lib/starter_web/pages/public/legal/en/100_impress.adoc +12 -8
- data/lib/starter_web/pages/public/legal/en/200_terms_of_use.adoc +17 -12
- data/lib/starter_web/pages/public/legal/en/300_privacy.adoc +38 -36
- data/lib/starter_web/pages/public/legal/en/400_license_agreement.adoc +15 -6
- data/lib/starter_web/pages/public/legal/en/500_support.adoc +12 -4
- data/lib/starter_web/pages/public/legal/en/eu/cookie.policy.asciidoc +1 -1
- data/lib/starter_web/pages/public/panels/intro_panel/panel.adoc +68 -68
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/attributes.asciidoc +22 -8
- data/lib/starter_web/pages/public/previewer/_includes/documents/licenses/mit.asciidoc +19 -0
- data/lib/starter_web/pages/public/previewer/_includes/documents/readme +0 -0
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/100_absolute_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/110_bs_grid_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/120_relative_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/200_rotate.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/300_flip.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/400_spin_pulsed.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/500_bw_color_palette.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/510_bs_color_palette.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/600_md_color_palette.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/601_md_color_palette_indigo.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/mdi_icons/602_md_color_palette_pink.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/twitter_emoji/100_bs_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/twitter_emoji/100_relative_sizes.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/twitter_emoji/200_rotate.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/twitter_emoji/300_flip.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/{000_includes → _includes}/tables/twitter_emoji/400_spin_pulsed.asciidoc +1 -1
- data/lib/starter_web/pages/public/previewer/bootstrap_theme.adoc +2074 -1854
- data/lib/starter_web/pages/public/previewer/iframer.adoc +48 -41
- data/lib/starter_web/pages/public/previewer/justified_gallery.html +15 -7
- data/lib/starter_web/pages/public/previewer/mdi_icons_preview.adoc +21 -26
- data/lib/starter_web/pages/public/previewer/rouge.adoc +439 -0
- data/lib/starter_web/pages/public/previewer/twitter_emoji_preview.adoc +21 -27
- data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
- data/lib/starter_web/utilsrv/package.json +1 -1
- metadata +226 -151
- data/assets/data/jupyter/notebooks/_html/template.full.head.html +0 -75
- data/assets/data/jupyter/notebooks/_html/visualisation.html +0 -968
- data/assets/data/jupyter/notebooks/html/template.html +0 -50
- data/assets/data/jupyter/notebooks/html/visualisation.ok.html +0 -949
- data/assets/data/jupyter/notebooks/tutorial.ipynb +0 -169
- data/assets/data/jupyter/notebooks/visualisation.ipynb +0 -9413
- data/assets/data/search.json +0 -165
- data/assets/data/ssm.html +0 -242
- data/assets/themes/j1/adapter/js/back2top.js +0 -231
- data/assets/themes/j1/core/css/bootstrap.min.css +0 -6
- data/assets/themes/j1/core/css/theme-extensions.css +0 -9797
- data/assets/themes/j1/core/css/theme-extensions.min.css +0 -1
- data/assets/themes/j1/core/css/uno-dark.min.css +0 -6
- data/assets/themes/j1/core/css/uno.min.css +0 -8
- data/assets/themes/j1/modules/bootstrap/css/bootstrap.css +0 -10278
- data/assets/themes/j1/modules/bootstrap/css/bootstrap.css.map +0 -1
- data/assets/themes/j1/modules/bootstrap/css/bootstrap.min.css +0 -7
- data/assets/themes/j1/modules/bootstrap/css/bootstrap.min.css.map +0 -1
- data/assets/themes/j1/modules/bootstrap/js/bootstrap.js +0 -4420
- data/assets/themes/j1/modules/bootstrap/js/bootstrap.js.map +0 -1
- data/assets/themes/j1/modules/bootstrap/js/bootstrap.min.js +0 -7
- data/assets/themes/j1/modules/bootstrap/js/bootstrap.min.js.map +0 -1
- data/assets/themes/j1/modules/bsDatepicker/css/datepicker.css +0 -203
- data/assets/themes/j1/modules/bsDatepicker/css/theme/uno.css +0 -235
- data/assets/themes/j1/modules/bsDatepicker/js/datepicker.js +0 -509
- data/assets/themes/j1/modules/bsDatepicker/less/datepicker.less +0 -122
- data/assets/themes/j1/modules/bsThemeSwitcher/js/switcher.min.js +0 -19
- data/assets/themes/j1/modules/jekyllSearch/js/simple-jekyll-search.js +0 -468
- data/assets/themes/j1/modules/jekyllSearch/js/simple-jekyll-search.min.js +0 -6
- data/assets/themes/j1/modules/jqMouseWheel/README.md +0 -76
- data/assets/themes/j1/modules/jqMouseWheel/js/jquery.mousewheel.js +0 -221
- data/assets/themes/j1/modules/jqMouseWheel/js/jquery.mousewheel.min.js +0 -9
- data/assets/themes/j1/modules/noUISlider/LICENSE +0 -13
- data/assets/themes/j1/modules/noUISlider/css/nouislider.css +0 -260
- data/assets/themes/j1/modules/noUISlider/css/nouislider.min.css +0 -1
- data/assets/themes/j1/modules/noUISlider/js/nouislider.js +0 -2312
- data/assets/themes/j1/modules/noUISlider/js/nouislider.min.js +0 -3
- data/assets/themes/j1/modules/polyfills/js/msie.js +0 -140
- data/assets/themes/j1/modules/tocbot/css/theme/uno.css +0 -82
- data/assets/themes/j1/modules/tocbot/css/theme/uno.min.css +0 -15
- data/assets/themes/j1/modules/tocbot/css/tocbot.css +0 -75
- data/assets/themes/j1/modules/tocbot/css/tocbot.min.css +0 -19
- data/assets/themes/j1/modules/tocbot/js/tocbot.js +0 -19
- data/assets/themes/j1/modules/tocbot/js/tocbot.min.js +0 -19
- data/lib/starter_web/_data/modules/defaults/back2top.yml +0 -146
- data/lib/starter_web/_data/modules/defaults/cookie_consent.yml +0 -132
- data/lib/starter_web/_data/modules/defaults/stickybits.yml +0 -36
- data/lib/starter_web/_data/modules/ssm.yml +0 -142
- data/lib/starter_web/assets/images/modules/attics/welcome-1920x1280-bw.jpg +0 -0
- data/lib/starter_web/assets/images/quotes/default.png +0 -0
- data/lib/starter_web/assets/images/quotes/people.png +0 -0
- data/lib/starter_web/collections/posts/public/featured/_posts/000_includes/attributes.asciidoc +0 -47
- data/lib/starter_web/collections/posts/public/series/_posts/000_includes/attributes.asciidoc +0 -66
- data/lib/starter_web/collections/posts/public/series/_posts/2018-11-01-docker-using-shared-folders.adoc +0 -502
- data/lib/starter_web/pages/public/000_nav_pagination_tester.adoc +0 -297
- data/lib/starter_web/pages/public/learn/examples/floating_ad.adoc +0 -221
- data/lib/starter_web/pages/public/learn/examples/floating_div.adoc +0 -209
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/000_includes/documents/100_meet_and_greet_jekyll.asciidoc +0 -31
- data/lib/starter_web/pages/public/learn/roundtrip/510_mdb_preview/000_includes/attributes.asciidoc +0 -69
- data/lib/starter_web/pages/public/learn/roundtrip/510_mdb_preview/000_includes/documents/100_buttons.asciidoc +0 -170
- data/lib/starter_web/pages/public/learn/roundtrip/510_mdb_preview/mdb_previewer.adoc +0 -52
- data/lib/starter_web/pages/public/learn/roundtrip/bs_tour.js +0 -98
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/attributes.asciidoc +0 -117
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/100_gistblock.asciidoc +0 -27
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_bottom_info.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_bottom_left_warning.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_bottom_right_danger.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_central_success.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_full_height_left_info.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_full_height_right_success.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_table_3_column.asciidoc +0 -47
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_top_info.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_top_left_info.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/410_top_right_success.asciidoc +0 -11
- data/lib/starter_web/pages/public/learn/vtutorials/000_includes/documents/419_advanced_modals_html.asciidoc +0 -928
- data/lib/starter_web/pages/public/learn/vtutorials/000_test_youtube_video.adoc +0 -141
- data/lib/starter_web/pages/public/learn/vtutorials/100_basic_video.adoc +0 -109
@@ -0,0 +1,310 @@
|
|
1
|
+
(function($, anim) {
|
2
|
+
'use strict';
|
3
|
+
|
4
|
+
let _defaults = {
|
5
|
+
html: '',
|
6
|
+
displayLength: 4000,
|
7
|
+
inDuration: 300,
|
8
|
+
outDuration: 375,
|
9
|
+
classes: '',
|
10
|
+
completeCallback: null,
|
11
|
+
activationPercent: 0.8
|
12
|
+
};
|
13
|
+
|
14
|
+
class Toast {
|
15
|
+
constructor(options) {
|
16
|
+
/**
|
17
|
+
* Options for the toast
|
18
|
+
* @member Toast#options
|
19
|
+
*/
|
20
|
+
this.options = $.extend({}, Toast.defaults, options);
|
21
|
+
this.message = this.options.html;
|
22
|
+
|
23
|
+
/**
|
24
|
+
* Describes current pan state toast
|
25
|
+
* @type {Boolean}
|
26
|
+
*/
|
27
|
+
this.panning = false;
|
28
|
+
|
29
|
+
/**
|
30
|
+
* Time remaining until toast is removed
|
31
|
+
*/
|
32
|
+
this.timeRemaining = this.options.displayLength;
|
33
|
+
|
34
|
+
if (Toast._toasts.length === 0) {
|
35
|
+
Toast._createContainer();
|
36
|
+
}
|
37
|
+
|
38
|
+
// Create new toast
|
39
|
+
Toast._toasts.push(this);
|
40
|
+
let toastElement = this._createToast();
|
41
|
+
toastElement.M_Toast = this;
|
42
|
+
this.el = toastElement;
|
43
|
+
this.$el = $(toastElement);
|
44
|
+
this._animateIn();
|
45
|
+
this._setTimer();
|
46
|
+
}
|
47
|
+
|
48
|
+
static get defaults() {
|
49
|
+
return _defaults;
|
50
|
+
}
|
51
|
+
|
52
|
+
/**
|
53
|
+
* Get Instance
|
54
|
+
*/
|
55
|
+
static getInstance(el) {
|
56
|
+
let domElem = !!el.jquery ? el[0] : el;
|
57
|
+
return domElem.M_Toast;
|
58
|
+
}
|
59
|
+
|
60
|
+
/**
|
61
|
+
* Append toast container and add event handlers
|
62
|
+
*/
|
63
|
+
static _createContainer() {
|
64
|
+
let container = document.createElement('div');
|
65
|
+
container.setAttribute('id', 'toast-container');
|
66
|
+
|
67
|
+
// Add event handler
|
68
|
+
container.addEventListener('touchstart', Toast._onDragStart);
|
69
|
+
container.addEventListener('touchmove', Toast._onDragMove);
|
70
|
+
container.addEventListener('touchend', Toast._onDragEnd);
|
71
|
+
|
72
|
+
container.addEventListener('mousedown', Toast._onDragStart);
|
73
|
+
document.addEventListener('mousemove', Toast._onDragMove);
|
74
|
+
document.addEventListener('mouseup', Toast._onDragEnd);
|
75
|
+
|
76
|
+
document.body.appendChild(container);
|
77
|
+
Toast._container = container;
|
78
|
+
}
|
79
|
+
|
80
|
+
/**
|
81
|
+
* Remove toast container and event handlers
|
82
|
+
*/
|
83
|
+
static _removeContainer() {
|
84
|
+
// Add event handler
|
85
|
+
document.removeEventListener('mousemove', Toast._onDragMove);
|
86
|
+
document.removeEventListener('mouseup', Toast._onDragEnd);
|
87
|
+
|
88
|
+
$(Toast._container).remove();
|
89
|
+
Toast._container = null;
|
90
|
+
}
|
91
|
+
|
92
|
+
/**
|
93
|
+
* Begin drag handler
|
94
|
+
* @param {Event} e
|
95
|
+
*/
|
96
|
+
static _onDragStart(e) {
|
97
|
+
if (e.target && $(e.target).closest('.toast').length) {
|
98
|
+
let $toast = $(e.target).closest('.toast');
|
99
|
+
let toast = $toast[0].M_Toast;
|
100
|
+
toast.panning = true;
|
101
|
+
Toast._draggedToast = toast;
|
102
|
+
toast.el.classList.add('panning');
|
103
|
+
toast.el.style.transition = '';
|
104
|
+
toast.startingXPos = Toast._xPos(e);
|
105
|
+
toast.time = Date.now();
|
106
|
+
toast.xPos = Toast._xPos(e);
|
107
|
+
}
|
108
|
+
}
|
109
|
+
|
110
|
+
/**
|
111
|
+
* Drag move handler
|
112
|
+
* @param {Event} e
|
113
|
+
*/
|
114
|
+
static _onDragMove(e) {
|
115
|
+
if (!!Toast._draggedToast) {
|
116
|
+
e.preventDefault();
|
117
|
+
let toast = Toast._draggedToast;
|
118
|
+
toast.deltaX = Math.abs(toast.xPos - Toast._xPos(e));
|
119
|
+
toast.xPos = Toast._xPos(e);
|
120
|
+
toast.velocityX = toast.deltaX / (Date.now() - toast.time);
|
121
|
+
toast.time = Date.now();
|
122
|
+
|
123
|
+
let totalDeltaX = toast.xPos - toast.startingXPos;
|
124
|
+
let activationDistance = toast.el.offsetWidth * toast.options.activationPercent;
|
125
|
+
toast.el.style.transform = `translateX(${totalDeltaX}px)`;
|
126
|
+
toast.el.style.opacity = 1 - Math.abs(totalDeltaX / activationDistance);
|
127
|
+
}
|
128
|
+
}
|
129
|
+
|
130
|
+
/**
|
131
|
+
* End drag handler
|
132
|
+
*/
|
133
|
+
static _onDragEnd() {
|
134
|
+
if (!!Toast._draggedToast) {
|
135
|
+
let toast = Toast._draggedToast;
|
136
|
+
toast.panning = false;
|
137
|
+
toast.el.classList.remove('panning');
|
138
|
+
|
139
|
+
let totalDeltaX = toast.xPos - toast.startingXPos;
|
140
|
+
let activationDistance = toast.el.offsetWidth * toast.options.activationPercent;
|
141
|
+
let shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || toast.velocityX > 1;
|
142
|
+
|
143
|
+
// Remove toast
|
144
|
+
if (shouldBeDismissed) {
|
145
|
+
toast.wasSwiped = true;
|
146
|
+
toast.dismiss();
|
147
|
+
|
148
|
+
// Animate toast back to original position
|
149
|
+
} else {
|
150
|
+
toast.el.style.transition = 'transform .2s, opacity .2s';
|
151
|
+
toast.el.style.transform = '';
|
152
|
+
toast.el.style.opacity = '';
|
153
|
+
}
|
154
|
+
Toast._draggedToast = null;
|
155
|
+
}
|
156
|
+
}
|
157
|
+
|
158
|
+
/**
|
159
|
+
* Get x position of mouse or touch event
|
160
|
+
* @param {Event} e
|
161
|
+
*/
|
162
|
+
static _xPos(e) {
|
163
|
+
if (e.targetTouches && e.targetTouches.length >= 1) {
|
164
|
+
return e.targetTouches[0].clientX;
|
165
|
+
}
|
166
|
+
// mouse event
|
167
|
+
return e.clientX;
|
168
|
+
}
|
169
|
+
|
170
|
+
/**
|
171
|
+
* Remove all toasts
|
172
|
+
*/
|
173
|
+
static dismissAll() {
|
174
|
+
for (let toastIndex in Toast._toasts) {
|
175
|
+
Toast._toasts[toastIndex].dismiss();
|
176
|
+
}
|
177
|
+
}
|
178
|
+
|
179
|
+
/**
|
180
|
+
* Create toast and append it to toast container
|
181
|
+
*/
|
182
|
+
_createToast() {
|
183
|
+
let toast = document.createElement('div');
|
184
|
+
toast.classList.add('toast');
|
185
|
+
|
186
|
+
// Add custom classes onto toast
|
187
|
+
if (!!this.options.classes.length) {
|
188
|
+
$(toast).addClass(this.options.classes);
|
189
|
+
}
|
190
|
+
|
191
|
+
// Set content
|
192
|
+
if (
|
193
|
+
typeof HTMLElement === 'object'
|
194
|
+
? this.message instanceof HTMLElement
|
195
|
+
: this.message &&
|
196
|
+
typeof this.message === 'object' &&
|
197
|
+
this.message !== null &&
|
198
|
+
this.message.nodeType === 1 &&
|
199
|
+
typeof this.message.nodeName === 'string'
|
200
|
+
) {
|
201
|
+
toast.appendChild(this.message);
|
202
|
+
|
203
|
+
// Check if it is jQuery object
|
204
|
+
} else if (!!this.message.jquery) {
|
205
|
+
$(toast).append(this.message[0]);
|
206
|
+
|
207
|
+
// Insert as html;
|
208
|
+
} else {
|
209
|
+
toast.innerHTML = this.message;
|
210
|
+
}
|
211
|
+
|
212
|
+
// Append toasft
|
213
|
+
Toast._container.appendChild(toast);
|
214
|
+
return toast;
|
215
|
+
}
|
216
|
+
|
217
|
+
/**
|
218
|
+
* Animate in toast
|
219
|
+
*/
|
220
|
+
_animateIn() {
|
221
|
+
// Animate toast in
|
222
|
+
anim({
|
223
|
+
targets: this.el,
|
224
|
+
top: 0,
|
225
|
+
opacity: 1,
|
226
|
+
duration: this.options.inDuration,
|
227
|
+
easing: 'easeOutCubic'
|
228
|
+
});
|
229
|
+
}
|
230
|
+
|
231
|
+
/**
|
232
|
+
* Create setInterval which automatically removes toast when timeRemaining >= 0
|
233
|
+
* has been reached
|
234
|
+
*/
|
235
|
+
_setTimer() {
|
236
|
+
if (this.timeRemaining !== Infinity) {
|
237
|
+
this.counterInterval = setInterval(() => {
|
238
|
+
// If toast is not being dragged, decrease its time remaining
|
239
|
+
if (!this.panning) {
|
240
|
+
this.timeRemaining -= 20;
|
241
|
+
}
|
242
|
+
|
243
|
+
// Animate toast out
|
244
|
+
if (this.timeRemaining <= 0) {
|
245
|
+
this.dismiss();
|
246
|
+
}
|
247
|
+
}, 20);
|
248
|
+
}
|
249
|
+
}
|
250
|
+
|
251
|
+
/**
|
252
|
+
* Dismiss toast with animation
|
253
|
+
*/
|
254
|
+
dismiss() {
|
255
|
+
window.clearInterval(this.counterInterval);
|
256
|
+
let activationDistance = this.el.offsetWidth * this.options.activationPercent;
|
257
|
+
|
258
|
+
if (this.wasSwiped) {
|
259
|
+
this.el.style.transition = 'transform .05s, opacity .05s';
|
260
|
+
this.el.style.transform = `translateX(${activationDistance}px)`;
|
261
|
+
this.el.style.opacity = 0;
|
262
|
+
}
|
263
|
+
|
264
|
+
anim({
|
265
|
+
targets: this.el,
|
266
|
+
opacity: 0,
|
267
|
+
marginTop: -40,
|
268
|
+
duration: this.options.outDuration,
|
269
|
+
easing: 'easeOutExpo',
|
270
|
+
complete: () => {
|
271
|
+
// Call the optional callback
|
272
|
+
if (typeof this.options.completeCallback === 'function') {
|
273
|
+
this.options.completeCallback();
|
274
|
+
}
|
275
|
+
// Remove toast from DOM
|
276
|
+
this.$el.remove();
|
277
|
+
Toast._toasts.splice(Toast._toasts.indexOf(this), 1);
|
278
|
+
if (Toast._toasts.length === 0) {
|
279
|
+
Toast._removeContainer();
|
280
|
+
}
|
281
|
+
}
|
282
|
+
});
|
283
|
+
}
|
284
|
+
}
|
285
|
+
|
286
|
+
/**
|
287
|
+
* @static
|
288
|
+
* @memberof Toast
|
289
|
+
* @type {Array.<Toast>}
|
290
|
+
*/
|
291
|
+
Toast._toasts = [];
|
292
|
+
|
293
|
+
/**
|
294
|
+
* @static
|
295
|
+
* @memberof Toast
|
296
|
+
*/
|
297
|
+
Toast._container = null;
|
298
|
+
|
299
|
+
/**
|
300
|
+
* @static
|
301
|
+
* @memberof Toast
|
302
|
+
* @type {Toast}
|
303
|
+
*/
|
304
|
+
Toast._draggedToast = null;
|
305
|
+
|
306
|
+
M.Toast = Toast;
|
307
|
+
M.toast = function(options) {
|
308
|
+
return new Toast(options);
|
309
|
+
};
|
310
|
+
})(cash, M.anime);
|
@@ -0,0 +1,303 @@
|
|
1
|
+
(function($, anim) {
|
2
|
+
'use strict';
|
3
|
+
|
4
|
+
let _defaults = {
|
5
|
+
exitDelay: 200,
|
6
|
+
enterDelay: 0,
|
7
|
+
html: null,
|
8
|
+
margin: 5,
|
9
|
+
inDuration: 250,
|
10
|
+
outDuration: 200,
|
11
|
+
position: 'bottom',
|
12
|
+
transitionMovement: 10
|
13
|
+
};
|
14
|
+
|
15
|
+
/**
|
16
|
+
* @class
|
17
|
+
*
|
18
|
+
*/
|
19
|
+
class Tooltip extends Component {
|
20
|
+
/**
|
21
|
+
* Construct Tooltip instance
|
22
|
+
* @constructor
|
23
|
+
* @param {Element} el
|
24
|
+
* @param {Object} options
|
25
|
+
*/
|
26
|
+
constructor(el, options) {
|
27
|
+
super(Tooltip, el, options);
|
28
|
+
|
29
|
+
this.el.M_Tooltip = this;
|
30
|
+
this.options = $.extend({}, Tooltip.defaults, options);
|
31
|
+
|
32
|
+
this.isOpen = false;
|
33
|
+
this.isHovered = false;
|
34
|
+
this.isFocused = false;
|
35
|
+
this._appendTooltipEl();
|
36
|
+
this._setupEventHandlers();
|
37
|
+
}
|
38
|
+
|
39
|
+
static get defaults() {
|
40
|
+
return _defaults;
|
41
|
+
}
|
42
|
+
|
43
|
+
static init(els, options) {
|
44
|
+
return super.init(this, els, options);
|
45
|
+
}
|
46
|
+
|
47
|
+
/**
|
48
|
+
* Get Instance
|
49
|
+
*/
|
50
|
+
static getInstance(el) {
|
51
|
+
let domElem = !!el.jquery ? el[0] : el;
|
52
|
+
return domElem.M_Tooltip;
|
53
|
+
}
|
54
|
+
|
55
|
+
/**
|
56
|
+
* Teardown component
|
57
|
+
*/
|
58
|
+
destroy() {
|
59
|
+
$(this.tooltipEl).remove();
|
60
|
+
this._removeEventHandlers();
|
61
|
+
this.el.M_Tooltip = undefined;
|
62
|
+
}
|
63
|
+
|
64
|
+
_appendTooltipEl() {
|
65
|
+
let tooltipEl = document.createElement('div');
|
66
|
+
tooltipEl.classList.add('material-tooltip');
|
67
|
+
this.tooltipEl = tooltipEl;
|
68
|
+
|
69
|
+
let tooltipContentEl = document.createElement('div');
|
70
|
+
tooltipContentEl.classList.add('tooltip-content');
|
71
|
+
tooltipContentEl.innerHTML = this.options.html;
|
72
|
+
tooltipEl.appendChild(tooltipContentEl);
|
73
|
+
document.body.appendChild(tooltipEl);
|
74
|
+
}
|
75
|
+
|
76
|
+
_updateTooltipContent() {
|
77
|
+
this.tooltipEl.querySelector('.tooltip-content').innerHTML = this.options.html;
|
78
|
+
}
|
79
|
+
|
80
|
+
_setupEventHandlers() {
|
81
|
+
this._handleMouseEnterBound = this._handleMouseEnter.bind(this);
|
82
|
+
this._handleMouseLeaveBound = this._handleMouseLeave.bind(this);
|
83
|
+
this._handleFocusBound = this._handleFocus.bind(this);
|
84
|
+
this._handleBlurBound = this._handleBlur.bind(this);
|
85
|
+
this.el.addEventListener('mouseenter', this._handleMouseEnterBound);
|
86
|
+
this.el.addEventListener('mouseleave', this._handleMouseLeaveBound);
|
87
|
+
this.el.addEventListener('focus', this._handleFocusBound, true);
|
88
|
+
this.el.addEventListener('blur', this._handleBlurBound, true);
|
89
|
+
}
|
90
|
+
|
91
|
+
_removeEventHandlers() {
|
92
|
+
this.el.removeEventListener('mouseenter', this._handleMouseEnterBound);
|
93
|
+
this.el.removeEventListener('mouseleave', this._handleMouseLeaveBound);
|
94
|
+
this.el.removeEventListener('focus', this._handleFocusBound, true);
|
95
|
+
this.el.removeEventListener('blur', this._handleBlurBound, true);
|
96
|
+
}
|
97
|
+
|
98
|
+
open(isManual) {
|
99
|
+
if (this.isOpen) {
|
100
|
+
return;
|
101
|
+
}
|
102
|
+
isManual = isManual === undefined ? true : undefined; // Default value true
|
103
|
+
this.isOpen = true;
|
104
|
+
// Update tooltip content with HTML attribute options
|
105
|
+
this.options = $.extend({}, this.options, this._getAttributeOptions());
|
106
|
+
this._updateTooltipContent();
|
107
|
+
this._setEnterDelayTimeout(isManual);
|
108
|
+
}
|
109
|
+
|
110
|
+
close() {
|
111
|
+
if (!this.isOpen) {
|
112
|
+
return;
|
113
|
+
}
|
114
|
+
|
115
|
+
this.isHovered = false;
|
116
|
+
this.isFocused = false;
|
117
|
+
this.isOpen = false;
|
118
|
+
this._setExitDelayTimeout();
|
119
|
+
}
|
120
|
+
|
121
|
+
/**
|
122
|
+
* Create timeout which delays when the tooltip closes
|
123
|
+
*/
|
124
|
+
_setExitDelayTimeout() {
|
125
|
+
clearTimeout(this._exitDelayTimeout);
|
126
|
+
|
127
|
+
this._exitDelayTimeout = setTimeout(() => {
|
128
|
+
if (this.isHovered || this.isFocused) {
|
129
|
+
return;
|
130
|
+
}
|
131
|
+
|
132
|
+
this._animateOut();
|
133
|
+
}, this.options.exitDelay);
|
134
|
+
}
|
135
|
+
|
136
|
+
/**
|
137
|
+
* Create timeout which delays when the toast closes
|
138
|
+
*/
|
139
|
+
_setEnterDelayTimeout(isManual) {
|
140
|
+
clearTimeout(this._enterDelayTimeout);
|
141
|
+
|
142
|
+
this._enterDelayTimeout = setTimeout(() => {
|
143
|
+
if (!this.isHovered && !this.isFocused && !isManual) {
|
144
|
+
return;
|
145
|
+
}
|
146
|
+
|
147
|
+
this._animateIn();
|
148
|
+
}, this.options.enterDelay);
|
149
|
+
}
|
150
|
+
|
151
|
+
_positionTooltip() {
|
152
|
+
let origin = this.el,
|
153
|
+
tooltip = this.tooltipEl,
|
154
|
+
originHeight = origin.offsetHeight,
|
155
|
+
originWidth = origin.offsetWidth,
|
156
|
+
tooltipHeight = tooltip.offsetHeight,
|
157
|
+
tooltipWidth = tooltip.offsetWidth,
|
158
|
+
newCoordinates,
|
159
|
+
margin = this.options.margin,
|
160
|
+
targetTop,
|
161
|
+
targetLeft;
|
162
|
+
|
163
|
+
(this.xMovement = 0), (this.yMovement = 0);
|
164
|
+
|
165
|
+
targetTop = origin.getBoundingClientRect().top + M.getDocumentScrollTop();
|
166
|
+
targetLeft = origin.getBoundingClientRect().left + M.getDocumentScrollLeft();
|
167
|
+
|
168
|
+
if (this.options.position === 'top') {
|
169
|
+
targetTop += -tooltipHeight - margin;
|
170
|
+
targetLeft += originWidth / 2 - tooltipWidth / 2;
|
171
|
+
this.yMovement = -this.options.transitionMovement;
|
172
|
+
} else if (this.options.position === 'right') {
|
173
|
+
targetTop += originHeight / 2 - tooltipHeight / 2;
|
174
|
+
targetLeft += originWidth + margin;
|
175
|
+
this.xMovement = this.options.transitionMovement;
|
176
|
+
} else if (this.options.position === 'left') {
|
177
|
+
targetTop += originHeight / 2 - tooltipHeight / 2;
|
178
|
+
targetLeft += -tooltipWidth - margin;
|
179
|
+
this.xMovement = -this.options.transitionMovement;
|
180
|
+
} else {
|
181
|
+
targetTop += originHeight + margin;
|
182
|
+
targetLeft += originWidth / 2 - tooltipWidth / 2;
|
183
|
+
this.yMovement = this.options.transitionMovement;
|
184
|
+
}
|
185
|
+
|
186
|
+
newCoordinates = this._repositionWithinScreen(
|
187
|
+
targetLeft,
|
188
|
+
targetTop,
|
189
|
+
tooltipWidth,
|
190
|
+
tooltipHeight
|
191
|
+
);
|
192
|
+
$(tooltip).css({
|
193
|
+
top: newCoordinates.y + 'px',
|
194
|
+
left: newCoordinates.x + 'px'
|
195
|
+
});
|
196
|
+
}
|
197
|
+
|
198
|
+
_repositionWithinScreen(x, y, width, height) {
|
199
|
+
let scrollLeft = M.getDocumentScrollLeft();
|
200
|
+
let scrollTop = M.getDocumentScrollTop();
|
201
|
+
let newX = x - scrollLeft;
|
202
|
+
let newY = y - scrollTop;
|
203
|
+
|
204
|
+
let bounding = {
|
205
|
+
left: newX,
|
206
|
+
top: newY,
|
207
|
+
width: width,
|
208
|
+
height: height
|
209
|
+
};
|
210
|
+
|
211
|
+
let offset = this.options.margin + this.options.transitionMovement;
|
212
|
+
let edges = M.checkWithinContainer(document.body, bounding, offset);
|
213
|
+
|
214
|
+
if (edges.left) {
|
215
|
+
newX = offset;
|
216
|
+
} else if (edges.right) {
|
217
|
+
newX -= newX + width - window.innerWidth;
|
218
|
+
}
|
219
|
+
|
220
|
+
if (edges.top) {
|
221
|
+
newY = offset;
|
222
|
+
} else if (edges.bottom) {
|
223
|
+
newY -= newY + height - window.innerHeight;
|
224
|
+
}
|
225
|
+
|
226
|
+
return {
|
227
|
+
x: newX + scrollLeft,
|
228
|
+
y: newY + scrollTop
|
229
|
+
};
|
230
|
+
}
|
231
|
+
|
232
|
+
_animateIn() {
|
233
|
+
this._positionTooltip();
|
234
|
+
this.tooltipEl.style.visibility = 'visible';
|
235
|
+
anim.remove(this.tooltipEl);
|
236
|
+
anim({
|
237
|
+
targets: this.tooltipEl,
|
238
|
+
opacity: 1,
|
239
|
+
translateX: this.xMovement,
|
240
|
+
translateY: this.yMovement,
|
241
|
+
duration: this.options.inDuration,
|
242
|
+
easing: 'easeOutCubic'
|
243
|
+
});
|
244
|
+
}
|
245
|
+
|
246
|
+
_animateOut() {
|
247
|
+
anim.remove(this.tooltipEl);
|
248
|
+
anim({
|
249
|
+
targets: this.tooltipEl,
|
250
|
+
opacity: 0,
|
251
|
+
translateX: 0,
|
252
|
+
translateY: 0,
|
253
|
+
duration: this.options.outDuration,
|
254
|
+
easing: 'easeOutCubic'
|
255
|
+
});
|
256
|
+
}
|
257
|
+
|
258
|
+
_handleMouseEnter() {
|
259
|
+
this.isHovered = true;
|
260
|
+
this.isFocused = false; // Allows close of tooltip when opened by focus.
|
261
|
+
this.open(false);
|
262
|
+
}
|
263
|
+
|
264
|
+
_handleMouseLeave() {
|
265
|
+
this.isHovered = false;
|
266
|
+
this.isFocused = false; // Allows close of tooltip when opened by focus.
|
267
|
+
this.close();
|
268
|
+
}
|
269
|
+
|
270
|
+
_handleFocus() {
|
271
|
+
if (M.tabPressed) {
|
272
|
+
this.isFocused = true;
|
273
|
+
this.open(false);
|
274
|
+
}
|
275
|
+
}
|
276
|
+
|
277
|
+
_handleBlur() {
|
278
|
+
this.isFocused = false;
|
279
|
+
this.close();
|
280
|
+
}
|
281
|
+
|
282
|
+
_getAttributeOptions() {
|
283
|
+
let attributeOptions = {};
|
284
|
+
let tooltipTextOption = this.el.getAttribute('data-tooltip');
|
285
|
+
let positionOption = this.el.getAttribute('data-position');
|
286
|
+
|
287
|
+
if (tooltipTextOption) {
|
288
|
+
attributeOptions.html = tooltipTextOption;
|
289
|
+
}
|
290
|
+
|
291
|
+
if (positionOption) {
|
292
|
+
attributeOptions.position = positionOption;
|
293
|
+
}
|
294
|
+
return attributeOptions;
|
295
|
+
}
|
296
|
+
}
|
297
|
+
|
298
|
+
M.Tooltip = Tooltip;
|
299
|
+
|
300
|
+
if (M.jQueryLoaded) {
|
301
|
+
M.initializeJqueryWrapper(Tooltip, 'tooltip', 'M_Tooltip');
|
302
|
+
}
|
303
|
+
})(cash, M.anime);
|