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