editorial-autogestiva-jekyll-theme 0.2.8 → 0.3.0

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/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/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/submit.html

@@ -1 +1 @@
-<input type="submit" class="btn btn-success" value="{{ include.field[1].label[site.locale] }}" />
+<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/_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="availableDeliveryMethod"
-              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 form=site.data.forms.contacto 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>

data/_layouts/cart.html

@@ -0,0 +1,72 @@
+---
+layout: default
+---
+
+<section>
+  <h1>{{ page.title }}</h1>
+  <div class="content">
+    {{ content | replace: '<img ', '<img loading="lazy" ' | replace: '<iframe ', '<iframe loading="lazy" ' }}
+  </div>
+
+  <div
+    data-controller="order"
+    data-order-item-template="assets/templates/cart.html">
+
+    <div class="row no-gutters align-items-center font-weight-bold justify-content-center">
+      <div class="d-none d-lg-block col-lg-4 p-3">
+        <h4 class="m-0">{{ page.product }}</h4>
+      </div>
+
+      <div class="d-none d-lg-block col-lg-8">
+        <div class="row no-gutters align-items-center">
+          <div class="col-lg p-3">
+            <h4 class="m-0">{{ page.price }}</h4>
+          </div>
+
+          <div class="col-lg p-3">
+            <h4 class="m-0">{{ page.quantity }}</h4>
+          </div>
+
+          <div class="col-lg p-3">
+            <h4 class="m-0">{{ page.subtotal }}</h4>
+          </div>
+
+          <div class="col-lg-2 p-3">
+            <h4 class="m-0 sr-only">{{ page.remove }}</h4>
+          </div>
+        </div>
+      </div>
+
+      <div class="col-12" data-target="order.cart">
+      </div>
+    </div>
+
+    <div class="row no-gutters align-items-end">
+      <div class="order-last order-md-first col-12 col-md-6 col-lg-4 mt-3 mt-md-0">
+        <a href="?" class="btn btn-transparent black border text-uppercase">
+          {{ page.back }}
+        </a>
+      </div>
+
+      <div class="col-12 col-md-6 col-lg-8">
+        <div class="row no-gutters align-items-center">
+          <div class="col-lg"></div>
+
+          <div class="col-6 col-lg text-right">
+            <p class="font-weight-bold">{{ page.subtotal }}</p>
+          </div>
+
+          <div class="col-6 col-lg text-center">
+            <p class="font-weight-bold" data-target="order.subtotal">0</p>
+          </div>
+
+          <div class="col-lg-2"></div>
+
+          <div class="col-12">
+            <a href="{{ site.shipment.url }}" class="btn btn-block btn-primary text-uppercase">{{ site.shipment.title }}</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

data/_layouts/confirmation.html

@@ -0,0 +1,15 @@
+---
+layout: default
+---
+
+<section data-controller="cart-confirmation" data-clear>
+  <header>
+    <h1>{{ page.title }}</h1>
+  </header>
+
+  <div class="content">
+    {{ content }}
+  </div>
+
+  <a href="?" class="btn btn-primary text-uppercase">{{ page.back }}</a>
+</section>

data/_layouts/default.html

@@ -7,37 +7,57 @@
     <meta content="width=device-width, initial-scale=1.0" name="viewport">
     <meta name="theme-color" content="white"/>
     <meta name="color-scheme" content="light"/>
+    <meta name="referrer" content="strict-origin-when-cross-origin"/>
 
     <link href="assets/css/styles.css" rel="stylesheet">
 
+    {% comment %}
+    Webpack.  La configuración se pasa por variables de entorno, en
+    desarrollo hay que evitar el archivo .env (copiarlo de .env.example
+    si no existe.
+    {% endcomment %}
+    <link rel="preload" as="script" type="text/javascript" href="env.js" />
+    <script type="text/javascript" src="env.js"></script>
+    <script defer type="text/javascript" src="assets/js/pack.js"></script>
+
+    {% comment %}
+    Agregar otras tipografías.  Esto hace que las tipografías se carguen
+    lo más rápido posible y minimizar el tiempo en que se ven las del
+    navegador.  En Firefox todavía no está soportado.
+    {% endcomment %}
+    {% include_cached preload_font.html font='assets/fonts/forkawesome-webfont.woff2' %}
+
+    <link rel="icon" type="image/svg+xml" href="public/favicon.svg">
+    <link rel="alternate icon" href="public/favicon.ico">
+    <link rel="mask-icon" href="public/favicon.svg" color="white">
+
     {% seo %}
     {% feed_meta %}
   </head>
   <body>
+    <div id="header" data-turbolinks-permanent>
+      {%- include_cached notification.html -%}
+    </div>
+
     {% comment %}
       Como los libros nunca salen en el menú, podemos cachearlo
     {% endcomment %}
-
     {%- if page.layout == 'book' -%}
       {% include_cached navbar.html %}
     {%- else %}
       {% include navbar.html %}
     {%- endif -%}
 
-    <main class="container">
+    <main data-controller="stock" class="container mb-3">
       <div class="row justify-content-center d-print-block">
         <div class="col">
           {{ content }}
         </div>
       </div>
-
-      {%- if page.layout == 'editorial' -%}
-        {%- assign footer = false -%}
-      {%- else -%}
-        {%- assign footer = true -%}
-      {%- endif -%}
-
-      {% include_cached footer.html footer=footer %}
     </main>
+
+    {%- assign footer = page.layout | not: 'editorial' -%}
+    {% include_cached footer.html footer=footer %}
+    {% include floating_alert.html %}
   </body>
 </html>