j1-template 2020.0.18 → 2020.0.24
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 +2 -2
- data/_includes/themes/j1/blocks/footer/boxes/links_box.proc +4 -4
- data/_includes/themes/j1/blocks/footer/boxes/news_box.proc +2 -2
- data/_includes/themes/j1/blocks/footer/generator.html +2 -2
- data/_includes/themes/j1/layouts/content_generator_blog_archive.html +21 -18
- data/_includes/themes/j1/layouts/content_generator_collection.html +4 -4
- data/_includes/themes/j1/layouts/content_generator_page.html +12 -60
- 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/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 +11 -10
- data/_includes/themes/j1/procedures/global/create_word_cloud.proc +14 -12
- 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 +38 -39
- data/_includes/themes/j1/procedures/posts/create_series_header.proc +9 -5
- data/_layouts/blog_archive.html +2 -1
- data/_layouts/collection.html +1 -1
- data/_layouts/default.html +3 -3
- data/_layouts/home.html +2 -2
- data/_layouts/page.html +1 -1
- data/_layouts/post.html +1 -1
- data/apps/public/cc/cc.yml +3 -3
- data/assets/data/authclient.html +7 -7
- data/assets/data/banner.html +31 -26
- data/assets/data/carousel.json +1 -1
- data/assets/data/cookiebar.html +21 -17
- 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 +2 -2
- data/assets/data/mdi_icons.json +1 -1
- data/assets/data/menu.html +6 -6
- data/assets/data/mmenu.html +6 -6
- data/assets/data/mmenu_sidebar.html +4 -4
- data/assets/data/mmenu_toc.html +1 -1
- data/assets/data/panel.html +189 -123
- data/assets/data/quicklinks.html +16 -16
- data/assets/data/themes.json +9 -7
- 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/{mdb.js → bmd.js} +11 -11
- data/assets/themes/j1/adapter/js/carousel.js +136 -135
- 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} +275 -148
- data/assets/themes/j1/adapter/js/framer.js +74 -62
- data/assets/themes/j1/adapter/js/gallery_customizer.js +4 -3
- data/assets/themes/j1/adapter/js/j1.js +53 -23
- data/assets/themes/j1/adapter/js/jf_gallery.js +2 -2
- 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 +17 -11
- data/assets/themes/j1/adapter/js/navigator.js +139 -67
- data/assets/themes/j1/adapter/js/rouge.js +246 -0
- data/assets/themes/j1/adapter/js/rtable.js +181 -0
- data/assets/themes/j1/adapter/js/themer.js +68 -122
- data/assets/themes/j1/adapter/js/toccer.js +72 -32
- data/assets/themes/j1/core/css/animate.css +17 -0
- data/assets/themes/j1/core/css/bootstrap.css +40 -48
- data/assets/themes/j1/core/css/bootstrap.min.css +3 -3
- data/assets/themes/j1/core/css/custom.scss +28 -0
- data/assets/themes/j1/core/css/globals.css +14523 -0
- data/assets/themes/j1/core/css/globals.min.css +1 -0
- data/assets/themes/j1/core/css/globals.scss +28 -0
- data/assets/themes/j1/core/css/{fontawesome.css → icon-fonts/fontawesome.css} +31 -12
- data/assets/themes/j1/core/css/{fontawesome.min.css → icon-fonts/fontawesome.min.css} +0 -0
- data/assets/themes/j1/core/css/{iconify-icons.css → icon-fonts/iconify.css} +51 -38
- data/assets/themes/j1/core/css/{iconify-icons.min.css → icon-fonts/iconify.min.css} +1 -1
- data/assets/themes/j1/core/css/{material-design-icons.css → icon-fonts/materialdesign.css} +326 -244
- data/assets/themes/j1/core/css/icon-fonts/materialdesign.min.css +1 -0
- data/assets/themes/j1/core/css/{twemoji.css → icon-fonts/twemoji.css} +61 -51
- data/assets/themes/j1/core/css/{twemoji.min.css → icon-fonts/twemoji.min.css} +0 -0
- data/assets/themes/j1/core/css/theme_extensions.css +2478 -767
- data/assets/themes/j1/core/css/theme_extensions.min.css +1 -1
- data/assets/themes/j1/core/css/themes/bootstrap/bootstrap.css +7171 -0
- data/assets/themes/j1/core/css/themes/bootstrap/bootstrap.min.css +6 -0
- data/assets/themes/j1/core/css/themes/uno-dark/bootstrap.css +8118 -0
- data/assets/themes/j1/core/css/themes/uno-dark/bootstrap.min.css +6 -0
- data/assets/themes/j1/core/css/themes/uno-light/bootstrap.css +22512 -0
- data/assets/themes/j1/core/css/themes/uno-light/bootstrap.min.css +8 -0
- data/assets/themes/j1/core/css/uno.css +2490 -949
- data/assets/themes/j1/core/css/uno.min.css +1 -1
- data/assets/themes/j1/core/css/uno.scss +28 -0
- data/assets/themes/j1/core/css/vendor.css +121 -13452
- data/assets/themes/j1/core/css/vendor.min.css +1 -7
- data/assets/themes/j1/core/css/vendor.scss +28 -0
- 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/backstretch/js/backstretch.js +12 -13
- data/assets/themes/j1/modules/backstretch/js/backstretch.min.js +12 -13
- 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/carousel.css +8 -9
- data/assets/themes/j1/modules/carousel/css/carousel.min.css +7 -9
- data/assets/themes/j1/modules/carousel/css/carousel_transitions.css +7 -8
- data/assets/themes/j1/modules/carousel/css/carousel_transitions.min.css +7 -9
- data/assets/themes/j1/modules/carousel/css/theme/uno.css +15 -10
- data/assets/themes/j1/modules/carousel/css/theme/uno.min.css +8 -9
- 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 +7 -7
- data/assets/themes/j1/modules/clipboard/css/theme/uno.min.css +8 -45
- 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/js/jquery.js +7 -4
- data/assets/themes/j1/modules/jquery/js/jquery.min.js +2 -2
- 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 +8 -9
- data/assets/themes/j1/modules/justifiedGallery/css/theme/uno.min.css +8 -31
- data/assets/themes/j1/modules/lightGallery/css/themes/uno.css +7 -8
- data/assets/themes/j1/modules/lightGallery/css/themes/uno.min.css +8 -10
- data/assets/themes/j1/modules/lightbox/css/lightbox.css +11 -12
- data/assets/themes/j1/modules/lightbox/css/lightbox.min.css +11 -12
- data/assets/themes/j1/modules/lightbox/css/theme/uno.css +7 -7
- data/assets/themes/j1/modules/lightbox/css/theme/uno.min.css +7 -8
- data/assets/themes/j1/modules/lightbox/js/lightbox.js +11 -12
- data/assets/themes/j1/modules/lightbox/js/lightbox.min.js +11 -27
- 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/mdiPreviewer/css/previewer.css +82 -0
- data/assets/themes/j1/modules/mdiPreviewer/css/previewer.min.css +15 -0
- data/{lib/starter_web/collections/posts/private → assets/themes/j1/modules/mdiPreviewer/js}/readme +0 -0
- data/assets/themes/j1/modules/mmenuLight/css/theme/uno.css +3 -3
- data/assets/themes/j1/modules/mmenuLight/css/theme/uno.min.css +37 -11
- 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 +46 -38
- data/assets/themes/j1/modules/themeSwitcher/js/switcher.min.js +26 -0
- data/assets/themes/j1/modules/twemoji/css/picker/twemoji-picker.css +153 -0
- data/assets/themes/j1/modules/twemoji/css/picker/twemoji-picker.min.css +19 -0
- data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.js +12 -13
- data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.min.js +12 -268
- data/assets/themes/j1/modules/twemoji/js/twemoji.js +11 -20
- data/assets/themes/j1/modules/twemoji/js/twemoji.min.js +11 -17
- data/lib/j1/version.rb +1 -1
- data/lib/j1_app/j1_auth_manager/config.rb +10 -5
- data/lib/j1_app/j1_auth_manager/views/auth_manager_ui.erb +5 -5
- data/lib/starter_web/Gemfile +12 -16
- data/lib/starter_web/_config.yml +163 -23
- data/lib/starter_web/_data/apps/carousel.yml +2 -2
- data/lib/starter_web/_data/blocks/banner.yml +46 -36
- 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 +43 -37
- data/lib/starter_web/_data/{template_settings.yml → j1_config.yml} +62 -11
- data/lib/starter_web/_data/layouts/home.yml +21 -31
- data/lib/starter_web/_data/layouts/page.yml +10 -0
- data/lib/starter_web/_data/layouts/post.yml +10 -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 +9 -9
- data/lib/starter_web/_data/modules/defaults/themer.yml +9 -13
- data/lib/starter_web/_data/modules/defaults/toccer.yml +4 -2
- data/lib/starter_web/_data/modules/fam.yml +158 -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 +60 -9
- data/lib/starter_web/_data/modules/themer.yml +0 -17
- data/lib/starter_web/_data/modules/toccer.yml +0 -73
- data/lib/starter_web/_data/private.yml +56 -108
- data/lib/starter_web/_data/resources.yml +238 -90
- 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/protected → _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/j1/favicon.ico +0 -0
- data/lib/starter_web/assets/images/modules/icons/j1/j1-256x256.png +0 -0
- data/lib/starter_web/assets/images/modules/icons/j1/j1-32x32.ico +0 -0
- data/lib/starter_web/assets/images/modules/icons/j1/j1-512x512.png +0 -0
- data/lib/starter_web/assets/images/modules/icons/j1/j1-64x64.png +0 -0
- data/lib/starter_web/assets/images/modules/icons/j1/j1.ico +0 -0
- data/lib/starter_web/assets/images/modules/icons/j1/scalable/j1.svg +31 -35
- 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/{assets/README.md → lib/starter_web/collections/posts/private/_posts/readme} +0 -0
- data/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 +70 -72
- data/lib/starter_web/collections/posts/public/featured/_posts/2018-05-01-confusion-about-base-url.adoc +16 -6
- data/lib/starter_web/collections/posts/public/featured/_posts/2019-05-01-top-open-source-static-site-generators.adoc +37 -28
- data/lib/starter_web/collections/posts/public/featured/_posts/2019-06-01-about-cookies.adoc +28 -24
- 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/2018-11-01-docker-using-shared-folders.adoc +494 -502
- 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/{featured/_posts/000_includes → series/_posts/_includes}/attributes.asciidoc +8 -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/test_posts/_posts/2020-09-11-test_post.adoc +218 -0
- data/lib/starter_web/collections/posts/public/{wikipedia/_posts/000_includes → test_posts/_posts/_includes}/attributes.asciidoc +9 -21
- data/lib/starter_web/collections/posts/public/test_posts/_posts/_includes/documents/readme +0 -0
- data/lib/starter_web/collections/posts/public/{wikipedia/_posts/000_includes → test_posts/_posts/_includes}/tables/debug_variables.asciidoc +0 -0
- data/lib/starter_web/collections/posts/public/test_posts/_posts/_includes/tables/readme +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 +5 -2
- 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 +21 -20
- data/lib/starter_web/pages/public/blog/navigator/archive/categoryview.html +21 -23
- data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html +22 -21
- data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html +19 -15
- data/lib/starter_web/pages/public/blog/navigator/index.html +6 -2
- 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 +17 -24
- data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/300_first_awesome_web.adoc +16 -23
- 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/pages/public/learn/kickstarter/web_in_a_day/_includes/tables/debug_variables.asciidoc +48 -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 +94 -108
- data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc +52 -60
- data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc +60 -72
- data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc +84 -90
- data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc +118 -138
- 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 +286 -96
- data/lib/starter_web/pages/public/learn/roundtrip/500_themes.adoc +145 -59
- data/lib/starter_web/pages/public/learn/roundtrip/600_lunr.adoc +237 -0
- data/lib/starter_web/pages/public/learn/roundtrip/610_fam.adoc +302 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/attributes.asciidoc +10 -29
- data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/100_gistblock.asciidoc +28 -0
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_bottom_info.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_bottom_left_warning.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_bottom_right_danger.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_central_success.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_full_height_left_info.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_full_height_right_success.asciidoc +2 -2
- 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 +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_top_left_info.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/410_top_right_success.asciidoc +2 -2
- data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → _includes}/documents/419_advanced_modals_demo.asciidoc +16 -16
- 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} +26 -44
- 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 +30 -27
- data/lib/starter_web/pages/public/legal/en/100_impress.adoc +8 -5
- data/lib/starter_web/pages/public/legal/en/200_terms_of_use.adoc +12 -8
- data/lib/starter_web/pages/public/legal/en/300_privacy.adoc +32 -31
- data/lib/starter_web/pages/public/legal/en/400_license_agreement.adoc +11 -3
- data/lib/starter_web/pages/public/legal/en/500_support.adoc +8 -1
- 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 +66 -65
- 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 +1374 -596
- data/lib/starter_web/pages/public/previewer/iframer.adoc +37 -35
- data/lib/starter_web/pages/public/previewer/justified_gallery.html +2 -1
- data/lib/starter_web/pages/public/previewer/mdi_icons_preview.adoc +12 -20
- data/lib/starter_web/pages/public/previewer/rouge.adoc +202 -0
- data/lib/starter_web/pages/public/previewer/twitter_emoji_preview.adoc +24 -30
- data/lib/starter_web/pages/public/test_pages/_includes/attributes.asciidoc +49 -0
- data/lib/starter_web/pages/public/{learn/roundtrip/000_includes → test_pages/_includes}/documents/100_gistblock.asciidoc +0 -0
- data/lib/starter_web/pages/public/test_pages/_includes/tables/000_bem_specifiers.asciidoc +22 -0
- data/lib/starter_web/pages/public/test_pages/_includes/tables/000_specifier_examples.asciidoc +56 -0
- data/lib/starter_web/pages/public/test_pages/breadcrumbs_tester.adoc +62 -0
- data/lib/starter_web/pages/public/test_pages/deck_of_posts.adoc +165 -0
- data/lib/starter_web/pages/public/test_pages/floating_actions_button.adoc +523 -0
- data/lib/starter_web/pages/public/{learn/examples → test_pages}/floating_ad.adoc +8 -21
- data/lib/starter_web/pages/public/{learn/examples → test_pages}/floating_div.adoc +25 -38
- data/lib/starter_web/pages/public/test_pages/lunr_tester.adoc +89 -0
- data/lib/starter_web/pages/public/test_pages/nav_pagination_tester.adoc +284 -0
- data/lib/starter_web/pages/public/test_pages/page_attribute_tester.adoc +196 -0
- data/lib/starter_web/pages/public/test_pages/responsive_images.adoc +213 -0
- data/lib/starter_web/pages/public/test_pages/responsive_tables.adoc +210 -0
- data/lib/starter_web/pages/public/test_pages/toccer_tester.adoc +2245 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/attributes.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/100_gistblock.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_bottom_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_bottom_left_warning.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_bottom_right_danger.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_central_success.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_full_height_left_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_full_height_right_success.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_table_3_column.asciidoc +1 -1
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_top_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_top_left_info.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/410_top_right_success.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_includes/documents/419_advanced_modals_html.asciidoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/000_test_youtube_video.adoc +0 -0
- data/lib/starter_web/pages/public/{learn → test_pages}/vtutorials/100_basic_video.adoc +0 -0
- data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
- data/lib/starter_web/utilsrv/package.json +1 -1
- metadata +263 -145
- data/_includes/themes/j1/blocks/footer/boxes/about_box.proc.org +0 -40
- 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 -233
- data/assets/themes/j1/core/css/material-design-icons.min.css +0 -1
- data/assets/themes/j1/modules/backstretch/js/backstretch.min.js.org +0 -1
- 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 -20
- 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 -89
- data/assets/themes/j1/modules/tocbot/css/theme/uno.min.css +0 -89
- 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/collections/posts/public/series/_posts/000_includes/attributes.asciidoc +0 -66
- 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/000_bs_tour.1.asciidoc +0 -120
- data/lib/starter_web/pages/public/learn/roundtrip/000_bs_tour.adoc +0 -144
- data/lib/starter_web/pages/public/learn/roundtrip/000_bs_tour_api.adoc +0 -642
- 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
@@ -0,0 +1,359 @@
|
|
1
|
+
(function($, anim) {
|
2
|
+
'use strict';
|
3
|
+
|
4
|
+
let _defaults = {
|
5
|
+
indicators: true,
|
6
|
+
height: 400,
|
7
|
+
duration: 500,
|
8
|
+
interval: 6000
|
9
|
+
};
|
10
|
+
|
11
|
+
/**
|
12
|
+
* @class
|
13
|
+
*
|
14
|
+
*/
|
15
|
+
class Slider extends Component {
|
16
|
+
/**
|
17
|
+
* Construct Slider instance and set up overlay
|
18
|
+
* @constructor
|
19
|
+
* @param {Element} el
|
20
|
+
* @param {Object} options
|
21
|
+
*/
|
22
|
+
constructor(el, options) {
|
23
|
+
super(Slider, el, options);
|
24
|
+
|
25
|
+
this.el.M_Slider = this;
|
26
|
+
|
27
|
+
/**
|
28
|
+
* Options for the modal
|
29
|
+
* @member Slider#options
|
30
|
+
* @prop {Boolean} [indicators=true] - Show indicators
|
31
|
+
* @prop {Number} [height=400] - height of slider
|
32
|
+
* @prop {Number} [duration=500] - Length in ms of slide transition
|
33
|
+
* @prop {Number} [interval=6000] - Length in ms of slide interval
|
34
|
+
*/
|
35
|
+
this.options = $.extend({}, Slider.defaults, options);
|
36
|
+
|
37
|
+
// setup
|
38
|
+
this.$slider = this.$el.find('.slides');
|
39
|
+
this.$slides = this.$slider.children('li');
|
40
|
+
this.activeIndex = this.$slides
|
41
|
+
.filter(function(item) {
|
42
|
+
return $(item).hasClass('active');
|
43
|
+
})
|
44
|
+
.first()
|
45
|
+
.index();
|
46
|
+
if (this.activeIndex != -1) {
|
47
|
+
this.$active = this.$slides.eq(this.activeIndex);
|
48
|
+
}
|
49
|
+
|
50
|
+
this._setSliderHeight();
|
51
|
+
|
52
|
+
// Set initial positions of captions
|
53
|
+
this.$slides.find('.caption').each((el) => {
|
54
|
+
this._animateCaptionIn(el, 0);
|
55
|
+
});
|
56
|
+
|
57
|
+
// Move img src into background-image
|
58
|
+
this.$slides.find('img').each((el) => {
|
59
|
+
let placeholderBase64 =
|
60
|
+
'data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
|
61
|
+
if ($(el).attr('src') !== placeholderBase64) {
|
62
|
+
$(el).css('background-image', 'url("' + $(el).attr('src') + '")');
|
63
|
+
$(el).attr('src', placeholderBase64);
|
64
|
+
}
|
65
|
+
});
|
66
|
+
|
67
|
+
this._setupIndicators();
|
68
|
+
|
69
|
+
// Show active slide
|
70
|
+
if (this.$active) {
|
71
|
+
this.$active.css('display', 'block');
|
72
|
+
} else {
|
73
|
+
this.$slides.first().addClass('active');
|
74
|
+
anim({
|
75
|
+
targets: this.$slides.first()[0],
|
76
|
+
opacity: 1,
|
77
|
+
duration: this.options.duration,
|
78
|
+
easing: 'easeOutQuad'
|
79
|
+
});
|
80
|
+
|
81
|
+
this.activeIndex = 0;
|
82
|
+
this.$active = this.$slides.eq(this.activeIndex);
|
83
|
+
|
84
|
+
// Update indicators
|
85
|
+
if (this.options.indicators) {
|
86
|
+
this.$indicators.eq(this.activeIndex).addClass('active');
|
87
|
+
}
|
88
|
+
}
|
89
|
+
|
90
|
+
// Adjust height to current slide
|
91
|
+
this.$active.find('img').each((el) => {
|
92
|
+
anim({
|
93
|
+
targets: this.$active.find('.caption')[0],
|
94
|
+
opacity: 1,
|
95
|
+
translateX: 0,
|
96
|
+
translateY: 0,
|
97
|
+
duration: this.options.duration,
|
98
|
+
easing: 'easeOutQuad'
|
99
|
+
});
|
100
|
+
});
|
101
|
+
|
102
|
+
this._setupEventHandlers();
|
103
|
+
|
104
|
+
// auto scroll
|
105
|
+
this.start();
|
106
|
+
}
|
107
|
+
|
108
|
+
static get defaults() {
|
109
|
+
return _defaults;
|
110
|
+
}
|
111
|
+
|
112
|
+
static init(els, options) {
|
113
|
+
return super.init(this, els, options);
|
114
|
+
}
|
115
|
+
|
116
|
+
/**
|
117
|
+
* Get Instance
|
118
|
+
*/
|
119
|
+
static getInstance(el) {
|
120
|
+
let domElem = !!el.jquery ? el[0] : el;
|
121
|
+
return domElem.M_Slider;
|
122
|
+
}
|
123
|
+
|
124
|
+
/**
|
125
|
+
* Teardown component
|
126
|
+
*/
|
127
|
+
destroy() {
|
128
|
+
this.pause();
|
129
|
+
this._removeIndicators();
|
130
|
+
this._removeEventHandlers();
|
131
|
+
this.el.M_Slider = undefined;
|
132
|
+
}
|
133
|
+
|
134
|
+
/**
|
135
|
+
* Setup Event Handlers
|
136
|
+
*/
|
137
|
+
_setupEventHandlers() {
|
138
|
+
this._handleIntervalBound = this._handleInterval.bind(this);
|
139
|
+
this._handleIndicatorClickBound = this._handleIndicatorClick.bind(this);
|
140
|
+
|
141
|
+
if (this.options.indicators) {
|
142
|
+
this.$indicators.each((el) => {
|
143
|
+
el.addEventListener('click', this._handleIndicatorClickBound);
|
144
|
+
});
|
145
|
+
}
|
146
|
+
}
|
147
|
+
|
148
|
+
/**
|
149
|
+
* Remove Event Handlers
|
150
|
+
*/
|
151
|
+
_removeEventHandlers() {
|
152
|
+
if (this.options.indicators) {
|
153
|
+
this.$indicators.each((el) => {
|
154
|
+
el.removeEventListener('click', this._handleIndicatorClickBound);
|
155
|
+
});
|
156
|
+
}
|
157
|
+
}
|
158
|
+
|
159
|
+
/**
|
160
|
+
* Handle indicator click
|
161
|
+
* @param {Event} e
|
162
|
+
*/
|
163
|
+
_handleIndicatorClick(e) {
|
164
|
+
let currIndex = $(e.target).index();
|
165
|
+
this.set(currIndex);
|
166
|
+
}
|
167
|
+
|
168
|
+
/**
|
169
|
+
* Handle Interval
|
170
|
+
*/
|
171
|
+
_handleInterval() {
|
172
|
+
let newActiveIndex = this.$slider.find('.active').index();
|
173
|
+
if (this.$slides.length === newActiveIndex + 1) newActiveIndex = 0;
|
174
|
+
// loop to start
|
175
|
+
else newActiveIndex += 1;
|
176
|
+
|
177
|
+
this.set(newActiveIndex);
|
178
|
+
}
|
179
|
+
|
180
|
+
/**
|
181
|
+
* Animate in caption
|
182
|
+
* @param {Element} caption
|
183
|
+
* @param {Number} duration
|
184
|
+
*/
|
185
|
+
_animateCaptionIn(caption, duration) {
|
186
|
+
let animOptions = {
|
187
|
+
targets: caption,
|
188
|
+
opacity: 0,
|
189
|
+
duration: duration,
|
190
|
+
easing: 'easeOutQuad'
|
191
|
+
};
|
192
|
+
|
193
|
+
if ($(caption).hasClass('center-align')) {
|
194
|
+
animOptions.translateY = -100;
|
195
|
+
} else if ($(caption).hasClass('right-align')) {
|
196
|
+
animOptions.translateX = 100;
|
197
|
+
} else if ($(caption).hasClass('left-align')) {
|
198
|
+
animOptions.translateX = -100;
|
199
|
+
}
|
200
|
+
|
201
|
+
anim(animOptions);
|
202
|
+
}
|
203
|
+
|
204
|
+
/**
|
205
|
+
* Set height of slider
|
206
|
+
*/
|
207
|
+
_setSliderHeight() {
|
208
|
+
// If fullscreen, do nothing
|
209
|
+
if (!this.$el.hasClass('fullscreen')) {
|
210
|
+
if (this.options.indicators) {
|
211
|
+
// Add height if indicators are present
|
212
|
+
this.$el.css('height', this.options.height + 40 + 'px');
|
213
|
+
} else {
|
214
|
+
this.$el.css('height', this.options.height + 'px');
|
215
|
+
}
|
216
|
+
this.$slider.css('height', this.options.height + 'px');
|
217
|
+
}
|
218
|
+
}
|
219
|
+
|
220
|
+
/**
|
221
|
+
* Setup indicators
|
222
|
+
*/
|
223
|
+
_setupIndicators() {
|
224
|
+
if (this.options.indicators) {
|
225
|
+
this.$indicators = $('<ul class="indicators"></ul>');
|
226
|
+
this.$slides.each((el, index) => {
|
227
|
+
let $indicator = $('<li class="indicator-item"></li>');
|
228
|
+
this.$indicators.append($indicator[0]);
|
229
|
+
});
|
230
|
+
this.$el.append(this.$indicators[0]);
|
231
|
+
this.$indicators = this.$indicators.children('li.indicator-item');
|
232
|
+
}
|
233
|
+
}
|
234
|
+
|
235
|
+
/**
|
236
|
+
* Remove indicators
|
237
|
+
*/
|
238
|
+
_removeIndicators() {
|
239
|
+
this.$el.find('ul.indicators').remove();
|
240
|
+
}
|
241
|
+
|
242
|
+
/**
|
243
|
+
* Cycle to nth item
|
244
|
+
* @param {Number} index
|
245
|
+
*/
|
246
|
+
set(index) {
|
247
|
+
// Wrap around indices.
|
248
|
+
if (index >= this.$slides.length) index = 0;
|
249
|
+
else if (index < 0) index = this.$slides.length - 1;
|
250
|
+
|
251
|
+
// Only do if index changes
|
252
|
+
if (this.activeIndex != index) {
|
253
|
+
this.$active = this.$slides.eq(this.activeIndex);
|
254
|
+
let $caption = this.$active.find('.caption');
|
255
|
+
this.$active.removeClass('active');
|
256
|
+
|
257
|
+
anim({
|
258
|
+
targets: this.$active[0],
|
259
|
+
opacity: 0,
|
260
|
+
duration: this.options.duration,
|
261
|
+
easing: 'easeOutQuad',
|
262
|
+
complete: () => {
|
263
|
+
this.$slides.not('.active').each((el) => {
|
264
|
+
anim({
|
265
|
+
targets: el,
|
266
|
+
opacity: 0,
|
267
|
+
translateX: 0,
|
268
|
+
translateY: 0,
|
269
|
+
duration: 0,
|
270
|
+
easing: 'easeOutQuad'
|
271
|
+
});
|
272
|
+
});
|
273
|
+
}
|
274
|
+
});
|
275
|
+
|
276
|
+
this._animateCaptionIn($caption[0], this.options.duration);
|
277
|
+
|
278
|
+
// Update indicators
|
279
|
+
if (this.options.indicators) {
|
280
|
+
this.$indicators.eq(this.activeIndex).removeClass('active');
|
281
|
+
this.$indicators.eq(index).addClass('active');
|
282
|
+
}
|
283
|
+
|
284
|
+
anim({
|
285
|
+
targets: this.$slides.eq(index)[0],
|
286
|
+
opacity: 1,
|
287
|
+
duration: this.options.duration,
|
288
|
+
easing: 'easeOutQuad'
|
289
|
+
});
|
290
|
+
|
291
|
+
anim({
|
292
|
+
targets: this.$slides.eq(index).find('.caption')[0],
|
293
|
+
opacity: 1,
|
294
|
+
translateX: 0,
|
295
|
+
translateY: 0,
|
296
|
+
duration: this.options.duration,
|
297
|
+
delay: this.options.duration,
|
298
|
+
easing: 'easeOutQuad'
|
299
|
+
});
|
300
|
+
|
301
|
+
this.$slides.eq(index).addClass('active');
|
302
|
+
this.activeIndex = index;
|
303
|
+
|
304
|
+
// Reset interval
|
305
|
+
this.start();
|
306
|
+
}
|
307
|
+
}
|
308
|
+
|
309
|
+
/**
|
310
|
+
* Pause slider interval
|
311
|
+
*/
|
312
|
+
pause() {
|
313
|
+
clearInterval(this.interval);
|
314
|
+
}
|
315
|
+
|
316
|
+
/**
|
317
|
+
* Start slider interval
|
318
|
+
*/
|
319
|
+
start() {
|
320
|
+
clearInterval(this.interval);
|
321
|
+
this.interval = setInterval(
|
322
|
+
this._handleIntervalBound,
|
323
|
+
this.options.duration + this.options.interval
|
324
|
+
);
|
325
|
+
}
|
326
|
+
|
327
|
+
/**
|
328
|
+
* Move to next slide
|
329
|
+
*/
|
330
|
+
next() {
|
331
|
+
let newIndex = this.activeIndex + 1;
|
332
|
+
|
333
|
+
// Wrap around indices.
|
334
|
+
if (newIndex >= this.$slides.length) newIndex = 0;
|
335
|
+
else if (newIndex < 0) newIndex = this.$slides.length - 1;
|
336
|
+
|
337
|
+
this.set(newIndex);
|
338
|
+
}
|
339
|
+
|
340
|
+
/**
|
341
|
+
* Move to previous slide
|
342
|
+
*/
|
343
|
+
prev() {
|
344
|
+
let newIndex = this.activeIndex - 1;
|
345
|
+
|
346
|
+
// Wrap around indices.
|
347
|
+
if (newIndex >= this.$slides.length) newIndex = 0;
|
348
|
+
else if (newIndex < 0) newIndex = this.$slides.length - 1;
|
349
|
+
|
350
|
+
this.set(newIndex);
|
351
|
+
}
|
352
|
+
}
|
353
|
+
|
354
|
+
M.Slider = Slider;
|
355
|
+
|
356
|
+
if (M.jQueryLoaded) {
|
357
|
+
M.initializeJqueryWrapper(Slider, 'slider', 'M_Slider');
|
358
|
+
}
|
359
|
+
})(cash, M.anime);
|
@@ -0,0 +1,402 @@
|
|
1
|
+
(function($, anim) {
|
2
|
+
'use strict';
|
3
|
+
|
4
|
+
let _defaults = {
|
5
|
+
duration: 300,
|
6
|
+
onShow: null,
|
7
|
+
swipeable: false,
|
8
|
+
responsiveThreshold: Infinity // breakpoint for swipeable
|
9
|
+
};
|
10
|
+
|
11
|
+
/**
|
12
|
+
* @class
|
13
|
+
*
|
14
|
+
*/
|
15
|
+
class Tabs extends Component {
|
16
|
+
/**
|
17
|
+
* Construct Tabs instance
|
18
|
+
* @constructor
|
19
|
+
* @param {Element} el
|
20
|
+
* @param {Object} options
|
21
|
+
*/
|
22
|
+
constructor(el, options) {
|
23
|
+
super(Tabs, el, options);
|
24
|
+
|
25
|
+
this.el.M_Tabs = this;
|
26
|
+
|
27
|
+
/**
|
28
|
+
* Options for the Tabs
|
29
|
+
* @member Tabs#options
|
30
|
+
* @prop {Number} duration
|
31
|
+
* @prop {Function} onShow
|
32
|
+
* @prop {Boolean} swipeable
|
33
|
+
* @prop {Number} responsiveThreshold
|
34
|
+
*/
|
35
|
+
this.options = $.extend({}, Tabs.defaults, options);
|
36
|
+
|
37
|
+
// Setup
|
38
|
+
this.$tabLinks = this.$el.children('li.tab').children('a');
|
39
|
+
this.index = 0;
|
40
|
+
this._setupActiveTabLink();
|
41
|
+
|
42
|
+
// Setup tabs content
|
43
|
+
if (this.options.swipeable) {
|
44
|
+
this._setupSwipeableTabs();
|
45
|
+
} else {
|
46
|
+
this._setupNormalTabs();
|
47
|
+
}
|
48
|
+
|
49
|
+
// Setup tabs indicator after content to ensure accurate widths
|
50
|
+
this._setTabsAndTabWidth();
|
51
|
+
this._createIndicator();
|
52
|
+
|
53
|
+
this._setupEventHandlers();
|
54
|
+
}
|
55
|
+
|
56
|
+
static get defaults() {
|
57
|
+
return _defaults;
|
58
|
+
}
|
59
|
+
|
60
|
+
static init(els, options) {
|
61
|
+
return super.init(this, els, options);
|
62
|
+
}
|
63
|
+
|
64
|
+
/**
|
65
|
+
* Get Instance
|
66
|
+
*/
|
67
|
+
static getInstance(el) {
|
68
|
+
let domElem = !!el.jquery ? el[0] : el;
|
69
|
+
return domElem.M_Tabs;
|
70
|
+
}
|
71
|
+
|
72
|
+
/**
|
73
|
+
* Teardown component
|
74
|
+
*/
|
75
|
+
destroy() {
|
76
|
+
this._removeEventHandlers();
|
77
|
+
this._indicator.parentNode.removeChild(this._indicator);
|
78
|
+
|
79
|
+
if (this.options.swipeable) {
|
80
|
+
this._teardownSwipeableTabs();
|
81
|
+
} else {
|
82
|
+
this._teardownNormalTabs();
|
83
|
+
}
|
84
|
+
|
85
|
+
this.$el[0].M_Tabs = undefined;
|
86
|
+
}
|
87
|
+
|
88
|
+
/**
|
89
|
+
* Setup Event Handlers
|
90
|
+
*/
|
91
|
+
_setupEventHandlers() {
|
92
|
+
this._handleWindowResizeBound = this._handleWindowResize.bind(this);
|
93
|
+
window.addEventListener('resize', this._handleWindowResizeBound);
|
94
|
+
|
95
|
+
this._handleTabClickBound = this._handleTabClick.bind(this);
|
96
|
+
this.el.addEventListener('click', this._handleTabClickBound);
|
97
|
+
}
|
98
|
+
|
99
|
+
/**
|
100
|
+
* Remove Event Handlers
|
101
|
+
*/
|
102
|
+
_removeEventHandlers() {
|
103
|
+
window.removeEventListener('resize', this._handleWindowResizeBound);
|
104
|
+
this.el.removeEventListener('click', this._handleTabClickBound);
|
105
|
+
}
|
106
|
+
|
107
|
+
/**
|
108
|
+
* Handle window Resize
|
109
|
+
*/
|
110
|
+
_handleWindowResize() {
|
111
|
+
this._setTabsAndTabWidth();
|
112
|
+
|
113
|
+
if (this.tabWidth !== 0 && this.tabsWidth !== 0) {
|
114
|
+
this._indicator.style.left = this._calcLeftPos(this.$activeTabLink) + 'px';
|
115
|
+
this._indicator.style.right = this._calcRightPos(this.$activeTabLink) + 'px';
|
116
|
+
}
|
117
|
+
}
|
118
|
+
|
119
|
+
/**
|
120
|
+
* Handle tab click
|
121
|
+
* @param {Event} e
|
122
|
+
*/
|
123
|
+
_handleTabClick(e) {
|
124
|
+
let tab = $(e.target).closest('li.tab');
|
125
|
+
let tabLink = $(e.target).closest('a');
|
126
|
+
|
127
|
+
// Handle click on tab link only
|
128
|
+
if (!tabLink.length || !tabLink.parent().hasClass('tab')) {
|
129
|
+
return;
|
130
|
+
}
|
131
|
+
|
132
|
+
if (tab.hasClass('disabled')) {
|
133
|
+
e.preventDefault();
|
134
|
+
return;
|
135
|
+
}
|
136
|
+
|
137
|
+
// Act as regular link if target attribute is specified.
|
138
|
+
if (!!tabLink.attr('target')) {
|
139
|
+
return;
|
140
|
+
}
|
141
|
+
|
142
|
+
// Make the old tab inactive.
|
143
|
+
this.$activeTabLink.removeClass('active');
|
144
|
+
let $oldContent = this.$content;
|
145
|
+
|
146
|
+
// Update the variables with the new link and content
|
147
|
+
this.$activeTabLink = tabLink;
|
148
|
+
this.$content = $(M.escapeHash(tabLink[0].hash));
|
149
|
+
this.$tabLinks = this.$el.children('li.tab').children('a');
|
150
|
+
|
151
|
+
// Make the tab active.
|
152
|
+
this.$activeTabLink.addClass('active');
|
153
|
+
let prevIndex = this.index;
|
154
|
+
this.index = Math.max(this.$tabLinks.index(tabLink), 0);
|
155
|
+
|
156
|
+
// Swap content
|
157
|
+
if (this.options.swipeable) {
|
158
|
+
if (this._tabsCarousel) {
|
159
|
+
this._tabsCarousel.set(this.index, () => {
|
160
|
+
if (typeof this.options.onShow === 'function') {
|
161
|
+
this.options.onShow.call(this, this.$content[0]);
|
162
|
+
}
|
163
|
+
});
|
164
|
+
}
|
165
|
+
} else {
|
166
|
+
if (this.$content.length) {
|
167
|
+
this.$content[0].style.display = 'block';
|
168
|
+
this.$content.addClass('active');
|
169
|
+
if (typeof this.options.onShow === 'function') {
|
170
|
+
this.options.onShow.call(this, this.$content[0]);
|
171
|
+
}
|
172
|
+
|
173
|
+
if ($oldContent.length && !$oldContent.is(this.$content)) {
|
174
|
+
$oldContent[0].style.display = 'none';
|
175
|
+
$oldContent.removeClass('active');
|
176
|
+
}
|
177
|
+
}
|
178
|
+
}
|
179
|
+
|
180
|
+
// Update widths after content is swapped (scrollbar bugfix)
|
181
|
+
this._setTabsAndTabWidth();
|
182
|
+
|
183
|
+
// Update indicator
|
184
|
+
this._animateIndicator(prevIndex);
|
185
|
+
|
186
|
+
// Prevent the anchor's default click action
|
187
|
+
e.preventDefault();
|
188
|
+
}
|
189
|
+
|
190
|
+
/**
|
191
|
+
* Generate elements for tab indicator.
|
192
|
+
*/
|
193
|
+
_createIndicator() {
|
194
|
+
let indicator = document.createElement('li');
|
195
|
+
indicator.classList.add('indicator');
|
196
|
+
|
197
|
+
this.el.appendChild(indicator);
|
198
|
+
this._indicator = indicator;
|
199
|
+
|
200
|
+
setTimeout(() => {
|
201
|
+
this._indicator.style.left = this._calcLeftPos(this.$activeTabLink) + 'px';
|
202
|
+
this._indicator.style.right = this._calcRightPos(this.$activeTabLink) + 'px';
|
203
|
+
}, 0);
|
204
|
+
}
|
205
|
+
|
206
|
+
/**
|
207
|
+
* Setup first active tab link.
|
208
|
+
*/
|
209
|
+
_setupActiveTabLink() {
|
210
|
+
// If the location.hash matches one of the links, use that as the active tab.
|
211
|
+
this.$activeTabLink = $(this.$tabLinks.filter('[href="' + location.hash + '"]'));
|
212
|
+
|
213
|
+
// If no match is found, use the first link or any with class 'active' as the initial active tab.
|
214
|
+
if (this.$activeTabLink.length === 0) {
|
215
|
+
this.$activeTabLink = this.$el
|
216
|
+
.children('li.tab')
|
217
|
+
.children('a.active')
|
218
|
+
.first();
|
219
|
+
}
|
220
|
+
if (this.$activeTabLink.length === 0) {
|
221
|
+
this.$activeTabLink = this.$el
|
222
|
+
.children('li.tab')
|
223
|
+
.children('a')
|
224
|
+
.first();
|
225
|
+
}
|
226
|
+
|
227
|
+
this.$tabLinks.removeClass('active');
|
228
|
+
this.$activeTabLink[0].classList.add('active');
|
229
|
+
|
230
|
+
this.index = Math.max(this.$tabLinks.index(this.$activeTabLink), 0);
|
231
|
+
|
232
|
+
if (this.$activeTabLink.length) {
|
233
|
+
this.$content = $(M.escapeHash(this.$activeTabLink[0].hash));
|
234
|
+
this.$content.addClass('active');
|
235
|
+
}
|
236
|
+
}
|
237
|
+
|
238
|
+
/**
|
239
|
+
* Setup swipeable tabs
|
240
|
+
*/
|
241
|
+
_setupSwipeableTabs() {
|
242
|
+
// Change swipeable according to responsive threshold
|
243
|
+
if (window.innerWidth > this.options.responsiveThreshold) {
|
244
|
+
this.options.swipeable = false;
|
245
|
+
}
|
246
|
+
|
247
|
+
let $tabsContent = $();
|
248
|
+
this.$tabLinks.each((link) => {
|
249
|
+
let $currContent = $(M.escapeHash(link.hash));
|
250
|
+
$currContent.addClass('carousel-item');
|
251
|
+
$tabsContent = $tabsContent.add($currContent);
|
252
|
+
});
|
253
|
+
|
254
|
+
let $tabsWrapper = $('<div class="tabs-content carousel carousel-slider"></div>');
|
255
|
+
$tabsContent.first().before($tabsWrapper);
|
256
|
+
$tabsWrapper.append($tabsContent);
|
257
|
+
$tabsContent[0].style.display = '';
|
258
|
+
|
259
|
+
// Keep active tab index to set initial carousel slide
|
260
|
+
let activeTabIndex = this.$activeTabLink.closest('.tab').index();
|
261
|
+
|
262
|
+
this._tabsCarousel = M.Carousel.init($tabsWrapper[0], {
|
263
|
+
fullWidth: true,
|
264
|
+
noWrap: true,
|
265
|
+
onCycleTo: (item) => {
|
266
|
+
let prevIndex = this.index;
|
267
|
+
this.index = $(item).index();
|
268
|
+
this.$activeTabLink.removeClass('active');
|
269
|
+
this.$activeTabLink = this.$tabLinks.eq(this.index);
|
270
|
+
this.$activeTabLink.addClass('active');
|
271
|
+
this._animateIndicator(prevIndex);
|
272
|
+
if (typeof this.options.onShow === 'function') {
|
273
|
+
this.options.onShow.call(this, this.$content[0]);
|
274
|
+
}
|
275
|
+
}
|
276
|
+
});
|
277
|
+
|
278
|
+
// Set initial carousel slide to active tab
|
279
|
+
this._tabsCarousel.set(activeTabIndex);
|
280
|
+
}
|
281
|
+
|
282
|
+
/**
|
283
|
+
* Teardown normal tabs.
|
284
|
+
*/
|
285
|
+
_teardownSwipeableTabs() {
|
286
|
+
let $tabsWrapper = this._tabsCarousel.$el;
|
287
|
+
this._tabsCarousel.destroy();
|
288
|
+
|
289
|
+
// Unwrap
|
290
|
+
$tabsWrapper.after($tabsWrapper.children());
|
291
|
+
$tabsWrapper.remove();
|
292
|
+
}
|
293
|
+
|
294
|
+
/**
|
295
|
+
* Setup normal tabs.
|
296
|
+
*/
|
297
|
+
_setupNormalTabs() {
|
298
|
+
// Hide Tabs Content
|
299
|
+
this.$tabLinks.not(this.$activeTabLink).each((link) => {
|
300
|
+
if (!!link.hash) {
|
301
|
+
let $currContent = $(M.escapeHash(link.hash));
|
302
|
+
if ($currContent.length) {
|
303
|
+
$currContent[0].style.display = 'none';
|
304
|
+
}
|
305
|
+
}
|
306
|
+
});
|
307
|
+
}
|
308
|
+
|
309
|
+
/**
|
310
|
+
* Teardown normal tabs.
|
311
|
+
*/
|
312
|
+
_teardownNormalTabs() {
|
313
|
+
// show Tabs Content
|
314
|
+
this.$tabLinks.each((link) => {
|
315
|
+
if (!!link.hash) {
|
316
|
+
let $currContent = $(M.escapeHash(link.hash));
|
317
|
+
if ($currContent.length) {
|
318
|
+
$currContent[0].style.display = '';
|
319
|
+
}
|
320
|
+
}
|
321
|
+
});
|
322
|
+
}
|
323
|
+
|
324
|
+
/**
|
325
|
+
* set tabs and tab width
|
326
|
+
*/
|
327
|
+
_setTabsAndTabWidth() {
|
328
|
+
this.tabsWidth = this.$el.width();
|
329
|
+
this.tabWidth = Math.max(this.tabsWidth, this.el.scrollWidth) / this.$tabLinks.length;
|
330
|
+
}
|
331
|
+
|
332
|
+
/**
|
333
|
+
* Finds right attribute for indicator based on active tab.
|
334
|
+
* @param {cash} el
|
335
|
+
*/
|
336
|
+
_calcRightPos(el) {
|
337
|
+
return Math.ceil(this.tabsWidth - el.position().left - el[0].getBoundingClientRect().width);
|
338
|
+
}
|
339
|
+
|
340
|
+
/**
|
341
|
+
* Finds left attribute for indicator based on active tab.
|
342
|
+
* @param {cash} el
|
343
|
+
*/
|
344
|
+
_calcLeftPos(el) {
|
345
|
+
return Math.floor(el.position().left);
|
346
|
+
}
|
347
|
+
|
348
|
+
updateTabIndicator() {
|
349
|
+
this._setTabsAndTabWidth();
|
350
|
+
this._animateIndicator(this.index);
|
351
|
+
}
|
352
|
+
|
353
|
+
/**
|
354
|
+
* Animates Indicator to active tab.
|
355
|
+
* @param {Number} prevIndex
|
356
|
+
*/
|
357
|
+
_animateIndicator(prevIndex) {
|
358
|
+
let leftDelay = 0,
|
359
|
+
rightDelay = 0;
|
360
|
+
|
361
|
+
if (this.index - prevIndex >= 0) {
|
362
|
+
leftDelay = 90;
|
363
|
+
} else {
|
364
|
+
rightDelay = 90;
|
365
|
+
}
|
366
|
+
|
367
|
+
// Animate
|
368
|
+
let animOptions = {
|
369
|
+
targets: this._indicator,
|
370
|
+
left: {
|
371
|
+
value: this._calcLeftPos(this.$activeTabLink),
|
372
|
+
delay: leftDelay
|
373
|
+
},
|
374
|
+
right: {
|
375
|
+
value: this._calcRightPos(this.$activeTabLink),
|
376
|
+
delay: rightDelay
|
377
|
+
},
|
378
|
+
duration: this.options.duration,
|
379
|
+
easing: 'easeOutQuad'
|
380
|
+
};
|
381
|
+
anim.remove(this._indicator);
|
382
|
+
anim(animOptions);
|
383
|
+
}
|
384
|
+
|
385
|
+
/**
|
386
|
+
* Select tab.
|
387
|
+
* @param {String} tabId
|
388
|
+
*/
|
389
|
+
select(tabId) {
|
390
|
+
let tab = this.$tabLinks.filter('[href="#' + tabId + '"]');
|
391
|
+
if (tab.length) {
|
392
|
+
tab.trigger('click');
|
393
|
+
}
|
394
|
+
}
|
395
|
+
}
|
396
|
+
|
397
|
+
M.Tabs = Tabs;
|
398
|
+
|
399
|
+
if (M.jQueryLoaded) {
|
400
|
+
M.initializeJqueryWrapper(Tabs, 'tabs', 'M_Tabs');
|
401
|
+
}
|
402
|
+
})(cash, M.anime);
|