editorial-autogestiva-jekyll-theme 0.2.6 → 0.3.2

data/_includes/notification.html

@@ -0,0 +1,5 @@
+<div
+  data-controller="notification"
+  data-notification-templates="assets/templates/"
+  class="notification fixed-top w-100 fade collapse hide">
+</div>

data/_includes/number.html

@@ -0,0 +1 @@
+{% include input.html field=field %}

data/_includes/password.html

@@ -0,0 +1 @@
+{% include input.html field=include.field form=include.form %}

data/_includes/picture.html

@@ -0,0 +1,23 @@
+{% comment %}
+Imágenes responsive.  Esto logra que solo se carguen las versiones de
+las imágenes con el ancho máximo de la pantalla.
+
+TODO: Las imágenes en md y superior nunca llegan al ancho máximo así
+que tienen una resolución de más.
+{% endcomment %}
+{%- assign image = include.image.path | default: 'public/placeholder.png' %}
+{%- assign height = include.height | default: site.i18n.post.height -%}
+{%- assign width = include.width | default: '100' -%}
+
+<picture>
+  {% for size in site.images.sizes %}
+    <source srcset="{{ image | thumbnail: size }}" media="(max-width: {{ size }}px)" />
+  {% endfor %}
+
+  <img
+    class="u-photo w-{{ width }} {{ include.cover | equals: false | value_unless: 'fit-cover' }} h-{{ height }} {{ include.extra }}"
+    loading="lazy"
+    itemprop="{{ include.itemprop | default: 'image' }}"
+    src="{{ image | thumbnail: 1140 }}"
+    alt="{{ include.image.description | include.default_description }}" />
+</picture>

data/_includes/postal_code.html

@@ -0,0 +1,45 @@
+{% if include.form %}
+  {%- assign name = include.field[0] | append: ']' | prepend: '[' | prepend: include.form -%}
+  {%- assign id = include.field[1].id | default: name | replace: '[', '_' | remove: ']' -%}
+{% else %}
+  {%- assign name = include.field[0] -%}
+  {%- assign id = include.field[1].id | default: name %}
+{% endif %}
+
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign error = include.field[1].error[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-group" data-controller="postal-code" data-postal-code-group="{{ include.field[1].group }}">
+  <label for="{{ id }}">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  <input
+    name="{{ name }}"
+    id="{{ id }}"
+    data-target="postal-code.code"
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    type="{{ include.field[1].type }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    class="form-control" />
+
+  {%- if error -%}
+    <div class="invalid-feedback">{{ error }}</div>
+  {%- endif -%}
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

data/_includes/predefined_array.html

@@ -0,0 +1,39 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-group">
+  <label for="{{ id }}">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  <select
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    name="{{ name }}"
+    id="{{ id }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    class="form-control">
+
+    <option value="" selected></option>
+
+    {%- for option in include.field[1].values -%}
+      <option value="{{ option }}">{{ option }}</option>
+    {%- endfor -%}
+  </select>
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

data/_includes/preload_font.html

@@ -0,0 +1 @@
+<link rel="preload" as="font" type="font/woff2" crossorigin href="{{ include.font }}" />

data/_includes/search.html

@@ -0,0 +1,25 @@
+{%- assign param = include.param | default: 'search' -%}
+
+<form method="get" action="" class="form-inline" data-controller="search" data-action="search#search">
+  <div class="form-group">
+    <label for="{{ param }}_q" class="sr-only">{{ site.i18n.search.label }}</label>
+
+    <div class="input-group flex-nowrap">
+      <div class="input-group-prepend">
+        <span class="input-group-text fa fa-search border-0 pt-2"></span>
+      </div>
+
+      <input
+        class="border-0 form-control"
+        type="search"
+        required
+        id="{{ param }}_q"
+        name="q"
+        placeholder="{{ site.i18n.search.submit }}"
+        data-target="search.q"
+        autocomplete="off" />
+    </div>
+  </div>
+
+  <input class="sr-only" type="submit" value="{{ site.i18n.search.submit }}" />
+</form>

data/_includes/section.html

@@ -0,0 +1 @@
+<h2 id="{{ include.field[0] }}">{{ include.field[1].title }}</h2>

data/_includes/separator.html

@@ -0,0 +1 @@
+<hr/>

data/_includes/share.html

@@ -0,0 +1,22 @@
+{% capture url %}{{ site.url }}{{ include.url }}{% endcapture %}
+
+{% unless include.share.url == '%url' %}
+  {% assign url = url | default: '' | cgi_escape %}
+{% endunless %}
+{% assign title = include.title | default: '' | cgi_escape %}
+{% assign description = include.description | default: '' | cgi_escape %}
+{% assign tags = include.tags | join: ',' | default: '' | cgi_escape %}
+
+<a
+  {% if include.share.url == '%url' %}
+    download
+  {% else %}
+    target="_blank"
+  {% endif %}
+  rel="noopener nofollow"
+  title="{{ include.share.title }}"
+  class="d-flex flex-column align-items-center p-3"
+  href="{{ include.share.url | replace: '%url', url | replace: '%title', title | replace: '%description', description | replace: '%tags', tags }}">
+  <i class="fa fa-fw fa-2x fa-{{ include.share.icon }}"></i>
+  <span>{{ include.share.title }}</span>
+</a>

data/_includes/share_box.html

@@ -0,0 +1,16 @@
+<input type="checkbox" id="share" class="toggler" autocomplete="off" />
+
+<label class="share btn border btn-block" for="share">
+  {{ site.i18n.share.text }}
+  <i class="fa fa-{{ site.i18n.share.icon }}"></i>
+
+  <div class="share-box toggled d-flex align-items-center justify-content-center">
+    <div class="box background-white color-redpink row no-gutters align-items-center justify-content-center p-3">
+      {% for share in site.i18n.share.items %}
+        <div class="col-4">
+          {% include_cached share.html share=share url=include.url title=include.title description=include.description %}
+        </div>
+      {% endfor %}
+    </div>
+  </div>
+</label>

data/_includes/state.html

@@ -0,0 +1,53 @@
+{% if include.form %}
+  {%- assign name = include.field[0] | append: ']' | prepend: '[' | prepend: include.form -%}
+  {%- assign id = include.field[1].id | default: name | replace: '[', '_' | remove: ']' -%}
+{% else %}
+  {%- assign name = include.field[0] -%}
+  {%- assign id = include.field[1].id | default: name %}
+{% endif %}
+
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign error = include.field[1].error[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-group" data-controller="state" data-state-group="{{ include.field[1].group }}">
+  <label for="{{ id }}">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  <input data-target="state.id" type="hidden" name="{{ name }}" id="{{ id }}" value="" />
+
+  <input
+    data-target="state.name"
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    type="{{ include.field[1].type }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    name="{{ include.form }}_ignore_{{ include.field[0] }}"
+    id="{{ include.form }}_ignore_{{ include.field[0] }}"
+    disabled
+    list="list-{{ id }}"
+    class="form-control" />
+
+  {%- if error -%}
+    <div class="invalid-feedback">{{ error }}</div>
+  {%- endif -%}
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+
+  <datalist id="list-{{ id }}" data-target="state.list">
+  </datalist>
+</div>
+

data/_includes/string.html

@@ -0,0 +1,3 @@
+{% assign f = field %}
+{% assign f.type = 'text' %}
+{% include input.html field=f %}

data/_includes/submit.html

@@ -0,0 +1 @@
+<input type="submit" class="btn btn-block btn-success" value="{{ include.field[1].label[site.locale] }}" />

data/_includes/tel.html

@@ -0,0 +1 @@
+{% include input.html field=field %}

data/_includes/text.html

@@ -0,0 +1,32 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-group">
+  <label for="{{ id }}">
+    {% if include.field[1].required %}*{% endif %}
+    {{ label }}
+  </label>
+
+  <textarea
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    name="{{ name }}"
+    id="{{ id }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    class="form-control"></textarea>
+
+  {%- if .help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

data/_includes/url.html

@@ -0,0 +1 @@
+{% include input.html field=field %}

data/_layouts/book.html

@@ -2,7 +2,11 @@
 layout: default
 ---
 
-<article class="h-entry" itemscope itemtype="http://schema.org/Book">
+<article
+  {% include_cached cart_controller.html product=page extra=page.author %}
+  class="h-entry"
+  itemscope itemtype="http://schema.org/Book">
+
   <header>
     <h1 class="p-name" itemprop="name headline">{{ page.title | escape }}</h1>
 
@@ -15,8 +19,8 @@ layout: default
         class="dt-published"
         datetime="{{ page.date | date_to_xmlschema }}"
         itemprop="datePublished">
-        {%- assign date_format = site.i18n.date | default: "%b %-d, %Y" -%}
-        {{ page.date | date: date_format }}
+        {%- assign date_format = site.i18n.date.format | default: "%b %-d, %Y" -%}
+        {{ page.date | date_local: date_format }}
       </time>
 
       {%- for author in page.author -%}
@@ -31,7 +35,7 @@ layout: default
   </header>
 
   <div class="row">
-    <div class="col">
+    <div class="col-12 col-md">
       {%- if page.image.path -%}
         <picture>
           {% for size in site.images.sizes %}
@@ -58,101 +62,55 @@ layout: default
       </a>
       {%- endif %}
 
-      {%- if page.payment_url -%}
-      <a
-        href="{{ page.payment_url }}"
-        class="btn btn-success btn-block btn-lg">
-        {{ site.i18n.book.payment_url }}
-      </a>
-      {%- endif %}
+      {%- include_cached cart_add.html product=page -%}
     </div>
 
-    <div class="col">
-      {% comment %}
-        La disponibilidad del libro!
-      {% endcomment %}
+    <div class="col-12 col-md">
       <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
-        <h2>
-          <span itemprop="price">{{ page.price }}</span>
-          <span itemprop="priceCurrency">{{ page.currency }}</span>
-        </h2>
-
-        <dl>
-          <dt>{{ site.i18n.book.availability }}</dt>
-          {%- if page.availability -%}
-            <meta itemprop="availability"
-                  content="https://schema.org/InStock" />
-            <dd>{{ site.i18n.book.in_stock }}</dd>
-          {%- else -%}
-            <meta itemprop="availability"
-                  content="https://schema.org/OutOfStock" />
-            <dd class="out-of-stock">
-              {{ site.i18n.book.out_of_stock }}
-            </dd>
-          {%- endif -%}
-
-          <dt>{{ site.i18n.book.payment_methods }}</dt>
-          {%- for pm in page.payment_methods -%}
-            <dd>{{ site.i18n.book[pm].text }}</dd>
-            <meta
-              itemprop="acceptedPaymentMethod"
-              content="http://purl.org/goodrelations/v1#{{ site.i18n.book[pm].schema }}" />
-          {%- endfor -%}
-
-          <dt>{{ site.i18n.book.delivery_methods }}</dt>
-          {%- for dm in page.delivery_methods -%}
-            <dd>{{ site.i18n.book[dm].text }}</dd>
-            <meta
-              itemprop="acceptedPaymentMethod"
-              content="http://purl.org/goodrelations/v1#{{ site.i18n.book[pm].schema }}" />
-          {%- endfor -%}
-        </dl>
+        <p class="f-4">
+          <span data-stock-price>
+            <span itemprop="price">{{ page.price }}</span>
+            <span itemprop="priceCurrency">{{ site.cart.currency }}</span>
+          </span>
+          <meta itemprop="availability" content="https://schema.org/{{ page.in_stock | ternary: 'InStock', 'OutOfStock' }}" />
+        </p>
       </div>
 
       <dl>
-        <dt>{{ site.i18n.book.pages }}</dt>
-        <dd itemprop="numberOfPages">{{ page.pages }}</dd>
-
-        <dt>{{ site.i18n.book.size }}</dt>
-        <dd>{{ page.size }}</dd>
+        {%- if page.pages -%}
+          <dt>{{ site.i18n.book.pages }}</dt>
+          <dd itemprop="numberOfPages">{{ page.pages }}</dd>
+        {%- endif -%}
+
+        {%- assign divider = site.i18n.units.size.divider | default: 10 -%}
+        {%- assign width = page.width | divided_by: divider | floor -%}
+        {%- if width > 0 -%}
+          {%- assign height = page.height | divided_by: divider | floor -%}
+          {%- assign depth = page.depth | divided_by: divider | floor -%}
+          <dt>{{ site.i18n.book.size }}</dt>
+          <dd>
+            {{ width }}x{{ height }}{% if depth > 0 %}x{{ depth }}{% endif %} {{ site.i18n.units.size.name }}
+          </dd>
+        {%- endif -%}
       </dl>
 
       <div class="e-content" itemprop="abstract">
-        {{ content }}
+        {{ content | replace: '<img ', '<img loading="lazy" ' | replace: '<iframe ', '<iframe loading="lazy" ' }}
       </div>
     </div>
   </div>
 
-  <div class="row">
-    <div class="col">
-      {% include contact.html url=page.url %}
-    </div>
-  </div>
-
   <footer>
-    <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>
-      {{ site.url }}/{{ page.url }}
-    </a>
-
-    {%- if page.uuid -%}
-      <span hidden itemprop="identifier">{{ page.uuid }}</span>
-    {%- endif -%}
+    <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>{{ page.url | absolute_url }}</a>
+    <meta itemprop="identifier" content="{{ page.uuid }}"/>
+    <meta itemprop="keywords" content="{{ page.tags | join: ',' }},{{ page.categories | join: ',' }}" />
 
-    {%- if page.license.url -%}
-      <p itemprop="license" itemtype="http://schema.org/CreativeWork">
-        <a rel="license" itemprop="url" href="{{ page.license.url }}">
-          <span itemprop="articleBody">
-            {{ page.license.description }}
-          </span>
-        </a>
-      </p>
-    {%- endif -%}
+    {%- for tag in page.tags -%}
+      <span hidden class="h-category">{{ tag }}</span>
+    {%- endfor -%}
 
-    {%- if page.tags %}
-      <span itemprop="keywords" hidden>{{ page.tags | join: ', ' }}</span>
-      {%- for tag in page.tags -%}
-        <span hidden class="h-category">{{ tag }}</span>
-      {%- endfor -%}
-    {%- endif -%}
+    {%- for category in page.categories -%}
+      <span hidden class="h-category">{{ category }}</span>
+    {%- endfor -%}
   </footer>
 </article>