</noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.downtownmelody.com/_x/d3d3Lmdvb2dsZXRhZ21hbmFnZXIuY29t/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-TM8J');</script> <!-- End Google Tag Manager --> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'idRestaurant': "570567", "nameRestaurant": "Hideout Burger", "nameProvider": "ElTenedor & TimeOut", 'typeModule': "MAG_STREAM", "idCampaignHash": "26298-e55" }); </script> <div class="light"> <div class="wrapper"> <div class="main"> <div id="belt" class="body-belt belt"> <div class="container"> <h1 class="belt-header">Hideout Burger</h1> <h2 class="belt-subHeader"> Carrer del Consell de Cent, 242, 08011 Barcelona </h2> </div> </div> <div id="content" class="clearfix body-content content" > <img src="https://www.downtownmelody.com/_x/dHJhY2tpbmcubGFmb3VyY2hldHRlLmNvbQ/data?_type=module&restaurant=570567-546a0&campaign=26298-e55" style="position: absolute;"> <div id="ng-app" ng-app="reservation" > <script type="text/ng-template" id="reservation.html" > <div ui-view="reservation"></div> </script> <script type="text/ng-template" id="dhp.html" > <div class="body-backToTop" ng-class="{'body-backToTop--hidden': scrollTopPosition < 50, 'body-backToTop--visible': scrollTopPosition >= 50}"> <a onclick="javascript:$('html, body').animate({ scrollTop: 0 }, 'fast');">Volver al principio</a> </div> <div class="clearfix"> <nav class="back-button-wrapper content-backButton"> <div dhp-back-button ng-hide="!reservation.date && saleTypeList.count == 1" ></div> </nav> <div dhp-sale-type="saleTypeList.fullList[reservation.idSaleType]"></div> </div> <div id="dhp-wrapper" class="clearfix dhpSteps" ng-class="[(saleTypeList.fullList[reservation.idSaleType].isSpecialOffer && saleTypeList.fullList[reservation.idSaleType].discountAmount) ? 'discountAmount discountAmount--' + saleTypeList.fullList[reservation.idSaleType].discountAmount : '', saleTypeList.fullList[reservation.idSaleType].isMenu ? 'menu' : '', saleTypeList.fullList[reservation.idSaleType].isSpecialOffer ? 'offer' : '']"> <div id="dhp-left-col" class="dhpSteps-col--left" > <section id="reservation-date" reservation-date class="dhp-step dhpSteps-dhpStep dhpStep" ></section> </div> <div id="dhp-right-col" class="dhpSteps-col--right" > <section id="reservation-time" reservation-time ng-if="reservation.date" class="dhp-step dhpSteps-dhpStep dhpStep" ></section> <section id="reservation-pax" reservation-pax ng-if="reservation.time" class="dhp-step dhpSteps-dhpStep dhpStep" ></section> </div> </div> </script> <script type="text/ng-template" id="pdh.html" > <div class="body-backToTop" ng-class="{'body-backToTop--hidden': scrollTopPosition < 50, 'body-backToTop--visible': scrollTopPosition >= 50}"> <a onclick="javascript:$('html, body').animate({ scrollTop: 0 }, 'fast');">Volver al principio</a> </div> <div class="clearfix"> <nav class="back-button-wrapper content-backButton"> <div dhp-back-button ng-hide="!reservation.date && saleTypeList.count == 1" ></div> </nav> <div dhp-sale-type="saleTypeList.fullList[reservation.idSaleType]"></div> </div> <div id="dhp-wrapper" class="clearfix dhpSteps" ng-class="[(saleTypeList.fullList[reservation.idSaleType].isSpecialOffer && saleTypeList.fullList[reservation.idSaleType].discountAmount) ? 'discountAmount discountAmount--' + saleTypeList.fullList[reservation.idSaleType].discountAmount : '', saleTypeList.fullList[reservation.idSaleType].isMenu ? 'menu' : '', saleTypeList.fullList[reservation.idSaleType].isSpecialOffer ? 'offer' : '']"> <div class="dhpSteps-col--fullWidth"> <section id="reservation-pax" reservation-pax class="dhp-step dhpSteps-dhpStep dhpStep" ></section> </div> <div id="dhp-left-col" class="dhpSteps-col--left" > <section id="reservation-date" reservation-date ng-if="reservation.pax" class="dhp-step dhpSteps-dhpStep dhpStep" ></section> </div> <div id="dhp-right-col" class="dhpSteps-col--right" > <section id="reservation-time" reservation-time ng-if="reservation.date" class="dhp-step dhpSteps-dhpStep dhpStep" ></section> <section id="reservation-wait-list" reservation-wait-list ng-if="reservation.time && reservation.waitList" class=""></section> </div> </div> </script> <script type="text/ng-template" id="reservation-date.html" > <div reservation-scroll-anchor="date" class="dateStep"> <h2 class="dhpStep-header"> <i class="icon--inEvidence icon--rightSpaced icon-webfont icon-webfont_calendarDots" /> Seleccionar una fecha </h2> <div class="dhpStep-content"> <div datepicker ng-model="reservation.date" ng-show="!dhpList.$isLoadingDateList" min-date="context.now" locale="es_ES" date-list="dhpList.dateList" sale-type="saleTypeList.fullList[reservation.idSaleType]" class="dhpStep-datePicker datePicker" > </div> <div ng-show="dhpList.$isLoadingDateList" class="loading" > Cargando.. </div> <div ng-show="flowKind == 'dhp'"> <div dhp-legend></div> </div> </div> </div> </script> <script type="text/ng-template" id="reservation-time.html" > <div reservation-scroll-anchor="time" class="timeStep"> <h2 class="dhpStep-header"> <i class="icon--inEvidence icon--rightSpaced icon-webfont icon-webfont_circleClock" /> Una hora </h2> <div class="dhpStep-content"> <div ng-if="dhpList.hasTimeslot"> <div ng-repeat="lunch in dhpList.timeList" ng-if="lunch.timeslots.length > 0" > <h3 class="dhpStep-subHeader">{[{ lunch.translation }]}</h3> <ul id="lunch-list" class="dhp-list clearfix dhpStep-list timeStep-list" > <li ng-repeat="timeslot in lunch.timeslots" class="dhpStep-item timeStep-item"> <button cross-sellable-choice ng-click="handleCrossSellClick('time', timeslot.time)" ng-class="(timeslot.time == reservation.time ? 'selected' : '') + ' ' + crossSellClassName + (timeslot.sale_type_list.hasWaitList ? ' wait-list' : '')" cross-sell-flag-list="timeslot.sale_type_list" cross-sell-direct-apply="timeController.setReservationTimeAndWaitList(timeslot, lunch.name)" ng-disabled="(crossSellClassName == 'no_stock')" class="dhpSteps-button"> {[{ timeslot.time }]} </button> </li> </ul> </div> </div> <div ng-if="dhpList.$isLoadingTimeList" class="loading" > Cargando.. </div> </div> </div> </script> <script type="text/ng-template" id="reservation-wait-list.html" > <div class="waitListDisclaimer"> <p class="waitListDisclaimer-message"> <i class="icon--inEvidence icon--rightSpaced icon-webfont icon-webfont_triangleWarning waitListDisclaimer-icon"></i> El restaurante está completo para ese día y horario. Puede apuntarse en la lista de espera y recibirá una confirmación por parte del restaurante cuando tenga una mesa disponible. </p> <p> <button class="button--bordered button--fullWidth waitListDisclaimer-button" ng-click="handleSignupToWaitListClick()">Regístrese para la lista de espera</button> </p> </div> </script> <script type="text/ng-template" id="reservation-pax.html" > <div reservation-scroll-anchor="pax" class="paxStep"> <h2 class="dhpStep-header"> <i class="icon--inEvidence icon--rightSpaced icon-webfont icon-webfont_people" /> Un número de personas </h2> <div class="dhpStep-content"> <ul id="pax-list" class="dhp-list clearfix dhpStep-list paxStep-list--dhp" ng-if="paxFirstList.length > 0" > <li ng-repeat="pax in paxFirstList" class="dhpStep-item paxStep-item--dhp" > <button cross-sellable-choice ng-click="handleCrossSellClick('pax', pax.nb_people)" ng-class="(pax.nb_people == reservation.pax ? 'selected' : '') + ' ' + crossSellClassName" cross-sell-flag-list="pax.sale_type_list" cross-sell-direct-apply="paxController.setReservationPax(pax)" class="dhpSteps-button aa-pax-button" > {[{ pax.nb_people }]} </button> </li> </ul> <div id="more-pax-list" class="paxStep-more paxStep-more--dhp" ng-if="paxSecondList.length > 0"><span class="paxStep-moreLabel--dhp">Solicitud para un grupo :</span> <select ng-model="reservation.pax" ng-options="pax.nb_people as pax.nb_people for pax in paxSecondList"></select> </div> <div ng-if="dhpList.$isLoadingPaxList" class="loading" > Cargando.. </div> <div ng-show="dhpList.$isLoadingPaxList == false && dhpList.paxList.length == 0 && flowKind == 'pdh'"> Lo sentimos, de momento estamos completos, por favor, póngase en contacto con nosotros por email o teléfono.. </div> <div ng-show="flowKind == 'pdh'"> <div dhp-legend></div> </div> </div> </div> </script> <script type="text/ng-template" id="cross-sell-st.html" > <div id="cross-sell" class="body-content saleTypes"> <div ng-if="!externalOrigin" > <div class="clearfix"> <nav class="back-button-wrapper content-backButton"> <div dhp-back-button></div> </nav> </div> <hr class="content-divider" /> <h2 class="title"> <span class="icon alert"></span> La opción no está disponible </h2> <p class="bigger" >Aquí hay más opciones según tus criterios :</p> </div> <div ng-if="externalOrigin" > <h2 class="title" ng-pluralize count="saleTypeList.count" when="{'one': 'La siguiente opción está disponible', 'other': 'Las siguientes opciones están disponibles'}" ></h2> </div> <div ng-if="!saleTypeList.$isLoadingSaleTypeList" > <div class="category special-offer" ng-if="saleTypeList.specials.length > 0" > <p class="title saleTypes-categoryHeader"> Opciones</p> <div ng-repeat="saleType in saleTypeList.specials" ng-click="crossSellSTController.validateCrossSell(saleType)" > <div cross-sell-st-choice class="saleType" sale-type="saleType" is-special-st="1" module-context="moduleContext" > </div> </div> </div> <div ng-if="saleTypeList.normal && currentIdSaleType != saleTypeList.normal.id_sale_type" class="category normal"> <p class="title saleTypes-categoryHeader"> Reserva normal</p> <div ng-if="saleTypeList.normal"> <div cross-sell-st-choice class="saleType" sale-type="saleTypeList.normal" is-special-st="0" module-context="moduleContext" > </div> </div> </div> </div> <div ng-show="saleTypeList.$isLoadingSaleTypeList" class="loading" > Cargando.. </div> </div> </script> <script type="text/ng-template" id="cross-sell-st-choice.html" > <div class="float-right saleType-button"> <a ng-click="crossSellSTChoiceController.validateCrossSell(saleType)" ng-class="book-button" style="background: {[{ context.bookButton.backgroundColor }]}; color: {[{ context.bookButton.color }]}; border: 1px solid {[{ context.bookButton.color }]};" class="btn button--callToAction"> {[{ context.bookButton.text }]} </a> </div> <div ng-if="isSpecialSt" > <h2 class="saleType-header" ng-class="(saleType.is_special_offer == 1 ? 'special-offer saleType-header--promo': '')">{[{ saleType.title }]} <span ng-if="saleType.exclusions" >*</span> </h2> <p class="saleType-exclusion" ng-if="saleType.exclusions" >{[{ saleType.exclusions }]}</p> <p class="saleType-toggleDetails"> <a ng-show="saleType.is_menu" ng-click="displayDetail = !displayDetail" > Ver/Ocultar detalles </a> </p> <div class="saleType-details" ng-class="sale-type-detail" ng-show="displayDetail" > <div class="menu-details" ng-if="saleType.is_menu" > <div ng-repeat="menu in saleType.detail_menu" > <div ng-if="!menu.compositions" > <strong>{[{ menu.title }]}</strong> </div> <div ng-if="menu.compositions" > <strong>{[{ menu.title }]}</strong> <ul> <li ng-repeat="composition in menu.compositions" > <span ng-if="composition.name && composition.description" > {[{ composition.name }]} : {[{ composition.description }]} </span> <span ng-if="!composition.name && composition.description" > {[{ composition.description }]} </span> <span ng-if="!composition.name && !composition.description" > <em>No especificado</em> </span> </li> </ul> </div> </div> </div> </div> </div> <div class="crossSellNormalSaleType" ng-if="!isSpecialSt" > <span class="saleType-headerContainer"> <h2 class="saleType-header--inline">Reserva</h2><span class="saleType-simpleReservation"> normal</span> <span> </div> </script> <script type="text/ng-template" id="dhp-legend.html" > <ul class="dhp-legend dhpLegend" ng-show="dhpList.dateList.length > 0"> <li ng-show="dhpLegendController.displayOffer" class="dhpLegend-item dhpLegend-item--dhp"> <span class="dhpLegend-marker--currentSelectedOfferAvailable available"></span> La opción está disponible </li> <li ng-show="dhpLegendController.displayCrossSt" class="dhpLegend-item dhpLegend-item--dhp"> <span class="dhpLegend-marker--otherOfferAvailable cross-st"></span> Otras opciones disponibles </li> <li ng-show="dhpLegendController.displayNormal" class="dhpLegend-item dhpLegend-item--dhp"> <span class="dhpLegend-marker--normalReservationAvailable normal"></span> Reserva online disponible </li> <li ng-show="dhpLegendController.displayUnavailable" class="dhpLegend-item dhpLegend-item--dhp"> <span class="dhpLegend-marker--reservationUnavailable unavailable"></span> Reserva online no disponible </li> </ul> </script> <script type="text/ng-template" id="dhp-back-button.html" > <div class="dhp-back-button content-backButton"> <span ng-click="dhpBackButtonController.historyBack()"> <i class="icon-webfont icon-webfont_chevronLeft" /> Volver </span> </div> </script> <script type="text/ng-template" id="dhp-sale-type.html" > <div id="dhp-sale-type" class="title content-saleType" ng-if="!saleType.isNormal"> {[{ saleType.title }]} </div> </script> <div ui-view> <div class="loading" > Cargando.. </div> </div> </div> </div> <footer class="body-footer footer"> <a href="https://www.downtownmelody.com/_x/d3d3LnRoZWZvcmsuZXM/?cc=26298-e55" target="_blank"> <img src="https://www.downtownmelody.com/_x/bW9kdWxlLmxhZm91cmNoZXR0ZS5jb20/bundles/lafourchettemodulereservation/images/poweredby_thefork.png?v2.261.0" width="320px" alt="" /> </a> </footer> </div> </div> <script type="text/javascript" > /** * @name lfModule.reservationContext */ window.lfModule = { // reservation context reservationContext: { flowKind: 'dhp', locale: 'es_ES', idSaleType: 3592905, idSaleTypeNormal: 3592905, //isCurrentSaleTypeNormal: true, idRestaurantHash: '570567-546a0', idCampaignHash: '26298-e55', bookButton: { backgroundColor: '#008700', color: '#FFFFFF', text: 'Reservar' }, moduleType: 'MAG_STREAM' }, confirmStepUri: 'https://www.downtownmelody.com/_x/bW9kdWxlLmxhZm91cmNoZXR0ZS5jb20/es_ES/resa/record-reservation/570567-546a0/:pax/:date/:time/:lunchName/:waitList/:idSaleType/26298-e55', // default values dateList: [], timeList: [], paxList: [], saleTypeList: {"3592905": { title: 'Reserva\x20sin\x20promoci\u00F3n', discountAmount: '', isNormal: true, isSpecialOffer: false, isMenu: false }} }; window.dataLayer = window.dataLayer || []; </script> <script type="text/javascript" src="https://www.downtownmelody.com/_x/bW9kdWxlLmxhZm91cmNoZXR0ZS5jb20/js/dbf2ac6.js?v2.261.0"></script> </div> <script type="text/javascript">_satellite && _satellite.pageBottom();</script> </body> </html>