Sailing & Cruising Logbooks

Ordering from the UK? Our logbooks are available on Amazon.co.uk (paperback and hardcover). Coil-bound and personalised editions aren't available to UK addresses.

Our webshop currently ships to the United States only. In you can buy our logbooks on Etsy or Amazon.

* Pairs with snippets/personalised-consent.liquid. * * What it does * - Reads the cart (GET /cart.js). If any line is a personalised variant * (option value "Personalised"/"Personalized" or SKU containing "-PERS-"), * the consent tickbox is shown and checkout is blocked until it is ticked. * - Tick -> POST /cart/update.js attributes["Personalised consent"] = * "Accepted – – wording v1" * Untick -> same attribute set to "" (clears it). * - Guards every checkout entry point it can see (cart page, cart drawer, * cart notification popup) with a capture-phase click/submit listener. * - Hides the cart's accelerated/express checkout buttons while consent is * missing, and hides "Buy it now" on product pages whenever a personalised * variant is selected (those buttons skip the cart, so they cannot be gated). * - Re-checks after any cart change (Horizon/Dawn events, fetch to /cart/*, * re-rendered drawers) so drawers stay in sync. * * Theme-level only: it cannot stop someone who opens a checkout URL directly or * has JavaScript disabled. See INSTALL.md "Limits". */ (function () { 'use strict'; if (window.__taffrailPersonalisedConsent) return; window.__taffrailPersonalisedConsent = true; var CONFIG = { attributeKey: 'Personalised consent', version: 'wording v1', optionValues: ['personalised', 'personalized'], skuToken: '-PERS-', cartParam: 'personalised_consent', msgRequired: 'Please tick the box above to confirm before you check out.', msgSaveFailed: "Sorry, we couldn't save your confirmation. Please tick the box again.", msgSaving: 'Saving your confirmation…', msgSaved: 'Confirmation saved. You can now check out.', msgRemoved: 'Confirmation removed.', msgBuyNow: 'Buy it now isn\u2019t available for personalised logbooks. Please add it to your cart and confirm the note there.' }; var ROOT = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) || '/'; if (ROOT.charAt(ROOT.length - 1) !== '/') ROOT += '/'; // Cart-level express buttons (Shop Pay, Apple Pay, PayPal …) rendered by // content_for_additional_checkout_buttons. Hidden via a class on so // section re-renders / morphing cannot undo it. var CART_EXPRESS = [ '.additional-checkout-buttons', '.cart__dynamic-checkout-buttons', 'shopify-accelerated-checkout-cart', '[data-shopify="dynamic-checkout-cart"]' ]; // Product-level "Buy it now" / accelerated buttons (). var PRODUCT_EXPRESS = [ '.shopify-payment-button', '.accelerated-checkout-block', 'shopify-accelerated-checkout', 'shopify-buy-it-now-button', '[data-shopify="payment-button"]' ]; var CHECKOUT_TRIGGERS = [ 'button[name="checkout"]', 'input[name="checkout"]', '#checkout', '#CartDrawer-Checkout', '.cart__checkout-button', 'a[href$="/checkout"]', 'a[href*="/checkout?"]', 'a[href*="/checkouts/"]' ].concat(CART_EXPRESS); var nativeFetch = window.fetch ? window.fetch.bind(window) : null; var state = { loaded: false, personalised: false, consented: false }; var refreshPromise = null; var savePromise = null; var refreshTimer = null; var renderQueued = false; var uid = 0; /* ---------------------------------------------------------------- utils */ function matchesAny(el, selectors) { if (!el || el.nodeType !== 1) return null; for (var i = 0; i < selectors.length; i++) { var hit = el.closest(selectors[i]); if (hit) return hit; } return null; } function isPersonalisedValue(v) { return CONFIG.optionValues.indexOf(String(v || '').trim().toLowerCase()) !== -1; } function isPersonalisedItem(item) { if (String(item.sku || '').toUpperCase().indexOf(CONFIG.skuToken) !== -1) return true; var owv = item.options_with_values || []; for (var i = 0; i < owv.length; i++) if (isPersonalisedValue(owv[i] && owv[i].value)) return true; var vo = item.variant_options || []; for (var j = 0; j < vo.length; j++) if (isPersonalisedValue(vo[j])) return true; return false; } function isConsentValue(v) { return typeof v === 'string' && v.indexOf('Accepted') === 0 && v.indexOf(CONFIG.version) !== -1; } function mustBlock() { return !state.loaded || (state.personalised && !state.consented); } function isVisible(el) { return !!(el && !el.hidden && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)); } function injectStyles() { if (document.getElementById('pc-consent-gate-styles')) return; var css = '[data-pc-hide]{display:none !important;}' + 'html.pc-consent-required ' + CART_EXPRESS.join(',html.pc-consent-required ') + '{display:none !important;}'; var style = document.createElement('style'); style.id = 'pc-consent-gate-styles'; style.textContent = css; (document.head || document.documentElement).appendChild(style); } /* ----------------------------------------------------------- cart state */ function applyCart(cart) { if (!cart || !cart.items) return; state.loaded = true; state.personalised = cart.items.some(isPersonalisedItem); var value = (cart.attributes || {})[CONFIG.attributeKey] || ''; state.consented = isConsentValue(value); // Tidy up: consent left over from a removed personalised item. if (!state.personalised && value && !savePromise) writeAttribute(''); render(); } function refresh() { if (!nativeFetch) return Promise.resolve(); if (refreshPromise) return refreshPromise; refreshPromise = nativeFetch(ROOT + 'cart.js', { credentials: 'same-origin', headers: { Accept: 'application/json' }, cache: 'no-store' }) .then(function (r) { return r.ok ? r.json() : null; }) .then(applyCart) .catch(function () {}) .then(function () { refreshPromise = null; }); return refreshPromise; } function scheduleRefresh(delay) { clearTimeout(refreshTimer); refreshTimer = setTimeout(refresh, delay == null ? 150 : delay); } function writeAttribute(value) { var attrs = {}; attrs[CONFIG.attributeKey] = value; return nativeFetch(ROOT + 'cart/update.js', { method: 'POST', credentials: 'same-origin', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify({ attributes: attrs }) }).then(function (r) { if (!r.ok) throw new Error('cart/update.js ' + r.status); return r.json(); }); } function saveConsent(checked, sourceBox) { var value = checked ? 'Accepted \u2013 ' + new Date().toISOString() + ' \u2013 ' + CONFIG.version : ''; setBusy(true, checked ? CONFIG.msgSaving : ''); var p = writeAttribute(value) .then(function (cart) { applyCart(cart); if (checked && !state.consented) throw new Error('not stored'); clearErrors(); announce(checked ? CONFIG.msgSaved : CONFIG.msgRemoved); return true; }) .catch(function () { state.consented = false; render(); showError(sourceBox, CONFIG.msgSaveFailed); return false; }) .then(function (ok) { if (savePromise === p) savePromise = null; setBusy(false); return ok; }); savePromise = p; return p; } /* ---------------------------------------------------------------- render */ function boxes() { return Array.prototype.slice.call(document.querySelectorAll('[data-personalised-consent]')); } function prepareBox(box) { if (box.__pcReady) return; box.__pcReady = true; var cb = box.querySelector('[data-pc-checkbox]'); var err = box.querySelector('[data-pc-error]'); // Guarantee unique ids when the snippet appears twice (cart page + drawer). if (cb && err) { uid += 1; var cbId = cb.id && document.querySelectorAll('[id="' + cb.id + '"]').length === 1 ? cb.id : 'PersonalisedConsent-js-' + uid; var errId = err.id && document.querySelectorAll('[id="' + err.id + '"]').length === 1 ? err.id : 'PersonalisedConsentError-js-' + uid; cb.id = cbId; err.id = errId; var label = box.querySelector('label[data-pc-label]'); if (label) label.setAttribute('for', cbId); cb.setAttribute('aria-describedby', errId); } if (cb) { cb.addEventListener('change', function () { boxes().forEach(function (b) { var other = b.querySelector('[data-pc-checkbox]'); if (other && other !== cb) other.checked = cb.checked; }); saveConsent(cb.checked, box); }); } } function render() { injectStyles(); var required = state.personalised && !state.consented; var root = document.documentElement; if (root.classList.contains('pc-consent-required') !== required) { root.classList.toggle('pc-consent-required', required); } if (state.loaded) { boxes().forEach(function (box) { prepareBox(box); if (box.hidden === state.personalised) box.hidden = !state.personalised; box.setAttribute('data-pc-required', state.personalised ? 'true' : 'false'); var cb = box.querySelector('[data-pc-checkbox]'); if (cb && !savePromise && cb.checked !== state.consented) cb.checked = state.consented; if (!required) clearError(box); }); } else { boxes().forEach(prepareBox); } updateProducts(); } function queueRender() { if (renderQueued) return; renderQueued = true; (window.requestAnimationFrame || setTimeout)(function () { renderQueued = false; render(); }); } function setBusy(busy, message) { boxes().forEach(function (box) { if (busy) box.setAttribute('aria-busy', 'true'); else box.removeAttribute('aria-busy'); }); if (message) announce(message); } function announce(message) { boxes().forEach(function (box) { var s = box.querySelector('[data-pc-status]'); if (s) s.textContent = message || ''; }); } function showError(box, message) { if (!box) return; var err = box.querySelector('[data-pc-error]'); var cb = box.querySelector('[data-pc-checkbox]'); if (err) { err.textContent = ''; // Re-insert text on the next tick so screen readers announce repeats. setTimeout(function () { err.textContent = message || CONFIG.msgRequired; }, 30); err.hidden = false; } if (cb) cb.setAttribute('aria-invalid', 'true'); box.classList.add('pc-consent--error'); } function clearError(box) { var err = box.querySelector('[data-pc-error]'); var cb = box.querySelector('[data-pc-checkbox]'); if (err && err.textContent) err.textContent = ''; if (cb && cb.hasAttribute('aria-invalid')) cb.removeAttribute('aria-invalid'); box.classList.remove('pc-consent--error'); } function clearErrors() { boxes().forEach(clearError); } /* -------------------------------------------------------- checkout gate */ function findBoxNear(trigger) { var scopes = [ trigger && trigger.closest('cart-drawer, cart-drawer-component, dialog, .cart-drawer, #CartDrawer, .drawer'), trigger && trigger.closest('main, #MainContent'), document ]; for (var i = 0; i < scopes.length; i++) { if (!scopes[i]) continue; var list = scopes[i].querySelectorAll('[data-personalised-consent]'); for (var j = 0; j < list.length; j++) if (isVisible(list[j])) return list[j]; } return null; } function serverSaysBlocked() { return boxes().some(function (box) { var cb = box.querySelector('[data-pc-checkbox]'); return box.getAttribute('data-pc-required') === 'true' && cb && !cb.checked; }); } function goToCheckout() { window.location.href = ROOT + 'checkout'; } function explainBlock(trigger) { var box = findBoxNear(trigger); if (box) { showError(box, CONFIG.msgRequired); var cb = box.querySelector('[data-pc-checkbox]'); try { box.scrollIntoView({ block: 'center', behavior: 'smooth' }); } catch (e) { box.scrollIntoView(); } if (cb) cb.focus({ preventScroll: true }); } else { // e.g. Dawn's "added to cart" popup has no room for the box: send them to the cart. window.location.href = ROOT + 'cart?' + CONFIG.cartParam + '=required'; } } function stop(event) { event.preventDefault(); event.stopPropagation(); if (event.stopImmediatePropagation) event.stopImmediatePropagation(); } function gateCheckout(event, trigger) { var isExpress = !!matchesAny(trigger, CART_EXPRESS); if (savePromise) { stop(event); if (!isExpress) savePromise.then(function (ok) { if (ok && !mustBlock()) goToCheckout(); }); return; } if (isExpress && !state.loaded) { // Express wallets can't be resumed programmatically: check, then let them click again. stop(event); refresh().then(function () { if (mustBlock()) explainBlock(trigger); }); return; } if (!state.loaded) { stop(event); refresh().then(function () { if (!state.loaded) { // Cart couldn't be read: fall back to what Liquid rendered on the page. if (serverSaysBlocked()) explainBlock(trigger); else goToCheckout(); return; } if (mustBlock()) explainBlock(trigger); else goToCheckout(); }); return; } if (mustBlock()) { stop(event); explainBlock(trigger); } } function onClick(event) { var target = event.target; if (!target || target.nodeType !== 1) return; if (target.closest('[data-personalised-consent]')) return; var buyNow = matchesAny(target, PRODUCT_EXPRESS); if (buyNow && !matchesAny(target, CART_EXPRESS)) { if (productScopeIsPersonalised(buyNow)) { stop(event); buyNow.setAttribute('data-pc-hide', ''); var note = findProductNote(buyNow); if (note) { note.hidden = false; var msg = note.querySelector('[data-pc-buy-now-msg]'); if (msg) { msg.hidden = false; msg.textContent = CONFIG.msgBuyNow; } } } return; } var trigger = matchesAny(target, CHECKOUT_TRIGGERS); if (trigger) gateCheckout(event, trigger); } function onSubmit(event) { var form = event.target; if (!form || form.tagName !== 'FORM') return; var submitter = event.submitter; var action = (submitter && submitter.getAttribute('formaction')) || form.getAttribute('action') || ''; var isCheckout = (submitter && submitter.name === 'checkout') || /\/checkout(s\/|\?|$)/.test(action); if (isCheckout) gateCheckout(event, submitter || form); } /* ------------------------------------------------- product page (Buy it now) */ var variantMapCache = new WeakMap(); function productScope(el) { return ( el.closest('[data-pc-scope], .buy-buttons-block, product-info, quick-add-modal, dialog, .shopify-section') || el.parentElement ); } function variantMap(scope) { var script = scope && scope.querySelector('script[data-pc-variants]'); if (!script) return null; if (variantMapCache.has(script)) return variantMapCache.get(script); var ids = []; try { ids = JSON.parse(script.textContent || '[]'); } catch (e) {} var set = {}; ids.forEach(function (id) { set[String(id)] = true; }); variantMapCache.set(script, set); return set; } function formIsPersonalised(form, scope) { var input = form.querySelector('[name="id"]'); var vid = input ? String(input.value) : ''; var map = variantMap(scope); if (map) return !!map[vid]; // Fallback when the snippet isn't rendered here: look at the selected option values. var picked = scope.querySelectorAll('input[type="radio"]:checked, select option:checked'); for (var i = 0; i < picked.length; i++) if (isPersonalisedValue(picked[i].value)) return true; return false; } function productScopeIsPersonalised(el) { var form = el.closest('form[action*="/cart/add"]'); var scope = productScope(el); if (!form && scope) form = scope.querySelector('form[action*="/cart/add"]'); return !!(form && scope && formIsPersonalised(form, scope)); } function findProductNote(el) { var scope = productScope(el); return scope ? scope.querySelector('[data-pc-product-note]') : null; } function updateProducts() { var forms = document.querySelectorAll('form[action*="/cart/add"]'); for (var i = 0; i < forms.length; i++) { var form = forms[i]; if (form.closest('cart-drawer, cart-notification, #cart-notification')) continue; var scope = productScope(form); if (!scope) continue; var personalised = formIsPersonalised(form, scope); var buttons = []; PRODUCT_EXPRESS.forEach(function (sel) { Array.prototype.push.apply(buttons, form.querySelectorAll(sel)); Array.prototype.push.apply(buttons, scope.querySelectorAll(sel)); }); buttons.forEach(function (b) { if (personalised && !b.hasAttribute('data-pc-hide')) b.setAttribute('data-pc-hide', ''); if (!personalised && b.hasAttribute('data-pc-hide')) b.removeAttribute('data-pc-hide'); }); var notes = scope.querySelectorAll('[data-pc-product-note]'); for (var n = 0; n < notes.length; n++) { if (notes[n].hidden === personalised) notes[n].hidden = !personalised; } } } // Horizon sets the hidden variant input programmatically (no change event), // so poll cheaply while product forms are on the page. var lastIds = ''; function pollVariantInputs() { var inputs = document.querySelectorAll('form[action*="/cart/add"] [name="id"]'); if (!inputs.length) return; var ids = ''; for (var i = 0; i < inputs.length; i++) ids += inputs[i].value + ','; if (ids !== lastIds) { lastIds = ids; updateProducts(); } } /* ------------------------------------------------------------- wiring */ function patchFetch() { if (!nativeFetch) return; var CART_WRITE = /\/cart\/(add|change|update|clear)(\.js)?(\?|$)/; window.fetch = function (input, init) { var url = typeof input === 'string' ? input : (input && input.url) || String(input || ''); var p = nativeFetch(input, init); if (CART_WRITE.test(url)) { p.then(function () { scheduleRefresh(200); }, function () {}); } return p; }; } function wireThemeEvents() { // Shopify standard storefront events (Horizon). ['shopify:cart:lines-update', 'shopify:cart:note-update', 'shopify:cart:discount-update', 'cart:update', 'cart:refresh'].forEach(function (name) { document.addEventListener(name, function (e) { var p = e && e.detail && e.detail.promise ? e.detail.promise : e && e.promise; if (p && typeof p.then === 'function') p.then(function () { scheduleRefresh(100); }, function () { scheduleRefresh(100); }); scheduleRefresh(400); }); }); ['shopify:product:select', 'variant:update', 'variant:selected'].forEach(function (name) { document.addEventListener(name, function () { setTimeout(updateProducts, 0); setTimeout(updateProducts, 350); }); }); // Dawn pub/sub. if (typeof window.subscribe === 'function' && typeof PUB_SUB_EVENTS !== 'undefined') { try { window.subscribe(PUB_SUB_EVENTS.cartUpdate, function () { scheduleRefresh(200); }); window.subscribe(PUB_SUB_EVENTS.variantChange, function () { setTimeout(updateProducts, 0); }); } catch (e) {} } document.addEventListener('change', function (e) { var t = e.target; if (t && t.closest && t.closest('[data-personalised-consent]')) return; setTimeout(updateProducts, 0); }, true); document.addEventListener('shopify:section:load', function () { scheduleRefresh(0); }); window.addEventListener('pageshow', function (e) { if (e.persisted) refresh(); }); } function watchDom() { if (!window.MutationObserver) return; var interesting = '[data-personalised-consent], script[data-pc-variants], form[action*="/cart/add"], ' + PRODUCT_EXPRESS.join(', ') + ', ' + CART_EXPRESS.join(', '); new MutationObserver(function (records) { for (var i = 0; i < records.length; i++) { var r = records[i]; if (r.type === 'attributes') { queueRender(); return; } for (var j = 0; j < r.addedNodes.length; j++) { var n = r.addedNodes[j]; if (n.nodeType === 1 && (n.matches(interesting) || n.querySelector(interesting))) { queueRender(); return; } } } }).observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['data-pc-hide', 'hidden'] }); } function handleCartParam() { var params; try { params = new URLSearchParams(window.location.search); } catch (e) { return; } if (params.get(CONFIG.cartParam) !== 'required') return; refresh().then(function () { if (!mustBlock()) return; var box = findBoxNear(null); if (box) { showError(box, CONFIG.msgRequired); var cb = box.querySelector('[data-pc-checkbox]'); if (cb) cb.focus(); } }); } function init() { injectStyles(); document.addEventListener('click', onClick, true); document.addEventListener('submit', onSubmit, true); patchFetch(); wireThemeEvents(); watchDom(); render(); refresh(); handleCartParam(); setInterval(pollVariantInputs, 400); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init(); })();