Tom Ford

Tom Ford

21 Products

Filter

Sort by

Subscribe today to hear first about our sales!

Eye Exam Booking

Eye Exam Booking

(416) 551-2020

glimpse8see@gmail.com

Hours
Monday to Friday: 12:00PM - 6:30PM
Saturday: 12:00PM - 5:00PM
Sunday: CLOSED
Holiday Hours
Monday, September 2, 2024: CLOSED

(416) 551-2020

glimpse8see@gmail.com

Hours
Monday to Friday: 12:00PM - 6:30PM
Saturday: 12:00PM - 5:00PM
Sunday: CLOSED
Holiday Hours
Monday, September 2, 2024: CLOSED

class SpzCustomCollectionSettings extends SPZ.BaseElement { constructor(element) { super(element); this.settings_ = null; } static deferredMount() { return false; } buildCallback = () => { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); } mountCallback = () => { this.getSettings(); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER;; } getSettings () { return this.xhr_.fetchJson('/api/whiteant/setting') .then((data) => { this.settings_ = data; document.documentElement.style.setProperty('--tryon-custom-color', data.color_style); var r = parseInt(data.color_style.substring(1, 3), 16); var g = parseInt(data.color_style.substring(3, 5), 16); var b = parseInt(data.color_style.substring(5, 7), 16); document.documentElement.style.setProperty('--tryon-custom-bg-color', `rgba(${r}, ${g}, ${b}, .1)`); this.trigger_('getSettingCallback', data); return data; }) .catch((err) => { console.log(err); }) } setupAction_ = () => { } trigger_(name, data) { const event = SPZUtils.Event.create(this.win, `spz-custom-collection-settings.${name}`, { data, }); this.action_.trigger(this.element, name, event); } } SPZ.defineElement('spz-custom-collection-settings', SpzCustomCollectionSettings)

class SpzCustomCollectionLogic extends SPZ.BaseElement { constructor(element) { super(element); this.has_tryon_list = {}; this.updateList = {}; this.settings_ = null; this.isTryon = false; this.model_img_ = ''; } static deferredMount() { return false; } buildCallback = () => { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); } mountCallback = async() => { } handlePopupExpose_ = async(productId) => { const cattleUtilApi = await SPZ.whenApiDefined(document.getElementById('spz_custom_cattle_util')); cattleUtilApi.impressListen('#tryon_modal',function(){ const {template_name} = window.SHOPLAZZA.meta.page; const pageMap = { collection: { card_name:'product_list' }, product: { card_name:'product_img' } } const eventParams = { ...commonTrackData, event_type: "popup_expose", card_name: pageMap[template_name]?.card_name, event_developer: "jozy", event_info: JSON.stringify({ action_type: 'glass_try_on', popup_name: "tryon_popup", product_id: productId, from_element_type: "button", from_element_name: "try_on" }) } window.sa && window.sa.track("function_expose", eventParams); window.spzutm && window.spzutm.registerParams('add_to_cart', eventParams ); }) } observe_ = async(e) => { const that = this; const setting = await SPZ.whenApiDefined(document.getElementById('cattle_collection_settings')); this.settings_ = setting.settings_; if(!this.settings_.collection_page_tryon_enable) return; SPZCore.Dom.waitForChild(document.body, ()=>!!document.getElementById('collection-list'), () => { SPZUtils.Event.listen(document.getElementById('collection-list'),'spz-list.dom-update',(e)=>{ const list = document.getElementById('collection-list'); const observer = new MutationObserver(function () { if(!!list.querySelector('shoplazza-product-snippet div,.shoplazza-product-snippet div')){ that.renderBtn(e.detail.data); observer.disconnect(); } }) observer.observe(list, { subtree: true, childList: true }); }); that.renderBtn(); }) } renderBtn = async(data) => { const list = document.getElementById('collection-list'); const productDom = list.querySelectorAll('shoplazza-product-snippet,.shoplazza-product-snippet'); let ids = []; if(data) { ids = data.map(p => p.id); } else { ids = Array.from(productDom).map(p => p.getAttribute('product-id')); } this.xhr_.fetchJson('/api/whiteant/tryon_products', { method: 'post', body: { product_ids: ids } }).then(async res => { const products = res.products; if(!products) return; const that_ = this; products.forEach(p => { that_.has_tryon_list[p.product_id] = p.variant_id; }) Array.from(productDom).forEach(p => { if(that_.has_tryon_list[p.getAttribute('product-id')]) { const btn = document.createElement('button'); btn.classList.add('cattle-collection-tryon-btn'); btn.innerHTML = `<svg style="margin-right: 2px" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.09829 2.15625L8.11845 2.15638C8.78305 2.16488 9.37066 2.59308 9.58143 3.22491L10.5791 6.2156C10.8672 6.58219 11.0391 7.04447 11.0391 7.54688C11.0391 8.73773 10.0736 9.70312 8.88257 9.70312C7.69155 9.70312 6.72606 8.73773 6.72606 7.54688C6.72606 7.32213 6.76044 7.10543 6.82425 6.90171L5.20181 6.91015C5.26392 7.11139 5.29738 7.32523 5.29738 7.54688C5.29738 8.73773 4.33187 9.70312 3.14087 9.70312C1.94988 9.70312 0.984375 8.73773 0.984375 7.54688C0.984375 7.09268 1.12482 6.67128 1.36465 6.32374C1.3671 6.31105 1.37023 6.29836 1.37411 6.28574L1.37671 6.27763L2.39441 3.22673C2.60517 2.59491 3.19279 2.16671 3.85738 2.15822L3.87755 2.15808H4.79161C4.98514 2.15808 5.14205 2.31496 5.14205 2.50847C5.14205 2.69923 4.9896 2.85437 4.79988 2.85877L4.79161 2.85886H3.87755C3.51022 2.85886 3.18367 3.09137 3.06305 3.43738L3.05926 3.44846L2.36321 5.53508C2.60447 5.44179 2.8667 5.39062 3.14087 5.39062C3.82741 5.39062 4.43902 5.7114 4.83396 6.21123L7.15554 6.19922C7.16949 6.19915 7.18344 6.1999 7.1973 6.20147C7.59243 5.70722 8.20052 5.39062 8.88257 5.39062C9.13657 5.39062 9.38031 5.43454 9.60662 5.51517L8.91657 3.44664L8.91279 3.43555C8.79217 3.08954 8.4656 2.85703 8.09829 2.85703H7.18423L7.17595 2.85694C6.98623 2.85254 6.83379 2.69739 6.83379 2.50664C6.83379 2.31313 6.99068 2.15625 7.18423 2.15625H8.09829Z" fill="currentColor"/> </svg> Try on`; btn.onclick = async () => { const productId = p.getAttribute('product-id'); const eventParams = { ...commonTrackData, event_type: "click", card_name: 'product_list', event_developer: "jozy", event_info: JSON.stringify({ action_type: 'glass_try_on', element_type: "button", element_name: "try_on", product_id: productId }) } window.sa && window.sa.track('function_click', eventParams); const renderEl = document.getElementById('tryon_modal_render'); SPZ.whenApiDefined(renderEl).then((api) => { api.render({ settings: that_.settings_, variant_id: that_.has_tryon_list[p.getAttribute('product-id')], product_id: p.getAttribute('product-id')}, true).then((data) => { this.handlePopupExpose_(productId); const modalEl = document.getElementById('tryon_modal'); SPZ.whenApiDefined(modalEl).then((modal) => { modal.open(); }); const frame = document.querySelector('#tryon_custom'); SPZ.whenApiDefined(frame).then((api) => { const pdValueEl = document.getElementById('tryon_pd_input'); pdValueEl && pdValueEl.addEventListener('blur',function(e) { api.handlePdValidate(e.target); }) }); }); }); const videoFailRenderEl = document.getElementById('tryon_video_failed_modal_render'); SPZ.whenApiDefined(videoFailRenderEl).then((api) => { api.render({ settings: that_.settings_ }, true); }); } p.appendChild(btn); p.setAttribute('first-tryon-id', that_.has_tryon_list[p.getAttribute('product-id')]); this.tryon_(); } }) }) } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER;; } tryon_ = (e) => { const renderEl = document.getElementById('spz_custom_cattle_model_list'); SPZ.whenApiDefined(renderEl).then((api) => { api.renderFrame_(); }); } setupAction_ = () => { this.registerAction('listUpdate', (e) => { this.listUpdate(e.args.data.data); }) this.registerAction('observe_', (e) => { this.observe_(e); }) this.registerAction('tryon_', (e) => { this.tryon_(e); }) } } SPZ.defineElement('spz-custom-collection-logic', SpzCustomCollectionLogic)

class SpzCustomCollectionBtn extends SPZ.BaseElement { constructor(element) { super(element); this.settings_ = null; } buildCallback = () => { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); } mountCallback = () => { } render = (data) => { if(!data.data.collection_page_tryon_enable) return; return this.templates_ .findAndRenderTemplate(this.element, data.data) .then((el) => { const modelRender = document.getElementById('spz_custom_cattle_model_list'); el.onclick = () => { this.trackTryonClick_(); const modelList = document.querySelector('.cattle_model_list_wrap'); el.setAttribute('hidden', ''); if(modelList) { modelList.removeAttribute('hidden'); SPZ.whenApiDefined(modelRender).then((api) => { const tryonLocalList = localStorage.getItem('tryon_local_list'); api.local_list = (tryonLocalList && tryonLocalList != 'undefined') ? JSON.parse(tryonLocalList) : []; api.trying_ = true; api.dorender_(); }); } else { SPZ.whenApiDefined(modelRender).then((api) => { api.trying_ = true; api.render(); }); } } const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); const filter = document.querySelector('.collection_filter_container') || document.querySelector('.collection_title'); const list = document.getElementById('collection-list'); el.classList.add('md\:hidden'); filter && (filter.appendChild(el)); const element = el.cloneNode(true); element.classList.remove('md\:hidden'); element.onclick = () => { this.trackTryonClick_(); const modelList = document.querySelector('.cattle_model_list_wrap'); element.setAttribute('hidden', ''); if(modelList) { modelList.removeAttribute('hidden'); SPZ.whenApiDefined(modelRender).then((api) => { api.trying_ = true; api.renderFrame_(); }); } else { SPZ.whenApiDefined(modelRender).then((api) => { api.trying_ = true; api.render(); }); } } element.classList.add('lg\:hidden'); list && (list.closest('.page-container').insertBefore(element, list)); }); } trackTryonClick_ = () => { const eventParams = { ...commonTrackData, event_type: "click", card_name: 'product_list_header', event_developer: "jozy", event_info: JSON.stringify({ action_type: 'glass_try_on', element_type: "button", element_name: "try_on" }) } window.sa && window.sa.track('function_click', eventParams); } handlePopupExpose_ = async() => { const cattleUtilApi = await SPZ.whenApiDefined(document.getElementById('spz_custom_cattle_util')); cattleUtilApi.impressListen('#cattle_batch_upload_modal',function(){ const eventParams = { ...commonTrackData, event_type: "popup_expose", card_name: 'product_list_header', event_developer: "jozy", event_info: JSON.stringify({ action_type: 'glass_try_on', popup_name: "tryon_popup", from_element_type: "button", from_element_name: "try_on" }) } window.sa && window.sa.track("function_expose", eventParams); window.spzutm && window.spzutm.registerParams('add_to_cart', eventParams ); }) } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER;; } setupAction_ = () => { this.registerAction('render', (e) => { this.render(e.args.data); }) this.registerAction('trackPopupExpose', (e) => { // 弹窗曝光事件 this.handlePopupExpose_(); }) } } SPZ.defineElement('spz-custom-collection-tryon-btn', SpzCustomCollectionBtn)

class SpzCustomCattleModelList extends SPZ.BaseElement { constructor(element) { super(element); this.model_list = []; this.settings_ = {}; this.modelImg_ = ''; this.trying_ = false; } buildCallback = () => { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); } mountCallback = () => { } render = async () => { const viewport_ = this.getViewport(); const settings = document.querySelector('#cattle_collection_settings'); const settingsApi = await SPZ.whenApiDefined(settings); this.settings_ = settingsApi.settings_; const tryonLocalList = localStorage.getItem('tryon_local_list'); this.local_list = (tryonLocalList && tryonLocalList != 'undefined') ? JSON.parse(tryonLocalList) : []; this.model_list = this.local_list; if(this.settings_.model_image_enable) { this.model_list = [...this.model_list, ...this.settings_.applyed_face_model_images.map(i=>({src: i}))]; } this.modelImg_ = this.model_list.length ? this.model_list[0].src : 'https://img.staticdj.com/oss/operation/8974641d948641d15aa5dad8abcb9647.png'; return this.templates_ .findAndRenderTemplate(this.element, {imgList: this.model_list, width: viewport_.getWidth(), setting: this.settings_}) .then((el) => { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); let number = 6; if(viewport_.getWidth() >= 960) { const collection = document.querySelector('.collection_title'); collection.closest('.page-container').insertBefore(el, collection); } else { number = 5; const list = document.getElementById('collection-list'); list.closest('.page-container').insertBefore(el, list); } const btn = document.querySelector('.cattle_model_close_btn'); const next = document.querySelector('.next-btn'); const prev = document.querySelector('.prev-btn'); const scrollDom = document.querySelector('.cattle_model_list_img'); if(this.model_list.length <= number) { next.setAttribute('disabled', ''); prev.setAttribute('disabled', ''); } if(!this.model_list.length) { next.setAttribute('hidden', ''); prev.setAttribute('hidden', ''); } next.onclick = () => { const left = scrollDom.scrollLeft; const offset = number === 6 ? 92 : 62.5; scrollDom.scrollLeft = left + offset; } prev.onclick = () => { const left = scrollDom.scrollLeft; const offset = number === 6 ? 92 : 62.5; scrollDom.scrollLeft = left - offset; } btn.onclick = () => { document.querySelector('.cattle_model_list_wrap').setAttribute('hidden',''); document.querySelectorAll('.cattle_tryon_btn_wrap').forEach(d => d.removeAttribute('hidden')) document.querySelectorAll('.cattle_tryon_link').forEach(f => SPZCore.Dom.removeElement(f)); document.querySelectorAll('.product-snippet__img-wrapper').forEach(f => f.removeAttribute('style')); this.trying_ = false; document.querySelector(`[for=tryon_model_key_${0}]`).click(); } scrollDom.onscroll = () => { if(scrollDom.scrollLeft === 0) { prev.setAttribute('disabled', ''); } else { prev.removeAttribute('disabled'); } const offset = number === 6 ? 92 : 62.5; if(scrollDom.scrollLeft >= (this.model_list.length - number) * offset -12) { next.setAttribute('disabled', ''); } else { next.removeAttribute('disabled'); } } this.trying_ = true; this.renderFrame_(); }) } dorender_ = async (current=0) => { const tryonLocalList = localStorage.getItem('tryon_local_list'); this.local_list = (tryonLocalList && tryonLocalList != 'undefined') ? JSON.parse(tryonLocalList) : []; const viewport_ = this.getViewport(); this.model_list = this.local_list; let number = 6; if(this.settings_.model_image_enable) { this.model_list = [...this.model_list, ...this.settings_.applyed_face_model_images.map(i=>({src: i}))]; } const imgList = this.model_list; return this.templates_ .findAndRenderTemplate(this.element, {imgList, width: viewport_.getWidth(), setting: this.settings_}) .then((el) => { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); const list = document.querySelector('.cattle_model_list_wrap'); if(list.hasAttribute('hidden')) { el.setAttribute('hidden'); } list.closest('.page-container').replaceChild(el, list); if(viewport_.getWidth() < 960) { number = 5; } const btn = document.querySelector('.cattle_model_close_btn'); const next = document.querySelector('.next-btn'); const prev = document.querySelector('.prev-btn'); const scrollDom = document.querySelector('.cattle_model_list_img'); if(this.model_list.length <= number) { next.setAttribute('disabled', ''); prev.setAttribute('disabled', ''); } if(!this.model_list.length) { next.setAttribute('hidden', ''); prev.setAttribute('hidden', ''); } next.onclick = () => { const left = scrollDom.scrollLeft; const offset = number === 6 ? 92 : 62.5; scrollDom.scrollLeft = left + offset; } prev.onclick = () => { const left = scrollDom.scrollLeft; const offset = number === 6 ? 92 : 62.5; scrollDom.scrollLeft = left - offset; } btn.onclick = () => { document.querySelector('.cattle_model_list_wrap').setAttribute('hidden',''); document.querySelectorAll('.cattle_tryon_btn_wrap').forEach(d => d.removeAttribute('hidden')) document.querySelectorAll('.cattle_tryon_link').forEach(f => SPZCore.Dom.removeElement(f)); document.querySelectorAll('.product-snippet__img-wrapper').forEach(f => f.removeAttribute('style')); this.trying_ = false; document.querySelector(`[for=tryon_model_key_${0}]`).click(); } scrollDom.onscroll = () => { if(scrollDom.scrollLeft === 0) { prev.setAttribute('disabled', ''); } else { prev.removeAttribute('disabled'); } const offset = number === 6 ? 92 : 62.5; if(scrollDom.scrollLeft >= (this.model_list.length - number) * offset -12) { next.setAttribute('disabled', ''); } else { next.removeAttribute('disabled'); } } if(this.model_list.length) { document.querySelector(`[for=tryon_model_key_${current}]`).click(); } else { this.changeModel_({args: {data: 'https://img.staticdj.com/oss/operation/8974641d948641d15aa5dad8abcb9647.png'}}); } }).catch(err=>console.log(err)); } renderFrame_ = async () => { if(!this.trying_) return; const that_ = this; const list = document.getElementById('collection-list'); const productDom = list.querySelectorAll('shoplazza-product-snippet,.shoplazza-product-snippet'); const filterList = Array.from(productDom).filter(p => !!p.getAttribute('first-tryon-id')); if(!filterList.length) return; this.compressorImage(this.modelImg_); } compressorImage(url) { const name = url.split('/').pop(); const fileType = 'image/jpeg'; fetch(url) .then((res) => res.blob()) .then((blob) => { let file = new File([blob], name, { type: fileType }); this.compressorImageFile(url, file); }) .catch(err => { this.compressorImageFile(url, null); }); } compressorImageFile(url, file) { const fileThis = file; const that = this; if (fileThis) { let quality = 0.2; new Compressor(fileThis, { quality: quality, maxWidth: 300, maxHeight: 300, success: (result) => { const reader = new FileReader(); reader.readAsDataURL(result); reader.onloadend = function() { const base64data = reader.result; that.tryG2d(null, base64data); } }, error(err) { that.tryG2d(url, null); } }); } else { that.tryG2d(url, null); } } tryG2d = async(url, base64) => { const that_ = this; const list = document.getElementById('collection-list'); const productDom = list.querySelectorAll('shoplazza-product-snippet,.shoplazza-product-snippet'); const filterList = Array.from(productDom).filter(p => !!p.getAttribute('first-tryon-id')); if(!filterList.length) return; const body = { variant_ids: filterList.map(product => product.getAttribute('first-tryon-id')), } if(url) { body.image_url = url; } if(base64) { body.image_base64 = base64; } const tryon = await SPZServices.xhrFor(this.win).fetchJson('/api/whiteant/tryon', { method: 'POST', body }) if(!this.trying_) { document.querySelectorAll('.cattle_tryon_link').forEach(f => SPZCore.Dom.removeElement(f)); document.querySelectorAll('.product-snippet__img-wrapper').forEach(f => f.removeAttribute('style')); return; }; filterList.forEach(p => { p.querySelector('.cattle_tryon_link') && SPZCore.Dom.removeElement(p.querySelector('.cattle_tryon_link')); const width = p.querySelector('.product-snippet__img_main').offsetWidth; const scale = width / tryon.image_width; const modelHeight = scale * tryon.image_height; const modelImg = document.createElement('img'); modelImg.src = that_.modelImg_; modelImg.classList.add('modelImg'); modelImg.style.width = width; modelImg.style.height = modelHeight + 'px'; p.querySelector('.product-snippet__img-wrapper').style.height = modelHeight + 'px'; p.querySelector('.product-snippet__img-wrapper').style.overflow = 'hidden'; const link = p.querySelector('.product-snippet__img-link').href; const a = document.createElement('a'); a.classList.add('cattle_tryon_link'); a.href = link; a.appendChild(modelImg); p.appendChild(a); if(tryon.faces) { const frame = document.createElement('img'); frame.classList.add('frame_img'); const frameData = tryon.glasses.find(f =>f.variant_id === p.getAttribute('first-tryon-id')); frame.src = frameData.frame_img; frame.style.width = scale * frameData.frame_tryon[0].scale.width + 'px'; frame.style.height = scale * frameData.frame_tryon[0].scale.height + 'px'; frame.style.transform = 'rotateZ(' + (+frameData.frame_tryon[0].rotation.z) +'deg)'; frame.style.top = scale * frameData.frame_tryon[0].position.y - (parseFloat(frame.style.height) / 2) + 'px'; frame.style.left = scale * frameData.frame_tryon[0].position.x - (parseFloat(frame.style.width) / 2) + 'px'; frame.style.zIndex = 10; p.querySelector('.cattle_tryon_link').appendChild(frame); } p.setAttribute('tryon-ing', true); } ) } changeModel_ = (event) => { this.modelImg_ = event.args.data; this.renderFrame_(); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER;; } uploadCallback = (data) => { if(data) { const tryonLocalList = localStorage.getItem('tryon_local_list'); this.local_list = (tryonLocalList && tryonLocalList != 'undefined') ? JSON.parse(tryonLocalList) : []; this.local_list.unshift(data); if(this.local_list && this.local_list.length > 5) { this.local_list.length = 5; } localStorage.setItem('tryon_local_list', JSON.stringify(this.local_list)); } const modalList = document.querySelector('#cattle_batch_upload_modal'); modalList && SPZ.whenApiDefined(modalList).then(async api => { api.close(); }) const list = document.querySelector('.cattle_model_list_wrap'); if(list && !list.getAttribute('hidden')) { this.dorender_(0); } } removeModel = () => { const tryonLocalList = localStorage.getItem('tryon_local_list'); this.local_list = (tryonLocalList && tryonLocalList != 'undefined') ? JSON.parse(tryonLocalList) : []; const target = this.deleteSrc; this.local_list = this.local_list.filter(item => item.src !== target); localStorage.setItem('tryon_local_list', JSON.stringify(this.local_list)); let current = 0; this.model_list = [...this.local_list, ...this.settings_.applyed_face_model_images.map(i=>({src: i}))]; const imgList = this.model_list; imgList.forEach((v, i) => { if(v.src === this.modelImg_) { current = i; } }) const viewport_ = this.getViewport(); this.dorender_(current); } setupAction_ = () => { this.registerAction('render', (e) => { this.render(e); }) this.registerAction('changeModel_', (e) => { this.changeModel_(e); }) this.registerAction('resetModel', (e) => { document.querySelector(`[for=tryon_model_key_${0}]`).click(); }) this.registerAction('slideChange', (e) => { const index = e.args.data.index; const list = e.args.list.split(','); document.querySelector(`[for=tryon_model_key_${index}]`).click(); }) this.registerAction('remove', (e) => { this.deleteSrc = e.args.data; const modalEl = document.getElementById('tryon_collection_delete_model_modal'); SPZ.whenApiDefined(modalEl).then((modal) => { modal.open(); }); }) this.registerAction('removeModel', (e) => { try { this.removeModel(e); } catch { console.log('error') } }) } } SPZ.defineElement('spz-custom-cattle-model-list', SpzCustomCattleModelList)

class SpzCustomCollectionModal extends SPZ.BaseElement { constructor(element) { super(element); } buildCallback = () => { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER;; } setupAction_ = () => { this.registerAction('getSettings', (e) => { const list = document.querySelector('#cattle_collection_settings'); list && (SPZ.whenApiDefined(list).then(api => { const photo = document.querySelector('.cattle-collection-modal-left .photo'); const file = document.querySelectorAll('.file'); if(api.settings_.local_image_upload_enable) { file.forEach(f =>f.removeAttribute('hidden')); } if(api.settings_.photo_image_uploade_enable) { photo.removeAttribute('hidden'); } })); }) } } SPZ.defineElement('spz-custom-cattle-collection-modal', SpzCustomCollectionModal)

${data.title}

FT5925-D-B

FT5876-B

FT5880-B

FT0628

FT5504

FT0334

FT5479-B

FT0717

FT0751

FT0823

FT0320

FT0834-F

Recently Viewed