jekyll-theme-pirati 2.0.0 → 3.0.0

data/assets/js/apps.js

@@ -1,8 +0,0 @@
-
-import SiteSearch from './apps/site-search';
-import ScrollTop from './apps/scroll-top';
-
-export default {
-  SiteSearch,
-  ScrollTop
-};

data/assets/js/apps/scroll-top/ScrollTop.vue

@@ -1,83 +0,0 @@
-<template>
-  <transition :name="'back-top-fade'" :duration="300">
-    <div class="scroll-top" v-show="showBackToTop" @click="toTop">
-        <slot><div class="scroll-top__area icon"><i class="fa fa-4x fa-angle-up"></i></div></slot>
-    </div>
-  </transition>
-</template>
-
-<script>
-  import { throttle } from 'throttle-debounce';
-  import SmoothScroll from 'smoothscroll-polyfill';
-
-  SmoothScroll.polyfill();
-
-  export default {
-    props: {
-      hover: {
-        type: Boolean
-      },
-      scrollFunction: {
-        type: Function,
-        default: () => {
-          window.scroll({ top: 0, left: 0, behavior: "smooth" });
-        }
-      }
-    },
-    data() {
-      return {
-        showBackToTop: false,
-        timeout: 0,
-        scrollInterval: 20
-      };
-    },
-    methods: {
-      toTop() {
-        this.showBackToTop = false;
-        this.scrollFunction();
-      },
-      onScroll() {
-        const currentScroll = document.body.scrollTop || document.documentElement.scrollTop;
-        this.showBackToTop = currentScroll >= 0.1 * document.body.clientHeight;
-      }
-    },
-    mounted() {
-      this.throttledScrollHandler = throttle(300, this.onScroll);
-      document.addEventListener("scroll", this.throttledScrollHandler);
-    },
-    beforeDestroy() {
-      document.removeEventListener("scroll", this.throttledScrollHandler);
-    }
-  };
-</script>
-
-<style lang="scss">
-  @import 'settings';
-
-  .scroll-top {
-    position: fixed;
-    right: 30px;
-    bottom: 50px;
-
-
-    background: $light-gray;
-    cursor: pointer;
-    opacity: 1;
-    transition: 0.3s;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    opacity: 1;
-  }
-
-  .scroll-top__area {
-    padding:20px;
-  }
-
-  .back-top-fade-enter,
-  .back-top-fade-leave-active {
-    transform: translateY(-30px);
-    opacity: 0;
-  }
-</style>

data/assets/js/apps/scroll-top/index.js

@@ -1,9 +0,0 @@
-import Vue from 'vue';
-import ScrollTop from './ScrollTop.vue';
-
-const appFactory = (el, attrs) => {
-  // Bootstrap Vue.js.
-  new Vue({el, render: h => h(ScrollTop, {attrs})});
-};
-
-export default appFactory;

data/assets/js/apps/site-search/SiteSearch.vue

@@ -1,85 +0,0 @@
-<template>
-  <div class="c-search">
-    <v-autocomplete
-      class="autocomplete"
-      v-model="item"
-      :input-attrs="{class: 'autocomplete__input c-search__input', placeholder: 'Hledaný výraz'}"
-      :items="items"
-      :get-label="getLabel"
-      :component-item="itemTemplate"
-      :auto-select-one-item="false"
-      :wait="0"
-      :min-len="0"
-      @item-selected="onItemSelected"
-      @update-items="onUpdateItems"></v-autocomplete>
-    <button type="button" class="c-search__confirm"><i class="fa fa-search" aria-hidden="true"></i></button>
-  </div>
-</template>
-
-<script>
-import ItemTemplate from './SiteSearchItemTemplate.vue';
-
-export default {
-  name: 'SiteSearch',
-  data () {
-    return {
-      item: null,
-      items: [],
-      itemTemplate: ItemTemplate
-    }
-  },
-  methods: {
-    getLabel (item) {
-      return item.label;
-    },
-    onItemSelected(item) {
-      // Redir
-      window.location.href = item.value;
-    },
-    onUpdateItems(searchText) {
-      this.items = this.allItems.filter(i => i.label.toLowerCase().indexOf(searchText.toLowerCase()) !== -1);
-    }
-  },
-  mounted() {
-    this.$http.get('/api/search.json').then(resp => {
-      this.allItems = this.items = resp.body.filter(i => !! i.label);
-    });
-  }
-}
-</script>
-
-<style lang="scss">
-  @import 'settings';
-
-  .v-autocomplete {
-    position: relative;
-  }
-
-  .v-autocomplete-list {
-    position: absolute;
-    z-index: 9999;
-    width: 100%;
-    top: 40px;
-    min-width: 400px;
-    text-align: left;
-    max-height: 300px;
-    overflow-y: auto;
-    border: $input-border;
-  }
-
-  .v-autocomplete-list-item {
-    cursor: pointer;
-    background-color: $white;
-    padding: .75em;
-    border-bottom: $input-border;
-
-    &:last-child {
-      border-bottom: 0;
-    }
-
-    &:hover {
-      background-color: $light-gray;
-    }
-  }
-</style>
-

data/assets/js/apps/site-search/SiteSearchItemTemplate.vue

@@ -1,29 +0,0 @@
-<template>
-  <div>
-    <strong>{{ item.label }}</strong>
-    <em>{{ item.value }}</em>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    item: { required: true },
-    searchText: { required: true }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-  @import 'settings';
-
-  strong {
-    display: block;
-  }
-
-  em {
-    color: $dark-gray;
-  }
-</style>
-
-

data/assets/js/apps/site-search/index.js

@@ -1,14 +0,0 @@
-import Vue from 'vue';
-import Autocomplete from 'v-autocomplete';
-import VueResource from 'vue-resource';
-import SiteSearch from './SiteSearch.vue';
-
-Vue.use(Autocomplete);
-Vue.use(VueResource);
-
-const appFactory = (el, attrs) => {
-  // Bootstrap Vue.js.
-  new Vue({el, render: h => h(SiteSearch, {attrs})});
-};
-
-export default appFactory;

data/assets/js/index.js

@@ -1,52 +0,0 @@
-import { foundation } from 'foundation-sites/js/foundation.core';
-
-import 'foundation-sites/js/foundation.util.mediaQuery';
-import 'foundation-sites/js/foundation.util.motion';
-import 'foundation-sites/js/foundation.util.keyboard';
-
-import 'foundation-sites/js/foundation.accordion';
-import 'foundation-sites/js/foundation.interchange';
-import 'foundation-sites/js/foundation.responsiveMenu';
-import 'foundation-sites/js/foundation.responsiveToggle';
-
-Foundation.Interchange.SPECIAL_QUERIES['medium down'] = 'screen and (max-width: 63.9375em)';
-
-
-import Apps from './apps';
-
-/**
- * Bootstrap Vue.js application at given Element instance.
- *
- * App properties are passed via data attributes, like:
- *
- * <div class="__vue-root" data-message="Hello" data-app="SomeApp"></div>
- *
- * @param {Element} el DOM Element
- */
-function renderVueAppElement(el) {
-  const attrs = {...el.dataset};
-
-  if (! attrs.app) {
-    console.warn(el, 'Cannot bootstrap: missing data-app');
-    return;
-  }
-
-  const app = Apps[attrs.app];
-
-  if (! app) {
-    console.warn(el, `Cannot bootstrap: unknown app ${attrs.app}`);
-    return;
-  }
-
-  return app(el, attrs);
-}
-
-function init(event) {
-  // Initialize Foundation, jQuery is exposed automatically from webpack.
-  $(document).foundation();
-
-  // Initialize Vue.js apps.
-  document.querySelectorAll('.__vue-root').forEach(renderVueAppElement);
-}
-
-document.addEventListener('DOMContentLoaded', init);