observatorio-jekyll-theme 0.1.2

data/assets/templates/alert.html

@@ -0,0 +1,9 @@
+{% raw %}
+  <div class="alert alert-{{ type }} alert-dismissible" role="alert">
+    {{ content }}
+
+    <button data-action="notification#hide" type="button" class="close" aria-label="{{ site.i18n.close }}">
+      <span aria-hidden="true">&times;</span>
+    </button>
+  </div>
+{% endraw %}

data/assets/templates/cart.html

@@ -0,0 +1,67 @@
+{% raw %}
+{% for product in products %}
+  <div
+    class="border-bottom row no-gutters align-items-center justify-content-center mb-3 mb-md-0 pb-3 pb-md-0"
+    data-controller="cart"
+    data-cart-variant-id="{{ product.variant_id }}"
+    data-cart-image="{{ product.image }}"
+    data-cart-title="{{ product.title }}"
+    data-cart-extra="{{ product.extra | join: '|' }}"
+    data-cart-line-item-id="{{ product.line_item.id }}">
+    <div class="col-12 col-md-6 col-lg-4 p-3">
+      <div class="d-flex align-items-center flex-wrap">
+        <img class="mr-3" loading="lazy" src="{{ product.image }}" alt="{{ product.title }}" />
+
+        <div class="gray-600 align-middle mt-3 mt-md-0">
+          <h1 class="f-3 font-weight-bold m-0">{{ product.title }}</h1>
+          <p class="font-weight-light m-0">{{ product.extra | join: ', ' }}</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="col-12 col-md-6 col-lg-8">
+      <div class="row no-gutters align-items-center">
+        <div class="col-12 col-lg p-3">
+          <p class="font-weight-light gray-600 m-0 text-center">
+            <strong class="d-lg-none mr-3">{{ site.cart.price }}:</strong>
+            <span>
+              {{ product.line_item.attributes.price }} {{ product.line_item.attributes.currency }}
+            </span>
+          </p>
+        </div>
+
+        <div class="col-12 col-lg p-3">
+          <div class="form-group m-0">
+            <label for="cart-quantity-{{ product.variant_id }}" class="sr-only">{{ site.cart.quantity }}</label>
+            <input
+              class="form-control"
+              aria-describedby="cart-quantity-help-{{ production.variant_id }}"
+              type="number"
+              min="1"
+              data-target="cart.quantity"
+              value="{{ product.line_item.attributes.quantity }}" />
+          </div>
+        </div>
+
+        <div class="col-12 col-lg p-3">
+          <p class="font-weight-light gray-600 m-0 text-center">
+            <strong class="d-lg-none mr-3">{{ site.cart.subtotal }}:</strong>
+            <span data-target="cart.subtotal">
+              {{ product.line_item.attributes.discounted_amount }}
+            </span>
+
+            {{ product.line_item.attributes.currency }}
+          </p>
+        </div>
+
+        <div class="col-12 col-lg-2 text-center">
+          <button class="btn btn-transparent border-0 gray-600" data-action="cart#remove">
+            <i class="fa fa-trash-o fa-2x fa-fw"></i>
+            <span class="sr-only">{{ site.cart.remove }}</span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+{% endfor %}
+{% endraw %}

data/assets/templates/confirmation.html

@@ -0,0 +1,67 @@
+{% raw %}
+  <div>
+    <dl>
+      <dt>{{ site.confirmation.number }}</dt>
+      <dd>{{ order.number }}</dd>
+
+      <dt>{{ site.confirmation.delivery }}<dt>
+      <dd><address>{{ shipping_address.address1 }}, {{ shipping_address.city }} ({{ shipping_address.zipcode }})</address></dd>
+
+      <dt>{{ site.confirmation.email }}</dt>
+      <dd>{{ order.email }}</dd>
+    </dl>
+  </div>
+
+  <div class="">
+    <h1>{{ site.confirmation.your_order }}</h1>
+    <div class="row no-gutters align-items-center">
+      <div class="d-none d-md-block col-md-4">
+        <h2 class="f-3 font-weight-bold text-uppercase">{{ site.cart.product }}</h2>
+      </div>
+
+      <div class="d-none d-md-block col-md-4 pl-3">
+        <h2 class="f-3 font-weight-bold text-uppercase">{{ site.cart.price }}</h2>
+      </div>
+
+      <div class="d-none d-md-block col-md-4 pl-3">
+        <h2 class="f-3 font-weight-bold text-uppercase">{{ site.cart.subtotal }}</h2>
+      </div>
+
+      {% for product in products %}
+        <div class="col-12 col-md-4">
+          <h2 class="f-3 font-weight-bold text-uppercase d-md-none">{{ site.cart.product }}</h2>
+          <h2 class="f-3 font-weight-bold">{{ product.title }}</h2>
+          <p>{{ product.extra | join: ',' }}</p>
+        </div>
+
+        <div class="col-12 col-md-4 pl-md-3">
+          <h2 class="f-3 font-weight-bold text-uppercase d-md-none">{{ site.cart.price }}</h2>
+          <p>
+            {{ product.line_item.attributes.price }}
+            {{ product.line_item.attributes.currency }}
+          </p>
+        </div>
+
+        <div class="col-12 col-md-4 pl-md-3">
+          <h2 class="f-3 font-weight-bold text-uppercase d-md-none">{{ site.cart.subtotal }}</h2>
+          <p>
+            {{ product.line_item.attributes.discounted_amount }}
+            {{ product.line_item.attributes.currency }}
+          </p>
+        </div>
+      {% endfor %}
+
+      <div class="col-6 col-md-8 text-right border-top border-red pt-3">
+        <p>
+          {{ site.cart.subtotal }}
+        </p>
+      </div>
+
+      <div class="col-6 col-md-4 border-top border-red pt-3 pl-3">
+        <p>
+          {{ order.total }}
+        </p>
+      </div>
+    </div>
+  </div>
+{% endraw %}

data/assets/templates/payment_methods.html

@@ -0,0 +1,64 @@
+{% raw %}
+<form id="coupon" data-controller="cart-coupon" data-action="cart-coupon#apply"></form>
+
+<form
+  data-action="cart-payment-methods#pay"
+  data-target="cart-payment-methods.form">
+  {% for payment_method in payment_methods %}
+    <div class="custom-control custom-radio mt-3">
+      <input
+        class="custom-control-input"
+        type="radio"
+        data-target="cart-payment-methods.method"
+        name="payment_method_id"
+        id="payment_method_id_{{ payment_method.id }}"
+        value="{{ payment_method.id }}"
+        />
+
+      <label
+        class="font-weight-bold custom-control-label"
+        for="payment_method_id_{{ payment_method.id }}">
+        <h3>{{ payment_method.attributes.name }}</h3>
+
+        <p class="lead">{{ payment_method.attributes.description }}</p>
+      </label>
+    </div>
+  {% endfor %}
+
+  <div class="border-top pt-3 d-flex justify-content-between flex-wrap">
+    <div class="order-last order-md-first mt-3 mt-sm-0">
+      <a href="{{ back.url }}"
+          class="btn btn-transparent border border-black black text-uppercase">
+        {{ site.payment.back }}
+      </a>
+    </div>
+
+    <div class="order-first order-md-last">
+      <details class="w-100 mb-3">
+        <summary class="blue"><small>{{ site.i18n.cart.layouts.payment.promo_code }}</small></summary>
+
+        <div class="d-flex">
+          {% comment %}
+            Estos elementos pertenecen al formulario de cupones
+          {% endcomment %}
+          <div class="flex-grow-1 mr-2">
+            <label for="coupon_code" class="sr-only">{{ site.payment.promo_code }}</label>
+            <input form="coupon" type="text" id="coupon_code" name="coupon_code" required class="form-control" />
+            <div id="coupon-code-invalid" class="invalid-feedback"></div>
+          </div>
+
+          <div>
+            <input form="coupon" type="submit" value="Aplicar" class="btn btn-secondary" />
+          </div>
+        </div>
+      </details>
+
+      <input type="submit"
+        class="btn btn-primary btn-lg text-uppercase"
+        data-target="cart-payment-methods.submit"
+        disabled
+        value="{{ site.payment.next_step }} {{ cart.data.attributes.total | floor }} {{ cart.data.attributes.currency }}"/>
+    </div>
+  </div>
+</form>
+{% endraw %}

data/assets/templates/recover_order.html

@@ -0,0 +1,13 @@
+{% raw %}
+<div class="alert alert-{{ type }} alert-dismissible" role="alert" data-controller="cart">
+  {{ content }}
+
+  <button data-action="cart#recover notification#hide" type="button" class="btn btn-primary">
+    {{ site.i18n.recover_order }}
+  </button>
+
+  <button data-action="notification#hide" type="button" class="close" aria-label="{{ site.i18n.close }}">
+    <span aria-hidden="true">&times;</span>
+  </button>
+</div>
+{% endraw %}

data/assets/templates/results.html

@@ -0,0 +1,53 @@
+{% raw %}
+<section class="row no-gutters justify-content-center">
+  <header class="col-10 mb-3">
+    <h1>{{ q | capitalize }}</h1>
+  </header>
+
+  <div class="col-10 container">
+    <div class="row justify-content-start row-cols-1 row-cols-md-2">
+      {% for post in results %}
+        {%- if site.ignored_layouts contains post.layout -%}{%- continue -%}{%- endif -%}
+        {%- assign height = site.i18n.post.height -%}
+
+        <article class="col d-flex flex-column mb-3">
+          <a href="{{ post.url }}">
+            <picture>
+              <img
+                class="u-photo w-100 fit-cover h-{{ height }}"
+                loading="lazy"
+                itemprop="image"
+                src="{{ post.image.path | default: 'public/placeholder.png' }}"
+                alt="{{ post.image.description | default: post.title }}" />
+            </picture>
+          </a>
+
+          <div class="pl-3 pr-3 pb-3 d-flex flex-column">
+            <header class="position-relative">
+              <h1 class="f-4 mt-3">
+                <a
+                  class="black line-clamp-5"
+                  href="{{ post.url }}">
+                  <span>{{ post.title }}</span>
+                </a>
+              </h1>
+
+              <p>
+                <time datetime="{{ post.date }}">
+                  {{ post.date | date: site.i18n.date.format }}
+                </time>
+              </p>
+
+              <p>
+                {% for category in post.categories %}
+                  <a href="{{ category.url }}" class="badge badge-primary">{{ category.title }}</a>
+                {% endfor %}
+              </p>
+            </header>
+          </div>
+        </article>
+      {% endfor %}
+    </div>
+  </div>
+</section>
+{% endraw %}

data/assets/templates/shipping_methods.html

@@ -0,0 +1,38 @@
+{% raw %}
+<form
+  data-action="cart-shipping#payment"
+  data-target="cart-shipping.rates">
+  <input type="hidden" name="id" value="{{ shipping_method.id }}" />
+
+  <div class="row no-gutters justify-content-center">
+    {% for shipping_rate in shipping_rates %}
+      <div class="col-12">
+        <div class="custom-control custom-radio mt-3">
+          <input
+            class="custom-control-input"
+            type="radio"
+            {% if shipping_rate.attributes.selected %}
+              checked
+            {% endif %}
+            name="selected_shipping_rate_id"
+            id="order_shipments_attributes_selected_shipping_rate_id_{{ shipping_rate.id }}"
+            value="{{ shipping_rate.id }}"
+            />
+
+          <label
+            class="font-weight-bold custom-control-label"
+            for="order_shipments_attributes_selected_shipping_rate_id_{{ shipping_rate.id }}">
+            <span class="lead">{{ shipping_rate.attributes.name }}</span>
+            <br/>
+            {{ shipping_rate.attributes.display_cost }}
+          </label>
+        </div>
+      </div>
+    {% endfor %}
+
+    <div class="col-12 mt-3">
+      <input type="submit" class="btn btn-block btn-success" value="{{ site.shipment.next_step }}" />
+    </div>
+  </div>
+</form>
+{% endraw %}