1<!DOCTYPE html> 2 3<html class="no-js css-scroll eds-theme-light" lang="en"> 4 <head> 5 <meta charset="utf-8" /> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <meta name="apple-mobile-web-app-status-bar-style" content="black"> 9 <meta name="mobile-web-app-capable" content="yes"> 10 11 12 <title>Tokyo Maki Sushi - Brampton in ON | Online Ordering</title> 13 <meta name="keywords" content="Tokyo Maki Sushi, Tokyo Maki Sushi brampton, Tokyo Maki Sushi menu, brampton chinese takeout, brampton japanese food, brampton sushi restaurants, sushi takeout, sushi near me, best sushi in brampton" /> 14 <meta name="description" content="Order Japanese online from Tokyo Maki Sushi - Brampton in Brampton, ON for dine in and takeout. Browse our menu and easily choose and modify your selection."> 15 16 <meta property="og:type" content="website"> 17 <meta property="og:title" content="Tokyo Maki Sushi - Brampton in ON | Online Ordering"> 18 <meta property="og:description" content="Order Japanese online from Tokyo Maki Sushi - Brampton in Brampton, ON for dine in and takeout. Browse our menu and easily choose and modify your selection."> 19 <meta property="og:image" content="https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/09115859-1976-4489-c3af-b3a4ac9fb900/public" /> 20 21 <meta name="twitter:card" content="summary_large_image"> 22 <meta name="twitter:title" content="Tokyo Maki Sushi - Brampton in ON | Online Ordering"> 23 <meta name="twitter:description" content="Order Japanese online from Tokyo Maki Sushi - Brampton in Brampton, ON for dine in and takeout. Browse our menu and easily choose and modify your selection."> 24 <meta name="twitter:image" content="https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/09115859-1976-4489-c3af-b3a4ac9fb900/public" /> 25 26 <link rel="shortcut icon" href="https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/2907a7db-5027-4a9c-eb46-d1b21d60a600/public" type="image/x-icon" /> 27 28 <link rel="canonical" href="https://www.tokyomakisushion.com/"/> 29 30 <link type="text/css" rel="stylesheet" href="/min/g=eds_css&1788377785" /> 31 <link type="text/css" rel="stylesheet" href="/min/g=css4.0&1788377785" /> 32 <link href="https://fonts.googleapis.com/css?family=Nunito:400,700|Open+Sans:400,600,700" rel="stylesheet" /> 33 <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css" /> 34
34<script src="https://kit.fontawesome.com/0208faa9a2.js" crossorigin="anonymous"></script>
34 35 36 <style> 37 .home_hero, .menu_hero{ background-image: url(https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/8c43c53d-5625-44d3-b742-6812f9614f00/public); } 38 @media 39 (-webkit-min-device-pixel-ratio: 1.25), 40 (min-resolution: 120dpi){ 41 /* Retina header*/ 42 .home_hero, .menu_hero{ background-image: url(https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/588074b8-0781-442b-9686-7f49e13a1e00/public); } 43 } 44 /*body{ } */ 45 46 47 </style> 48 49 50
50<script type="text/javascript"> 51 var UrlTag = "tokyomakisushibramptonon"; 52 var template = 'defaultv4'; 53 var formname = 'home'; 54 var menulink = 'https://www.tokyomakisushion.com/order/main-menu'; 55 var checkoutlink = 'https://www.tokyomakisushion.com/checkout'; 56 </script>
56 57
57<script> 58 /* http://writing.colin-gourlay.com/safely-using-ready-before-including-jquery/ */ 59 (function(w,d,u){w.readyQ=[];w.bindReadyQ=[];function p(x,y){if(x=="ready"){w.bindReadyQ.push(y);}else{w.readyQ.push(x);}};var a={ready:p,bind:p};w.$=w.jQuery=function(f){if(f===d||f===u){return a}else{p(f)}}})(window,document) 60 </script>
60 61 62
62<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Restaurant","@id":"https://www.tokyomakisushion.com/#restaurant","name":"Tokyo Maki Sushi - Brampton","url":"https://www.tokyomakisushion.com/","telephone":"+19054563988","address":{"@type":"PostalAddress","streetAddress":"2 Bartley Bull Pkwy","addressLocality":"Brampton","addressRegion":"ON","postalCode":"L6W 3P9","addressCountry":"CA"},"hasMap":"https://maps.google.com/?q=Tokyo Maki Sushi - Brampton, 2 Bartley Bull Pkwy, Brampton, ON, L6W 3P9","priceRange":"$$","potentialAction":{"@type":"OrderAction","target":"https://www.tokyomakisushion.com"},"servesCuisine":"Japanese","amenityFeature":[{"@type":"LocationFeatureSpecification","name":"Pick up","value":true},{"@type":"LocationFeatureSpecification","name":"Dine-in","value":true}],"image":{"@type":"ImageObject","contentLocation":"Brampton, ON","url":"https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/09115859-1976-4489-c3af-b3a4ac9fb900/public"},"geo":{"@type":"GeoCoordinates","name":"Tokyo Maki Sushi - Brampton","latitude":43.668161,"longitude":-79.735201},"hasMenu":[{"@id":"https://www.tokyomakisushion.com/order/main-menu#menu"}],"sameAs":["https://www.tripadvisor.com/Restaurant_Review-g154982-d4507617-Reviews-Tokyo_Maki_Sushi-Brampton_Ontario.html"],"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","opens":"11:00","closes":"22:00","dayOfWeek":["https://schema.org/Monday","https://schema.org/Tuesday","https://schema.org/Wednesday","https://schema.org/Thursday","https://schema.org/Friday","https://schema.org/Saturday","https://schema.org/Sunday"]}]},{"@type":"Menu","@id":"https://www.tokyomakisushion.com/order/main-menu#menu","url":"https://www.tokyomakisushion.com/order/main-menu","name":"Main Menu"}]}</script>
62 63<!-- Google Tag Manager -->
64<script> 65 window.dataLayer = window.dataLayer || []; 66 window.gtag = window.gtag || function gtag() { dataLayer.push(arguments); }; 67 gtag('js', new Date()); 68 69 let data = { 70 account: 'tokyomakisushibramptonon', 71 context: 'direct', 72 templateVersion: 4, 73 rid: 65, 74 } 75 dataLayer.push({ ...data, event: 'app_data_ready' });
vendor: 337 bytes, lines 75-81
75 76 77 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 78 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 79 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 80 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 81 })(window,document,'script','dataLayer','
81GTM-K9P93M
vendor: 4 bytes, line 81
81');
82</script>
vendor: 67 bytes, lines 82-84
82 83 84 <script async src="https://www.googletagmanager.com/gtag/js?id=
84G-1BBEQ3D6X0
vendor: 15 bytes, lines 84-86
84"></script> 85 86
86<script> 87 88 gtag('config', "G-1BBEQ3D6X0"); 89 </script>
89 90 91 92 93 <meta name="smartbanner:title" content="Tokyo Maki Sushi - Brampton"> 94 <meta name="smartbanner:author" content="Online Ordering"> 95 <meta name="smartbanner:price" content="FREE"> 96 <meta name="smartbanner:price-suffix-google" content=" "> 97 <meta name="smartbanner:button" content="VIEW"> 98 <meta name="smartbanner:button-url-google" content="https://play.google.com/store/apps/details?id=com.chinesemenuonline.tokyomakisushibramptonon"> 99 <meta name="smartbanner:enabled-platforms" content="android"> 100 <meta name="smartbanner:icon-google" content="https://ehc-west-0-bucket.s3.us-west-2.amazonaws.com/web/documents/tokyomakisushibramptonon/"> 101 </head> 102 103 <body 104 data-event-on:customer_registered="window.location.reload()" 105 data-event-on:customer_logged_in="window.location.reload()" 106 data-event-on:customer_logged_out="window.location.reload()" 107 > 108 <a class="skip-to-content-link" href="#main">Skip to content</a> 109 <aside aria-label="Accessibility"> 110 <a 111 href="https://www.tokyomakisushion.com/accessibility" 112 class="accessibility-statement-link eds_button btn btn-secondary btn-lg eds_button--shape-circle" 113 aria-label="Accessibility statement" 114 > 115 <i class="eds_icon fa fa-lg fa-person-limbs-wide" style="" aria-hidden="true"></i> </a> 116 </aside> 117 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 117-118
117 118 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
118GTM-K9P93M
vendor: 85 bytes, lines 118-119
118" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 119
119<!-- End Google Tag Manager (noscript) --> 120 <!-- wrapper starts --> 121 <div class="wrapper"> 122 <section style="grid-area: header-announcements" aria-label="Announcement"> 123 <div id="upgradeBrowserBanner" class="alert alert-warning mb-0 rounded-0 py-4" style="display:none;"> 124 <div class="alert-icon"><i class="fas fa-warning" aria-hidden="true"></i></div> 125 <div> 126 <strong>We're sorry, but the Web browser you are using is not supported.</strong> <br/> Please upgrade your browser or try a different one to use this Website. Supported browsers include:<br/> 127 <ul class="list-unstyled"> 128 <li class="mt-2"><a href="https://www.google.com/chrome" target="_blank" rel="noopener noreferrer" class="simple-link"><i class="fab fa-chrome"></i> Chrome</a></li> 129 <li class="mt-2"><a href="https://www.mozilla.com/firefox/upgrade.html" target="_blank" rel="noopener noreferrer" class="simple-link"><i class="fab fa-firefox"></i> Firefox</a></li> 130 <li class="mt-2"><a href="https://www.microsoft.com/en-us/windows/microsoft-edge" target="_blank" rel="noopener noreferrer" class="simple-link"><i class="fab fa-edge"></i> Edge</a></li> 131 <li class="mt-2"><a href="http://www.apple.com/safari/" target="_blank" rel="noopener noreferrer" class="simple-link"><i class="fab fa-safari"></i> Safari</a></li> 132 </ul> 133 </div> 134</div>
135<script> 136 var ua = navigator.userAgent; 137 var match = ua.match(/Firefox\/([0-9]+)\./); 138 var firefoxVersion = match ? parseInt(match[1]) : 1000; 139 var match = ua.match(/Chrome\/([0-9]+)\./); 140 var chromeVersion = match ? parseInt(match[1]) : 1000; 141 var isIE = ua.indexOf('MSIE') > -1 || ua.indexOf('Trident') > -1; 142 var upgradeBrowserBanner = document.getElementById('upgradeBrowserBanner'); 143 var isMatchesSupported = typeof(upgradeBrowserBanner.matches)!="undefined"; 144 var isEntriesSupported = typeof(Object.entries)!="undefined"; 145 //Safari version is verified with isEntriesSupported 146 if (isIE || !isMatchesSupported || !isEntriesSupported || firefoxVersion <= 46 || chromeVersion <= 53) { 147 upgradeBrowserBanner.style.display = 'flex'; 148 } 149</script>
149 150 <!-- get closed sign if applicable. --> 151 <div class="header-opensign" style="background-color:#fecece; font-size: .875em"> 152 Online ordering is closed until October 2nd at 11:00AM </div> 153 154 155 </section> 156 157 <!-- Header Starts --> 158 <div class="headerAndWtype" style="grid-area: header"> 159 <header class="header" style="background-color: var(--dot-header-background); color: var(--dot-header-color)"> 160 <div class="d-flex flex-column align-items-start flex-md-row align-items-md-center"> 161 <div class="logo_name_alt flex-shrink-0 d-flex align-items-center align-self-stretch pe-6 pe-md-0"> 162 <button class="eds_button btn btn-outline eds_menu_button" style="color: inherit" aria-label="Main menu" aria-expanded="false" data-bs-toggle="offcanvas" data-bs-target="#side-menu" aria-controls="side-menu" type="button"><span aria-hidden="true"></span><span aria-hidden="true"></span><span aria-hidden="true"></span></button> 163 <div class="d-flex flex-column align-items-center mx-auto align-items-md-start mx-md-0"> 164 <a 165 class="eds-display-text-title-xs text-truncate title-container" 166 href="https://www.tokyomakisushion.com" 167 aria-current="page" 168 > 169 Tokyo Maki Sushi - Brampton </a> 170 171 <span class="eds-copy-text-s-regular text-center text-md-start address-container" title="2 Bartley Bull Pkwy Brampton, ON L6W 3P9"> 172 2 Bartley Bull Pkwy Brampton, ON L6W 3P9 </span> 173 </div> 174 </div> 175 176 <div class="eds-display-text-title-s d-none d-md-block border-start mx-4" style="width: 0"> </div> 177 178 <div class="header_order_options d-flex align-items-center w-100 p-2p5 p-md-0"> 179 <div class="what"> 180 <button 181 type="button" 182 class="border-0 bg-transparent text-start" 183 data-bs-toggle="modal" 184 data-bs-target="#modal-order-options" 185 aria-haspopup="dialog" 186 style="min-height: 44px" 187> 188 <span class="visually-hidden">Order type: </span> 189 <div class="d-flex align-items-baseline gap-2"> 190 <div class="otype-name-label eds-copy-text-l-bold text-truncate" style="flex: 1" data-order-type-label> 191 Select Order Type </div> 192 193 <i class="fa fa-fw fa-caret-down"></i> 194 </div> 195 196 <div 197 class="otype-picker-label otype-address-label eds-interface-text-m-regular text-truncate hidden" 198 > 199 </div> 200</button> 201
202<script> 203 $(function() { 204 var $autoCompleteInputs = $('[data-autocomplete-address]'); 205 if ($autoCompleteInputs && $autoCompleteInputs.length) { 206 $autoCompleteInputs.each(function() { 207 let $input = $(this); 208 let $deliveryAddressContainer = $input.parents('.deliveryAddressContainer').first(); 209 $input.autocomplete({ 210 source : addressAC, 211 minLength: 3, 212 delay : 300, 213 select : function(event, ui) { 214 $.getJSON('/' + UrlTag + '/?form=addresslookup', { 215 id: ui.item.id, 216 }, function(data) { 217 let location = data 218 if (location.address.street.endsWith('Trl')) { 219 location.address.street = location.address.street.replace('Trl', 'Trail') 220 } 221 let autoCompleteSuccess = $input.data('autocomplete-success'); 222 if (autoCompleteSuccess) { 223 let autoCompleteSuccessFunction = window[autoCompleteSuccess]; 224 if (typeof autoCompleteSuccessFunction == "function") { 225 autoCompleteSuccessFunction(location); 226 } 227 } 228 229 let address = location.address 230 231 $('#add-address-city, [data-autocompleted-city]').val(address.city) 232 $('#add-address-state, [data-autocompleted-state]').val(address.stateCode) 233 $('#add-address-zip, [data-autocompleted-zip]').val(address.postalCode) 234 $('#add-address-latitude, [data-autocompleted-latitude]').val(location.position.lat) 235 $('#add-address-longitude, [data-autocompleted-longitude]').val(location.position.lng) 236 let streetAddress = (address.houseNumber || '') + ' ' + (address.street || ''); 237 $('#street-address-1, [data-autocompleted-street-address]').val(streetAddress) 238 validateAddress($deliveryAddressContainer); 239 }) 240 }, 241 }) 242 $input.attr('autocomplete', 'street-address') 243 }); 244 } 245 246 // autocomplete using Address autocomplete 247 // jquery autocomplete needs 2 fields: title and value 248 // id holds the LocationId which can be used at a later stage to get the coordinate of the selected choice 249 function addressAC(query, callback) { 250 //we don't actually want to search until they've entered the street number and at least one character 251 words = query.term.trim().split(' ') 252 if (words.length < 2) { 253 return false 254 } 255 256 $.getJSON('/' + UrlTag + '/?form=addresssuggest', { q: query.term }, function(data) { 257 var addresses = data.items 258 addresses = addresses.map(addr => { 259 if ((addr.address.label || '').endsWith('Trl')) { 260 addr.address.label = addr.address.label.replace('Trl', 'Trail') 261 } 262 let streetAddress = (addr.address.label || '') 263 return { 264 label: streetAddress, 265 value: streetAddress, 266 id : addr.id, 267 } 268 }) 269 270 return callback(addresses) 271 }) 272 } 273 274 $('[data-address-from-current-loc]').on('click', function(e) { 275 let $streetAddressContainer = $(this).parents('.street-address-container').first(); 276 let $deliveryAddressContainer = $(this).parents('.deliveryAddressContainer').first(); 277 e.preventDefault(); 278 if(navigator.geolocation) { 279 navigator.geolocation.getCurrentPosition(position => { 280 $.getJSON('/' + UrlTag + '/?form=addresssuggest', { 281 at: position.coords.latitude + "," + position.coords.longitude 282 }, function(data) { 283 let location = data.items[0]; 284 let address = location.address 285 $streetAddressContainer.find('.input-street-address').val((address.houseNumber ? address.houseNumber : '') + ' ' + (address.street ? address.street : '')); 286 $('#add-address-city').val(address.city ? address.city : ''); 287 $('#add-address-state').val(address.state ? address.state : ''); 288 $('#add-address-zip').val(address.postalCode ? address.postalCode : ''); 289 $('#add-address-latitude').val(location.position.lat ? location.position.lat : ''); 290 $('#add-address-longitude').val(location.position.lng ? location.position.lng : ''); 291 validateAddress($deliveryAddressContainer, 0); 292 }); 293 }); 294 } else { 295 alert("Geolocation is not supported by this browser!"); 296 } 297 }); 298 }); 299 300 function autoCompleteSuccess(location) 301 { 302 if (location && location.address) { 303 let address = location.address 304 305 let streetAddress = (address.houseNumber || '') + ' ' + (address.street || ''); 306 $.ajax({
307 url: '/' + UrlTag + '/?form=saveformfields', 308 data: { 309 'param_full~address_s_n_255': streetAddress + ', ' + address.city + ', ' + address.state, 310 'param_street~address_s_n_255': streetAddress, 311 'param_city_s_n_90': address.city, 312 'param_state_s_n_2': address.state, 313 'param_zip~code_z_n_10': address.postalCode, 314 } 315 }); 316 } 317 } 318</script>
318 319 </div> 320 321 </div> 322 323 <div class="position-absolute top-0 end-0 p-2"> 324 325 <div id="login-status" > 326 <button class="eds_button btn btn-outline px-2 text-nowrap" aria-label="Log in" style="color: currentColor" data-bs-toggle="modal" data-bs-target="#login-modal" type="button"><i class="eds_icon fa fa-lg fa-user-circle d-block d-lg-none" style="" aria-hidden="true"></i> <div class="d-none d-lg-flex align-items-baseline gap-2"><i class="eds_icon fa fa-user-circle" style="" aria-hidden="true"></i><div class="profile-container text-truncate">Log in</div></div></button> </div> 327 328 </div> 329 </div> 330 331 332 <div data-eds-id="6abf0cee2f7de" 333 class="eds_side_menu offcanvas offcanvas-start " 334 tabindex="-1" 335 aria-label="Side navigation" 336 id="side-menu" data-event-on:menu_selected="this.dispatchEvent(new CustomEvent('eds.hide'))" data-event-on:category_selected="this.dispatchEvent(new CustomEvent('eds.hide'))" > 337 338 <div class="eds_side_menu-body offcanvas-body d-flex flex-column pt-0 px-0 css-scroll" style="padding-bottom: 115px; scroll-padding-bottom: 115px;"> 339 <div 340 class="eds_side_menu-close position-absolute top-0 end-0 pt-3 pe-3 " 341 style="z-index: 1" 342 > 343 <button data-bs-dismiss="offcanvas" data-bs-target="[data-eds-id="6abf0cee2f7de"]" aria-label="Close" class="eds_button btn btn-outline-secondary eds_button--shape-circle" type="button"><i class="eds_icon fa fa-close" style="" aria-hidden="true"></i></button> </div> 344 345 <nav aria-labelledby="header-navigation-title"> 346 <h2 id="header-navigation-title" class="eds-display-text-title-m m-0 p-3">Pages</h2> 347<ul class="eds_list eds_list--border-none border-bottom"> 348 <li class="eds_list-item"> 349 <a class="d-block p-3 active" href="https://www.tokyomakisushion.com" aria-current="page"> 350 Home </a> 351 </li> 352 353 <li class="eds_list-item"> 354 <a 355 class="d-block p-3 " 356 href="https://www.tokyomakisushion.com/order" 357 aria-current="false" 358 > 359 Menu </a> 360 </li> 361 362 363 364 <li class="eds_list-item"> 365 <a class="d-block p-3 " href="https://www.tokyomakisushion.com/locationinfo" aria-current="false"> 366 Location & Hours </a> 367 </li> 368 369 <li class="eds_list-item"> 370 <a class="d-block p-3 " href="https://www.tokyomakisushion.com/contact" aria-current="false"> 371 Contact 372 </a> 373 </li> 374</ul> 375 </nav> 376 377 378 <div class="border-bottom border-light p-3"> 379 380 381 <details 382 class="eds_list eds_list--border-none" open data-menu-id="8717" 383 data-event-on:document_ready="this.open = localStorage.getItem('menu-open-8717') !== 'false'" 384 onclick="localStorage.setItem('menu-open-8717', !this.open)" 385 > 386 <summary class="eds-copy-text-l-regular list-unstyled rounded-3 mb-1 " tabindex="0"> 387 <h2 class="eds-display-text-title-m m-0 p-0"> 388 <i class="eds_icon fas fa-chevron-right" style="" aria-hidden="true"></i> Menu <span class="sr-only">19 categories</span> 389 </h2> 390 </summary> 391 <div class="mb-3"></div> 392 393 394 <a 395 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 396 data-event-on:category_pinned="(category) => { 397 const isCurrent = category.id === '201903'; 398 $(this).toggleClass('active', isCurrent); 399 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 400 }" 401 href="https://www.tokyomakisushion.com/order/main-menu/drinks" 402 aria-current="false" 403 onclick="if (!event.ctrlKey) { 404 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 405 if (currentMenuIsActive) { 406 app.event.emit('category_selected', { id: '201903' }); 407 } else { 408 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '201903' }); 409 } 410 }" 411 > 412 Drinks<span class="sr-only"> menu category</span> 413 <span class="ms-auto">2<span class="sr-only"> items available</span></span> 414 </a> 415 <a 416 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 417 data-event-on:category_pinned="(category) => { 418 const isCurrent = category.id === '104535'; 419 $(this).toggleClass('active', isCurrent); 420 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 421 }" 422 href="https://www.tokyomakisushion.com/order/main-menu/hot-dishes-appetizers" 423 aria-current="false" 424 onclick="if (!event.ctrlKey) { 425 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 426 if (currentMenuIsActive) { 427 app.event.emit('category_selected', { id: '104535' }); 428 } else { 429 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '104535' }); 430 } 431 }" 432 > 433 Hot Dishes Appetizers<span class="sr-only"> menu category</span> 434 <span class="ms-auto">13<span class="sr-only"> items available</span></span> 435 </a> 436 <a 437 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 438 data-event-on:category_pinned="(category) => { 439 const isCurrent = category.id === '104536'; 440 $(this).toggleClass('active', isCurrent); 441 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 442 }" 443 href="https://www.tokyomakisushion.com/order/main-menu/deep-fried-appetizers" 444 aria-current="false" 445 onclick="if (!event.ctrlKey) { 446 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 447 if (currentMenuIsActive) { 448 app.event.emit('category_selected', { id: '104536' }); 449 } else { 450 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '104536' }); 451 } 452 }" 453 > 454 Deep Fried Appetizers<span class="sr-only"> menu category</span> 455 <span class="ms-auto">16<span class="sr-only"> items available</span></span> 456 </a> 457 <a 458 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 459 data-event-on:category_pinned="(category) => { 460 const isCurrent = category.id === '104537'; 461 $(this).toggleClass('active', isCurrent); 462 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 463 }" 464 href="https://www.tokyomakisushion.com/order/main-menu/salad-soup" 465 aria-current="false" 466 onclick="if (!event.ctrlKey) { 467 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 468 if (currentMenuIsActive) { 469 app.event.emit('category_selected', { id: '104537' }); 470 } else { 471 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '104537' }); 472 } 473 }" 474 > 475 Salad / Soup<span class="sr-only"> menu category</span> 476 <span class="ms-auto">8<span class="sr-only"> items available</span></span> 477 </a> 478 <a 479 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 480 data-event-on:category_pinned="(category) => { 481 const isCurrent = category.id === '104538'; 482 $(this).toggleClass('active', isCurrent); 483 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 484 }" 485 href="https://www.tokyomakisushion.com/order/main-menu/common-roll" 486 aria-current="false" 487 onclick="if (!event.ctrlKey) { 488 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 489 if (currentMenuIsActive) { 490 app.event.emit('category_selected', { id: '104538' }); 491 } else { 492 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '104538' }); 493 } 494 }" 495 > 496 Common Roll<span class="sr-only"> menu category</span> 497 <span class="ms-auto">26<span class="sr-only"> items available</span></span> 498 </a> 499 <a 500 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 501 data-event-on:category_pinned="(category) => { 502 const isCurrent = category.id === '239663'; 503 $(this).toggleClass('active', isCurrent); 504 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 505 }" 506 href="https://www.tokyomakisushion.com/order/main-menu/hand-roll" 507 aria-current="false" 508 onclick="if (!event.ctrlKey) { 509 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 510 if (currentMenuIsActive) { 511 app.event.emit('category_selected', { id: '239663' }); 512 } else { 513 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '239663' }); 514 } 515 }" 516 > 517 Hand Roll<span class="sr-only"> menu category</span> 518 <span class="ms-auto">18<span class="sr-only"> items available</span></span> 519 </a> 520 <a 521 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 522 data-event-on:category_pinned="(category) => { 523 const isCurrent = category.id === '104540'; 524 $(this).toggleClass('active', isCurrent); 525 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 526 }" 527 href="https://www.tokyomakisushion.com/order/main-menu/chefs-special-roll" 528 aria-current="false" 529 onclick="if (!event.ctrlKey) { 530 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 531 if (currentMenuIsActive) { 532 app.event.emit('category_selected', { id: '104540' }); 533 } else { 534 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '104540' }); 535 } 536 }" 537 > 538 Chef's Special Roll<span class="sr-only"> menu category</span> 539 <span class="ms-auto">20<span class="sr-only"> items available</span></span> 540 </a> 541 <a 542 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 543 data-event-on:category_pinned="(category) => { 544 const isCurrent = category.id === '104539'; 545 $(this).toggleClass('active', isCurrent); 546 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 547 }" 548 href="https://www.tokyomakisushion.com/order/main-menu/brown-rice-roll" 549 aria-current="false" 550 onclick="if (!event.ctrlKey) { 551 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 552 if (currentMenuIsActive) { 553 app.event.emit('category_selected', { id: '104539' }); 554 } else { 555 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '104539' }); 556 } 557 }" 558 > 559 Brown Rice Roll<span class="sr-only"> menu category</span> 560 <span class="ms-auto">10<span class="sr-only"> items available</span></span> 561 </a> 562 <a 563 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 564 data-event-on:category_pinned="(category) => { 565 const isCurrent = category.id === '104541'; 566 $(this).toggleClass('active', isCurrent); 567 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 568 }" 569 href="https://www.tokyomakisushion.com/order/main-menu/sushi-pizza" 570 aria-current="false" 571 onclick="if (!event.ctrlKey) { 572 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 573 if (currentMenuIsActive) { 574 app.event.emit('category_selected', { id: '104541' }); 575 } else { 576 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '104541' }); 577 } 578 }" 579 > 580 Sushi Pizza<span class="sr-only"> menu category</span> 581 <span class="ms-auto">9<span class="sr-only"> items available</span></span> 582 </a> 583 <a 584 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 585 data-event-on:category_pinned="(category) => { 586 const isCurrent = category.id === '104542'; 587 $(this).toggleClass('active', isCurrent); 588 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 589 }" 590 href="https://www.tokyomakisushion.com/order/main-menu/sushi" 591 aria-current="false" 592 onclick="if (!event.ctrlKey) { 593 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 594 if (currentMenuIsActive) { 595 app.event.emit('category_selected', { id: '104542' }); 596 } else { 597 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '104542' }); 598 } 599 }" 600 > 601 Sushi<span class="sr-only"> menu category</span> 602 <span class="ms-auto">18<span class="sr-only"> items available</span></span> 603 </a> 604 <a 605 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 606 data-event-on:category_pinned="(category) => { 607 const isCurrent = category.id === '239664'; 608 $(this).toggleClass('active', isCurrent); 609 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 610 }" 611 href="https://www.tokyomakisushion.com/order/main-menu/sashimi" 612 aria-current="false" 613 onclick="if (!event.ctrlKey) { 614 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 615 if (currentMenuIsActive) { 616 app.event.emit('category_selected', { id: '239664' }); 617 } else { 618 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '239664' }); 619 } 620 }" 621 > 622 Sashimi<span class="sr-only"> menu category</span> 623 <span class="ms-auto">15<span class="sr-only"> items available</span></span> 624 </a> 625 <a 626 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 627 data-event-on:category_pinned="(category) => { 628 const isCurrent = category.id === '104543'; 629 $(this).toggleClass('active', isCurrent); 630 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 631 }" 632 href="https://www.tokyomakisushion.com/order/main-menu/wok-of-asia-japanese-dinner" 633 aria-current="false" 634 onclick="if (!event.ctrlKey) { 635 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 636 if (currentMenuIsActive) { 637 app.event.emit('category_selected', { id: '104543' }); 638 } else { 639 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '104543' }); 640 } 641 }" 642 > 643 Wok of Asia / Japanese Dinner<span class="sr-only"> menu category</span> 644 <span class="ms-auto">17<span class="sr-only"> items available</span></span> 645 </a> 646 <a 647 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 648 data-event-on:category_pinned="(category) => { 649 const isCurrent = category.id === '104544'; 650 $(this).toggleClass('active', isCurrent); 651 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 652 }" 653 href="https://www.tokyomakisushion.com/order/main-menu/wok-fried-udon-lo-mein" 654 aria-current="false" 655 onclick="if (!event.ctrlKey) { 656 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 657 if (currentMenuIsActive) { 658 app.event.emit('category_selected', { id: '104544' }); 659 } else { 660 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '104544' }); 661 } 662 }
662" 663 > 664 Wok Fried Udon / Lo Mein<span class="sr-only"> menu category</span> 665 <span class="ms-auto">6<span class="sr-only"> items available</span></span> 666 </a> 667 <a 668 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 669 data-event-on:category_pinned="(category) => { 670 const isCurrent = category.id === '239658'; 671 $(this).toggleClass('active', isCurrent); 672 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 673 }" 674 href="https://www.tokyomakisushion.com/order/main-menu/wok-fried-rice-don" 675 aria-current="false" 676 onclick="if (!event.ctrlKey) { 677 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 678 if (currentMenuIsActive) { 679 app.event.emit('category_selected', { id: '239658' }); 680 } else { 681 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '239658' }); 682 } 683 }" 684 > 685 Wok Fried Rice / Don<span class="sr-only"> menu category</span> 686 <span class="ms-auto">6<span class="sr-only"> items available</span></span> 687 </a> 688 <a 689 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 690 data-event-on:category_pinned="(category) => { 691 const isCurrent = category.id === '104546'; 692 $(this).toggleClass('active', isCurrent); 693 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 694 }" 695 href="https://www.tokyomakisushion.com/order/main-menu/party-tray" 696 aria-current="false" 697 onclick="if (!event.ctrlKey) { 698 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 699 if (currentMenuIsActive) { 700 app.event.emit('category_selected', { id: '104546' }); 701 } else { 702 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '104546' }); 703 } 704 }" 705 > 706 Party Tray<span class="sr-only"> menu category</span> 707 <span class="ms-auto">9<span class="sr-only"> items available</span></span> 708 </a> 709 <a 710 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 711 data-event-on:category_pinned="(category) => { 712 const isCurrent = category.id === '104545'; 713 $(this).toggleClass('active', isCurrent); 714 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 715 }" 716 href="https://www.tokyomakisushion.com/order/main-menu/daily-box" 717 aria-current="false" 718 onclick="if (!event.ctrlKey) { 719 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 720 if (currentMenuIsActive) { 721 app.event.emit('category_selected', { id: '104545' }); 722 } else { 723 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '104545' }); 724 } 725 }" 726 > 727 Daily Box<span class="sr-only"> menu category</span> 728 <span class="ms-auto">12<span class="sr-only"> items available</span></span> 729 </a> 730 <a 731 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 732 data-event-on:category_pinned="(category) => { 733 const isCurrent = category.id === '139924'; 734 $(this).toggleClass('active', isCurrent); 735 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 736 }" 737 href="https://www.tokyomakisushion.com/order/main-menu/special-dinner" 738 aria-current="false" 739 onclick="if (!event.ctrlKey) { 740 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 741 if (currentMenuIsActive) { 742 app.event.emit('category_selected', { id: '139924' }); 743 } else { 744 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '139924' }); 745 } 746 }" 747 > 748 Special Dinner<span class="sr-only"> menu category</span> 749 <span class="ms-auto">2<span class="sr-only"> items available</span></span> 750 </a> 751 <a 752 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 753 data-event-on:category_pinned="(category) => { 754 const isCurrent = category.id === '104547'; 755 $(this).toggleClass('active', isCurrent); 756 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 757 }" 758 href="https://www.tokyomakisushion.com/order/main-menu/lunch-special" 759 aria-current="false" 760 onclick="if (!event.ctrlKey) { 761 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 762 if (currentMenuIsActive) { 763 app.event.emit('category_selected', { id: '104547' }); 764 } else { 765 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '104547' }); 766 } 767 }" 768 > 769 Lunch Special<span class="sr-only"> menu category</span> 770 <span class="ms-auto">0<span class="sr-only"> items available</span></span> 771 </a> 772 <a 773 class="eds_list-item eds-copy-text-l-regular list-unstyled rounded-3 mb-1 px-3 px-lg-4 py-2p5 d-flex " 774 data-event-on:category_pinned="(category) => { 775 const isCurrent = category.id === '239652'; 776 $(this).toggleClass('active', isCurrent); 777 this.setAttribute('aria-current', isCurrent ? 'page' : 'false'); 778 }" 779 href="https://www.tokyomakisushion.com/order/main-menu/extra-sauce" 780 aria-current="false" 781 onclick="if (!event.ctrlKey) { 782 const currentMenuIsActive = true || $(this).closest('details').find('summary').hasClass('active'); 783 if (currentMenuIsActive) { 784 app.event.emit('category_selected', { id: '239652' }); 785 } else { 786 app.event.emit('menu_selected', { menu_id: '8717', menu_description: "", category_id: '239652' }); 787 } 788 }" 789 > 790 Extra Sauce<span class="sr-only"> menu category</span> 791 <span class="ms-auto">9<span class="sr-only"> items available</span></span> 792 </a> 793 </details> 794 795 </div> 796 797 798 <div class="restaurant-info border-top border-light p-3 position-absolute bottom-0 left-0 w-100"> 799 <h2 class="eds-display-text-title-xs mb-0 me-2 pe-4"><span class="sr-only">Location: You're currently ordering from </span>Tokyo Maki Sushi - Brampton</h2> 800 801 <address class="eds-copy-text-s-regular mb-0">
802 2 Bartley Bull Pkwy Brampton, ON L6W 3P9 </address> 803 </div> 804 805 <div class="eds-copy-text-s-regular p-3 d-lg-none"> 806 <h2 class="eds-display-text-title-m m-0 pb-3">Additional info</h2> 807 <ul class="list-unstyled" aria-label="App store links"> 808 <li><a href="https://play.google.com/store/apps/details?id=com.chinesemenuonline.tokyomakisushibramptonon"><span class="sr-only">Download from the Google Play Store</span><img src="/web/default4.0/images/google-play-badge.svg" alt="" aria-hidden="true"></a></li> 809 </ul> 810 811 <ul class="list-unstyled d-flex gap-2" aria-label="Social network links"> 812 <li><a href="https://www.tripadvisor.com/Restaurant_Review-g154982-d4507617-Reviews-Tokyo_Maki_Sushi-Brampton_Ontario.html" target="new" title="Opens in new tab" class="icon" title="TripAdvisor"><i class="fak fa-tripadvisor"></i><span class="sr-only">TripAdvisor</span></a></li> 813 </ul> 814 815<div>© 2026 Online Ordering by <a href="http://chinesemenuonline.com">*Chinese Menu Online</a></div> 816 817<ul class="list-unstyled mb-0 pt-3" aria-label="Legal and support"> 818 <li><a href="https://www.tokyomakisushion.com/reportbug">Technical Support</a></li> 819 <li><a href="https://www.tokyomakisushion.com/privacy">Privacy Policy</a></li> 820 <li><a href="https://www.tokyomakisushion.com/tos">Terms of Service</a></li> 821 <li><a href="https://www.tokyomakisushion.com/accessibility">Accessibility</a></li> 822</ul> 823 824This site is protected by reCAPTCHA and <a href="https://policies.google.com/privacy">Google's Privacy Policy</a> and <a href="https://policies.google.com/terms">Google's Terms of Service</a> apply. 825 </div> </div> 826 827
827<script> 828 { 829 const container = document.querySelector('[data-eds-id="6abf0cee2f7de"]'); 830 831 ['show', 'hide', 'toggle', 'dispose'].forEach((eventName) => { 832 container.addEventListener(`eds.${eventName}`, (e) => { 833 bootstrap.Offcanvas.getOrCreateInstance(container)[eventName]( 834 ...(Array.isArray(e.detail) ? e.detail : [e.detail]) 835 ); 836 }); 837 }); 838 } 839 </script>
839 840 </div> 841 842 </header> 843 </div> 844 845 <aside class="container p-0" style="grid-area: hero" aria-labelledby="hero-section-title"> 846 <section class="hero"> 847 <div class="home_hero backbgbox position-relative"> 848 <div class="logo"> 849 <a class="logo-image" href="https://www.tokyomakisushion.com" aria-current="page" > 850 <img 851 src="https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/09115859-1976-4489-c3af-b3a4ac9fb900/public" 852 srcset="https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/09115859-1976-4489-c3af-b3a4ac9fb900/public 1x, https://imagedelivery.net/9lr8zq_Jvl7h6OFWqEi9IA/09115859-1976-4489-c3af-b3a4ac9fb900/public 2x" alt="Go to Home" 853 onerror="this.closest('.logo').style.setProperty('display', 'none', 'important')" 854 /> 855 </a> 856 </div> 857 </div> 858 859 <div class="p-3"> 860 <div class="pb-1"> 861 <h1 id="hero-section-title" class="eds-display-text-title-s m-0 p-0">Tokyo Maki Sushi - Brampton</h1> 862 </div> 863 864 <div class="d-sm-flex align-items-baseline"> 865 <div class="mt-2"> 866 867 <span 868 class="eds_label eds_label--variant-success eds-interface-text-m-bold me-1 text-nowrap" 869 > 870 Open </span> 871 872 11:00AM - 10:00PM </div> 873 874 <div class="d-flex gap-2 ms-sm-auto mt-2"> 875 876 <a 877 class="eds_button btn btn-outline-secondary btn-sm col text-nowrap" 878 href="https://www.tokyomakisushion.com/locationinfo?lid=6772" 879 > 880 <i class="eds_icon fa fa-info-circle" style="" aria-hidden="true"></i> Store info </a> 881 882 883 884 <a 885 class="eds_button btn btn-outline-secondary btn-sm col d-lg-none text-nowrap" 886 href="tel:(905) 456-3988 " 887 > 888 <i class="eds_icon fa fa-phone" style="" aria-hidden="true"></i> Call us </a> 889 890 891 </div> 892 </div> 893 </div> 894 </section> 895 </aside> 896 897 898 899 <!-- Header ends --> 900 901 902 <main id="main" class="main_content pb-6 pb-lg-0"> 903 <section class="container home_welcome"> 904 <div class="row"> 905 <div class="col-lg-12"> 906 <div class="custom-content" style="max-width:600px;margin:auto;"> 907 <h1>Welcome to Tokyo Maki Sushi - Brampton</h1> 908 909<div style="color:#999;font-size:1.2em;font-weight:bolder;">Oct 01, 2026</div> 910 911<p>Tokyo Maki Sushi offers authentic and delicious tasting Japanese and Asian cuisines in Brampton, ON. China Wok's convenient location and affordable prices make our restaurant a natural choice for dine-in or take-out meals in the Brampton community. Experience it through our wonderful selection of sushi, sashimi, and lots more! We also offer a la carte takeout.</p> 912 913<h2>No Registration Required. Order Online!</h2> 914 915<p>Start ordering online by clicking the button below. Simply select the menu items you want, add them to your cart and checkout. Your order will be sent to the restaurant and will be ready at the time you specify. It's that easy!</p> </div> 916 <div style="text-align: center;"> 917 <a href="https://www.tokyomakisushion.com/order" class="btn btn-primary btn-lg mt-4 d-none d-lg-inline-block" role="button" id="order-button-desktop">Start a new order</a> 918 </div> 919 </div> 920 921 922 <div class="fixed_submit d-lg-none p-3 pwa-pb-md-down" data-fixed-cta> 923 <a href="https://www.tokyomakisushion.com/order" class="btn btn-primary btn-lg w-100" role="button">Start a new order</a> 924 </div> 925 </div> 926 </section> 927 </main> 928 929<footer class="footer bg-white" style="grid-area: footer"> 930 <div class="container"> 931 <div class="social_wrapper"> 932 <div class="social_links"> 933 <ul class="d-flex align-items-start"> 934 <li> 935 <a class="icon" href="https://www.tripadvisor.com/Restaurant_Review-g154982-d4507617-Reviews-Tokyo_Maki_Sushi-Brampton_Ontario.html" target="_blank" title="TripAdvisor (opens in new tab)"> 936 <span class="sr-only">TripAdvisor</span> 937 <img class="eds_icon fab fa-tripadvisor" style="" aria-hidden="true" src="/web/website/assets/svg/icons/social/tripadvisor.svg" alt="Tripadvisor" /> </a> 938 </li> 939 </ul> 940 </div> 941 <div class="d_app"> 942 <ul> 943 <li><a href="https://play.google.com/store/apps/details?id=com.chinesemenuonline.tokyomakisushibramptonon"><span class="sr-only">Download from the Google Play Store</span><img src="/web/default4.0/images/google-play-badge.svg" alt="Get it on Google Play" aria-hidden="true"></a></li> 944 </ul> 945 </div> 946 </div> 947 948 <div class="d-flex flex-wrap justify-content-between gap-2 mt-2" style="--bs-link-color: var(--bs-body-color); --bs-link-hover-color: var(--bs-gray-dark)"> 949 <ul class="list-unstyled d-flex gap-3 mb-0 eds-interface-text-l-regular"> 950 <li><a class="text-decoration-none" href="https://www.tokyomakisushion.com" aria-current="page">Home</a></li> 951 <li><a class="text-decoration-none" href="https://www.tokyomakisushion.com/order" aria-current="false">Menu</a></li> 952 <li><a class="text-decoration-none" href="https://www.tokyomakisushion.com/locationinfo" aria-current="false">Location & Hours</a></li> 953 <li><a class="text-decoration-none" href="https://www.tokyomakisushion.com/contact" aria-current="false">Contact</a></li> 954 </ul> 955 956 <ul class="list-unstyled d-flex mb-0 eds-interface-text-m-regular"> 957 <li class="bullet-separated"><a href="https://www.tokyomakisushion.com/reportbug" class="errorLink">Technical Support</a></li> 958 <li class="bullet-separated"><a href="https://www.tokyomakisushion.com/privacy">Privacy Policy</a></li> 959 <li class="bullet-separated"><a href="https://www.tokyomakisushion.com/tos">Terms of Service</a></li> 960 <li class="bullet-separated"><a href="https://www.tokyomakisushion.com/accessibility">Accessibility</a></li> 961 </ul> 962 </div> 963 964 <div class="d-flex justify-content-between gap-3 border-top mt-3 pt-3" style="--bs-link-color: var(--bs-body-color); --bs-link-hover-color: var(--bs-gray-dark)"> 965 <p class="eds-copy-text-m-regular"> 966 This site is protected by reCAPTCHA and <a href="https://policies.google.com/privacy">Google's Privacy Policy</a> and <a href="https://policies.google.com/terms">Google's Terms of Service</a> apply. 967 </p> 968 969 <p class="eds-copy-text-m-regular text-end"> 970 © 2026 Online Ordering by <a href="http://chinesemenuonline.com">*Chinese Menu Online</a> </p> 971 </div> 972 </div> 973</footer> 974<!-- footer ends --> 975 976 977</div> 978<!-- wrapper ends --> 979 980 981 982 <div 983 data-eds-id="6abf0cee3114b" 984 class="eds_dialog modal fade " 985 tabindex="-1" 986 aria-labelledby="eds-dialog-title-6abf0cee3114b" 987 aria-hidden="true" 988 id="forgot-password-modal" >
989 <div class="modal-dialog modal-dialog-centered modal-fullscreen-sm-down modal-md"> 990 <div class="modal-content "> 991 992 <div class="modal-header d-flex justify-content-between gap-3 eds-display-text-title-m "> 993 <h2 id="eds-dialog-title-6abf0cee3114b" class="eds_dialog-title modal-title eds-display-text-title-m pe-5" style="max-width: 100%"> 994 Forgot Password </h2> 995 996 <button class="eds_button btn btn-outline-secondary btn-lg eds_button--shape-circle position-absolute top-0 end-0 border d-sm-none" style="width: 3rem; height: 3rem; margin-top: 6px; margin-right: 6px" data-bs-dismiss="modal" aria-label="Close" type="button"><i class="eds_icon fa fa-close" style="" aria-hidden="true"></i></button> </div> 997 998 <div class="eds_dialog-body modal-body css-scroll eds-copy-text-l-regular "> 999 <form 1000 id="forgot-password-form" 1001 name="forgot-password" 1002 data-async-on-submit 1003 method="post" 1004 action="https://www.tokyomakisushion.com/auth/forgotpassword" 1005 data-async-block="#forgot-password-modal .modal-content" 1006 data-async-target="#forgot-password-modal .eds_dialog-body" 1007 data-async-recaptcha 1008 novalidate 1009 > 1010 1011 1012 <label 1013 data-eds-id="6abf0cee31106" 1014 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-3" 1015 > 1016 <div class="eds_formfield-label"> 1017 Your email <span aria-hidden="true">*</span> </div> 1018 1019 <div class="position-relative d-flex flex-column"> 1020 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1021 1022 <input 1023 type="email" 1024 class="eds-copy-text-l-regular " 1025 placeholder=" " name="email" autocomplete="email" required value="" /> 1026 1027 1028 1029 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1030 </div> 1031 1032 1033
1033<script> 1034 { 1035 const container = document.querySelector('[data-eds-id="6abf0cee31106"]'); 1036 const input = container.querySelector('input, textarea, select'); 1037 const error = container.querySelector('.eds_formfield-error'); 1038 1039 1040 input.addEventListener('eds.validation.reset', () => { 1041 input.removeAttribute('data-validation'); 1042 input.setCustomValidity(''); 1043 error.innerHTML = ''; 1044 }); 1045 1046 input.addEventListener('eds.validation.hide', () => { 1047 input.removeAttribute('data-validation'); 1048 }); 1049 1050 input.addEventListener('eds.validation.success', (e) => { 1051 input.setCustomValidity(''); 1052 input.setAttribute('data-validation', ''); 1053 error.innerHTML = ''; 1054 }); 1055 1056 input.addEventListener('eds.validation.warning', (e) => { 1057 input.setCustomValidity(''); 1058 input.setAttribute('data-validation', ''); 1059 error.innerHTML = e.detail; 1060 }); 1061 1062 input.addEventListener('eds.validation.error', (e) => { 1063 input.setCustomValidity(e.detail); 1064 input.checkValidity(); input.setAttribute('data-validation', ''); 1065 }); 1066 1067 input.addEventListener('invalid', (e) => { 1068 error.innerHTML = input.validationMessage; 1069 }); 1070 1071 } 1072 </script>
1072 1073 </label> 1074 1075 1076 <button class="eds_button btn btn-primary w-100 mb-3" type="submit" form="forgot-password-form">Reset password</button> 1077 <div class="text-center"> 1078 <button data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#login-modal" class="eds_button btn btn-link btn-text-link border-0 p-0 text-inherit text-decoration-none" type="button">< Back</button> </div> 1079 </form> </div> 1080 1081 1082 </div> 1083 </div> 1084 1085
1085<script> 1086 { 1087 const container = document.querySelector('[data-eds-id="6abf0cee3114b"]'); 1088 let edsMethodsDisabled = false; 1089 1090 ['show', 'hide', 'toggle', 'dispose'].forEach((eventName) => { 1091 container.addEventListener(`eds.${eventName}`, (e) => { 1092 if (edsMethodsDisabled) return; 1093 1094 bootstrap.Modal.getOrCreateInstance(container)[eventName]( 1095 ...(Array.isArray(e.detail) ? e.detail : [e.detail]) 1096 ); 1097 }); 1098 }); 1099 1100 ['show', 'shown', 'hide', 'hidden'].forEach((eventName) => { 1101 container.addEventListener(`${eventName}.bs.modal`, (e) => { 1102 if (edsMethodsDisabled) return; 1103 1104 edsMethodsDisabled = true; // Prevent infinite loop of triggering events 1105 container.dispatchEvent(new CustomEvent(`eds.${eventName}`)); 1106 edsMethodsDisabled = false; 1107 }); 1108 }); 1109 1110 1111 ['show.bs.modal', 'shown.bs.modal'].forEach((eventName) => { 1112 container.addEventListener(eventName, () => { 1113 const autofocusInput = container.querySelector('[autofocus]'); 1114 if (autofocusInput) { 1115 container.style.display = 'block'; 1116 autofocusInput.focus(); 1117 } 1118 }); 1119 }); 1120 1121 } 1122 </script>
1122 1123 </div> 1124 1125 1126 <div 1127 data-eds-id="6abf0cee3146e" 1128 class="eds_dialog modal fade " 1129 tabindex="-1" 1130 aria-labelledby="eds-dialog-title-6abf0cee3146e" 1131 aria-hidden="true" 1132 id="login-modal" > 1133 <div class="modal-dialog modal-dialog-centered modal-fullscreen-sm-down modal-md"> 1134 <div class="modal-content "> 1135 1136 <div class="modal-header d-flex justify-content-between gap-3 eds-display-text-title-m "> 1137 <h2 id="eds-dialog-title-6abf0cee3146e" class="eds_dialog-title modal-title eds-display-text-title-m pe-5" style="max-width: 100%"> 1138 Log in </h2> 1139 1140 <button class="eds_button btn btn-outline-secondary btn-lg eds_button--shape-circle position-absolute top-0 end-0 border d-sm-none" style="width: 3rem; height: 3rem; margin-top: 6px; margin-right: 6px" data-bs-dismiss="modal" aria-label="Close" type="button"><i class="eds_icon fa fa-close" style="" aria-hidden="true"></i></button> </div> 1141 1142 <div class="eds_dialog-body modal-body css-scroll eds-copy-text-l-regular "> 1143 <form 1144 id="login-form" 1145 name="login" 1146 data-async-on-submit 1147 method="post" 1148 action="https://www.tokyomakisushion.com/auth" 1149 data-async-block="#login-modal .modal-content" 1150 data-async-target="#login-modal .eds_dialog-body" 1151 data-async-then="document.querySelector('#login-modal').dispatchEvent(new CustomEvent('eds.hide'))" 1152 data-async-recaptcha 1153 novalidate 1154 > 1155 1156 1157 <label 1158 data-eds-id="6abf0cee3136a" 1159 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-3" 1160 > 1161 <div class="eds_formfield-label"> 1162 Your email <span aria-hidden="true">*</span> </div> 1163 1164 <div class="position-relative d-flex flex-column"> 1165 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1166 1167 <input 1168 type="email" 1169 class="eds-copy-text-l-regular " 1170 placeholder=" " name="email" autocomplete="username" required value="" /> 1171 1172 1173 1174 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1175 </div> 1176 1177 1178
1178<script> 1179 { 1180 const container = document.querySelector('[data-eds-id="6abf0cee3136a"]'); 1181 const input = container.querySelector('input, textarea, select'); 1182 const error = container.querySelector('.eds_formfield-error'); 1183 1184 1185 input.addEventListener('eds.validation.reset', () => { 1186 input.removeAttribute('data-validation'); 1187 input.setCustomValidity(''); 1188 error.innerHTML = ''; 1189 }); 1190 1191 input.addEventListener('eds.validation.hide', () => { 1192 input.removeAttribute('data-validation'); 1193 }); 1194 1195 input.addEventListener('eds.validation.success', (e) => { 1196 input.setCustomValidity(''); 1197 input.setAttribute('data-validation', ''); 1198 error.innerHTML = ''; 1199 }); 1200 1201 input.addEventListener('eds.validation.warning', (e) => { 1202 input.setCustomValidity(''); 1203 input.setAttribute('data-validation', ''); 1204 error.innerHTML = e.detail; 1205 }); 1206 1207 input.addEventListener('eds.validation.error', (e) => { 1208 input.setCustomValidity(e.detail); 1209 input.checkValidity(); input.setAttribute('data-validation', ''); 1210 }); 1211 1212 input.addEventListener('invalid', (e) => { 1213 error.innerHTML = input.validationMessage; 1214 }); 1215 1216 } 1217 </script>
1217 1218 </label> 1219 1220 1221 1222 <label 1223 data-eds-id="6abf0cee3138b" 1224 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-2" 1225 > 1226 <div class="eds_formfield-label"> 1227 Your password <span aria-hidden="true">*</span> </div> 1228 1229 <div class="position-relative d-flex flex-column"> 1230 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1231 1232 <input 1233 type="password" 1234 class="eds-copy-text-l-regular pe-6" 1235 data-event-on:toggle_password_6abf0cee3138b="(shown) => $(this).attr('type', shown ? 'text' : 'password')" placeholder=" " name="password" autocomplete="current-password" required value="" /> 1236 1237 1238 <button class="eds_button btn btn-outline eds_formfield-toggle_password position-absolute end-0 px-2" style="--bs-btn-bg: transparent" title="Show password" aria-label="Show password" onclick="app.event.emit('toggle_password_6abf0cee3138b', !$(this).data('password-shown'))" data-event-on:toggle_password_6abf0cee3138b="(shown) => $(this).data('password-shown', shown).attr('title', shown ? 'Hide password' : 'Show password').attr('aria-label', shown ? 'Hide password' : 'Show password')" type="button"><i class="eds_icon fas fa-sm fa-eye" style="" aria-hidden="true" data-event-on:toggle_password_6abf0cee3138b="(shown) => this.hidden = shown"></i> <i class="eds_icon fas fa-sm fa-eye-slash" style="" aria-hidden="true" data-event-on:toggle_password_6abf0cee3138b="(shown) => this.hidden = !shown" hidden></i></button> 1239 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1240 </div> 1241 1242 1243
1243<script> 1244 { 1245 const container = document.querySelector('[data-eds-id="6abf0cee3138b"]'); 1246 const input = container.querySelector('input, textarea, select'); 1247 const error = container.querySelector('.eds_formfield-error'); 1248 1249 1250 input.addEventListener('eds.validation.reset', () => { 1251 input.removeAttribute('data-validation'); 1252 input.setCustomValidity(''); 1253 error.innerHTML = ''; 1254 }); 1255 1256 input.addEventListener('eds.validation.hide', () => { 1257 input.removeAttribute('data-validation'); 1258 }); 1259 1260 input.addEventListener('eds.validation.success', (e) => { 1261 input.setCustomValidity(''); 1262 input.setAttribute('data-validation', ''); 1263 error.innerHTML = ''; 1264 }); 1265 1266 input.addEventListener('eds.validation.warning', (e) => { 1267 input.setCustomValidity(''); 1268 input.setAttribute('data-validation', ''); 1269 error.innerHTML = e.detail; 1270 }); 1271 1272 input.addEventListener('eds.validation.error', (e) => { 1273 input.setCustomValidity(e.detail); 1274 input.checkValidity(); input.setAttribute('data-validation', ''); 1275 }); 1276 1277 input.addEventListener('invalid', (e) => { 1278 error.innerHTML = input.validationMessage; 1279 }); 1280 1281 } 1282 </script>
1282 1283 </label> 1284 1285 1286 <div class="text-end mb-3"> 1287 <button data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#forgot-password-modal" class="eds_button btn btn-link btn-text-link border-0 p-0 text-inherit text-decoration-none" type="button">Forgot your password?</button> </div> 1288 1289 1290 <button class="eds_button btn btn-primary w-100 mb-3" type="submit">Log in</button> 1291 <div class="d-flex align-items-center mb-3"><hr class="flex-grow-1"><span class="mx-3 text-muted eds-interface-text-s-regular">OR</span><hr class="flex-grow-1"></div> <div class="google-signin-container text-center mb-2"> 1292 <a href="https://sso.onlineorderingsecure.com/auth/google/redirect?return_to=https%3A%2F%2Fwww.tokyomakisushion.com%2Fauth%2Fgoogle&redirect=%2F" class="btn btn-outline-secondary w-100 eds_button eds_button--shape-default d-flex align-items-center justify-content-center gap-2" onclick="var url = new URL(this.href); url.searchParams.set('redirect', window.location.pathname + window.location.search); this.href = url.toString();"> 1293 <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z" fill="#4285F4"/><path d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z" fill="#34A853"/><path d="M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.997 8.997 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z" fill="#FBBC05"/><path d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 6.29C4.672 4.163 6.656 2.58 9 2.58Z" fill="#EA4335"/></svg> 1294 Continue with Google 1295 </a> 1296 </div> 1297 <div class="apple-signin-container text-center mb-2"> 1298 <a href="https://sso.onlineorderingsecure.com/auth/apple/redirect?return_to=https%3A%2F%2Fwww.tokyomakisushion.com%2Fauth%2Fapple&redirect=%2F" class="btn btn-outline-secondary w-100 eds_button eds_button--shape-default d-flex align-items-center justify-content-center gap-2" onclick="var url = new URL(this.href); url.searchParams.set('redirect', window.location.pathname + window.location.search); this.href = url.toString();"> 1299 <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M15.1 6.2c-.1.1-2.1 1.2-2.1 3.7 0 2.9 2.5 3.9 2.6 3.9 0 0 0 .1-.4 1.3-.6 1.5-1.7 3-2.9 3-1.3 0-1.6-.7-3.1-.7s-2 .8-3.1.8c-1.2 0-2.2-1.3-3-2.8C2 13.3 1.4 10.9 1.4 8.6c0-3.7 2.4-5.6 4.7-5.6 1.2 0 2.3.8 3 .8.7 0 1.9-.9 3.3-.9.5 0 2.4.1 3.7 1.3zM11.7 1.5c.6-.7 1-1.7 1-2.7 0-.1 0-.3 0-.4-1 0-2.1.6-2.8 1.4-.6.6-1.1 1.6-1.1 2.6 0 .2 0 .3 0 .4.1 0 .2 0 .3 0 .9 0 1.9-.6 2.6-1.3z" fill="currentColor"/></svg> 1300 Continue with Apple 1301 </a> 1302 </div> 1303 <small class="d-block mt-2 eds-interface-text-s-regular"> 1304 By continuing, you agree to our <a href="https://www.tokyomakisushion.com/tos" target="_blank" rel="noopener" title="Opens in new tab">Terms of Service</a> & <a href="https://www.tokyomakisushion.com/privacy" target="_blank" rel="noopener" title="Opens in new tab">Privacy Policy</a> and consent to receive automated promotional emails. See our <a href="https://www.tokyomakisushion.com/privacy#section-7-7" target="_blank" rel="noopener" title="Opens in new tab">Notice of Financial Incentive</a> regarding how we use your data for rewards and offers. 1305 </small> 1306 1307 <div class="text-center mt-3"> 1308 Don't have an account? 1309 <button data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#register-modal" class="eds_button btn btn-link btn-text-link border-0 p-0 text-inherit text-decoration-none" type="button">Sign up</button> </div> 1310 </form> </div> 1311 1312 1313 </div> 1314 </div> 1315 1316
1316<script> 1317 { 1318 const container = document.querySelector('[data-eds-id="6abf0cee3146e"]'); 1319 let edsMethodsDisabled = false; 1320 1321 ['show', 'hide', 'toggle', 'dispose'].forEach((eventName) => { 1322 container.addEventListener(`eds.${eventName}`, (e) => { 1323 if (edsMethodsDisabled) return; 1324 1325 bootstrap.Modal.getOrCreateInstance(container)[eventName]( 1326 ...(Array.isArray(e.detail) ? e.detail : [e.detail]) 1327 ); 1328 }); 1329 }); 1330 1331 ['show', 'shown', 'hide', 'hidden'].forEach((eventName) => { 1332 container.addEventListener(`${eventName}.bs.modal`, (e) => { 1333 if (edsMethodsDisabled) return; 1334 1335 edsMethodsDisabled = true; // Prevent infinite loop of triggering events 1336 container.dispatchEvent(new CustomEvent(`eds.${eventName}`)); 1337 edsMethodsDisabled = false; 1338 }); 1339 }); 1340 1341 1342 ['show.bs.modal', 'shown.bs.modal'].forEach((eventName) => { 1343 container.addEventListener(eventName, () => { 1344 const autofocusInput = container.querySelector('[autofocus]'); 1345 if (autofocusInput) { 1346 container.style.display = 'block'; 1347 autofocusInput.focus(); 1348 } 1349 }); 1350 }); 1351 1352 } 1353 </script>
1353 1354 </div> 1355 1356 1357 <div 1358 data-eds-id="6abf0cee316d4" 1359 class="eds_dialog modal fade " 1360 tabindex="-1" 1361 aria-labelledby="eds-dialog-title-6abf0cee316d4" 1362 aria-hidden="true" 1363 id="register-modal" > 1364 <div class="modal-dialog modal-dialog-centered modal-fullscreen-sm-down modal-md"> 1365 <div class="modal-content "> 1366 1367 <div class="modal-header d-flex justify-content-between gap-3 eds-display-text-title-m "> 1368 <h2 id="eds-dialog-title-6abf0cee316d4" class="eds_dialog-title modal-title eds-display-text-title-m pe-5" style="max-width: 100%"> 1369 Sign up </h2> 1370 1371 <button class="eds_button btn btn-outline-secondary btn-lg eds_button--shape-circle position-absolute top-0 end-0 border d-sm-none" style="width: 3rem; height: 3rem; margin-top: 6px; margin-right: 6px" data-bs-dismiss="modal" aria-label="Close" type="button"><i class="eds_icon fa fa-close" style="" aria-hidden="true"></i></button> </div> 1372 1373 <div class="eds_dialog-body modal-body css-scroll eds-copy-text-l-regular p-0"> 1374 <form 1375 id="register-form" 1376 name="register" 1377 data-async-on-submit 1378 method="post" 1379 action="https://www.tokyomakisushion.com/auth/register" 1380 data-async-block="#register-modal .modal-content" 1381 data-async-target="#register-modal .eds_dialog-body" 1382 data-async-then="document.querySelector('#register-modal').dispatchEvent(new CustomEvent('eds.hide'))" 1383 data-async-recaptcha 1384 novalidate 1385 > 1386 1387 <div class="p-3 pt-0"> 1388 1389 <label 1390 data-eds-id="6abf0cee315af" 1391 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-2p5" 1392 > 1393 <div class="eds_formfield-label"> 1394 First name <span aria-hidden="true">*</span> </div> 1395 1396 <div class="position-relative d-flex flex-column"> 1397 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1398 1399 <input 1400 type="text" 1401 class="eds-copy-text-l-regular " 1402 placeholder=" " name="firstname" autocomplete="given-name" required value="" /> 1403 1404 1405 1406 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1407 </div> 1408 1409 1410
1410<script> 1411 { 1412 const container = document.querySelector('[data-eds-id="6abf0cee315af"]'); 1413 const input = container.querySelector('input, textarea, select'); 1414 const error = container.querySelector('.eds_formfield-error'); 1415 1416 1417 input.addEventListener('eds.validation.reset', () => { 1418 input.removeAttribute('data-validation'); 1419 input.setCustomValidity(''); 1420 error.innerHTML = ''; 1421 }); 1422 1423 input.addEventListener('eds.validation.hide', () => { 1424 input.removeAttribute('data-validation'); 1425 }); 1426 1427 input.addEventListener('eds.validation.success', (e) => { 1428 input.setCustomValidity(''); 1429 input.setAttribute('data-validation', ''); 1430 error.innerHTML = ''; 1431 }); 1432 1433 input.addEventListener('eds.validation.warning', (e) => { 1434 input.setCustomValidity(''); 1435 input.setAttribute('data-validation', ''); 1436 error.innerHTML = e.detail; 1437 }); 1438 1439 input.addEventListener('eds.validation.error', (e) => { 1440 input.setCustomValidity(e.detail); 1441 input.checkValidity(); input.setAttribute('data-validation', ''); 1442 }); 1443 1444 input.addEventListener('invalid', (e) => { 1445 error.innerHTML = input.validationMessage; 1446 }); 1447 1448 } 1449 </script>
1449 1450 </label> 1451 1452 1453 1454 <label 1455 data-eds-id="6abf0cee315ca" 1456 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-2p5" 1457 > 1458 <div class="eds_formfield-label"> 1459 Last name <span aria-hidden="true">*</span> </div> 1460 1461 <div class="position-relative d-flex flex-column"> 1462 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1463 1464 <input 1465 type="text" 1466 class="eds-copy-text-l-regular " 1467 placeholder=" " name="lastname" autocomplete="family-name" required value="" /> 1468 1469 1470 1471 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1472 </div> 1473 1474 1475
1475<script> 1476 { 1477 const container = document.querySelector('[data-eds-id="6abf0cee315ca"]'); 1478 const input = container.querySelector('input, textarea, select'); 1479 const error = container.querySelector('.eds_formfield-error'); 1480 1481 1482 input.addEventListener('eds.validation.reset', () => { 1483 input.removeAttribute('data-validation'); 1484 input.setCustomValidity(''); 1485 error.innerHTML = ''; 1486 }); 1487 1488 input.addEventListener('eds.validation.hide', () => { 1489 input.removeAttribute('data-validation'); 1490 }); 1491 1492 input.addEventListener('eds.validation.success', (e) => { 1493 input.setCustomValidity(''); 1494 input.setAttribute('data-validation', ''); 1495 error.innerHTML = ''; 1496 }); 1497 1498 input.addEventListener('eds.validation.warning', (e) => { 1499 input.setCustomValidity(''); 1500 input.setAttribute('data-validation', ''); 1501 error.innerHTML = e.detail; 1502 }); 1503 1504 input.addEventListener('eds.validation.error', (e) => { 1505 input.setCustomValidity(e.detail); 1506 input.checkValidity(); input.setAttribute('data-validation', ''); 1507 }); 1508 1509 input.addEventListener('invalid', (e) => { 1510 error.innerHTML = input.validationMessage; 1511 }); 1512 1513 } 1514 </script>
1514 1515 </label> 1516 1517 1518 1519 <label 1520 data-eds-id="6abf0cee315dc" 1521 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-2p5" 1522 > 1523 <div class="eds_formfield-label"> 1524 Email <span aria-hidden="true">*</span> </div> 1525 1526 <div class="position-relative d-flex flex-column"> 1527 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1528 1529 <input 1530 type="email" 1531 class="eds-copy-text-l-regular " 1532 placeholder=" " name="email" autocomplete="username" required value="" /> 1533 1534 1535 1536 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1537 </div> 1538 1539 1540
1540<script> 1541 { 1542 const container = document.querySelector('[data-eds-id="6abf0cee315dc"]'); 1543 const input = container.querySelector('input, textarea, select'); 1544 const error = container.querySelector('.eds_formfield-error'); 1545 1546 1547 input.addEventListener('eds.validation.reset', () => { 1548 input.removeAttribute('data-validation'); 1549 input.setCustomValidity(''); 1550 error.innerHTML = ''; 1551 }); 1552 1553 input.addEventListener('eds.validation.hide', () => { 1554 input.removeAttribute('data-validation'); 1555 }); 1556 1557 input.addEventListener('eds.validation.success', (e) => { 1558 input.setCustomValidity(''); 1559 input.setAttribute('data-validation', ''); 1560 error.innerHTML = ''; 1561 }); 1562 1563 input.addEventListener('eds.validation.warning', (e) => { 1564 input.setCustomValidity(''); 1565 input.setAttribute('data-validation', ''); 1566 error.innerHTML = e.detail; 1567 }); 1568 1569 input.addEventListener('eds.validation.error', (e) => { 1570 input.setCustomValidity(e.detail); 1571 input.checkValidity(); input.setAttribute('data-validation', ''); 1572 }); 1573 1574 input.addEventListener('invalid', (e) => { 1575 error.innerHTML = input.validationMessage; 1576 }); 1577 1578 } 1579 </script>
1579 1580 </label> 1581 1582 1583 1584 <label 1585 data-eds-id="6abf0cee315ec" 1586 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-2p5" 1587 > 1588 <div class="eds_formfield-label"> 1589 Password <span aria-hidden="true">*</span> </div> 1590 1591 <div class="position-relative d-flex flex-column"> 1592 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1593 1594 <input 1595 type="password" 1596 class="eds-copy-text-l-regular pe-6" 1597 data-event-on:toggle_password_6abf0cee315ec="(shown) => $(this).attr('type', shown ? 'text' : 'password')" placeholder=" " name="password" autocomplete="current-password" required value="" /> 1598 1599 1600 <button class="eds_button btn btn-outline eds_formfield-toggle_password position-absolute end-0 px-2" style="--bs-btn-bg: transparent" title="Show password" aria-label="Show password" onclick="app.event.emit('toggle_password_6abf0cee315ec', !$(this).data('password-shown'))" data-event-on:toggle_password_6abf0cee315ec="(shown) => $(this).data('password-shown', shown).attr('title', shown ? 'Hide password' : 'Show password').attr('aria-label', shown ? 'Hide password' : 'Show password')" type="button"><i class="eds_icon fas fa-sm fa-eye" style="" aria-hidden="true" data-event-on:toggle_password_6abf0cee315ec="(shown) => this.hidden = shown"></i> <i class="eds_icon fas fa-sm fa-eye-slash" style="" aria-hidden="true" data-event-on:toggle_password_6abf0cee315ec="(shown) => this.hidden = !shown" hidden></i></button> 1601 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1602 </div> 1603 1604 1605
1605<script> 1606 { 1607 const container = document.querySelector('[data-eds-id="6abf0cee315ec"]'); 1608 const input = container.querySelector('input, textarea, select'); 1609 const error = container.querySelector('.eds_formfield-error'); 1610 1611 1612 input.addEventListener('eds.validation.reset', () => { 1613 input.removeAttribute('data-validation'); 1614 input.setCustomValidity(''); 1615 error.innerHTML = ''; 1616 }); 1617 1618 input.addEventListener('eds.validation.hide', () => { 1619 input.removeAttribute('data-validation'); 1620 }); 1621 1622 input.addEventListener('eds.validation.success', (e) => { 1623 input.setCustomValidity(''); 1624 input.setAttribute('data-validation', ''); 1625 error.innerHTML = ''; 1626 }); 1627 1628 input.addEventListener('eds.validation.warning', (e) => { 1629 input.setCustomValidity(''); 1630 input.setAttribute('data-validation', ''); 1631 error.innerHTML = e.detail; 1632 }); 1633 1634 input.addEventListener('eds.validation.error', (e) => { 1635 input.setCustomValidity(e.detail); 1636 input.checkValidity(); input.setAttribute('data-validation', ''); 1637 }); 1638 1639 input.addEventListener('invalid', (e) => { 1640 error.innerHTML = input.validationMessage; 1641 }); 1642 1643 } 1644 </script>
1644 1645 </label> 1646 1647 1648 1649 <label 1650 data-eds-id="6abf0cee31620" 1651 class="eds_formfield eds_formfield--size-medium eds_formfield--variant-primary eds-copy-text-m-regular w-100 mb-3" 1652 > 1653 <div class="eds_formfield-label"> 1654 Phone number <span aria-hidden="true">*</span> </div> 1655 1656 <div class="position-relative d-flex flex-column"> 1657 <div class="eds_formfield-error eds-interface-text-m-bold" style="order: 1000"></div> 1658 1659 <input 1660 type="text" 1661 class="eds-copy-text-l-regular " 1662 placeholder=" " name="primary_phone" autocomplete="tel-national" required value="" /> 1663 1664 1665 1666 <i class="eds_icon fa eds_formfield-validation" style="" aria-hidden="true"></i> 1667 </div> 1668 1669 <div class="eds-interface-text-s-regular mt-2"> 1670 <i class="eds_icon fa fa-info-circle text-muted" style="" aria-hidden="true"></i> We require a phone number in case we need to contact you about your order. </div> 1671 1672
1672<script> 1673 { 1674 const container = document.querySelector('[data-eds-id="6abf0cee31620"]'); 1675 const input = container.querySelector('input, textarea, select'); 1676 const error = container.querySelector('.eds_formfield-error'); 1677 1678 1679 input.addEventListener('eds.validation.reset', () => { 1680 input.removeAttribute('data-validation'); 1681 input.setCustomValidity(''); 1682 error.innerHTML = ''; 1683 }); 1684 1685 input.addEventListener('eds.validation.hide', () => { 1686 input.removeAttribute('data-validation'); 1687 }); 1688 1689 input.addEventListener('eds.validation.success', (e) => { 1690 input.setCustomValidity(''); 1691 input.setAttribute('data-validation', ''); 1692 error.innerHTML = ''; 1693 }); 1694 1695 input.addEventListener('eds.validation.warning', (e) => { 1696 input.setCustomValidity(''); 1697 input.setAttribute('data-validation', ''); 1698 error.innerHTML = e.detail; 1699 }); 1700 1701 input.addEventListener('eds.validation.error', (e) => { 1702 input.setCustomValidity(e.detail); 1703 input.checkValidity(); input.setAttribute('data-validation', ''); 1704 }); 1705 1706 input.addEventListener('invalid', (e) => { 1707 error.innerHTML = input.validationMessage; 1708 }); 1709 1710 } 1711 </script>
1711 1712 </label> 1713 1714 1715 1716 <div class="eds_checkable d-inline-block mb-2" > 1717 <input id="eds-checkable-6abf0cee31633" name="receive_promotions" value="1" type="checkbox" /> 1718 <label for="eds-checkable-6abf0cee31633" class="eds_checkable-text eds-interface-text-l-regular "> 1719 Receive Promotional Offers & Updates </label> 1720 </div> 1721 1722 1723 <button class="eds_button btn btn-primary w-100 mt-1 mb-3" type="submit">Sign up</button> 1724 <div class="d-flex align-items-center mb-3"><hr class="flex-grow-1"><span class="mx-3 text-muted eds-interface-text-s-regular">OR</span><hr class="flex-grow-1"></div> <div class="google-signin-container text-center mb-2"> 1725 <a href="https://sso.onlineorderingsecure.com/auth/google/redirect?return_to=https%3A%2F%2Fwww.tokyomakisushion.com%2Fauth%2Fgoogle&redirect=%2F" class="btn btn-outline-secondary w-100 eds_button eds_button--shape-default d-flex align-items-center justify-content-center gap-2" onclick="var url = new URL(this.href); url.searchParams.set('redirect', window.location.pathname + window.location.search); this.href = url.toString();"> 1726 <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z" fill="#4285F4"/><path d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z" fill="#34A853"/><path d="M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.997 8.997 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z" fill="#FBBC05"/><path d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 6.29C4.672 4.163 6.656 2.58 9 2.58Z" fill="#EA4335"/></svg> 1727 Continue with Google 1728 </a> 1729 </div> 1730 <div class="apple-signin-container text-center mb-2"> 1731 <a href="https://sso.onlineorderingsecure.com/auth/apple/redirect?return_to=https%3A%2F%2Fwww.tokyomakisushion.com%2Fauth%2Fapple&redirect=%2F" class="btn btn-outline-secondary w-100 eds_button eds_button--shape-default d-flex align-items-center justify-content-center gap-2" onclick="var url = new URL(this.href); url.searchParams.set('redirect', window.location.pathname + window.location.search); this.href = url.toString();"> 1732 <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M15.1 6.2c-.1.1-2.1 1.2-2.1 3.7 0 2.9 2.5 3.9 2.6 3.9 0 0 0 .1-.4 1.3-.6 1.5-1.7 3-2.9 3-1.3 0-1.6-.7-3.1-.7s-2 .8-3.1.8c-1.2 0-2.2-1.3-3-2.8C2 13.3 1.4 10.9 1.4 8.6c0-3.7 2.4-5.6 4.7-5.6 1.2 0 2.3.8 3 .8.7 0 1.9-.9 3.3-.9.5 0 2.4.1 3.7 1.3zM11.7 1.5c.6-.7 1-1.7 1-2.7 0-.1 0-.3 0-.4-1 0-2.1.6-2.8 1.4-.6.6-1.1 1.6-1.1 2.6 0 .2 0 .3 0 .4.1 0 .2 0 .3 0 .9 0 1.9-.6 2.6-1.3z" fill="currentColor"/></svg> 1733 Continue with Apple 1734 </a> 1735 </div> 1736 <small class="d-block mt-2 eds-interface-text-s-regular"> 1737 By continuing, you agree to our <a href="https://www.tokyomakisushion.com/tos" target="_blank" rel="noopener" title="Opens in new tab">Terms of Service</a> & <a href="https://www.tokyomakisushion.com/privacy" target="_blank" rel="noopener" title="Opens in new tab">Privacy Policy</a> and consent to receive automated promotional emails. See our <a href="https://www.tokyomakisushion.com/privacy#section-7-7" target="_blank" rel="noopener" title="Opens in new tab">Notice of Financial Incentive</a> regarding how we use your data for rewards and offers. 1738 </small> 1739 1740 <div class="text-center mt-3"> 1741 Already have an account? 1742 <button data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#login-modal" class="eds_button btn btn-link btn-text-link border-0 p-0 text-inherit text-decoration-none" type="button">Log in</button> </div> 1743 </div> 1744 </form> </div> 1745 1746 1747 </div> 1748 </div> 1749 1750
1750<script> 1751 { 1752 const container = document.querySelector('[data-eds-id="6abf0cee316d4"]'); 1753 let edsMethodsDisabled = false; 1754 1755 ['show', 'hide', 'toggle', 'dispose'].forEach((eventName) => { 1756 container.addEventListener(`eds.${eventName}`, (e) => { 1757 if (edsMethodsDisabled) return; 1758 1759 bootstrap.Modal.getOrCreateInstance(container)[eventName]( 1760 ...(Array.isArray(e.detail) ? e.detail : [e.detail]) 1761 ); 1762 }); 1763 }); 1764 1765 ['show', 'shown', 'hide', 'hidden'].forEach((eventName) => { 1766 container.addEventListener(`${eventName}.bs.modal`, (e) => { 1767 if (edsMethodsDisabled) return; 1768 1769 edsMethodsDisabled = true; // Prevent infinite loop of triggering events 1770 container.dispatchEvent(new CustomEvent(`eds.${eventName}`)); 1771 edsMethodsDisabled = false; 1772 }); 1773 }); 1774 1775 1776 ['show.bs.modal', 'shown.bs.modal'].forEach((eventName) => { 1777 container.addEventListener(eventName, () => { 1778 const autofocusInput = container.querySelector('[autofocus]'); 1779 if (autofocusInput) { 1780 container.style.display = 'block'; 1781 autofocusInput.focus(); 1782 } 1783 }); 1784 }); 1785 1786 } 1787 </script>
1787 1788 </div> 1789 1790 1791
1791<script> 1792 window.__ssoConfig = { 1793 google: { 1794 pendingUrl: "https:\/\/www.tokyomakisushion.com\/auth\/google\/pending", 1795 registerModalId: "register-modal", 1796 loginModalId: "login-modal" }, 1797 apple: { 1798 pendingUrl: "https:\/\/www.tokyomakisushion.com\/auth\/apple\/pending", 1799 registerModalId: "register-modal", 1800 loginModalId: "login-modal" } 1801 }; 1802 </script>
1802 1803 1804 1805<div class="modal fade" id="modal-order-time" tabindex="-1" role="dialog" 1806 aria-hidden="true"> 1807 <div class="modal-dialog modal-fullscreen-md-down mt-md-6" role="document"> 1808 <div class="modal-content"> 1809 <button class="d-md-none close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> 1810 <div class="modal-header"> 1811 <h2 class="modal-title eds-display-text-title-m">Order time</h2> 1812 </div> 1813 <div class="modal-body"> 1814 <div class="btn-group w-100 btn-group-order-time-type mb-3" > 1815 <input type="radio" name="param_order~time~type_i_n_1" id="order_time_type_0-" value="0" class="btn-check beforetimeswitch orderTimeTypeOption" 1816 checked> 1817 <label for="order_time_type_0-" class="d-flex align-items-center justify-content-center btn btn-outline-secondary w-50">ASAP</label> 1818 1819 </div> 1820 <div id="asapContent" class=""> 1821 <p class="mt-3 mb-0">Your order will be ready as soon as possible.</p> 1822 </div> 1823 </div> 1824 <div class="modal-footer"> 1825 <input type="hidden" id="hid-order-time-type" value="0" /> 1826 <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button> 1827 <button type="button" class="btn btn-primary" data-save-time-modal>Save</button> 1828 </div> 1829 </div> 1830 </div> 1831</div> 1832 1833<!-- www modal start --> 1834<div class="modal fade mob_full_modal www_modal order-options" id="modal-order-options" tabindex="-1" role="dialog" 1835 aria-hidden="true" data-update-otype-on-modal-close> 1836 <div class="modal-dialog modal-fullscreen-sm-down mt-sm-6" role="document"> 1837 <div class="modal-content"> 1838 <button class="d-md-none close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> 1839 <div class="modal-header"> 1840 <h2 class="modal-title eds-display-text-title-m">Order details</h2> 1841 </div> 1842 <div class="modal-body"> 1843 <div class="www_moda_content"> 1844 <div class="cs_box order_type" onchange="app.event.emit('order_type_changed', { order_type: event.target.value })"> 1845 <div class="h5">What:</div> 1846 <div class="position-relative"> 1847 <div class="mdropbtn" data-toggle-mdrop role="button"> 1848 <span class="visually-hidden">Order type:</span> 1849 <span data-order-type-label> 1850 Select </span> 1851 </div> 1852 <ul data-mdrop-ul> 1853 <li class=" "> 1854 <input data-order-type-on-change type="radio" name="param_order~type_s_n_10" id="order-type-pickup-1" 1855 class="orderTypeOption css-checkbox " data-name="Pick up" value="PICKUP" 1856 data-constant="1" data-base="PICKUP" > 1857 <label for="order-type-pickup-1" class="css-label" data-update-mdrop-on-click> 1858 Pick up </label> 1859 </li> 1860 <li class=" "> 1861 <input data-order-type-on-change type="radio" name="param_order~type_s_n_10" id="order-type-dinein-1" 1862 class="orderTypeOption css-checkbox " data-name="Dine-in" value="DINEIN" 1863 data-constant="4" data-base="DINEIN" > 1864 <label for="order-type-dinein-1" class="css-label" data-update-mdrop-on-click> 1865 Dine-in </label> 1866 </li> 1867 </ul> 1868</div> 1869 </div> 1870 <form class=""> 1871 <div class="cs_box guest_checkout_address checkout_address deliveryAddressContainer" style="display:none;"> 1872 <label for="street-address-bar" class="h5">Enter your address:</label> 1873 <div class="form-group street-address-container"> 1874 <input name="param_full~address_s_n_255" id="street-address-bar" placeholder="Enter your address" 1875 data-autocomplete-address data-autocomplete-success="autoCompleteSuccess" 1876 onkeyup="scheduleFormStateSave(this.name, this.value)" onchange="validateAddress($('#modal-order-options .deliveryAddressContainer'))" 1877 type="search" class="form-control input-search input-validate-address input-street-address user-address-field" 1878 value="" data-required-field /> 1879 </div> 1880 <input type="hidden" name="param_street~address_s_n_255" data-autocompleted-street-address /> 1881 <input type="hidden" name="param_city_s_n_90" data-autocompleted-city /> 1882 <input type="hidden" name="param_state_s_n_2" data-autocompleted-state /> 1883 <input type="hidden" name="param_zip~code_z_n_10" data-autocompleted-zip /> 1884 </div> 1885 </form> 1886 <!-- <div class="form-submit-wrapper"> 1887 <input type="submit" class="form-submit btn btn-primary" value="Save" data-close-modal data-select-later-date data-saveotype-modal> 1888 </div> --> 1889 </div> 1890 </div> 1891 <div 1892 data-async-on-event="order_type_changed" 1893 data-async-action="https://www.tokyomakisushion.com/ajax/?form=minimum_order_value_warning&component=order_type" 1894 data-async-method="get" 1895 > 1896 </div> 1897 <div class="modal-footer"> 1898 <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button> 1899 <button type="button" class="btn btn-primary" data-close-modal data-saveotype-modal>Save</button> 1900 </div> 1901 </div> 1902 </div> 1903</div> 1904<!-- www modal end --> 1905 1906<!-- menu item modal --> 1907<div class="modal fade add_menu" id="add_menu_item" tabindex="-1" role="dialog" aria-hidden="true" aria-labelledby="item_name">
1908 <div class="modal-dialog modal-dialog-centered modal-fullscreen-md-down" role="document"> 1909 <div class="modal-content menu-item-container-wrapper"> 1910 <div class="modal-body menu-item-container "> 1911 <p id="item_name">Menu item dialog</p> 1912 </div> 1913 </div> 1914 </div> 1915</div> 1916<!-- menu item modal end --> 1917 1918 1919 <div 1920 data-eds-id="6abf0cee3893e" 1921 class="eds_dialog modal fade " 1922 tabindex="-1" 1923 aria-labelledby="eds-dialog-title-6abf0cee3893e" 1924 aria-hidden="true" 1925 data-event-on:coupon_modal_shown="(shown) => $(this).data(`coupon_modal_shown`, shown)" data-event-on:show_coupon_restrictions="({ coupon, errors }) => { 1926 if ($(this).data(`coupon_modal_shown`)) return; 1927 1928 $(this).find(`.eds_dialog-title`).html(`<div class="text-truncate">${coupon}</div>`); 1929 $(this).find(`.eds_dialog-body`).html(errors); 1930 this.dispatchEvent(new CustomEvent(`eds.show`)); 1931 }" data-event-on:restore_coupon_modal="this.dispatchEvent(new CustomEvent(`eds.hide`))" > 1932 <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-fullscreen-sm-down modal-md"> 1933 <div class="modal-content "> 1934 1935 <div class="modal-header d-flex justify-content-between gap-3 eds-display-text-title-m "> 1936 <h2 id="eds-dialog-title-6abf0cee3893e" class="eds_dialog-title modal-title eds-display-text-title-m pe-5" style="max-width: 100%"> 1937 Coupon restrictions </h2> 1938 1939 <button class="eds_button btn btn-outline-secondary btn-lg eds_button--shape-circle position-absolute top-0 end-0 border" style="width: 3rem; height: 3rem; margin-top: 6px; margin-right: 6px" data-bs-dismiss="modal" aria-label="Close" type="button"><i class="eds_icon fa fa-close" style="" aria-hidden="true"></i></button> </div> 1940 1941 <div class="eds_dialog-body modal-body css-scroll eds-copy-text-l-regular vh-100"> 1942 </div> 1943 1944 1945 </div> 1946 </div> 1947 1948
1948<script> 1949 { 1950 const container = document.querySelector('[data-eds-id="6abf0cee3893e"]'); 1951 let edsMethodsDisabled = false; 1952 1953 ['show', 'hide', 'toggle', 'dispose'].forEach((eventName) => { 1954 container.addEventListener(`eds.${eventName}`, (e) => { 1955 if (edsMethodsDisabled) return; 1956 1957 bootstrap.Modal.getOrCreateInstance(container)[eventName]( 1958 ...(Array.isArray(e.detail) ? e.detail : [e.detail]) 1959 ); 1960 }); 1961 }); 1962 1963 ['show', 'shown', 'hide', 'hidden'].forEach((eventName) => { 1964 container.addEventListener(`${eventName}.bs.modal`, (e) => { 1965 if (edsMethodsDisabled) return; 1966 1967 edsMethodsDisabled = true; // Prevent infinite loop of triggering events 1968 container.dispatchEvent(new CustomEvent(`eds.${eventName}`)); 1969 edsMethodsDisabled = false; 1970 }); 1971 }); 1972 1973 1974 ['show.bs.modal', 'shown.bs.modal'].forEach((eventName) => { 1975 container.addEventListener(eventName, () => { 1976 const autofocusInput = container.querySelector('[autofocus]'); 1977 if (autofocusInput) { 1978 container.style.display = 'block'; 1979 autofocusInput.focus(); 1980 } 1981 }); 1982 }); 1983 1984 } 1985 </script>
1985 1986 </div> 1987 1988 1989<!-- location modal mobile start--> 1990<div class="modal fade location-picker" id="locationModal" tabindex="-1" role="dialog" aria-hidden="true"> 1991 <div class="backdrop" data-bs-dismiss="modal"></div> 1992 <div class="modal-dialog modal-sm modal-dialog-centered" role="document"> 1993 <div class="modal-content"> 1994 <div class="modal-header"> 1995 <h2 class="modal-title eds-display-text-title-m">Change Location</h2> 1996 </div> 1997 1998 <div class="modal-body"> 1999 2000<div class="change_location-locations"> 2001 <input 2002 type="radio" 2003 class="css-checkbox" 2004 id="locations-1-location-6772" 2005 name="locations-1" 2006 value="https://www.tokyomakisushion.com/order" 2007 /> 2008 <label class="css-label" for="locations-1-location-6772"> 2009 <div style="line-height: normal"> 2010 <strong>Tokyo Maki Sushi - Brampton</strong> 2011 <br /> 2012 2 Bartley Bull Pkwy Brampton, ON L6W 3P9 </div> 2013 </label> 2014 </div> 2015 2016 </div> 2017 2018 <div class="modal-footer"> 2019 <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button> 2020 <button type="button" class="btn btn-warning" data-go-to-url-on-click="[name='locations-1']:checked"> 2021 Change location </button> 2022 </div> 2023 </div> 2024 </div> 2025</div> 2026<!-- location modal mobile end --> 2027 2028<div class="modal fade add_new_card_modal" id="modal-add-new-card" tabindex="-1" role="dialog" aria-modal="true"> 2029 <div class="modal-dialog modal-dialog-centered modal-fullscreen-sm-down" role="document"> 2030 <div class="modal-content"> 2031 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"></button> 2032 <div class="modal-header"> 2033 <h2 class="modal-title eds-display-text-title-m">Add new card</h2> 2034 </div> 2035 <div class="modal-body pb-6"> 2036 <div class="ajax-creditcards"> 2037 <div class="fa fa-spinner fa-spin fa-4x"> 2038 </div> 2039 </div> 2040 </div> 2041 </div> 2042 </div> 2043</div> 2044 2045<div class="modal fade" id="modal-payment-change" tabindex="-1" role="dialog" aria-modal="true"> 2046 <div class="modal-dialog modal-dialog-centered" role="document"> 2047 <div class="modal-content"> 2048 <div class="modal-header"> 2049 <h2 class="modal-title modal-title-accent eds-display-text-title-m">Confirm <span data-confirm-payment-name>Pay with cash</span></h2> 2050 </div> 2051 <div class="modal-body"> 2052 <p>You've just changed your payment type to <strong data-confirm-payment-name>Pay with cash</strong>. Please confirm that to proceed.</p> 2053 <button class="btn btn-primary w-100" data-bs-dismiss="modal" data-confirm-payment-switch>Confirm and proceed</button> 2054 <button class="btn eh-btn-silent w-100 mt-2" data-bs-dismiss="modal" data-cancel-payment-switch>Cancel</button> 2055 </div> 2056 </div> 2057 </div> 2058</div> 2059 2060<div class="modal fade modal_over_modal" id="modal-confirm-no-number-address" tabindex="-1" role="dialog" aria-modal="true" style="z-index: 2000;"> 2061 <div class="modal-dialog modal-dialog-centered" role="document"> 2062 <div class="modal-content"> 2063 <div class="modal-header"> 2064 <h2 class="modal-title modal-title-accent eds-display-text-title-m">Confirm Address</h2> 2065 </div> 2066 <div class="modal-body"> 2067 <p>This address doesn't start with a street number. Please confirm the address is correct.</p> 2068 <button class="btn btn-warning w-100" data-bs-dismiss="modal" data-confirm-no-number-address>Yes, it's correct</button> 2069 <button class="btn btn-secondary w-100 mt-2" data-bs-dismiss="modal" data-cancel-no-number-address>No, let me edit it</button> 2070 </div> 2071 </div> 2072 </div> 2073</div> 2074 2075<div class="modal fade mob_full_modal" id="modal-invalid-address" tabindex="-1" role="dialog" aria-modal="true"> 2076 <div class="modal-dialog modal-dialog-centered" role="document"> 2077 <div class="modal-content"> 2078 <button class="close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> 2079 <div class="modal-header"> 2080 <h2 class="modal-title eds-display-text-title-m">Sorry we do not deliver to your address!</h2> 2081 </div> 2082 <div class="modal-body"> 2083 <div class="www_moda_content"> 2084 <div class="cs_box pickup_when showcheck_parent"> 2085 <div>You can Pick up your order at this location</div> 2086 <div class="pickup_locbox"> 2087 <div class="rest_loc"> 2088 <p> 2089 Tokyo Maki Sushi - Brampton<br/> 2090 2 Bartley Bull Pkwy<br/>Brampton, ON L6W 3P9 </p> 2091 </div> 2092</div> </div> 2093 <div class="form-submit-wrapper"> 2094 <input type="submit" class="form-submit" value="Switch to pickup" data-bs-dismiss="modal" data-switch-to-pickup> 2095 </div> 2096 </div> 2097 </div> 2098 </div> 2099 </div> 2100</div> 2101 2102<div class="modal fade mob_full_modal" id="modal-view-delivery-zone" tabindex="-1" role="dialog" aria-modal="true"> 2103 <div class="modal-dialog modal-dialog-centered" role="document"> 2104 <div class="modal-content">
2105 <div class="modal-body modal-body-view-delivery-zone" style="min-height: 75px;"> 2106 <div id="loading-view-delivery-area" class="loading-ajax-spinner"><i class="fa fa-spin fa-spinner fa-3x "></i></div> 2107 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"></button> 2108 <div id="modal-view-delivery-zone-content" style="display:none;"> 2109 <div class="h4 mt15">View our delivery area</div> 2110 <div class="mb15"></div> 2111 <style> 2112 #iframe-view-delivery-area { 2113 width:100%; 2114 height:100%; 2115 min-height:556px; 2116 } 2117 @media screen and (max-width: 768px) { 2118 #iframe-view-delivery-area { 2119 height: calc(100vh - 90px); 2120 } 2121 } 2122 </style> 2123 <iframe id="iframe-view-delivery-area" name="iframe-deliveryzone" frameborder="0" hspace="0" scrolling="auto" 2124 data-src="https://www.tokyomakisushion.com/viewdeliveryzone/altdoc/1/vdz/1" title="Map of delivery areas"></iframe> 2125 </div> 2126 </div> 2127 </div> 2128 </div> 2129</div> 2130 2131<!-- Alert modal --> 2132<div class="modal fade" id="modal-alert" tabindex="-1" aria-labelledby="modal-alert" aria-hidden="true"> 2133 <div class="modal-dialog"> 2134 <div class="modal-content"> 2135 <div class="modal-header"> 2136 <h2 class="modal-title fs-5 eds-display-text-title-m">Error</h2> 2137 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 2138 </div> 2139 <div class="modal-body"> 2140 Description 2141 </div> 2142 <div class="modal-footer"> 2143 <button type="button" class="btn btn-primary btn-close-modal" data-bs-dismiss="modal">Close</button> 2144 <button type="button" class="btn btn-primary hidden">Save changes</button> 2145 </div> 2146 </div> 2147 </div> 2148</div> 2149 2150 2151 2152 2153 2154 <div 2155 id="toasts" 2156 class="toast-container position-fixed start-50 translate-middle-x" 2157 style="bottom: calc(var(--eds-fixed-cta-height, 0) * 1px); max-width: calc(100% - 2rem)" 2158 > 2159 </div> 2160 2161
2161<script> 2162 $(() => { 2163 const ctas = document.querySelectorAll('[data-fixed-cta]'); 2164 if (!ctas.length) { 2165 return; 2166 } 2167 2168 function updateFixedCTAHeight() { 2169 document.documentElement.style.setProperty( 2170 '--eds-fixed-cta-height', 2171 Math.max(0, ...Array.from(ctas, (element) => { 2172 const rect = element.getBoundingClientRect(); 2173 return rect.height > 0 && getComputedStyle(element).position === 'fixed' 2174 ? Math.max(0, window.innerHeight - rect.top) 2175 : 0; 2176 })) 2177 ); 2178 } 2179 2180 if ('ResizeObserver' in window) { 2181 ctas.forEach((cta) => new ResizeObserver(updateFixedCTAHeight).observe(cta)); 2182 } else { 2183 updateFixedCTAHeight(); 2184 } 2185 2186 window.addEventListener('resize', app.throttle(updateFixedCTAHeight)); 2187 }); 2188 </script>
2188 2189 2190 <div class="visually-hidden"> 2191 <div id="announcements-polite" aria-live="polite" aria-atomic="true"> 2192 <div id="announcement-polite"></div> 2193 </div> 2194 2195 <div id="announcements-assertive" aria-live="assertive" aria-atomic="true"> 2196 <div id="announcement-assertive"></div> 2197 </div> 2198 </div> 2199 2200 2201
2201<script type="text/javascript" src="/web/default3.0/js/vendor/smartbanner.min.js"></script>
2201 2202
2202<script type="text/javascript" src="/share42/share42.js"></script>
2202 2203 2204<!-- SET: SCRIPTS -->
2205<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2205
2205
2206<script>window.jQuery || document.write('
2206<script src="/web/default3.0/js/vendor/jquery-3.6.0.min.js"><\/script>')</script>
vendor: 1 bytes, line 2206
2206
2207<script src="https://code.jquery.com/jquery-migrate-3.3.2.js" integrity="sha384-KwAndHbPSueZ9+pG1mDjru/Q6KT6cliBs+/SCGpcOO6XvhrkbF0cBzkSs3+Pl2Zz" crossorigin="anonymous"></script>
2207 2208<!--
2208<script src="https://code.jquery.com/jquery-migrate-3.3.2.min.js" integrity="sha256-Ap4KLoCf1rXb52q+i3p0k2vjBsmownyBTE1EqlRiMwA=" crossorigin="anonymous"></script>
2208-->
2209<script> 2210 /* http://writing.colin-gourlay.com/safely-using-ready-before-including-jquery/ */ 2211 (function($,d){$.each(readyQ,function(i,f){$(f)});$.each(bindReadyQ,function(i,f){$(d).bind("ready",f)})})(jQuery,document) 2212</script>
vendor: 1 bytes, line 2212
2212
2213<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js" integrity="sha256-lSjKY0/srUM9BE3dPm+c4fBo1dky2v27Gdjm2uoZaL0=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2213
2213
2214<script type="text/javascript" src="/min/g=js4.0&1788675044"></script>
2214 2215<!-- END: SCRIPTS --> 2216 2217
2218<script> 2219 function closeAnnouncementModal(){ 2220 $("#announcementBox").hide(); 2221 setAnnouncementSession(""); 2222 } 2223 2224 $('body').on('click', '#closeAnnouncement', function(e) { 2225 e.preventDefault(); 2226 setAnnouncementSession(""); 2227 }); 2228</script>
vendor: 1 bytes, line 2228
2228
2229<script> 2230$(() => { 2231 const stickyHeader = document.querySelector('.headerAndWtype'); 2232 if (!stickyHeader) { 2233 return; 2234 } 2235 2236 function updateHeaderHeight() { 2237 const gap = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16; 2238 const offset = stickyHeader.offsetHeight + gap; 2239 document.documentElement.style.scrollPaddingTop = offset + 'px'; 2240 2241 document.documentElement.style.setProperty('--sticky-header-offset', offset + 'px'); 2242 } 2243 2244 updateHeaderHeight(); 2245 if ('ResizeObserver' in window) { 2246 new ResizeObserver(updateHeaderHeight).observe(stickyHeader); 2247 } else { 2248 window.addEventListener('resize', app.throttle(updateHeaderHeight)); 2249 } 2250}); 2251</script>
2251 2252 2253 <div id="recaptcha" class="g-recaptcha" data-callback="submitAjaxForm" data-size="invisible"></div> 2254 <div id="async-recaptcha" class="g-recaptcha" data-callback="recaptchaAsyncCallback" data-size="invisible"></div> 2255 2256
2256<script> 2257 var ajaxRecaptcha; 2258 var asyncRecaptcha; 2259 var checkoutRecaptcha; 2260 2261 function initRecaptchas() { 2262 const options = { 2263 sitekey: "6LeS6lMUAAAAADOPnBKluMb49PS1NyzPT1kR87Re", 2264 size: 'invisible', 2265 }; 2266 2267 $('[data-recaptcha]').not('[data-ajax-form]').each(function (k, v) { 2268 const submit = $(v).find('[type="submit"]'); 2269 grecaptcha.render(submit[0], { 2270 ...options, 2271 callback(token) { 2272 $(v).submit(); 2273 }, 2274 }); 2275 }); 2276 2277 ajaxRecaptcha = grecaptcha.render('recaptcha', options); 2278 asyncRecaptcha = grecaptcha.render('async-recaptcha', options); 2279 } 2280 </script>
vendor: 119 bytes, lines 2280-2282
2280 2281 <script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=initRecaptchas" async defer></script> 2282
2283</body> 2284</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.