jekyll-theme-pirati 1.2.0 → 2.0.0

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

@@ -0,0 +1,29 @@
+<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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,52 @@
+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);

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-pirati
 version: !ruby/object:Gem::Version
-  version: 1.2.0
+  version: 2.0.0
 platform: ruby
 authors:
 - Jitka Novotná
@@ -60,6 +60,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - README.md
+- _data/menu.yml
 - _includes/accordeon/accordeon-column.html
 - _includes/accordeon/accordeon.html
 - _includes/articles/featured_article.html
@@ -79,15 +80,8 @@ files:
 - _includes/icon-github.svg
 - _includes/icon-twitter.html
 - _includes/icon-twitter.svg
-- _includes/js/custom.js
-- _includes/js/fb.js
 - _includes/js/main.html
-- _includes/js/piwik.js
-- _includes/js/tw.js
 - _includes/menu.html
-- _includes/people/item.html
-- _includes/people/list-2col.html
-- _includes/people/list-group.html
 - _includes/people/list_2col.html
 - _includes/people/list_group.html
 - _includes/people/profile_badge.html
@@ -111,7 +105,6 @@ files:
 - _includes/right-bar/rbar_profiles.html
 - _includes/social.html
 - _includes/submenu.html
-- _includes/title/title_header.html
 - _layouts/blank.html
 - _layouts/compress.html
 - _layouts/contacts.html
@@ -142,98 +135,19 @@ files:
 - _sass/components/pagination.scss
 - _sass/components/pripoj-se.scss
 - _sass/components/program.scss
-- _sass/components/scroll-top.scss
 - _sass/components/simple-accordion.scss
 - _sass/components/tag.scss
 - _sass/components/top-bar.scss
 - _sass/components/top-sub-nav.scss
 - _sass/components/vertical-navigation.scss
-- _sass/components/welcome-header.scss
 - _sass/components/widget-accordion.scss
 - _sass/components/widget-share-box.scss
 - _sass/components/widget-simple-text.scss
-- _sass/foundation/_global.scss
-- _sass/foundation/components/_accordion-menu.scss
-- _sass/foundation/components/_accordion.scss
-- _sass/foundation/components/_badge.scss
-- _sass/foundation/components/_breadcrumbs.scss
-- _sass/foundation/components/_button-group.scss
-- _sass/foundation/components/_button.scss
-- _sass/foundation/components/_callout.scss
-- _sass/foundation/components/_close-button.scss
-- _sass/foundation/components/_drilldown.scss
-- _sass/foundation/components/_dropdown-menu.scss
-- _sass/foundation/components/_dropdown.scss
-- _sass/foundation/components/_flex-video.scss
-- _sass/foundation/components/_flex.scss
-- _sass/foundation/components/_float.scss
-- _sass/foundation/components/_label.scss
-- _sass/foundation/components/_media-object.scss
-- _sass/foundation/components/_menu-icon.scss
-- _sass/foundation/components/_menu.scss
-- _sass/foundation/components/_off-canvas.scss
-- _sass/foundation/components/_orbit.scss
-- _sass/foundation/components/_pagination.scss
-- _sass/foundation/components/_progress-bar.scss
-- _sass/foundation/components/_reveal.scss
-- _sass/foundation/components/_slider.scss
-- _sass/foundation/components/_sticky.scss
-- _sass/foundation/components/_switch.scss
-- _sass/foundation/components/_table.scss
-- _sass/foundation/components/_tabs.scss
-- _sass/foundation/components/_thumbnail.scss
-- _sass/foundation/components/_title-bar.scss
-- _sass/foundation/components/_tooltip.scss
-- _sass/foundation/components/_top-bar.scss
-- _sass/foundation/components/_visibility.scss
-- _sass/foundation/forms/_checkbox.scss
-- _sass/foundation/forms/_error.scss
-- _sass/foundation/forms/_fieldset.scss
-- _sass/foundation/forms/_forms.scss
-- _sass/foundation/forms/_help-text.scss
-- _sass/foundation/forms/_input-group.scss
-- _sass/foundation/forms/_label.scss
-- _sass/foundation/forms/_meter.scss
-- _sass/foundation/forms/_progress.scss
-- _sass/foundation/forms/_range.scss
-- _sass/foundation/forms/_select.scss
-- _sass/foundation/forms/_text.scss
-- _sass/foundation/foundation.scss
-- _sass/foundation/grid/_classes.scss
-- _sass/foundation/grid/_column.scss
-- _sass/foundation/grid/_flex-grid.scss
-- _sass/foundation/grid/_grid.scss
-- _sass/foundation/grid/_gutter.scss
-- _sass/foundation/grid/_layout.scss
-- _sass/foundation/grid/_position.scss
-- _sass/foundation/grid/_row.scss
-- _sass/foundation/grid/_size.scss
-- _sass/foundation/settings/_settings.scss
-- _sass/foundation/typography/_alignment.scss
-- _sass/foundation/typography/_base.scss
-- _sass/foundation/typography/_helpers.scss
-- _sass/foundation/typography/_print.scss
-- _sass/foundation/typography/_typography.scss
-- _sass/foundation/util/_breakpoint.scss
-- _sass/foundation/util/_color.scss
-- _sass/foundation/util/_flex.scss
-- _sass/foundation/util/_mixins.scss
-- _sass/foundation/util/_selector.scss
-- _sass/foundation/util/_unit.scss
-- _sass/foundation/util/_util.scss
-- _sass/foundation/util/_value.scss
-- _sass/jquery-ui.scss
 - _sass/layouts/_cast.scss
 - _sass/layouts/_kandidatka.scss
-- _sass/main.scss
-- _sass/minima.scss
-- _sass/minima/_base.scss
-- _sass/minima/_layout.scss
-- _sass/minima/_syntax-highlighting.scss
 - _sass/objects/media.scss
 - _sass/objects/section.scss
 - _sass/objects/space.scss
-- _sass/scroll-top.scss
 - _sass/utilities/utilities.scss
 - assets/css/main.scss
 - assets/favicon/apple-touch-icon-114x114.png
@@ -302,11 +216,15 @@ files:
 - assets/img/posts/obrazek.u.tohoto.postu.jpg
 - assets/img/tiles/lightGrey.png
 - assets/img/tiles/tableOfContent.png
-- assets/js/common-libs.min.js
-- assets/js/custom.min.js
+- assets/js/apps.js
+- assets/js/apps/scroll-top/ScrollTop.vue
+- assets/js/apps/scroll-top/index.js
+- assets/js/apps/site-search/SiteSearch.vue
+- assets/js/apps/site-search/SiteSearchItemTemplate.vue
+- assets/js/apps/site-search/index.js
+- assets/js/index.js
 - assets/people/piratska-strana.png
 - assets/people/ppp.jpg
-- assets/snippet/profile.html
 homepage: http://www.pirati.cz
 licenses:
 - MIT

data/_includes/js/custom.js

@@ -1,245 +0,0 @@
-Foundation.Interchange.SPECIAL_QUERIES['medium down'] = 'screen and (max-width: 63.9375em)';
-$(document).foundation();
-$(document).on('replaced.zf.interchange', function(e)
-{
-  $(this).foundation();
-});
-$("button[data-toggle]").on("click", function()
-{
-  if ($(this).parent().hasClass("js-button-toggled"))
-  {
-    $(this).parent().removeClass("js-button-toggled");
-  }
-  else
-  {
-    $(this).parent().addClass("js-button-toggled");
-  }
-});
-window.onload = function() {};
-
-/**
-* Choice n random items from collection
-* @param {collection} data - collection
-* @param {integer} n -number of choicen
-**/
-var choice_n_random = function(data, n) {
-  n = (typeof n !== 'undefined') ?  n : 3;
-  var choice = [];
-  while(true) {
-    var value = data[Math.floor(Math.random()*data.length)];
-    if(value.description) {
-      choice.push(value);
-      if(choice.length == n) {
-        break;
-      }
-    }
-  }
-  return choice;
-};
-
-/**
-* Choice one person by uid
-* @param {collection} data
-* @param {string} uid
-**/
-var choice_person = function(data, uid, role) {
-  role = (typeof role !== 'undefined') ?  role : null;
-  var person = null;
-  var result = null;
-  $.each(data, function(index, person){
-    if(person.uid==uid) {
-      result=person;
-      result['role'] = role;
-      return;
-    }
-  });
-  if(result) {
-    return [result];
-  } else {
-    return [{'name': uid, 'role': role}];
-  }
-}
-
-/** @param {collection} data **/
-var choice_garant = function(data) { return choice_person(data, page_garant, 'garant'); };
-/** @param {collection} data **/
-var choice_leader = function(data) { return choice_person(data, page_leader, 'vedoucí týmu'); };
-/** @param {collection} data **/
-var choice_contact= function(data) { return choice_person(data, page_contact, 'kontaktní osoba'); };
-
-/**
- * Show people in the #people
- * @param {collection} data
- * @param {callback} who
- * @param {string} where - #id
- **/
-var show_people = function(data, who, where) {
-  if(where.length) { /* Only if proper div exists */
-    choice = who(data);
-    $.get(snippet_profile, function (template) {
-      var template=Handlebars.compile(template);
-      $.each(choice, function(index, value) {
-        var html = template(value);
-        $(where).append(html);
-      });
-    }, 'html')
-  }
-}
-
-/**
- * @param {collection} data
- **/
-var search = function(data) {
-  $("#searchsub").click(function() {
-    var exp = search.val();
-    var url = "https://www.google.cz/?q=inurl:pirati.cz+" + exp;
-    window.location.href = url;
-  });
-  $("#search").autocomplete({
-    source: data,
-    select: function( event, ui ) {
-      window.location.href = ui.item.value;
-    }
-  });
-}
-
-var back_top = function() {
-  $(window).scroll(function() {
-      if ($(this).scrollTop() > 50 ) {
-          $('.scrolltop:hidden').stop(true, true).fadeIn();
-      } else {
-          $('.scrolltop').stop(true, true).fadeOut();
-      }
-  });
-  $(function(){
-    $(".scroll").click(function(){
-      $("html,body").animate(
-        {scrollTop: $(".thetop").offset().top}, "1000");
-      return false
-    }
-  )});
-}
-
-/**
- * @param {collection} data
- **/
-var show_relatives = function(data) {
-  var ul = $("#relatives");
-  if(ul.length) {
-    var global_tags = data[0];
-
-    if(!page_tags.length) {
-      $('#relatives-box').hide();
-    }
-
-    $.each(page_tags, function(index, tag) {
-      $.each(global_tags[tag], function(index, post) {
-        if(post.url != page_url) {
-          var li = $('<li/>').appendTo(ul);
-          var a = $('<a/>').text(post.title).attr('href',post.url).appendTo(li);
-        }
-      });
-    });
-  }
-}
-
-/**
- * Make map of czech regions for pirati.cz/regiony
- * @param {collection} data
- **/
-var makemap = function(data) {
-  var settings = data[0].settings;
-
-  $(settings.id).width(settings.size.width);
-  $(settings.id).height(settings.size.height);
-  var R = Raphael(settings.id, settings.size.width, settings.size.height);
-
-  $("#region-description>div").hide();
-
-  var marked = null;
-  var i = 0;
-  var reg_list = $('#regions-list');
-  var reg_list2 = $('#regions-list-2');
-
-  var regions = data[0].regions;
-  $.each(regions, function(index, region) {
-    if(i < 7 ) {
-      var li = $('<li/>').appendTo(reg_list);
-      var span = $('<a/>').text(region.name).attr('href',region.url).appendTo(li);
-    } else {
-      var li2 = $('<li/>').appendTo(reg_list2);
-      var span2 = $('<a/>').text(region.name).attr('href',region.url).appendTo(li2);
-    }
-    i++;
-
-    var custom_attrs = {"title": region.name};
-    var attrs = $.extend(settings.region_attrs, custom_attrs);
-
-    if(settings.colors) {
-      region.color = Raphael.getColor();
-    } else {
-      region.color = "#666";
-    }
-    var path_def = null;
-    var reg_id = region.id;
-
-    $.each(region.paths, function(index, path) {
-      path = R.path(path).scale(
-        settings.size.scale,
-        settings.size.scale,
-        0,0).attr(attrs);
-
-        var click = function() {
-          window.open(region.url);
-        };
-        var dblclick = function() {
-          window.open(region.url);
-        };
-        var over = function() {
-          path.animate({fill: region.color}, 500).attr({'cursor': "pointer"});
-        };
-        var out = function() {
-          path.animate({fill: "#333"}, 500);
-        };
-
-        path[0].onclick = click;
-        path[0].ondblclick = dblclick;
-        path[0].onmouseover = over;
-        path[0].onmouseout = out;
-    });
-  });
-};
-
-$(function() {
-  /* Search */
-  $.get(api_search)
-    .done(search)
-    .fail(function(data) { console.log('Error in search:', data); });
-
-  /* Back to top */
-  back_top();
-
-  /* People and garant */
-  $.get(api_people)
-    .done(function(data) {
-      show_people(data, choice_n_random, $('#people'));
-      show_people(data, choice_garant,   $('#garant'));
-      show_people(data, choice_leader,   $('#leader'));
-      show_people(data, choice_contact,  $('#contact'));
-    })
-    .fail(function(data) { console.log('Error in relatives articles:', data); });
-
-  /* Relatives */
-  if($("#relatives").length) {
-    $.get(api_tags)
-      .done(function(data) { show_relatives(data) })
-      .fail(function(data) { console.log('Error in relatives articles:', data); });
-  }
-
-  /* Regions */
-  if($('#regions-map').length) {
-    $.get(api_regions)
-      .done(function(data) { makemap(data); })
-      .fail(function(data) { console.log("Error: map"); });
-  }
-});