jekyll-theme-marketing 0.5.0 → 1.0.0

data/_includes/components/login/progressive.html

@@ -0,0 +1,89 @@
+<script type="text/javascript" src="{{ '/assets/node_modules/js-md5/build/md5.min.js' | relative_url }}"></script>
+
+<div class="container">
+  <div class="row" id="vg-mainbody">
+    <div class="col-sm-12 col-md-12 vg_component_box">
+      <div class="container-disabled">
+        <div class="login" id="donwload_login">
+          <div class="d-none page-header">
+            <div class="container">
+              <h1 class="title">{{ site.data.i18n.components.login[site.lang].login.title | default: 'Login'}}</h1>
+            </div>
+        	</div>
+          <form action="javascript:donwload_login()" method="post" class="form-validate form-horizontal well">
+            <fieldset>
+              <div class="control-group">
+                <div class="control-label">
+                  <label id="username-lbl" for="username" class="required">{{ site.data.i18n.components.login[site.lang].user.title | default: 'Login'}}</label>
+                </div>
+                <div class="controls">
+                  <input type="text" name="username" id="username" value="" class="validate-username required" size="25" required="" aria-required="true" autofocus="">
+                </div>
+              </div>
+              <div class="control-group">
+                <div class="control-label">
+                  <label id="password-lbl" for="password" class="required">{{ site.data.i18n.components.login[site.lang].password.title | default: 'Password'}}</label>
+                </div>
+                <div class="controls">
+                  <input type="password" name="password" id="password" value="" class="validate-password required" size="25" maxlength="99" required="" aria-required="true">
+                </div>
+              </div>
+              <div class="d-none control-group margin-bottom-only">
+                <div class="control-label">
+                  <label>{{ site.data.i18n.components.login[site.lang].remember-me.title | default: 'Login'}}</label>
+                  <div class="new-checkbox">
+                    <input id="remember" type="checkbox" name="remember" class="inputbox" value="yes">
+                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="15px" height="15px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+                      <polygon fill="#1e1e1e" points="9.298,13.391 4.18,9.237 3,10.079 9.297,17 17.999,4.678 16.324,3 "></polygon>
+                    </svg>
+                  </div>
+                </div>
+              </div>
+              <div id="donwload_alert" class="d-none alert alert-danger">
+                <div class="fas fa-exclamation-circle alert-icon fa-lg" data-fa-transform="up-1"></div>
+                <span>{{ site.data.i18n.components.login[site.lang].wrong-credentials.title | default: 'The user credentials are incorrect, please verify them and try again.'}}</span>
+              </div>
+              <div class="control-group">
+                <div class="controls">
+                  <button type="submit" class="btn btn-primary">{{ site.data.i18n.components.login[site.lang].login-button.title | default: 'Login'}}</button>
+                </div>
+              </div>
+            </fieldset>
+          </form>
+        </div>
+        <div class="d-none list-group article-links">
+          <a class="list-group-item" href="#" data-proofer-ignore>{{ site.data.i18n.components.login[site.lang].lost-password.title | default: 'Forgot your password?'}}</a>
+          <a class="list-group-item" href="#" data-proofer-ignore>{{ site.data.i18n.components.login[site.lang].lost-username.title | default: 'Forgot your username?'}}</a>
+        </div>
+        <div id="donwload_list" class="d-none">
+          <div class="page-header">
+            <div class="container">
+              <h4 class="title">{{ site.data.i18n.components.login[site.lang].downloads.title | default: 'Downloads'}}</h4>
+            </div>
+          </div>
+          {% for file in page.files %}
+            <div class="pb-2">
+              <a class="btn btn-primary btn-sm" href="{{ site.amazon-s3 }}/components/login/progressive/{{ file.filename }}" target="_blank">
+                <strong><i class="fas fa-download fa-lg" data-fa-transform="left-4"></i> {{ site.data.i18n.components.login[site.lang].download.title | default: 'Download'}}</strong>
+              </a>
+              <span class="download-resource">{{ file.name }}</span>
+            </div>
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script type="text/javascript">
+  function donwload_login(){
+    hash = md5(document.getElementById("username").value)+md5(document.getElementById("password").value);
+    if (hash == '{{ page.username | append: page.password }}'){
+      document.getElementById("donwload_login").classList.add("d-none");
+      document.getElementById("donwload_alert").classList.add("d-none");
+      document.getElementById("donwload_list").classList.remove("d-none");
+    } else {
+      document.getElementById("donwload_alert").classList.remove("d-none");
+    }
+  }
+</script>

data/_includes/components/logos/motorola.html

@@ -0,0 +1,3 @@
+<a class="d-block pt-5 pb-3" href="//www.motorolasolutions.com/" data-component="logos/motorola">
+  <img src="{{ site.amazon-s3 }}/components/logos/motorola/img/motorola.png" alt="Motorola" height="34" width="195">
+</a>

data/_includes/components/logos/progressive.html

@@ -0,0 +1,3 @@
+<a class="{{ include.class }}" href="{{ '/' | relative_url }}" data-component="logos/progressive">
+  <img src="{{ site.amazon-s3 }}/components/logos/progressive/img/{{ site.domain | replace:'.',' ' | truncatewords: 1,"" }}.png" alt="{{ site.title }}" class="logo-img" data-last-deploy="{{ site.time }}"/>
+</a>

data/_includes/components/maps/google-maps.html

@@ -0,0 +1,2 @@
+<div id="map" data-component="maps/google-maps"></div>
+{% include components/maps/google-maps.js %}

data/_includes/components/maps/google-maps.js

@@ -0,0 +1,96 @@
+<script>
+  var map;
+
+  // Set icons
+  let pin_image = 'https://s3-us-west-2.amazonaws.com/grupopv-public/assets/img/components/maps/google-maps/pin.png';
+  let cluster_image = 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m';
+
+  let markers_data = [
+    {{ include.markers }}
+  ]
+
+  function initMap() {
+    // Map configuration
+    var latlng = new google.maps.LatLng({{ include.lat }}, {{ include.lng }});
+    var mapOptions = {
+      zoom: {{ include.zoom }},
+      center: latlng
+    }
+
+    map = new google.maps.Map(document.getElementById('map'), mapOptions);
+    initClusters();
+  }
+
+  function initClusters() {
+    // Add a marker clusterer to manage the markers
+    var markerCluster = new MarkerClusterer(map, createMarkers(),
+       { imagePath: cluster_image }
+    );
+    hideMarkersOnLatLng(markerCluster, 0, 0);
+  }
+
+  function createMarkers() {
+    var markers = markers_data.map(function(location, i) {
+      var marker = new google.maps.Marker({
+        position: createLatLng(location.map_url),
+        icon: pin_image,
+        title: location.title
+      });
+      createInfoWindow(marker, location);
+      return marker;
+    });
+    return markers;
+  }
+
+  function createLatLng(url) {
+    // Create lat/long object
+    var location_latlng = new google.maps.LatLng(
+        getLat(url),
+        getLng(url),
+      );
+    return location_latlng;
+  }
+
+  function getLat(url) {
+    return url
+    .replace(/^.*!3d/,'')
+    .replace(/![23]m[23].*/,'')
+  }
+
+  function getLng(url) {
+    return url
+    .replace(/^.*!2d/,'')
+    .replace(/!3d.*/,'')
+  }
+
+  function createInfoWindow(marker, data) {
+    marker.addListener('click', function() {
+      var infowindow = new google.maps.InfoWindow({
+        content: infoWindowContent(data)
+      });
+      infowindow.open(map, marker);
+    });
+  }
+
+  function hideMarkersOnLatLng(cluster, lat, lng) {
+    markers = cluster.getMarkers();
+    for (var i = 0; i < markers.length; i++) {
+      if (markers[i].position.lat() == lat && markers[i].position.lng() == lng) {
+        cluster.removeMarker(markers[i]);
+        i--;
+      }
+    }
+  }
+
+  function infoWindowContent(data) {
+    return  `{{ include.info_window }}`;
+  }
+</script>
+
+<script
+  src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js">
+</script>
+
+<script async defer
+  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDfjCM3jZpjmX0oQdHrxEb_1cZWR_BL9WI&callback=initMap">
+</script>

data/_includes/components/maps/image-map.html

@@ -0,0 +1,21 @@
+<div class="title-box">
+  <h3>Aplicaciones del producto</h3>
+</div>
+
+<p>Para mayor información de los productos, es necesario dar clic sobre el artículo de interes.</p>
+
+<img src="{{ site.amazon-s3 }}/components/maps/image-map/img/{{ page.image-map.img }}/{{ page.image-map.img }}.jpg" usemap="#{{ page.image-map.img }}" alt="{{ page.image-map.img }}">
+
+<map name="{{ page.image-map.img }}">
+  {% for area in page.image-map.areas %}
+    <area target="_blank" alt="{{ area.title }}" title="{{ area.title }}" href="{{ area.href }}" coords="{{ area.coords }}" shape="{{ area.shape }}">
+  {% endfor %}
+</map>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-rwdImageMaps/1.6/jquery.rwdImageMaps.min.js"></script>
+
+<script>
+  $(document).ready(function(e) {
+  	$('img[usemap]').rwdImageMaps();
+  });
+</script>

data/_includes/components/megamenu/progressive.html

@@ -0,0 +1,35 @@
+<li class="item-3381{% if menu.sub-menus %}{{ ' deeper parent megamenu promo' }}{% endif %}" data-component="megamenu/progressive">
+  {% assign menu-name = menu.name | split: ' => ' | first %}
+  <a class="{% if menu.sub-menus %}dropdown-toggle{% endif %} disabled-ds" href="{{ menu.name | split: ' => ' | last }}" data-proofer-ignore>{{ site.data.i18n.catalog[menu.collection][site.lang][menu-name].title | default: menu-name }}</a>
+  <ul class="sub">
+    <li class="item-3471 divider-item fhmm-content">
+      <span class="">
+        <div class="custom">
+          <div class="sub-list"> <!-- START SECTIONS -->
+            {% for sub-menu in menu.sub-menus %}
+              {% assign sub-menu-name = sub-menu.name | split: ' => ' | first %}
+              {% if site.links.dropdown[sub-menu-name].disabled == null %}
+                <div class="box closed">
+                  <h6 class="title">
+                    <a href="{{ sub-menu.name | split: ' => ' | last | relative_url }}">
+                      {{ site.data.i18n.catalog[menu.collection][site.lang][sub-menu-name].title | default: sub-menu-name }}
+                    </a>
+                  </h6>
+                  <ul>
+                    {% for sub-sub-menu in sub-menu.sub-menus %}
+                      {% assign sub-sub-menu-name = sub-sub-menu | split: ' => ' | first %}
+                      <li><a href="{{ sub-sub-menu | split: ' => ' | last | relative_url }}">{{ site.data.i18n.catalog[menu.collection][site.lang][sub-sub-menu-name].title | default: sub-sub-menu-name }}</a></li>
+                    {% endfor %}
+                  </ul>
+                </div>
+              {% endif %}
+            {% endfor %}
+          </div> <!-- END SECTIONS -->
+          <div class="promo-block">
+            <a href="{{ menu.link }}"><img src="{{ site.amazon-s3 }}/assets/img/common/navbars/{{ menu.collection }}.png" alt="menu-{{ menu-collection }}"/></a>
+          </div>
+        </div>
+      </span>
+    </li>
+  </ul>
+</li>

data/_includes/{head/meta.html → components/meta/progressive.html}

@@ -4,5 +4,9 @@
 <meta name="keywords" content="{{ site.keywords }}" />
 <meta name="copyright" content="Copyright © {{ 'now' | date: "%Y" }} {{ site.author }}. All rights reserved." />
 <meta name="generator" content="Jekyll" />
-<link rel="icon" type="image/x-icon" href="{{ '/assets/img/common/favicon.ico' | relative_url }}" />
+<link rel="shortcut icon" href="{{ '/assets/img/common/favicon.png' | relative_url }}">
 <link rel="search" href="{{ '/assets/xml/opensearch.xml' | relative_url }}"  title="Search {{ site.title }}" type="application/opensearchdescription+xml" />
+
+<!-- Apple Safari -->
+<link rel="apple-touch-icon" href="{{ '/assets/img/common/favicon.png' | relative_url }}">
+<meta name="apple-mobile-web-app-title" content="{{ site.title }}">

data/_includes/components/modals/bootstrap.html

@@ -0,0 +1,124 @@
+<div class="modal fade" id="bootstrapModal" tabindex="-1" role="dialog" aria-labelledby="bootstrapModalCenterTitle" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="bootstrapModalCenterTitle"></h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">
+            <i class="fas fa-times fa-lg"></i>
+          </span>
+        </button>
+      </div>
+      <div class="modal-body">
+
+        <div class="row p-2">
+          <div class="col col-lg-5 d-none d-lg-flex align-items-center">
+            {% include components/logos/progressive.html %}
+          </div>
+          <div class="col col-lg-7 ml-auto">
+            <div class="card">
+              <div class="card-body">
+                <p class="mb-2">Estado: <b id="listItemStatus"></b></p>
+                <p class="mb-2">Fecha de creación: <b id="listItemCreatedAt"></b></p>
+                <p class="mb-0">Revisado por: <b id="listItemCreatedBy"></b></p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="card">
+          <div class="card-header">
+            <i class="fas fa-info-circle"></i> Datos del artículo
+          </div>
+          <div class="card-body">
+            <div class="row">
+              <div class="col-12 col-sm py-2">
+                Fabricante: <b id="listItemProductManufacturer"></b>
+              </div>
+              <div class="col-12 col-sm py-2">
+                Modelo: <b id="listItemProductModel"></b>
+              </div>
+              <div class="col-12 col-sm py-2">
+                Serie: <b id="listItemSerialNum"></b>
+              </div>
+              <div class="col-12 py-2">
+                Descripción: <b id="listItemProductDesc"></b>
+              </div>
+            </div>
+          </div>
+        </div>
+        <hr>
+
+        <div class="card d-none">
+          <div class="card-header">
+            <i class="fas fa-truck"></i> Paquetería de envío
+          </div>
+          <div class="card-body">
+            <div class="row">
+              <div class="col-12 col-sm py-2">
+                Paquetería de entrada: <b id="listItemSendParcel"></b>
+              </div>
+              <div class="col-12 col-sm py-2">
+                Número de rastreo: <b id="listItemSendTrackNum"></b>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="card">
+          <div class="card-header">
+            <i class="fas fa-briefcase-medical"></i> Detalle de la reparación
+          </div>
+          <div class="card-body">
+            <div class="row">
+              <div class="col-12 col-sm py-2">
+                Síntoma: <b id="listItemSymptom"></b>
+              </div>
+              <div class="col-12 col-sm py-2">
+                Falla: <b id="listItemProductFlaw"></b>
+              </div>
+              <div class="col-12 col-sm py-2">
+                Reparación: <b id="listItemRepairCode"></b>
+              </div>
+              <div class="col-12 py-2">
+                Solución: <b id="listItemSolution"></b>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="card d-none">
+          <div class="card-header">
+            <i class="fas fa-truck fa-flip-horizontal"></i> Paquetería de regreso
+          </div>
+          <div class="card-body">
+            <div class="row">
+              <div class="col-12 col-sm py-2">
+                Paquetería de salida: <b id="listItemReturnParcel"></b>
+              </div>
+              <div class="col-12 col-sm py-2">
+                Número de rastreo: <b id="listItemReturnTrackNum"></b>
+              </div>
+            </div>
+          </div>
+        </div>
+        <hr>
+
+        <div class="card">
+          <div class="card-header">
+            <i class="fas fa-user-check"></i> Repair Tracker
+          </div>
+          <div class="card-body">
+            <p>Monto a reembolsar: <b id="listItemAmount"></b></p>
+          </div>
+        </div>
+
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+{% include components/modals/bootstrap.js %}

data/_includes/components/modals/bootstrap.js

@@ -0,0 +1,26 @@
+<script type="text/javascript">
+  $('#bootstrapModal').on('show.bs.modal', function (event) {
+    var button = $(event.relatedTarget)
+    var modal = $(this)
+
+    // Extract info from data-* attributes
+    modal.find('.modal-title').text('Folio ' + button.data('id'))
+    modal.find('#listItemCreatedBy').text(button.data('created-by'))
+    modal.find('#listItemCreatedAt').text(button.data('created-at'))
+    modal.find('#listItemProductDesc').text(button.data('product-desc'))
+    modal.find('#listItemProductFlaw').text(button.data('product-flaw'))
+    modal.find('#listItemProductManufacturer').text(button.data('product-manufacturer'))
+    modal.find('#listItemProductModel').text(button.data('product-model'))
+    modal.find('#listItemRepairCode').text(button.data('repair-code'))
+    modal.find('#listItemSendParcel').text(button.data('send-parcel'))
+    modal.find('#listItemSendTrackNum').text(button.data('send-track-num'))
+    modal.find('#listItemReturnParcel').text(button.data('return-parcel'))
+    modal.find('#listItemReturnTrackNum').text(button.data('return-track-num'))
+    modal.find('#listItemSerialNum').text(button.data('serial-num'))
+    modal.find('#listItemSolution').text(button.data('solution'))
+    modal.find('#listItemStatus').text(button.data('status'))
+    modal.find('#listItemSymptom').text(button.data('symptom'))
+    modal.find('#listItemUpdatedBy').text(button.data('updated-by'))
+    modal.find('#listItemAmount').text(button.data('amount'))
+  })
+</script>

data/_includes/components/nav-items/bootstrap.html

@@ -0,0 +1,23 @@
+{% assign menu-name = menu.name | split: ' => ' | first %}
+{% if menu.sub-menus %}
+  <li class="nav-item dropdown" data-component="nav-items/bootstrap">
+    <a class="nav-link dropdown-toggle" href="{{ menu.name | split: ' => ' | last | relative_url }}" id="{{ menu-name }}-dropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-proofer-ignore>
+      {{ site.data.i18n.catalog[menu.collection][site.lang][menu-name].title | default: menu-name }}
+    </a>
+    <div class="dropdown-menu" aria-labelledby="{{ menu-name }}-dropdown">
+      {% for sub-menu in menu.sub-menus %}
+        {% assign sub-menu-name = sub-menu.name | split: ' => ' | first %}
+        {% if site.links.dropdown[sub-menu-name].disabled == null %}
+          <a class="dropdown-item" href="{{ sub-menu.name | split: ' => ' | last | relative_url }}">
+            {{ site.data.i18n.catalog[menu.collection][site.lang][sub-menu-name].title | default: sub-menu-name }}
+          </a>
+        {% endif %}
+      {% endfor %}
+    </div>
+  </li>
+{% else %}
+  <a class="nav-item nav-link" href="{{ menu.name | split: ' => ' | last | relative_url }}" data-component="nav-items/bootstrap">
+    {{ site.data.i18n.catalog[menu.collection][site.lang][menu-name].title | default: menu-name }}
+  </a>
+{% endif %}
+<!-- <a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a> -->