Gavin Terrill gterrill

Setting up Stack

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Boat Tracking Map</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.css" />
	<style>
	body, html {
	margin: 0;

	{% comment %}
	Products Assistant code used to figure out if components are sold out:
	https://gist.github.com/gterrill/6e6bac607961139d52f9f5276e34b450
	{% endcomment %}

	{% if template contains 'product' %}
	<script>
	window.bundleSync = {
	bundleMatrix: JSON.parse('{{ product.metafields.sva.bundle_matrix }}' \|\| '[]'),

	{% assign delivery_product = all_products['delivery'] %}

	<div class="cart-booking-form">
	<div>
	<label for="booking">Please enter the date for your order:</label>
	<input id="booking" type="text" name="attributes[Date]"
	value="{{ cart.attributes["Date"] }}"
	data-bta-product-config="{{ delivery_product.metafields.bookthatapp.config }}"
	data-duration="30"
	class="datepicker bta bta-dp-start required bta-load-enable" size="12" autocomplete="off"

	{% if has_items %}
	<script>
	document.addEventListener("DOMContentLoaded", function(event) {
	{% for item in cart.items %}
	$('.cart-item--quantity:nth-child({{ forloop.index }})')
	.empty()
	.append({{ item.quantity }})
	.append('<input type="hidden" value="{{ item.quantity }}" name="updates[]" id="updates_{{ item.key }}">');
	{% endfor %}
	});

	{% if line.variant.title != 'Default Title' %}
	<span class="order-list__item-variant">{{ line.variant.title }}</span>
	{% endif %}

	{% for p in line.properties %}
	<br/><span class="order-list__item-variant">{{ p.first }}: {{ p.last }}</span>
	{% endfor %}

	{% if line.product.tags contains 'foo' %}
	{% comment %} Special content for any product tagged 'Foo' goes here (e.g. location) {% comment %}

	{% comment %}
	This is used to figure out if components are sold out.

	Please see https://gist.github.com/gterrill/b77f0352982991bd1c748d0ab2b42b45 for more info
	{% endcomment %}

	<script>
	var bundleInfo = '{{ product.metafields.sva.bundle }}', bundle,
	bundles = [];

	// ============ Booking Form Snippet =============

	{% if product.metafields.bookthatapp.config %}
	<div class="booking-form">
	<div>
	{% capture attribute %}booking-start{% endcapture %}
	<label for="{{ attribute }}-{{ product.handle }}">From:</label>
	<input id="{{ attribute }}-{{ product.handle }}" type="text" name="properties[From]" size="12" class="datepicker bta required bta-load-enable bta-dp-start" disabled="disabled"
	data-handle="{{ product.handle }}" data-variant="{{ product.selected_or_first_available_variant.id }}"
	data-bta-product-config="{{ product.metafields.bookthatapp.config }}"

	{%- paginate collection.products by settings.pagination_limit -%}

	{%- assign product_ids = "" -%}
	{%- for product in collection.products -%}
	{%- capture product_ids -%}{{ product_ids }}{%- unless forloop.first -%},{%- endunless -%}{{ product.id }}{%- endcapture -%}
	{%- endfor -%}

	<div id="content">
	<div class="container">
	{% include 'breadcrumb' %}

	require 'rubygems'
	require 'mechanize'

	STORE = 'foo.myshopify.com'

	a = Mechanize.new

	# login
	a.get('https://app.shopify.com/services/partners/auth/login') do \|page\|
	page.form_with(action: '/services/partners/auth/login') do \|form\|