1<!DOCTYPE html> 2<html class="ios device-pixel-ratio-1 device-desktop device-windows"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover"> 6 <meta name="apple-mobile-web-app-capable" content="yes"> 7 <meta name="theme-color" content=""> 8 <title>Pizzeria Arena â Comanda mancare online in Braila si imprejurimi</title> 9<meta name="description" content="Comanda de la Pizzeria Arena. Ingrediente proaspete si preparate delicioase!" /> 10 <link href="src/bundle.css?v=f95d757f-8a6d-48c0-9f71-5c18cf0b8470" rel="stylesheet" /> 11
11<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js"></script>
11 12</head> 13<body> 14 15 <div id="preloader" style="display:block;"> 16 <div class="dialog-backdrop backdrop-in"></div> 17 <div class="dialog dialog-no-buttons dialog-preloader modal-in" style="display: block;"> 18 <div class="dialog-inner"> 19 <div class="dialog-title">Se incarca... </div> 20 21 <div class="preloader"> 22 <span class="preloader-inner"> 23 <span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span> 24 </span> 25 </div> 26 </div> 27 </div> 28 </div> 29 30 <div id="app" v-cloak> 31 32 <f7-app :params="$root.f7params"> 33 34 <!-- Right Panel with "reveal" effect --> 35 <f7-panel right cover ref="menuPanel" @panel:closed="$root.closeMenuPanel" @panel:open="$root.openMenuPanel" class="panelInCls"> 36 <f7-view name="menuPanelView"> 37 <f7-page name="menu-list" url="/menu-list"> 38 39 <f7-link panel-close> 40 <i class="f7-icons">xmark</i> 41 </f7-link> 42 43 <f7-list v-if="loggedUser === null"> 44 <f7-list-item v-if="_deactivateSaporiCustom === false" title="Autentificare" link="/login/"></f7-list-item> 45 <f7-list-item v-if="_hideCreateUserFunctionality === false" title="Creeaza cont" link="/register/"></f7-list-item> 46 <f7-list-item v-if="_showReservationPage" title="Rezerva" v-on:click="$root.openReservation()" link="#"></f7-list-item> 47 <!--<f7-list-item v-if="_renderLandingPage != ''" title="Acasa" v-on:click="$root.redirectToRenderLandingPage()"></f7-list-item>--> 48 <f7-list-item v-for="(item, index) in _menuLinks" :title="item.name" v-if="item.linkType != '2'" link="#" v-on:click="$root.customPageClick(item.url)"> 49 </f7-list-item> 50 <f7-list-item v-for="(item, index) in _menuLinks" :title="item.name" :link="item.url" target="_blank" :external="true" v-if="item.linkType === '2'"> 51 </f7-list-item> 52 </f7-list> 53 54 <f7-list v-if="loggedUser !== null"> 55 <f7-list-item v-if="_deactivateMyAccountInOrderingApp === false" title="Contul meu" v-on:click="$root.myAccountClick()" link="#"></f7-list-item> 56 <f7-list-item title="Comenzile mele" v-on:click="$root.myOrdersClick()" link="#"></f7-list-item> 57 <f7-list-item v-if="_showReservationPage" title="Rezerva" v-on:click="$root.openReservation()" link="#"></f7-list-item> 58 <!--<f7-list-item v-if="_renderLandingPage != ''" title="Acasa" v-on:click="$root.redirectToRenderLandingPage()"></f7-list-item>--> 59 <!--<f7-list-item v-for="(item, index) in _menuLinks" :title="item.name" :link="item.url" :external="true"></f7-list-item> old way--> 60 <f7-list-item v-for="(item, index) in _menuLinks" :title="item.name" v-if="item.linkType != '2'" link="#" v-on:click="$root.customPageClick(item.url)"> 61 </f7-list-item> 62 <f7-list-item v-for="(item, index) in _menuLinks" :title="item.name" :link="item.url" target="_blank" :external="true" v-if="item.linkType === '2'"> 63 </f7-list-item> 64 65 <f7-list-item v-if="_deactivateDeleteAccountInOrderingApp === false" title="Sterge contul" v-on:click="$root.deleteAccount()" link="#"></f7-list-item> 66 <f7-list-item title="Iesi din cont" v-on:click="$root.logout()" link="#"></f7-list-item> 67 </f7-list> 68 69 <f7-block class="account-info" v-if="loggedUser === null"> 70 <p>Daca doresti sa faci un cont nou il poti crea dupa finalizarea primei comenzi.</p> 71 </f7-block> 72 73 <div class="horeka-footer mobile" v-if="_hideHorekaLogo === false"> 74 <p class="info">Solutie de comenzi online pentru restaurante</p> 75 <a v-if="_deactivateSaporiCustom === false" @click="$root.redirectToHorekaSite" href="#" target="_blank" rel="nofollow"> 76 <img src="https://api.rpd.roweb.ro/documents/aboutus/horeka-logo.svg" alt="Horeka - Solutie de comenzi online pentru restaurante"> 77 </a> 78 <a v-if="_deactivateSaporiCustom === true" href="#" target="_blank" rel="nofollow"> 79 <img src="https://api.rpd.roweb.ro/documents/aboutus/horeka-logo.svg" alt="Horeka - Solutie de comenzi online pentru restaurante"> 80 </a> 81 </div> 82 83 </f7-page> 84 </f7-view> 85 </f7-panel> 86 87 <!-- Main view--> 88 <f7-view main url="/"></f7-view> 89
90 <f7-popup id="cookiePopup" ref="openCookies-popup" :opened="$root.openCookiesPopup" class="cookiePopup"> 91 <f7-view> 92 <f7-page> 93 <f7-block> 94 <p class="cookieTitle">Gestioneaza cookie-urile</p> 95 <p class="cookieBodyTitle"> 96 Acest site utilizeaza fisiere cookie pentru a-ti analiza utilizarea site-ului. 97 </p> 98 99 <f7-button fill large v-on:click="cookiesPopupClosedfunc" class="cookieBtn">Accept toate cookie-urile</f7-button> 100 </f7-block> 101 </f7-page> 102 </f7-view> 103 </f7-popup> 104 105 <!-- Popup. All modals should be outside of Views --> 106 <f7-popup class="checkout-popup-scroll" id="checkout-popup" ref="checkoutPopup" :opened="$root.checkoutPopupOpenedProp" @popup:closed="checkoutPopupClosedfunc"> 107 <f7-view> 108 <f7-page @page:beforein="onPageBeforeIn"> 109 <f7-navbar title="Cosul tau de cumparaturi"> 110 <!-- Link to close popup --> 111 <f7-nav-right> 112 <f7-link popup-close><i class="f7-icons">xmark</i></f7-link> 113 </f7-nav-right> 114 </f7-navbar> 115 116 <div class="popup-checkout bascket"> 117 <!--<div> 118 <img class="burgerLogo" src="src/resources/burger.svg" /> 119 </div>--> 120 <div class="inner-wrapper" style=" padding-bottom: 43px !important;"> 121 122 <div class="empty-cart" v-if="$root.basket.products.length === 0"> 123 <span class="image-empty"></span> 124 <p class="text-color-gray mb-40">Adauga mancare gustoasa din meniu si apoi plaseaza comanda</p> 125 </div> 126 127 <div class="minimum-order" v-if="$root.basket.products.length != 0 && _minimumSum != 0 && _minimumSum > $root.basket.total"> 128 <p> 129 <i class="f7-icons icon-color">creditcard</i>Comanda minima este de <span>{{ _minimumSum }}</span> Lei 130 </p> 131 </div> 132 133 <div class="inner-scroll"> 134 <div class="order-summary" v-if="$root.basket.products.length > 0"> 135 <div class="data-table"> 136 <div class="item" v-for="(item, index) in $root.basket.products"> 137 <div class="td-image" v-bind:class="{'no-image': item.photo === '' }"><span class="product-image" v-bind:style="{ 'background-image': 'url(' + item.photo + ')' }"></span></div> 138 <div v-bind:class="['label-cell', (item.photo == '' ? 'no-image' : ''), ( $root.checkProductTitleLength(item) ? 'add-padding-top' : '' ) ]"> 139 <div class="product-info"> 140 <span class="name" v-html="item.name"></span> 141 <span class="product-variations" v-if="item.selectedVariation && item.selectedVariation.variants"> 142 <!--<br />--> 143 {{item.selectedVariation.variants}} 144 </span> 145 <span class="product-addons" v-if="item.selectedAddons && item.selectedAddons.addons"> 146 <!--<br />--> 147 <span v-for="(addon, addonIndex) in item.selectedAddons.addons"> 148 {{addon.name}} 149 <br /> 150 </span> 151 </span> 152 </div> 153 <div class="product-qty"> 154 <f7-stepper :init="false" :value="item.qty" :min="0" :step="1" :input="false" small raised @stepper:minusclick="$root.changeQtyMinus(item)" @stepper:plusclick="$root.changeQtyPlus(item)"></f7-stepper> 155 </div> 156 <div class="product-price"> 157 {{(item.price * item.qty).toFixed(2)}} lei 158 </div> 159 </div> 160 <div class="remove-item"> 161 <f7-link v-on:click="$root.removeProductFromBasket(item)"><i class="f7-icons">xmark</i></f7-link> 162 </div> 163 </div> 164 </div> 165 </div> 166 </div> 167 <!--<f7-icon class="logoSadImg" slot="media" f7="alarm" v-if="_orderBtnVisibility == true"></f7-icon>--> 168 <div class="minimum-order-warning" v-if="$root.basket.products.length != 0 && _minimumSum != 0 && _minimumSum > $root.basket.total"> 169 <p> 170 <img src="src/resources/warning.svg"> 171 <span>Pentru a continua comanda trebuie sa ai suma minima mentionata mai sus</span> 172 </p> 173 </div> 174 175 <div class="hour-interval" v-if="_orderBtnVisibility == true"> 176 <div class="info-box"> 177 <f7-icon class="logoSadImg" slot="media" f7="alarm" v-if="_orderBtnVisibility == true"></f7-icon> 178 <p class="text-color-gray fntW" v-if="_orderBtnVisibility == true">{{ _hourIntervalMessage }}</p> 179 </div> 180 181 <table class="tblInterval"> 182 <tbody> 183 <tr class="border-bottom" v-for="(item, index) in _hourInterval"> 184 <td class="td1 label-cell"><span class="spn1">{{ item.Day }}</span></td> 185 <!--<td class="td2 label-cell"><span class="spn2"></span></td>--> 186 <td class="td3 label-cell"><span class="spn1 spRgt">{{ item.Interval }}</span></td> 187 </tr> 188 </tbody> 189 </table> 190 </div> 191 </div> 192 193 <div class="floating-btn-mobile" v-if="_orderBtnVisibility == false"> 194 <div class="list media-list no-hairline no-hairlines-between cutAfterLineFromUl"> 195 <ul> 196 <li> 197 <div class="item-content"> 198 <div class="item-inner"> 199 <div class="item-title-row"> 200 <div class="item-title">Sub-total</div> 201 <div class="item-after">{{$root.basket.subTotal.toFixed(2)}} lei</div> 202 </div> 203 </div> 204 </div> 205 </li> 206 <li> 207 <div class="item-content"> 208 <div class="item-inner"> 209 <div class="item-title-row"> 210 <div class="item-title total"><b>Total</b></div> 211 <div class="item-after total"><b>{{$root.basket.total.toFixed(2)}} lei</b></div> 212 </div> 213 </div> 214 </div> 215 </li> 216 </ul> 217 218 <f7-button large raised fill :disabled="$root.basket.total === 0 || _minimumSum > $root.basket.total" v-on:click="$root.checkoutClick">Comanda</f7-button> 219 </div> 220 </div> 221 </div> 222 223 224 </f7-page> 225 </f7-view> 226 </f7-popup> 227 228 <!--v-bind:class="{ noImage: productDetails.photo == '' }"--> 229 <f7-popup fill id="product-details-popup" style="border-radius: 12px 12px 12px 12px !important;" ref="popup-product-details" :opened="$root.productDetailsPopupOpened" @popup:closed="onProductDetailsPopupClosed"> 230 <f7-view :url="null"> 231 <f7-page class="product-details" v-bind:class="{ unsetOverflow: productDetails.addons && productDetails.addons.length === 1 }"> 232 233 <f7-navbar title="" style="width: 50px; right: 0; left: unset;"> 234 <p class="mrgDetails" v-html="productDetails.name"></p> 235 <f7-nav-right> 236 <f7-link popup-close v-on:click="closeProductDetailsPopup()"><i class="f7-icons">xmark</i></f7-link> 237 </f7-nav-right> 238 </f7-navbar> 239 <div class="image" v-if="productDetails.photo != '' && productDetails.photo != undefined" v-bind:style="{ backgroundImage: 'url(' + productDetails.photo + '?width=1000' + ')' }"></div> 240 <div class="default-image" v-if="productDetails.photo === ''" style="background-image: url('https://api.rpd.roweb.ro/documents/aboutus/orderingDefault.png?width=1000')"></div> 241 <!--<div class="image" v-if="productDetails.photo !== ''" style="max-height: 450px; max-width: 702px; position: relative;"> 242 <img style="width: 100%; height: 100%;" :src="productDetails.photo + '?mode=stretch&width=1000&height=750&bgcolor=ffffff'" /> 243 </div>--> 244 <!--v-bind:class="{ noImage: productDetails.photo == '' }"--> 245 <f7-block class="short-description"> 246 247 <div class="main-info"> 248 <h2 v-html="productDetails.name"></h2> 249 <div class="prices"> 250 <p v-if="productDetails.regularPrice != productDetails.price && productDetails.regularPrice != 0" class="price cutPrice">{{productDetails.regularPrice}} lei</p> 251 <p class="price">{{productDetails.price}} lei</p> 252 </div> 253 </div> 254 255 <div class="description" v-html="productDetails.shortDescription"></div> 256 257 <div class="product-addons" v-if="allergens.length > 0"> 258 <h4><span class="addon-title">Alergeni</span></h4> 259 260 <div class="list" v-if="allergens.length > 0"> 261 <img v-for="(option, index) in allergens" :src="option.ImagePath" :title="option.TextValue" v-on:click="showAllergeTitle(option.TextValue)" style="margin-right: 5px; cursor: pointer;" /> 262 </div> 263 </div> 264 265 <div class="product-variations" v-if="productDetails.variations && productDetails.variations.length > 0"> 266 <div class="row"> 267 <div class="col-100"> 268 <div v-for="(productVariation, index) in productDetails.productVariations"> 269 <h4>{{productVariation.variation}} <span class="badge">Obligatoriu</span></h4> 270 <div class="input-dropdown-wrap"> 271 <select v-model="productVariation.selected" class="form-control"> 272 <option v-for="option in productVariation.options" v-bind:value="option.value"> 273 {{ option.text }} 274 </option> 275 </select> 276 </div> 277 </div> 278 </div> 279 </div> 280 </div> 281 282 <div class="product-addons" v-if="productDetails.addons && productDetails.addons.length > 0"> 283 <div class="col-100"> 284 <div class="addon-section active" :id="productAddon.addon.replace(/ /g, '').replace('.', '_') + '_add'" v-for="(productAddon, index) in productDetails.productAddons"> 285 <h4> 286 <span class="addon-title pointCrs" @click="toggleElementNameDisplayAll">{{productAddon.addon}}</span> <span v-if="productAddon.required" class="badge">Obligatoriu</span> <span v-if="!productAddon.required" class="badge gray">Optional</span> <span class="toggle-arrow" @click="toggleElementDisplayAll"> 287 <img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/toggle-arrow.svg'" /> 288 <img v-if="!_apiUrl.includes('rpd')" src="src/resources/toggle-arrow.svg" /> 289 </span> 290 </h4> 291 292 <div class="list"> 293 <ul> 294 <li v-for="(option, index) in productAddon.options"> 295 296 <label class="item-checkbox item-content" v-if="productAddon.displayType === 'select'"> 297 <input type="checkbox" v-if="option.item[0].limit > 0" 298 :id="option.item[0].id" v-model="option.selected" v-bind:value="option.item[0].id" 299 v-on:click="$root.setNumberOfAddons(option.item[0].id, option.item[0].limit, option)" /> 300 <input type="checkbox" v-if="option.item[0].limit === 0" v-model="option.selected" v-bind:value="option.item[0].id" /> 301 <i class="icon icon-checkbox"></i> 302 <div class="item-inner"> 303 <div class="item-title">{{option.text}} + {{option.item[0].price}} lei</div> 304 </div> 305 </label> 306 307 <label class="item-radio item-radio-icon-start item-content" v-if="productAddon.displayType === 'radiobutton'"> 308 <input type="radio" v-model="productAddon.selected" v-name="productAddon.addon" v-bind:value="option.item[0].id" /> 309 <i class="icon icon-radio"></i> 310 <div class="item-inner"> 311 <div class="item-title">{{option.text}} + {{option.item[0].price}} lei</div> 312 </div> 313 </label> 314 </li> 315 </ul> 316 </div> 317 </div> 318 </div> 319 </div> 320 <div class="meta-line-box-shadow" style="margin-top: unset !important;" v-if="(productDetails.addons == undefined || productDetails.addons.length <= 0) && ((productDetails.ingredients != undefined && productDetails.ingredients != '') || (productDetails.nutritionalDeclaration != undefined && productDetails.nutritionalDeclaration != '') || stabilizers != '')"></div> 321 <div class="meta-line-box-shadow" v-if="(productDetails.addons && productDetails.addons.length > 0) && ((productDetails.ingredients != undefined && productDetails.ingredients != '') || (productDetails.nutritionalDeclaration != undefined && productDetails.nutritionalDeclaration != '') || stabilizers != '')"></div> 322 <div class="product-addons" v-if="(productDetails.ingredients != undefined && productDetails.ingredients != '') || (productDetails.nutritionalDeclaration != undefined && productDetails.nutritionalDeclaration != '') || stabilizers != ''"> 323 <div class="col-100">
324 <div class="addon-section meta-box-shadow" id="productMetaDetails"> 325 <h4> 326 <span v-if="$root.removeStepperMinus === true" class="addon-title pointCrs" @click="toggleProductMeta">Valori nutritionale</span> <span v-if="$root.removeStepperMinus === true" class="toggle-arrow remove-stepper" @click="toggleProductMeta"> 327 <f7-stepper large @stepper:plusclick="$root.removePlusStepper" :input="true"></f7-stepper> 328 <!--<img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/toggle-arrow.svg'" /> 329 <img v-if="!_apiUrl.includes('rpd')" src="src/resources/toggle-arrow.svg" />--> 330 </span> 331 <span v-if="$root.removeStepperMinus === false" class="addon-title pointCrs" @click="toggleProductMeta">Valori nutritionale</span> <span v-if="$root.removeStepperMinus === false" class="toggle-arrow remove-stepper-plus" @click="toggleProductMeta"> 332 <f7-stepper large @stepper:minusclick="$root.removeMinusStepper" :input="true"></f7-stepper> 333 </span> 334 </h4> 335 <div class="list"> 336 <h4 v-if="productDetails.ingredients != undefined && productDetails.ingredients != ''"><span class="addon-title">Ingrediente</span></h4> 337 338 <div class="description" v-if="productDetails.ingredients != undefined && productDetails.ingredients != ''" v-html="productDetails.ingredients"></div> 339 340 <h4 v-if="productDetails.nutritionalDeclaration != undefined && productDetails.nutritionalDeclaration != ''"><span class="addon-title">Declaratia nutritionala</span></h4> 341 342 <div class="description stabilizers-table-display" v-if="productDetails.nutritionalDeclaration != undefined && productDetails.nutritionalDeclaration != '' && productDetails.nutritionalDeclaration.includes('table')" 343 v-html="productDetails.nutritionalDeclaration"></div> 344 <div class="description" v-if="productDetails.nutritionalDeclaration != undefined && productDetails.nutritionalDeclaration != '' && !productDetails.nutritionalDeclaration.includes('table')" 345 v-html="productDetails.nutritionalDeclaration"></div> 346 347 <h4 v-if="stabilizers != undefined && stabilizers != ''"><span class="addon-title">Stabilizatori</span></h4> 348 349 <div class="description" v-if="stabilizers != undefined && stabilizers != ''" v-html="stabilizers"></div> 350 </div> 351 </div> 352 </div> 353 </div> 354 355 <span id="erroraddprodcut" v-show="addProdcutToCartErrors !== ''" style="color:red;" v-html="addProdcutToCartErrors"></span> 356 357 </f7-block> 358 359 <div class="add-to-cart-button" v-bind:class="{ 'posStick': _isIos === true }"> 360 361 362 <div class="row"> 363 <div class="col-40 small-30"> 364 <f7-stepper ref="stepperAddProduct" :value="productDetails.qty" :min="1" :max="999" large @stepper:minusclick="setQtyMinusclick" @stepper:plusclick="setQtyPlusclick" :input="false"></f7-stepper> 365 </div> 366 <div class="col-60 small-70 add-to-cart-action-button"> 367 <f7-button fill large v-on:click="addToBasket(productDetails)" :disabled="addCartClick">Adauga la comanda</f7-button> 368 </div> 369 </div> 370 </div> 371 </f7-page> 372 </f7-view> 373 </f7-popup> 374 375 <f7-popup id="info-venue-popup" @popup:open="$root.infoModalOpen"> 376 <f7-view> 377 <f7-page> 378 379 <f7-navbar v-bind:style="{ backgroundImage: 'url(' + $root.settings.headerPhoto + '?mode=crop&width=1920&height=600&bgcolor=ffffff' + ')' }"> 380 <!-- Link to close popup --> 381 <f7-nav-right> 382 <f7-link popup-close><i class="f7-icons">xmark</i></f7-link> 383 </f7-nav-right> 384 </f7-navbar> 385 386 <f7-block> 387 <div class="card" v-if="_hourInterval.length > 0"> 388 <div class="card-header">Orar de livrari</div> 389 <div class="card-content card-content-padding"> 390 391 <table class="tblInterval"> 392 <tbody> 393 <tr class="border-bottom" v-for="(item, index) in _hourInterval"> 394 <td class="td1 label-cell"><span class="spn1">{{ item.Day }}</span></td> 395 <td class="td2 label-cell"><span class="spn2"></span></td> 396 <td class="td3 label-cell"><span class="spn1 spRgt">{{ item.Interval }}</span></td> 397 </tr> 398 </tbody> 399 </table> 400 401 </div> 402 <div class="card-footer" v-if="settings.websiteSetup.venueDeliveryCost && settings.websiteSetup.venueDeliveryCost > 0">Cost livrare: {{settings.websiteSetup.venueDeliveryCost}} lei</div> 403 </div> 404 405 <div class="card" v-if="settings.websiteSetup.venuePaymentmetods && settings.websiteSetup.venuePaymentmetods.length > 0"> 406 <div class="card-header">Metode de plata acceptate</div> 407 <div class="card-content card-content-padding"> 408 409 <ul class="no-style"> 410 <li> 411 <table> 412 <tr class="payment-method" v-for="(item, index) in settings.websiteSetup.venuePaymentmetods"> 413 <td> 414 <i class="f7-icons icon-color" v-if="item == 2">creditcard</i> 415 <i class="f7-icons icon-color" v-if="item != 2">rectangle_on_rectangle</i> 416 </td> 417 <td> 418 {{paymentMethodText(item)}} 419 </td> 420 </tr> 421 </table> 422 </li> 423 </ul> 424 </div> 425 </div> 426 427 <div class="card contact"> 428 <div class="card-header">Contact</div> 429 <div class="card-content card-content-padding"> 430 <div class="row"> 431 <div class="col-100"> 432 <p v-if="settings.websiteSetup.email"> 433 <i class="f7-icons icon-color">envelope</i> 434 <a v-bind:href="'mailto:' + settings.websiteSetup.phone">{{settings.websiteSetup.email}}</a> 435 </p> 436 437 <p v-if="settings.websiteSetup.phone"> 438 <i class="f7-icons icon-color">
438phone_fill</i> 439 <a class="external call" v-bind:href="'tel:' + settings.websiteSetup.phone">{{settings.websiteSetup.phone}}</a> 440 </p> 441 442 <p> 443 <i class="f7-icons icon-color">placemark</i> 444 {{settings.address}}, {{settings.postalCode}} {{settings.city}}, {{settings.county}} 445 </p> 446 447 <p> 448 <a class="maps-contact external" v-bind:href="'https://www.google.com/maps/search/?api=1&query=' + settings.address + ', ' + settings.postalCode + ', ' + settings.city + ', ' + settings.county" target="_blank"> 449 <i class="f7-icons icon-color">map</i> 450 <span>Vezi pe harta</span> 451 </a> 452 </p> 453 </div> 454 </div> 455 </div> 456 </div> 457 458 </f7-block> 459 </f7-page> 460 </f7-view> 461 </f7-popup> 462 463 <f7-popup id="validate-cart-popup" ref="validate-cart-popup" :opened="popupValidateCartOpened" @popup:closed="onPopupValidateCartOpenedClosed"> 464 <f7-view> 465 <f7-page> 466 <f7-navbar title="Informatii despre cosul tau"> 467 <!-- Link to close popup --> 468 <f7-nav-right> 469 <f7-link popup-close><i class="f7-icons">xmark</i></f7-link> 470 </f7-nav-right> 471 </f7-navbar> 472 <f7-block> 473 474 <p v-if="Object.keys(inactiveProducts).length > 1"> 475 Urmatoarele produse din cosul tau nu mai sunt disponibile si le-am scos automat din cos. 476 <br />Te rugam sa comanzi fara aceste produse: 477 </p> 478 479 <p v-if="Object.keys(inactiveProducts).length == 1"> 480 Urmatoarul produs din cosul tau nu mai este disponibil si l-am scos automat din cos. 481 <br />Te rugam sa comanzi fara acest produs: 482 </p> 483 484 <ul> 485 <li v-for="(product, index) in inactiveProducts"> 486 {{product}} 487 </li> 488 </ul> 489 490 </f7-block> 491 <div class="row"> 492 <div class="col-20"></div> 493 <div class="col-60"> 494 <f7-button fill large popup-close>Ok, am inteles</f7-button> 495 </div> 496 <div class="col-20"></div> 497 </div> 498 </f7-page> 499 </f7-view> 500 </f7-popup> 501 502 <f7-popup id="menu-selection" ref="menu-selection" :opened="menuSelectionOpened" @popup:closed="onMenuSelectionOpenedClosed" close-by-backdrop-click="false" close-on-escape="false"> 503 <f7-view> 504 <f7-page> 505 <f7-navbar title="Meniu"> 506 </f7-navbar> 507 <div class="mb-40"></div> 508 509 510 <div class="row mb-20" v-for="(category, index) in 6" v-if="$root.isLoadingProducts"> 511 <div class="col-10"></div> 512 <div class="col-80"> 513 <f7-button fill large popup-close class="skeleton-effect-fade"></f7-button> 514 </div> 515 <div class="col-10"></div> 516 </div> 517 518 <div class="row mb-20" v-for="(category, index) in productMultiCategory"> 519 <div class="col-10"></div> 520 <div class="col-80"> 521 <f7-button fill large popup-close v-on:click="loadCategory(category.id)">{{category.name}}</f7-button> 522 </div> 523 <div class="col-10"></div> 524 </div> 525 </f7-page> 526 </f7-view> 527 </f7-popup> 528 529 </f7-app> 530 531 </div> 532 533
533<script type="text/x-template" id="page-menu-template"> 534 <f7-page name="home" @page:init="onPageInit" @page:beforein="onPageBeforeIn" ref="page-menu" :class="{ 'is-phone-order': _isPhoneOrder }"> 535 <f7-navbar v-if="!_isPhoneOrder"> 536 <f7-nav-left> 537 <f7-link v-if="localStorage.getItem('appMenuGroup') != null" v-on:click="$root.removeVenueChildrenWeb()"> 538 <i class="f7-icons icon-color" style="font-size: 22px;">arrow_left</i> 539 </f7-link> 540 <p class="label-back" v-if="localStorage.getItem('appMenuGroup') != null" v-on:click="$root.removeVenueChildrenWeb()">Selecteaza alta locatie</p> 541 <p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') === null"> 542 <f7-link panel-open="right"> 543 <i class="f7-icons icon-color lock">person</i> 544 <i class="f7-icons gray-arrow">chevron_down</i> 545 </f7-link> 546 </p> 547 <p v-if="localStorage.getItem('appMenuGroup') === null" class="navbar-title"> 548 {{$root.settings.websiteSetup.navbarTitle}} 549 </p> 550 </f7-nav-left> 551 <div v-if="localStorage.getItem('appMenuGroup') != null" class="navbar-title-center"> 552 <p class="navbar-title"> 553 {{$root.settings.websiteSetup.navbarTitle}} 554 </p> 555 </div> 556 <f7-nav-right> 557 <p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') != null"> 558 <f7-link panel-open="right"> 559 <i class="f7-icons icon-color lock">person</i> 560 <i class="f7-icons gray-arrow">chevron_down</i> 561 </f7-link> 562 </p> 563 <p class="right-details cart"> 564 <f7-link @click="$root.displayExistingBasket"> 565 <i class="f7-icons icon-color">cart</i> 566 Cosul tau 567 <span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span> 568 </f7-link> 569 </p> 570 <p class="right-details name" v-if="$root.loggedUserName"> 571 <f7-link panel-open="right"> 572 {{$root.loggedUserName}} 573 <i class="f7-icons">chevron_down</i> 574 </f7-link> 575 </p> 576 <p class="right-details name" v-if="!$root.loggedUserName && _deactivateSaporiCustom === false"> 577 <f7-link panel-open="right"> 578 <i class="f7-icons icon-color lock">lock</i> 579 Autentificare 580 </f7-link> 581 </p> 582 <p class="mobile-only"> 583 <f7-link popup-open="#checkout-popup"> 584 <i class="f7-icons icon-color lock">cart</i> 585 <span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span> 586 </f7-link> 587 </p> 588 <f7-link panel-open="right"> 589 <i class="f7-icons icon-color">line_horizontal_3</i> 590 </f7-link> 591 </f7-nav-right> 592 </f7-navbar> 593 <div class="side-nav bascket"> 594 <div class="inner-wrapper" style=" padding-bottom: 43px !important;"> 595 <h3>Cosul tau de cumparaturi</h3> 596 597 <div v-if="$root.basket.products.length === 0"> 598 <span class="image-empty"></span> 599 <p class="text-color-gray mb-40">Adauga mancare gustoasa din meniu si apoi plaseaza comanda</p> 600 </div> 601 602 <div class="minimum-order" v-if="$root.basket.products.length != 0 && _minimumSum != 0 && _minimumSum > $root.basket.total"> 603 <p> 604 <i class="f7-icons icon-color">creditcard</i>Comanda minima este de <span>{{ _minimumSum }}</span> Lei 605 </p> 606 </div> 607 608 <div class="inner-scroll"> 609 <div class="order-summary" v-if="$root.basket.products.length > 0"> 610 <div class="data-table"> 611 <div class="item" v-for="(item, index) in $root.basket.products"> 612 <div class="td-image" v-bind:class="{'no-image': item.photo === '' }"><span class="product-image" v-bind:style="{ 'background-image': 'url(' + item.photo + ')' }"></span></div> 613 <div v-bind:class="['label-cell', (item.photo == '' ? 'no-image' : ''), ( $root.checkProductTitleLength(item) ? 'add-padding-top' : '' ) ]"> 614 <div class="product-info"> 615 <span class="name" v-html="item.name"></span> 616 <span class="product-variations" v-if="item.selectedVariation && item.selectedVariation.variants"> 617 <!--<br />--> 618 {{item.selectedVariation.variants}} 619 </span> 620 <span class="product-addons" v-if="item.selectedAddons && item.selectedAddons.addons"> 621 <!--<br />--> 622 <span v-for="(addon, addonIndex) in item.selectedAddons.addons"> 623 {{addon.name}} 624 <br /> 625 </span> 626 </span> 627 </div> 628 <div class="product-qty"> 629 <f7-stepper :init="false" :value="item.qty" :min="0" :step="1" :input="false" small raised @stepper:minusclick="$root.changeQtyMinus(item)" @stepper:plusclick="$root.changeQtyPlus(item)"></f7-stepper> 630 </div> 631 <div class="product-price"> 632 {{(item.price * item.qty).toFixed(2)}} lei 633 </div> 634 </div> 635 <div class="remove-item"> 636 <f7-link v-on:click="$root.removeProductFromBasket(item)"><i class="f7-icons">xmark</i></f7-link> 637 </div> 638 </div> 639 </div> 640 </div> 641 </div> 642 643 <div class="minimum-order-warning" v-if="$root.basket.products.length != 0 && _minimumSum != 0 && _minimumSum > $root.basket.total"> 644 <p> 645 <img src="src/resources/warning.svg"> 646 <span>Pentru a continua comanda trebuie sa ai suma minima mentionata mai sus</span> 647 </p> 648 </div> 649 650 <div class="hour-interval" v-if="_orderBtnVisibility == true"> 651 <div class="info-box"> 652 <f7-icon class="logoSadImg" slot="media" f7="alarm" v-if="_orderBtnVisibility == true"></f7-icon> 653 <p class="text-color-gray fntW" v-if="_orderBtnVisibility == true">{{ _hourIntervalMessage }}</p> 654 </div> 655 656 <table class="tblInterval"> 657 <tbody> 658 <tr class="border-bottom" v-for="(item, index) in _hourInterval"> 659 <td class="td1 label-cell"><span class="spn1">{{ item.Day }}</span></td> 660 <td class="td3 label-cell"><span class="spn1 spRgt">{{ item.Interval }}</span></td> 661 </tr> 662 </tbody> 663 </table> 664 </div> 665 </div> 666 667 <div class="floating-btn" style="margin-right: 25px; margin-left: 27px;" v-if="_orderBtnVisibility == false"> 668 <div class="list media-list no-hairline no-hairlines-between cutAfterLineFromUl"> 669 <ul> 670 <li> 671 <div class="item-content"> 672 <div class="item-inner"> 673 <div class="item-title-row"> 674 <div class="item-title">Sub-total</div> 675 <div class="item-after">{{$root.basket.subTotal.toFixed(2)}} lei</div> 676 </div> 677 </div> 678 </div> 679 </li> 680 <li> 681 <div class="item-content"> 682 <div class="item-inner"> 683 <div class="item-title-row"> 684 <div class="item-title total"><b>Total</b></div> 685 <div class="item-after total"><b>{{$root.basket.total.toFixed(2)}} lei</b></div> 686 </div> 687 </div> 688 </div> 689 </li> 690 </ul> 691 692 <f7-button large raised fill :disabled="$root.basket.total === 0 || _minimumSum > $root.basket.total" v-on:click="$root.checkoutClick" class="floating-btn">Comanda</f7-button> 693 </div> 694 </div> 695 696 <div class="horeka-footer" v-if="_hideHorekaLogo === false"> 697 <p class="info">Solutie de comenzi online pentru restaurante</p> 698 <a v-if="_deactivateSaporiCustom === false" @click="$root.redirectToHorekaSite" href="#" target="_blank" rel="nofollow"> 699 <img src="https://api.rpd.roweb.ro/documents/aboutus/horeka-logo.svg" alt="Horeka - Solutie de comenzi online pentru restaurante" /> 700 </a> 701 <a v-if="_deactivateSaporiCustom === true" href="#" target="_blank" rel="nofollow"> 702 <img src="https://api.rpd.roweb.ro/documents/aboutus/horeka-logo.svg" alt="Horeka - Solutie de comenzi online pentru restaurante" /> 703 </a> 704 </div> 705 </div> 706 <!-- Page content --> 707 <div class="side-split"> 708 <div class="sub-header" v-if="!_isPhoneOrder"> 709 <swiper-container v-if="_mostOrderedCategoryId != 0" class="mySwiper" space-between="30" centered-slides="true" autoplay-delay="5000" autoplay-disable-on-interaction="false"> 710 <swiper-slide speed="500" loop="true" css-mode="true" v-for="(imageItem, imageIndex) in _mostOrderedCategoryImages"> 711 <div style="display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center;" class="sub-header-image-most-ordered" v-bind:style="{ backgroundImage: 'url(' + imageItem.imageUrl + '?mode=crop&width=1920&height=600&bgcolor=ffffff' + ')' }"> 712 <a style="position: relative;" v-if="_mostOrderedCategoryId != 0" class="menu-of-the-day-most-ordered-display-menu-title"> 713 <table> 714 <tr> 715 <td> 716 <span>{{ imageItem.name }}</span> 717 </td> 718 </tr> 719 </table> 720 </a> 721 <!--<a style="position: relative;" v-if="_mostOrderedCategoryId != 0" v-on:click="$root.openProductDetailsPopupFromParentCategory(imageItem.linkUrl, undefined, undefined)" class="menu-of-the-day-most-ordered-display-menu"> 722 <table> 723 <tr> 724 <td> 725 Vezi produs 726 </td> 727 </tr> 728 </table> 729 </a>-->
729 730 <a style="position: relative;" v-if="_mostOrderedCategoryId != 0" class="menu-of-the-day-most-ordered-display-menu-whithout-click"> 731 <table> 732 <tr> 733 <td> 734 Livrari la domiciliu 735 </td> 736 </tr> 737 </table> 738 </a> 739 740 <a v-if="_mostOrderedCategoryId != 0" v-on:click="$root.scrollToMenuElement(`cat-${ _mostOrderedCategoryId }`)" class="menu-of-the-day-most-ordered-top-products"> 741 <table> 742 <tr> 743 <td v-html="_mostOrderedCategoryName"> 744 </td> 745 </tr> 746 </table> 747 </a> 748 </div> 749 </swiper-slide> 750 </swiper-container> 751 <div v-if="_mostOrderedCategoryId === 0" class="sub-header-image" v-bind:style="{ backgroundImage: 'url(' + $root.settings.headerPhoto + '?mode=crop&width=1920&height=600&bgcolor=ffffff' + ')' }"> 752 753 <div class="apps-ad" v-if="$root.displayAppsAd && ( _urlAndroidApp != '' || _urlIosApp != '' )"> 754 <p>Instaleaza acum si aplicatia noastra mobila direct din Google Store si Apple Store</p> 755 <a v-bind:href="_urlAndroidApp" v-if="_urlAndroidApp" class="external" target="_blank"> 756 <img src="https://api.rpd.roweb.ro/documents/aboutus/gplay.png" class="gplay"> 757 </a> 758 <a v-bind:href="_urlIosApp" v-if="_urlIosApp" class="external" target="_blank"> 759 <img src="https://api.rpd.roweb.ro/documents/aboutus/appstore.png" class="appstore"> 760 </a> 761 <a class="close" v-on:click="$root.closeBanner"> 762 <i class="f7-icons">multiply</i> 763 </a> 764 </div> 765 766 <a v-on:click="$root.scrollToMenuElement(`cat-${$root.settings.websiteSetup.productCategoryId}`)" class="menu-of-the-day" v-if="$root.settings.websiteSetup.showMenuOfTheDay === true && $root.isLoadingProducts === false"> 767 <table> 768 <tr> 769 <td v-html="$root.menuOfTheDayName"> 770 </td> 771 </tr> 772 </table> 773 </a> 774 </div> 775 <div class="main-inner-wrapper" v-bind:style="_deactivateSaporiCustom === true ? 'padding-bottom: 20px;' : ''"> 776 <div class="row infoBanner" v-if="_showReservationPage == false"> 777 <div v-bind:class="[{'col-100 medium-30':$root.settings.websiteSetup.showVenueName || _renderLandingPage != ''}, {'col-100 medium-30 mrg-bottom-43':$root.settings.websiteSetup.showVenueName === false && _renderLandingPage === ''}]"> 778 <div class="logo" v-bind:style="{ backgroundImage: 'url(' + $root.settings.logo + '?' + ')' }"></div> 779 780 <h1 v-html="$root.settings.websiteSetup.showVenueName ? $root.settings.title : ' '"></h1> 781 </div> 782 <div class="col-100 medium-70"> 783 <div class="info-button float-right"> 784 <div v-if="_renderLandingPage != ''" class="display-inline-block padLft categoryInfoBox"> 785 <f7-link v-on:click="$root.redirectToRenderLandingPage()" title="Acasa"><i class="f7-icons icon-color">house</i><span class="categoryInfo">Acasa</span></f7-link> 786 </div> 787 <div class="display-inline-block padLft categoryInfoBox" v-if="$root.settings.websiteSetup.multiCategoryMenu === true"> 788 <f7-link v-on:click="$root.openMenuSelection()" v-if="$root.settings.websiteSetup.multiCategoryMenu === true"><i class="f7-icons categoryInfoIcon icon-color">book</i><span class="categoryInfo">{{ $root.productCategoryName }}</span></f7-link> 789 </div> 790 791 <div class="display-inline-block padLft categoryInfoBox" v-if="$root.windowWidth > 767 && _deactivateSaporiCustom === false"> 792 <a class="external call phone-tooltip" v-bind:href="'tel:'+$root.settings.websiteSetup.phone" title="Suna localul"><i class="f7-icons icon-color">phone</i><!--<span class="categoryInfo">Suna localul</span>--></a> 793 </div> 794 <div class="display-inline-block padLft categoryInfoBox" v-if="$root.windowWidth <= 767 && _deactivateSaporiCustom === false"> 795 <a class="external call" v-bind:href="'tel:'+$root.settings.websiteSetup.phone" title="Suna"><i class="f7-icons icon-color">phone</i><!--<span class="categoryInfo">Suna</span>--></a> 796 </div> 797 798 <div class="display-inline-block padLft categoryInfoBox" v-if="_deactivateSaporiCustom === false"> 799 <f7-link popup-open="#info-venue-popup" title="Informatii"><i class="f7-icons icon-color">info_circle</i><!--<span class="categoryInfo">Informatii</span>--></f7-link> 800 </div> 801 </div> 802 </div> 803 </div> 804 <div class="row infoBanner" v-if="_showReservationPage"> 805 <div v-bind:class="[{'col-100 medium-30':$root.settings.websiteSetup.showVenueName || _renderLandingPage != ''}, {'col-100 medium-30 mrg-bottom-43':$root.settings.websiteSetup.showVenueName === false && _renderLandingPage === ''}]"> 806 <div class="logo" v-bind:style="{ backgroundImage: 'url(' + $root.settings.logo + '?' + ')' }"></div> 807 808 <h1 v-html="$root.settings.websiteSetup.showVenueName ? $root.settings.title : ' '"></h1> 809 </div> 810 <div class="col-100 medium-70"> 811 <div class="info-button float-right"> 812 <div v-if="_renderLandingPage != '' && _deactivateSaporiCustom === false" class="display-inline-block padLft categoryInfoBox"> 813 <f7-link v-on:click="$root.redirectToRenderLandingPage()" title="Acasa"><i class="f7-icons icon-color">house</i><span class="categoryInfo">Acasa</span></f7-link> 814 </div> 815 <div class="display-inline-block padLft categoryInfoBox" v-if="_showReservationPage"> 816 <f7-link v-on:click="$root.openReservation()" v-if="_deactivateSaporiCustom === false"> 817 <i class="f7-icons icon-color">book</i> 818 <span class="categoryInfo" v-if="$root.windowWidth > 767">Rezerva o masa</span> 819 <span class="categoryInfo" v-else>Rezerva</span> 820 </f7-link> 821 </div> 822 823 <div class="display-inline-block padLft categoryInfoBox" v-if="_activateCategoryPage === false && _categoryDataFromDb === false"> 824 <f7-link v-on:click="$root.displayCategoryPage()"> 825 <i class="f7-icons icon-color">book</i> 826 <span class="categoryInfo" v-if="$root.windowWidth > 767" title="Meniu">Meniu</span> 827 <span class="categoryInfo" title="Meniu" v-else>Meniu</span> 828 </f7-link> 829 </div> 830 831 <div class="display-inline-block padLft categoryInfoBox" v-if="$root.settings.websiteSetup.multiCategoryMenu === true"> 832 <f7-link v-on:click="$root.openMenuSelection()" v-if="$root.settings.websiteSetup.multiCategoryMenu === true"><i class="f7-icons categoryInfoIcon icon-color">book</i><span class="categoryInfo">{{ $root.productCategoryName }}</span></f7-link> 833 </div> 834 835 <div class="display-inline-block padLft categoryInfoBox" v-if="$root.windowWidth > 767 && _deactivateSaporiCustom === false">
836 <a class="external call" v-bind:href="'tel:'+$root.settings.websiteSetup.phone" title="Suna localul"><i class="f7-icons icon-color">phone</i><!--<span class="categoryInfo">Suna localul</span>--></a> 837 </div> 838 839 <div class="display-inline-block padLft categoryInfoBox" v-if="$root.windowWidth <= 767 && _deactivateSaporiCustom === false"> 840 <a class="external call" v-bind:href="'tel:'+$root.settings.websiteSetup.phone" title="Suna"><i class="f7-icons icon-color">phone</i><!--<span class="categoryInfo">Suna</span>--></a> 841 </div> 842 843 <div class="display-inline-block padLft categoryInfoBox" v-if="_deactivateSaporiCustom === false"> 844 <f7-link popup-open="#info-venue-popup" title="Informatii"><i class="f7-icons icon-color">info_circle</i><!--<span class="categoryInfo">Informatii</span>--></f7-link> 845 </div> 846 </div> 847 </div> 848 </div> 849 <div class="row promoBanner" v-if="_promoBanner.length > 0"> 850 <div class="col-100 sliderCarousel" v-if="_promoBanner.length > 1"> 851 <div class="container"> 852 <div class="text-container"> 853 <div class="carousel"> 854 <div class="inner" v-for="(name, index) in _promoBanner"> 855 <div class="element">{{ name }}</div> 856 </div> 857 </div> 858 </div> 859 </div> 860 </div> 861 <div class="col-100 oneCarousel" v-if="_promoBanner.length == 1"> 862 <div class="container"> 863 <div class="text-container"> 864 <div class="carousel"> 865 <div class="inner" v-for="(name, index) in _promoBanner"> 866 <div class="element">{{ name }}</div> 867 </div> 868 </div> 869 </div> 870 </div> 871 </div> 872 </div> 873 874 </div> 875 </div> 876 <div class="sub-menu-bar sticky" v-if="_activateCategoryPage === false"> 877 <div class="main-inner-wrapper"> 878 <div class="digital-menu"> 879 <div class="row"> 880 881 <div class="col-10 xlarge-5 back-categories-page" v-if="_activateCategoryPage === false && _categoryDataFromDb === false"> 882 <a href="#" v-on:click="$root.displayCategoryPage()" class="searchbar-trigger"> 883 <i class="f7-icons" title="Meniu"> 884 arrowshape_turn_up_left_2 885 </i> 886 </a> 887 </div> 888 <div style="cursor: pointer;" v-on:click="$root.displayCategoryPage()" class="col-10 xlarge-5" v-if="localStorage.getItem('activateParentCategoryNewVersion') != null"> 889 <span class="label-for-back-categories-button">Inapoi la meniu</span> 890 </div> 891 892 <div class="col-10 xlarge-5" v-if="localStorage.getItem('activateParentCategoryNewVersion') === null"> 893 <a href="#" v-on:click="toggleSearch" class="searchbar-trigger"> 894 <i class="f7-icons" v-if="!searchbarVisible">search</i> 895 <i class="f7-icons" v-if="searchbarVisible">arrow_left</i> 896 </a> 897 </div> 898 899 <div v-if="localStorage.getItem('activateParentCategoryNewVersion') === null && localStorage.getItem('selectedSubcategoryId') === null" 900 v-bind:class="[{'col-90':_activateCategoryPage === false && _categoryDataFromDb === true}, { 'xlarge-95' : _activateCategoryPage === false && _categoryDataFromDb === true }, {'col-80':_activateCategoryPage === false && _categoryDataFromDb === false}, { 'xlarge-90' : _activateCategoryPage === false && _categoryDataFromDb === false }]"> 901 <f7-searchbar placeholder="Cauta produse" custom-search="false" v-on:searchbar:search="searchProducts" :form="false" v-bind:id="'txtSearch'" ref="serchbar" 902 :disable-button="false" :backdrop="false" v-show="searchbarVisible" v-on:click:disable="toggleSearch"></f7-searchbar> 903 <div class="skeleton-text skeleton-effect-fade" v-if="isLoading"> 904 <p>**** *******</p> 905 </div> 906 <div class="carousel-wrapper" v-if="showCarousel"> 907 <div class="owl-carousel owl-theme" v-show="!searchbarVisible"> 908 <div v-if="localStorage.getItem('selectedParetCategoryId') === null" class="item" v-for="(item, index) in productCategories"> 909 <f7-link v-on:click="scrollToElementSiteLite(`cat-${item.id}`)" v-bind:data-to-id="`cat-${item.id}`" v-html="item.name"></f7-link> 910 </div> 911 <div v-if="localStorage.getItem('selectedParetCategoryId') != null" class="item" v-for="(item, index) in productCategories.filter(x => x.parentId === (lsHelper().getQueryStringValue('category') != null || lsHelper().getQueryStringValue('category') != undefined ? parseInt(lsHelper().getQueryStringValue('category')) : parseInt(localStorage.getItem('selectedParetCategoryId'))))"> 912 <f7-link v-on:click="scrollToElementSiteLite(`cat-${item.id}`)" v-bind:data-to-id="`cat-${item.id}`" v-html="item.name"></f7-link> 913 </div> 914 </div> 915 <div class="owl-nav"> 916 <button type="button" role="presentation" class="owl-prev"> 917 <span aria-label="Previous">â¹</span> 918 </button> 919 <button type="button" role="presentation" class="owl-next"> 920 <span aria-label="Next">âº</span> 921 </button> 922 </div> 923 </div> 924 </div> 925 926 <div v-if="localStorage.getItem('selectedSubcategoryId') != null" 927 v-bind:class="[{'col-90':_activateCategoryPage === false && _categoryDataFromDb === true}, { 'xlarge-95' : _activateCategoryPage === false && _categoryDataFromDb === true }, {'col-80':_activateCategoryPage === false && _categoryDataFromDb === false}, { 'xlarge-90' : _activateCategoryPage === false && _categoryDataFromDb === false }]"> 928 <f7-searchbar placeholder="Cauta produse" custom-search="false" v-on:searchbar:search="searchProductsBySubcategory" :form="false" v-bind:id="'txtSearch'" ref="serchbar" 929 :disable-button="false" :backdrop="false" v-show="searchbarVisible" v-on:click:disable="toggleSearch"></f7-searchbar> 930 <div class="skeleton-text skeleton-effect-fade" v-if="isLoading"> 931 <p>**** *******</p> 932 </div> 933 <div class="carousel-wrapper" v-if="showCarousel"> 934 <div class="owl-carousel owl-theme" v-show="!searchbarVisible"> 935 <div class="item" v-for="(item, index) in selectedProductsBySubcategory"> 936 <f7-link v-on:click="scrollToElementSiteLite(`cat-${item.id}`)" v-bind:data-to-id="`cat-${item.id}`" v-html="item.name"></f7-link> 937 </div> 938 </div> 939 <div class="owl-nav"> 940 <button type="button" role="presentation" class="owl-prev"> 941 <span aria-label="Previous">â¹</span> 942 </button> 943 <button type="button" role="presentation" class="owl-next"> 944 <span aria-label="Next">âº</span> 945 </button> 946 </div> 947 </div> 948 </div> 949 </div> 950 </div> 951 </div> 952 </div> 953 954 <div class="main-inner-wrapper p-list"> 955 <div class="spy-section-e" v-if="isLoading && _activateCategoryPage === false && (localStorage.getItem('activateParentCategoryNewVersion') === null || localStorage.getItem('selectedSubcategoryId'))" id="skeletron-cards"> 956 <h2 class="skeleton-text skeleton-effect-fade">****** ** *******</h2>
957 <div class="row digital-menu-list"> 958 <div class="col-100 medium-50"> 959 <div class="card"> 960 <div class="card-content card-content-padding"> 961 <a href="#"> 962 <div class="data-table"> 963 <table> 964 <tbody> 965 <tr> 966 <td class=""> 967 <span class="title skeleton-text skeleton-effect-fade"> 968 ******** ******* **** 969 </span> 970 <span class="description skeleton-text skeleton-effect-fade"> 971 ***** ***** ***** ***** ***** **** 972 </span> 973 <span class="price skeleton-text skeleton-effect-fade"> 974 ****** 975 </span> 976 </td> 977 <td class="td-image skeleton-text skeleton-effect-fade"> 978 <div class="skeleton-block" style="width: 88px; height: 88px; "></div> 979 </td> 980 </tr> 981 </tbody> 982 </table> 983 </div> 984 </a> 985 </div> 986 </div> 987 </div> 988 <div class="col-100 medium-50"> 989 <div class="card"> 990 <div class="card-content card-content-padding"> 991 <a href="#"> 992 <div class="data-table"> 993 <table> 994 <tbody> 995 <tr> 996 <td class=""> 997 <span class="title skeleton-text skeleton-effect-fade"> 998 ******** ******* **** 999 </span> 1000 <span class="description skeleton-text skeleton-effect-fade"> 1001 ***** ***** ***** ***** ***** **** 1002 </span> 1003 <span class="price skeleton-text skeleton-effect-fade"> 1004 ****** 1005 </span> 1006 </td> 1007 <td class="td-image skeleton-text skeleton-effect-fade"> 1008 <div class="skeleton-block" style="width: 88px; height: 88px; "></div> 1009 </td> 1010 </tr> 1011 </tbody> 1012 </table> 1013 </div> 1014 </a> 1015 </div> 1016 </div> 1017 </div> 1018 </div> 1019 </div> 1020 <!--display products--> 1021 <div v-if="_activateCategoryPage === false && localStorage.getItem('activateParentCategoryNewVersion') === null && localStorage.getItem('selectedSubcategoryId') === null" class="spy-section" v-bind:data-id="`cat-${item.id}`" v-for="(item, index) in products"> 1022 <div class="wrapper"> 1023 1024 <div class="row promotionsBanner" v-if="index == 0 && ( _promotions != undefined && _promotions.length > 0 ) && !_isPhoneOrder"> 1025 <div v-if="promo.redirectLink != ''" class="promotion" v-bind:class="$root.promotionsCols" v-for="promo in _promotions" v-on:click="$root.redirectToExternalURL(promo.redirectLink)" :style="[promo.imageBase64 ? {'background': 'url(' + promo.imageBase64 + ') center no-repeat'} : {'background': 'var(--f7-theme-color)'}]"> 1026 <div class="container"> 1027 <p>{{ promo.text }}</p> 1028 </div> 1029 </div> 1030 <div v-if="promo.redirectLink === ''" class="def-cursor promotion" v-bind:class="$root.promotionsCols" v-for="promo in _promotions" v-on:click="$root.redirectToExternalURL(promo.redirectLink)" :style="[promo.imageBase64 ? {'background': 'url(' + promo.imageBase64 + ') center no-repeat'} : {'background': 'var(--f7-theme-color)'}]"> 1031 <div class="container"> 1032 <p>{{ promo.text }}</p> 1033 </div> 1034 </div> 1035 </div> 1036 1037 <h2 class="category-title" v-html="item.name"></h2> 1038 1039 <div class="row digital-menu-list"> 1040 <div class="col-100 medium-50" v-for="(product, productIndex) in item.products"> 1041 <div class="card" v-on:click="$root.openProductDetailsPopup(`${product.id}`, `${product.photo}`)"> 1042 <div class="card-content card-content-padding"> 1043 <a> 1044 <div class="data-table"> 1045 <table> 1046 <tbody> 1047 <tr> 1048 <td class="" v-bind:class="{'with-padd': product.photo === '' }"> 1049 <span class="title" v-bind:class="[{'no-image': product.photo === ''}, { 'min-height-auto' : _isPhoneOrder }]" v-html="product.name"> 1050 </span> 1051 <span class="price"> 1052 <span class="cutPrice" v-if="product.regularPrice != product.price && product.regularPrice != 0">{{product.regularPrice}} lei </span>{{product.price}} lei 1053 </span> 1054 1055 <span class="add-image background-color" v-if="product.photo === '' && !_isPhoneOrder"> 1056 <img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/plus.svg'" /> 1057 <img v-if="!_apiUrl.includes('rpd')" src="src/resources/plus.svg" /> 1058 </span> 1059 </td> 1060 <td class="td-image" v-if="product.photo !== '' && !_isPhoneOrder"> 1061 <span class="image " v-bind:style="{ backgroundImage: 'url(' + product.photo + '?width=176&height=176&bgcolor=ffffff&mode=crop' + ')' }" 1062 v-bind:data-src="product.photo !== '' ? product.photo + '?width=176&height=176&bgcolor=ffffff' : ''"></span> 1063 1064 <span class="add-image background-color" v-bind:class="{ withImage: product.photo != '' }"> 1065 <img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/plus.svg'" /> 1066 <img v-if="!_apiUrl.includes('rpd')" src="src/resources/plus.svg" /> 1067 </span> 1068 </td> 1069 </tr> 1070 </tbody> 1071 </table> 1072 </div> 1073 </a> 1074 </div> 1075 </div> 1076 </div> 1077 </div> 1078 </div> 1079 </div> 1080 <!--end display products-->
1080 1081 <!--display products by subcategory--> 1082 <div v-if="_activateCategoryPage === false && localStorage.getItem('selectedSubcategoryId') != null" class="spy-section" v-bind:data-id="`cat-${item.id}`" v-for="(item, index) in selectedProductsBySubcategory"> 1083 <div class="wrapper"> 1084 1085 <div class="row promotionsBanner" v-if="index == 0 && ( _promotions != undefined && _promotions.length > 0 ) && !_isPhoneOrder"> 1086 <div v-if="promo.redirectLink != ''" class="promotion" v-bind:class="$root.promotionsCols" v-for="promo in _promotions" v-on:click="$root.redirectToExternalURL(promo.redirectLink)" :style="[promo.imageBase64 ? {'background': 'url(' + promo.imageBase64 + ') center no-repeat'} : {'background': 'var(--f7-theme-color)'}]"> 1087 <div class="container"> 1088 <p>{{ promo.text }}</p> 1089 </div> 1090 </div> 1091 <div v-if="promo.redirectLink === ''" class="def-cursor promotion" v-bind:class="$root.promotionsCols" v-for="promo in _promotions" v-on:click="$root.redirectToExternalURL(promo.redirectLink)" :style="[promo.imageBase64 ? {'background': 'url(' + promo.imageBase64 + ') center no-repeat'} : {'background': 'var(--f7-theme-color)'}]"> 1092 <div class="container"> 1093 <p>{{ promo.text }}</p> 1094 </div> 1095 </div> 1096 </div> 1097 1098 <h2 class="category-title" v-html="item.name"></h2> 1099 1100 <div class="row digital-menu-list"> 1101 <div class="col-100 medium-50" v-for="(product, productIndex) in item.products"> 1102 <div class="card" v-on:click="$root.openProductDetailsPopup(`${product.id}`, `${product.photo}`)"> 1103 <div class="card-content card-content-padding"> 1104 <a> 1105 <div class="data-table"> 1106 <table> 1107 <tbody> 1108 <tr> 1109 <td class="" v-bind:class="{'with-padd': product.photo === '' }"> 1110 <span class="title" v-bind:class="[{'no-image': product.photo === ''}, { 'min-height-auto' : _isPhoneOrder }]" v-html="product.name"> 1111 </span> 1112 <span class="price"> 1113 <span class="cutPrice" v-if="product.regularPrice != product.price && product.regularPrice != 0">{{product.regularPrice}} lei </span>{{product.price}} lei 1114 </span> 1115 1116 <span class="add-image background-color" v-if="product.photo === '' && !_isPhoneOrder"> 1117 <img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/plus.svg'" /> 1118 <img v-if="!_apiUrl.includes('rpd')" src="src/resources/plus.svg" /> 1119 </span> 1120 </td> 1121 <td class="td-image" v-if="product.photo !== '' && !_isPhoneOrder"> 1122 <span class="image " v-bind:style="{ backgroundImage: 'url(' + product.photo + '?width=176&height=176&bgcolor=ffffff&mode=crop' + ')' }" 1123 v-bind:data-src="product.photo !== '' ? product.photo + '?width=176&height=176&bgcolor=ffffff' : ''"></span> 1124 1125 <span class="add-image background-color" v-bind:class="{ withImage: product.photo != '' }"> 1126 <img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/plus.svg'" /> 1127 <img v-if="!_apiUrl.includes('rpd')" src="src/resources/plus.svg" /> 1128 </span> 1129 </td> 1130 </tr> 1131 </tbody> 1132 </table> 1133 </div> 1134 </a> 1135 </div> 1136 </div> 1137 </div> 1138 </div> 1139 </div> 1140 </div> 1141 <!--end display products by subcategory--> 1142 <!--display subcategories--> 1143 <div v-if="_activateCategoryPage === false && localStorage.getItem('activateParentCategoryNewVersion') != null && localStorage.getItem('selectedSubcategoryId') === null" class="spy-section"> 1144 <div class="wrapper"> 1145 <div class="row digital-menu-list"> 1146 <div class="col-100 medium-50" v-for="(item, productIndex) in products.filter(x => x.parentId === parseInt(localStorage.getItem('selectedParetCategoryId')))"> 1147 <div class="card" v-on:click="loadNewPageOfProductsBySubcategory(`${item.id}`)"> 1148 <div class="card-content card-content-padding"> 1149 <a> 1150 <div class="data-table"> 1151 <table> 1152 <tbody> 1153 <tr> 1154 <td class="" v-bind:class="{'with-padd': item.photo === '' }"> 1155 <span style="font-family: unset !important; padding-top: 30px; margin-bottom: unset !important; line-height: unset !important;" class="title" v-bind:class="[{'no-image': item.photo === ''}, { 'min-height-auto' : _isPhoneOrder }]" v-html="item.name"> 1156 </span> 1157 1158 <span class="add-image background-color" v-if="item.photo === '' && !_isPhoneOrder"> 1159 <img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/plus.svg'" /> 1160 <img v-if="!_apiUrl.includes('rpd')" src="src/resources/plus.svg" /> 1161 </span> 1162 </td> 1163 <td class="td-image" v-if="item.photo !== '' && !_isPhoneOrder"> 1164 <span class="image " v-bind:style="{ backgroundImage: 'url(' + item.photo + '?width=176&height=176&bgcolor=ffffff&mode=crop' + ')' }" 1165 v-bind:data-src="item.photo !== '' ? item.photo + '?width=176&height=176&bgcolor=ffffff' : ''"></span> 1166 1167 <span class="add-image background-color" v-bind:class="{ withImage: item.photo != '' }"> 1168 <img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/plus.svg'" /> 1169 <img v-if="!_apiUrl.includes('rpd')" src="src/resources/plus.svg" /> 1170 </span> 1171 </td> 1172 </tr> 1173 </tbody> 1174 </table> 1175 </div> 1176 </a> 1177 </div> 1178 </div> 1179 </div> 1180 </div> 1181 </div> 1182 </div> 1183 <!--end display subcategories--> 1184 <!--display categories--> 1185 <h2 v-if="_activateCategoryPage === true" class="category-title" style="text-align: center;">Categorii</h2> 1186 <div v-if="_activateCategoryPage === true" class="spy-section" style="background: unset !important; padding: unset !important;"> 1187 <div class="wrapper">
1188 <div class="row digital-menu-list gridNumberOfColumns"> 1189 <div class="col-50 medium-25" style="background: unset !important; width: 100%;" v-bind:data-id="`cat-${item.id}`" v-for="(item, index) in _parentCategories"> 1190 <!--<div class="card" v-bind:style="{ backgroundImage: 'url(' + item.photo + '?height=200&bgcolor=ffffff&mode=crop' + ')' }" 1191 style="height: 200px; cursor: pointer; background-repeat: no-repeat; background-position: center;" v-on:click="scrollToElementSiteLiteCategory(`cat-${item.id}`)"> 1192 </div>--> 1193 <div class="card" v-bind:style="{ backgroundImage: 'url(' + item.photo + '?height=200&bgcolor=ffffff&mode=crop' + ')' }" 1194 style="height: 200px; cursor: pointer; background-repeat: no-repeat; background-position: center;" v-on:click="loadNewProductsCategory(`cat-${item.id}`)"> 1195 </div> 1196 <span style="font-weight: 800; font-size: 14px; line-height: 32px;" class="title" v-bind:class="[{'no-image': item.photo === ''}, { 'min-height-auto' : _isPhoneOrder }]" v-html="item.name"> 1197 </span> 1198 </div> 1199 </div> 1200 </div> 1201 </div> 1202 <!--end display categories--> 1203 1204 1205 <p class="no-products-found" v-if="products.length === 0 && !isLoading">Nu exista produse pentru aceasta cautare</p> 1206 1207 </div> 1208 1209 <div class="checkout-button" v-if="$root.basket.products.length > 0"> 1210 <div class="row"> 1211 <div class="col-5"></div> 1212 <div class="col-90"> 1213 <f7-button fill popup-open="#checkout-popup" large> 1214 <span class="no-items"> 1215 <i class="f7-icons">bag</i> 1216 {{$root.noOfItemsFromBasket}} 1217 </span> 1218 Vezi cosul tau 1219 <span class="total-price"> 1220 {{$root.basket.total.toFixed(2)}} lei 1221 </span> 1222 </f7-button> 1223 </div> 1224 <div class="col-5"></div> 1225 </div> 1226 </div> 1227 </div> 1228 </f7-page> 1229 </script>
1229 1230 1231
1231<script type="text/x-template" id="page-checkout-template"> 1232 <f7-page name="checkout" @page:init="onPageInit"> 1233 <f7-navbar class="mobile-only-navbar"> 1234 1235 <f7-nav-left> 1236 <f7-link back> 1237 <i class="f7-icons icon-color" v-on:click="$root.backToMainPage">arrow_left</i> 1238 </f7-link> 1239 <p class="navbar-title"> 1240 {{$root.settings.websiteSetup.navbarTitle}} 1241 </p> 1242 </f7-nav-left> 1243 <f7-nav-right v-if="!_isPhoneOrder"> 1244 <f7-link panel-open="right"> 1245 <i class="f7-icons icon-color">line_horizontal_3</i> 1246 </f7-link> 1247 </f7-nav-right> 1248 1249 </f7-navbar> 1250 1251 <div class="side-split checkout"> 1252 <iframe :src="iFrameSrc" class="checkout-iframe" id="iframeCheckout" onload="resizeIframe(this)"></iframe> 1253 </div> 1254 </f7-page> 1255 </script>
1255 1256 1257
1257<script type="text/x-template" id="page-custom-page-template"> 1258 <f7-page name="custompage" @page:init="onPageInit"> 1259 <f7-navbar class="mobile-only-navbar"> 1260 1261 <f7-nav-left> 1262 <f7-link back> 1263 <i class="f7-icons icon-color">arrow_left</i> 1264 </f7-link> 1265 <p class="navbar-title"> 1266 {{$root.settings.websiteSetup.navbarTitle}} 1267 </p> 1268 </f7-nav-left> 1269 <f7-nav-right v-if="!_isPhoneOrder"> 1270 <f7-link panel-open="right"> 1271 <i class="f7-icons icon-color">line_horizontal_3</i> 1272 </f7-link> 1273 </f7-nav-right> 1274 1275 </f7-navbar> 1276 1277 <div class="side-split checkout"> 1278 <iframe :src="iFrameUrl" class="checkout-iframe" id="iframeCustom" onload="resizeIframe(this)"></iframe> 1279 </div> 1280 </f7-page> 1281 </script>
1281 1282 1283
1283<script type="text/x-template" id="page-my-account-template"> 1284 <f7-page name="my-account" @page:init="onPageInit"> 1285 <f7-navbar class="mobile-only-navbar"> 1286 <f7-nav-left> 1287 <f7-link back> 1288 <i class="f7-icons icon-color">arrow_left</i> 1289 </f7-link> 1290 <p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') === null"> 1291 <f7-link panel-open="right"> 1292 <i class="f7-icons icon-color lock">person</i> 1293 <i class="f7-icons gray-arrow">chevron_down</i> 1294 </f7-link> 1295 </p> 1296 <p class="navbar-title"> 1297 {{$root.settings.websiteSetup.navbarTitle}} 1298 </p> 1299 </f7-nav-left> 1300 <f7-nav-right> 1301 <p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') != null"> 1302 <f7-link panel-open="right"> 1303 <i class="f7-icons icon-color lock">person</i> 1304 <i class="f7-icons gray-arrow">chevron_down</i> 1305 </f7-link> 1306 </p> 1307 <p class="right-details cart"> 1308 <f7-link @click="$root.displayExistingBasket(true)"> 1309 <i class="f7-icons icon-color">cart</i> 1310 Cosul tau 1311 <span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span> 1312 </f7-link> 1313 </p> 1314 <p class="right-details name" v-if="$root.loggedUserName"> 1315 <f7-link panel-open="right"> 1316 {{$root.loggedUserName}} 1317 <i class="f7-icons">chevron_down</i> 1318 </f7-link> 1319 </p> 1320 <p class="right-details name" v-if="!$root.loggedUserName && _deactivateSaporiCustom === false"> 1321 <f7-link panel-open="right"> 1322 <i class="f7-icons icon-color lock">lock</i> 1323 Autentificare 1324 </f7-link> 1325 </p> 1326 <p class="mobile-only"> 1327 <f7-link popup-open="#checkout-popup"> 1328 <i class="f7-icons icon-color lock">cart</i> 1329 <span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span> 1330 </f7-link> 1331 </p> 1332 <f7-link panel-open="right"> 1333 <i class="f7-icons icon-color">line_horizontal_3</i> 1334 </f7-link> 1335 </f7-nav-right> 1336 </f7-navbar> 1337 <div class="myaccountPage"> 1338 <div class="containerMenu"> 1339 <div class="iconSpanActive" id="changePersonalDetails" v-on:click="changePersonalDetails"> 1340 <span v-if="$root.windowWidth > 767">Detalii personale</span> 1341 <span v-else>Detalii</span> 1342 </div> 1343 <div class="mrgTop iconSpanInactive" id="changeDeliveryAddress" v-on:click="changeDeliveryAddress"> 1344 <span v-if="$root.windowWidth > 767">Adresa de livrare</span> 1345 <span v-else>Adresa</span> 1346 </div> 1347 <div class="mrgTop iconSpanInactive" id="changeUserPassword" v-on:click="changeUserPassword"> 1348 <span>Schimba parola</span> 1349 </div> 1350 </div> 1351 <div class="containerMenuDetails"> 1352 <div class="row" id="personalInfo"> 1353 <div class="col"> 1354 <div class="row"> 1355 <div class="col-100 large-50"> 1356 <span class="fltLft infTitle">Contul meu</span> 1357 </div> 1358 </div> 1359 <div class="row"> 1360 <div class="col-100 large-50"> 1361 <f7-list> 1362 <f7-list-input :disabled="_hidePersonalData === true || _deactivateEditAccount === true" label="Nume" 1363 type="text" 1364 outline 1365 placeholder="Numele tau" 1366 :value="user.firstName" 1367 @input="user.firstName = $event.target.value"> 1368 <f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon> 1369 </f7-list-input> 1370 </f7-list> 1371 </div> 1372 <div class="col-100 large-50"> 1373 <f7-list> 1374 <f7-list-input :disabled="_hidePersonalData === true || _deactivateEditAccount === true" label="Prenume" 1375 type="text" 1376 outline 1377 placeholder="Prenumele tau" 1378 :value="user.lastName" 1379 @input="user.lastName = $event.target.value"> 1380 <f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon> 1381 </f7-list-input> 1382 </f7-list> 1383 </div> 1384 </div> 1385 <div class="row"> 1386 <div class="col-100 large-50"> 1387 <f7-list> 1388 <f7-list-input :disabled="_hidePersonalData === true || _deactivateEditAccount === true" label="E-mail" 1389 type="email" 1390 outline 1391 placeholder="Adresa ta de email" 1392 :value="user.email"
1393 @input="user.email = $event.target.value"> 1394 <f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon> 1395 </f7-list-input> 1396 </f7-list> 1397 </div> 1398 <div class="col-100 large-50"> 1399 <f7-list> 1400 <f7-list-input :disabled="_hidePersonalData === true || _deactivateEditAccount === true" label="Telefon" 1401 type="tel" 1402 outline 1403 placeholder="Telefonul tau" 1404 info="" 1405 error-message="Doar cifre si caracterul '+' sunt permise" 1406 required 1407 validate 1408 pattern="^([+\d].*)?\d$" 1409 :value="user.phone" 1410 @input="user.phone = $event.target.value"> 1411 <f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon> 1412 </f7-list-input> 1413 </f7-list> 1414 </div> 1415 </div> 1416 <div class="row" v-if="user.companyName != undefined || user.companyCUI != undefined"> 1417 <div class="col-100 large-50" v-if="user.companyName != undefined && user.companyName != ''"> 1418 <f7-list> 1419 <f7-list-input :disabled="_hidePersonalData === true || _deactivateEditAccount === true" label="Numele companiei" 1420 type="text" 1421 outline 1422 placeholder="Numele companiei" 1423 :value="user.companyName" 1424 @input="user.companyName = $event.target.value"> 1425 <f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon> 1426 </f7-list-input> 1427 </f7-list> 1428 </div> 1429 <div class="col-100 large-50" v-if="user.companyCUI != undefined && user.companyCUI != ''"> 1430 <f7-list> 1431 <f7-list-input :disabled="_hidePersonalData === true || _deactivateEditAccount === true" label="CUI companie" 1432 type="text" 1433 outline 1434 placeholder="CUI companie" 1435 :value="user.companyCUI" 1436 @input="user.companyCUI = $event.target.value"> 1437 <f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon> 1438 </f7-list-input> 1439 </f7-list> 1440 </div> 1441 </div> 1442 <div class="row notify-section first"> 1443 <div class="col-100 large-50 padBtnSmall"> 1444 <span class="fontNotify">Permite notificari</span> 1445 <f7-toggle :disabled="_deactivateEditAccount === true" class="floatRgt" :checked="user.allowNotifications" @change="user.allowNotifications = $event.target.checked"></f7-toggle> 1446 </div> 1447 </div> 1448 <div class="row notify-section"> 1449 <div class="col-100 large-50 padBtnSmall"> 1450 <span class="fontNotify">Permite notificari sms</span> 1451 <f7-toggle :disabled="_deactivateEditAccount === true" class="floatRgt" :checked="user.allowSmsNotifications" @change="user.allowSmsNotifications = $event.target.checked"></f7-toggle> 1452 </div> 1453 </div> 1454 <div class="row notify-section last"> 1455 <div class="col-100 large-50 padBtnSmall"> 1456 <span class="fontNotify">Permite notificari email</span> 1457 <f7-toggle :disabled="_deactivateEditAccount === true" class="floatRgt" :checked="user.allowEmailNotifications" @change="user.allowEmailNotifications = $event.target.checked"></f7-toggle> 1458 </div> 1459 </div> 1460 <div class="row save-button"> 1461 <div class="col-100 large-50"></div> 1462 <div class="col-100 large-50"> 1463 <f7-button :disabled="_deactivateEditAccount === true" class="floatRgt" fill large v-on:click="saveAccountDetails">Salveaza</f7-button> 1464 </div> 1465 </div> 1466 </div> 1467 </div> 1468 <div class="row displNone" id="deliveryAddr"> 1469 <div class="col"> 1470 <div class="row"> 1471 <div class="col-100 large-50"> 1472 <span class="fltLft infTitle">Adresa de livrare</span> 1473 </div> 1474 </div> 1475 <div class="row"> 1476 <div class="col-100 large-100"> 1477 <f7-list> 1478 <f7-list-input label="Oras" 1479 :disabled="_deactivateEditAccount === true" 1480 type="text" 1481 outline 1482 placeholder="Orasul tau" 1483 :value="city"
1484 @input="city = $event.target.value"> 1485 <f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon> 1486 </f7-list-input> 1487 </f7-list> 1488 </div> 1489 </div> 1490 <div class="row"> 1491 <div class="col-100 large-100"> 1492 <f7-list> 1493 <f7-list-input label="Adresa" 1494 :disabled="_deactivateEditAccount === true" 1495 type="textarea" 1496 outline 1497 placeholder="strada, bloc, scara, oras, judet" 1498 :value="fullAddress" 1499 @input="fullAddress = $event.target.value"> 1500 <f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon> 1501 </f7-list-input> 1502 </f7-list> 1503 </div> 1504 </div> 1505 <div class="row padBtn save-button"> 1506 <div class="col-100 large-50"></div> 1507 <div class="col-100 large-50"> 1508 <f7-button :disabled="_deactivateEditAccount === true" class="floatRgt" fill large v-on:click="saveAddress">Salveaza</f7-button> 1509 </div> 1510 </div> 1511 </div> 1512 </div> 1513 <div class="row displNone" id="changePasw"> 1514 <div class="col"> 1515 <div class="row"> 1516 <div class="col-100 large-50"> 1517 <span class="fltLft infTitle">Schimba parola</span> 1518 </div> 1519 </div> 1520 <div class="row"> 1521 <div class="col-100 large-50"> 1522 <f7-list> 1523 <f7-list-input label="Parola curenta" 1524 :disabled="_deactivateEditAccount === true" 1525 type="password" 1526 outline 1527 placeholder="Parola curenta" 1528 :value="currentPassword" 1529 @input="currentPassword = $event.target.value"> 1530 <f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon> 1531 </f7-list-input> 1532 </f7-list> 1533 </div> 1534 <div class="col-100 large-50"> 1535 <f7-list> 1536 <f7-list-input label="Parola noua" 1537 :disabled="_deactivateEditAccount === true" 1538 type="password" 1539 outline 1540 placeholder="Parola noua" 1541 :value="newPassword" 1542 @input="newPassword = $event.target.value"> 1543 <f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon> 1544 </f7-list-input> 1545 </f7-list> 1546 </div> 1547 </div> 1548 <div class="row padBtn save-button"> 1549 <div class="col-100 large-50"></div> 1550 <div class="col-100 large-50"> 1551 <f7-button :disabled="_deactivateEditAccount === true" class="floatRgt" fill large v-on:click="changePassword">Salveaza</f7-button> 1552 </div> 1553 </div> 1554 </div> 1555 </div> 1556 </div> 1557 </div> 1558 </f7-page> 1559 </script>
1559 1560 1561
1561<script type="text/x-template" id="page-my-orders-template"> 1562 <f7-page name="my-orders" @page:init="onPageInit"> 1563 <f7-navbar class="mobile-only-navbar"> 1564 <f7-nav-left> 1565 <f7-link back> 1566 <i class="f7-icons icon-color">arrow_left</i> 1567 </f7-link> 1568 <p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') === null"> 1569 <f7-link panel-open="right"> 1570 <i class="f7-icons icon-color lock">person</i> 1571 <i class="f7-icons gray-arrow">chevron_down</i> 1572 </f7-link> 1573 </p> 1574 <p class="navbar-title"> 1575 {{$root.settings.websiteSetup.navbarTitle}} 1576 </p> 1577 <p class="left-details"><a class="external" v-bind:href="'tel:'+$root.settings.websiteSetup.phone">{{$root.settings.websiteSetup.phone}}</a></p> 1578 </f7-nav-left> 1579 <f7-nav-right> 1580 <p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') != null"> 1581 <f7-link panel-open="right"> 1582 <i class="f7-icons icon-color lock">person</i> 1583 <i class="f7-icons gray-arrow">chevron_down</i> 1584 </f7-link> 1585 </p> 1586 <p class="right-details cart"> 1587 <f7-link @click="$root.displayExistingBasket(true)"> 1588 <i class="f7-icons icon-color">cart</i> 1589 Cosul tau 1590 <span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span> 1591 </f7-link> 1592 </p> 1593 <p class="right-details name" v-if="$root.loggedUserName"> 1594 <f7-link panel-open="right"> 1595 {{$root.loggedUserName}} 1596 <i class="f7-icons">chevron_down</i> 1597 </f7-link> 1598 </p> 1599 <p class="right-details name" v-if="!$root.loggedUserName && _deactivateSaporiCustom === false"> 1600 <f7-link panel-open="right"> 1601 <i class="f7-icons icon-color lock">lock</i> 1602 Autentificare 1603 </f7-link> 1604 </p> 1605 <p class="mobile-only"> 1606 <f7-link popup-open="#checkout-popup"> 1607 <i class="f7-icons icon-color lock">cart</i> 1608 <span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span> 1609 </f7-link> 1610 </p> 1611 <f7-link panel-open="right"> 1612 <i class="f7-icons icon-color">line_horizontal_3</i> 1613 </f7-link> 1614 </f7-nav-right> 1615 </f7-navbar> 1616 <div class="myaordersPage"> 1617 <div class="row"> 1618 <div class="col-100 large-50"> 1619 <span class="orderTitle">Istoric comenzi</span> 1620 </div> 1621 </div> 1622 <div class="borderBtt" v-for="(order, index) in orders"> 1623 <div class="row" style="position: relative;" v-if="order.refNumber != 'Comanda: #'"> 1624 <div class="col-100 large-50"> 1625 <span class="cmdSpn fltLft">{{ order.refNumber }}</span> 1626 </div> 1627 <div class="col-100 large-50"> 1628 <span class="totalRight txtColor fltRgt">{{ order.totalPrice }}</span> 1629 </div> 1630 </div> 1631 <div class="row"> 1632 <div class="col-100 large-50"> 1633 <span v-if="displayOrderDateDelivery === true" class="dateContent contentInfo fltLft">{{ 'Date creare: ' + order.dateDelivery }}</span> 1634 <span v-if="displayOrderDateDelivery === false" class="dateContent contentInfo fltLft">{{ order.dateDelivery }}</span> 1635 </div> 1636 </div> 1637 <div class="row" v-if="displayOrderDateDelivery === true"> 1638 <div class="col-100 large-50"> 1639 <span class="dateContent contentInfo fltLft">{{ 'Data livrare: ' + order.orderDateDelivery }}</span> 1640 </div> 1641 </div> 1642 <div class="row"> 1643 <div class="col-100 large-50"> 1644 <span class="contentTitle titleSpn fltLft">Continut</span> 1645 </div> 1646 1647 </div> 1648 <div class="row"> 1649 <div class="col-100 large-100"> 1650 <span class="cntContent contentInfo fltLft">{{ order.productsContent }}</span> 1651 </div> 1652 </div> 1653 <div class="row"> 1654 <div class="col-100 large-50"> 1655 <span class="contentTitle titleSpn fltLft">Adresa de livrare</span> 1656 </div> 1657 </div> 1658 <div class="row"> 1659 <div class="col-100 large-100"> 1660 <span class="cntContent contentInfo fltLft">{{ order.deliveryAddress }}</span> 1661 </div> 1662 </div> 1663 <div class="row"> 1664 <div class="col-100 large-50"> 1665 <span class="contentTitle titleSpn fltLft">Canal</span> 1666 </div> 1667 </div> 1668 <div class="row"> 1669 <div class="col-100 large-100"> 1670 <span class="cntContent contentInfo fltLft">{{ order.orderChannel }}</span> 1671 </div> 1672 </div> 1673 <div class="row"> 1674 <div class="col-100 large-50"> 1675 <span class="contentTitle titleSpn fltLft">Status</span> 1676 </div> 1677 </div> 1678 <div class="row mrgBott"> 1679 <div class="col-100 large-100"> 1680 <span class="cntContent contentInfo fltLft">{{ order.status }}</span> 1681 </div> 1682 </div> 1683 <div class="row follow-review-order" v-if="$root.settings.allowTrackingOrder"> 1684 <div class="col-100"> 1685 <f7-button large raised fill v-on:click="$root.trackingOrderClick(order.orderId)">Urmareste comanda</f7-button> 1686 </div> 1687 </div> 1688 <div class="row follow-review-order" v-if="_cancelOrdersActive === true && order.statusId != 2"> 1689 <div class="col-100"> 1690 <f7-button style="background: red;" large raised fill v-on:click="$root.cancelOrderByClient(order.venueId, order.orderId)">Anuleaza comanda</f7-button> 1691 </div> 1692 </div> 1693 <div class="row follow-review-order" v-if="$root.settings.allowFeedbackOrder && order.readyForFeedback"> 1694 <div class="col-100"> 1695 <f7-button large raised fill v-on:click="$root.feedbackOrderClick(order.orderId)">Spune-ne parerea</f7-button> 1696 </div> 1697 </div> 1698 </div> 1699 </div> 1700 </f7-page> 1701 </script>
1701 1702 1703
1703<script type="text/x-template" id="page-login-template"> 1704 <f7-page no-toolbar no-navbar no-swipeback login-screen class="paddingLR"> 1705 <f7-link back> 1706 <i class="f7-icons icon-color" v-on:click="backMainPage">arrow_left</i> 1707 </f7-link> 1708 <f7-login-screen-title>Autentificare</f7-login-screen-title> 1709 <p class="subtitle">Completeaza toate datele</p> 1710 1711 <f7-list> 1712 <f7-list-input class="widthInput" label="Email" 1713 type="text" 1714 inputStyle="form-control" 1715 placeholder="Scrie email-ul..." 1716 :value="email" 1717 required 1718 @input="email = $event.target.value"></f7-list-input> 1719 </f7-list> 1720 1721 <f7-list> 1722 <f7-list-input class="mrgtop" label="Parola" 1723 type="password" 1724 placeholder="Scrie parola..." 1725 :value="password" 1726 required 1727 @input="password = $event.target.value"></f7-list-input> 1728 </f7-list> 1729 1730 <f7-list> 1731 <f7-button raised large fill @click="signIn(false)">Autentifica-te</f7-button> 1732 </f7-list> 1733 1734 <f7-link href="#" @click="changePasswordLg">Ai uitat parola?</f7-link> 1735 1736 <f7-list id="loginErrorContainer" class="loginErrorContainerDiv" v-if="loginErrorMessage.length > 0"> 1737 <p class="loginErrorContainerTxt">{{ loginErrorMessage }}</p> 1738 </f7-list> 1739 </f7-page> 1740 </script>
1740 1741 1742
1742<script type="text/x-template" id="register-template"> 1743 <f7-page no-toolbar no-navbar no-swipeback login-screen class="paddingLR"> 1744 <f7-link back> 1745 <i class="f7-icons icon-color">arrow_left</i> 1746 </f7-link> 1747 <f7-login-screen-title>Creeaza cont</f7-login-screen-title> 1748 1749 <p class="subtitle">Completeaza toate datele</p> 1750 1751 <f7-list class="firstname-field"> 1752 <f7-list-input class="widthInput" label="Nume" 1753 type="text" 1754 inputStyle="form-control" 1755 placeholder="Nume" 1756 :value="first_name" 1757 required 1758 @input="first_name = $event.target.value"></f7-list-input> 1759 </f7-list> 1760 1761 <f7-list class="lastname-field"> 1762 <f7-list-input class="widthInput" label="Prenume" 1763 type="text" 1764 inputStyle="form-control" 1765 placeholder="Prenume" 1766 :value="last_name" 1767 required 1768 @input="last_name = $event.target.value"></f7-list-input> 1769 </f7-list> 1770 1771 <f7-list class="email-field"> 1772 <f7-list-input class="widthInput" label="Email" 1773 type="email" 1774 inputStyle="form-control" 1775 placeholder="Scrie email-ul..." 1776 :value="email" 1777 required 1778 @input="handleEmailTyping"></f7-list-input> 1779 </f7-list> 1780 1781 <f7-list class="phone-field"> 1782 <f7-list-input class="widthInput" label="Telefon" 1783 type="number" 1784 inputStyle="form-control" 1785 placeholder="Telefon" 1786 :value="phone" 1787 required 1788 @input="handlePhoneTyping"></f7-list-input> 1789 </f7-list> 1790 1791 <f7-list class="password-field"> 1792 <f7-list-input class="mrgtop" label="Parola" 1793 type="password" 1794 placeholder="Scrie parola..." 1795 :value="password" 1796 required 1797 @input="password = $event.target.value"></f7-list-input> 1798 </f7-list> 1799 1800 <f7-list class="password-2-field"> 1801 <f7-list-input class="mrgtop" label="Introdu parola din nou" 1802 type="password" 1803 placeholder="Scrie parola..." 1804 :value="password_check" 1805 required 1806 @input="password_check = $event.target.value"></f7-list-input> 1807 </f7-list> 1808 1809 <div class="input-dropdown-wrap" v-if="_activatePersonType === true"> 1810 <label for="userType" class="control-title-display">Tip persoana</label> 1811 <select id="userType" v-model="userType" class="form-control drop-down-show-all-text" v-on:change="changeUserType"> 1812 <option v-for="option in userTypes" v-bind:value="option.id"> 1813 {{ option.name }} 1814 </option> 1815 </select> 1816 </div> 1817 1818 <f7-list class="cui-field" v-if="companyDisabledData === true && _activatePersonType === true"> 1819 <f7-list-input class="widthInput" label="Cod fiscal(CUI)" 1820 type="text" 1821 inputStyle="form-control" 1822 placeholder="" 1823 :value="cui" 1824 required 1825 @input="handleTyping"></f7-list-input> 1826 </f7-list> 1827 1828 <f7-list class="companyName-field" v-if="companyDisabledData === true && _activatePersonType === true"> 1829 <f7-list-input class="widthInput" label="Numele companiei" 1830 type="text" 1831 inputStyle="form-control" 1832 placeholder="" 1833 :value="companyName" 1834 required 1835 @input="companyName = $event.target.value"></f7-list-input> 1836 </f7-list> 1837 1838 <f7-list class="tradeRegistrationNumber-field" v-if="companyDisabledData === true && _activatePersonType === true"> 1839 <f7-list-input class="widthInput" label="Nr. Inregistrare Registrul Comertului" 1840 type="text" 1841 inputStyle="form-control" 1842 placeholder="" 1843 :value="tradeRegistrationNumber" 1844 required 1845 @input="tradeRegistrationNumber = $event.target.value"></f7-list-input> 1846 </f7-list> 1847 1848 <f7-list> 1849 <f7-button :disabled="disableRegisterBtn === true" raised large fill @click="register(false)">Creeaza</f7-button> 1850 </f7-list> 1851 1852 <f7-list id="registerErrorContainer" class="loginErrorContainerDiv" v-if="registerDesktopErrorMessage.length > 0"> 1853 <p class="loginErrorContainerTxt">{{ registerDesktopErrorMessage }}</p> 1854 </f7-list> 1855 1856 </f7-page> 1857 </script>
1857 1858 1859
1859<script type="text/x-template" id="page-changePassword-template"> 1860 <f7-page no-toolbar no-navbar no-swipeback class="changePasswordPad"> 1861 <f7-link back> 1862 <i class="f7-icons icon-color">arrow_left</i> 1863 </f7-link> 1864 <h2>Schimba parola</h2> 1865 <p class="subtitle">Completeaza toate datele</p> 1866 <f7-list id="email" class="displayBlock"> 1867 <f7-list-input label="Email" 1868 type="text" 1869 inputStyle="form-control" 1870 placeholder="Email" 1871 :value="emailLg" 1872 required 1873 @input="emailLg = $event.target.value"></f7-list-input> 1874 </f7-list> 1875 <f7-list id="emailBtn" class="displayBlock"> 1876 <f7-button raised large fill @click="sendPinCode(false)">Reseteaza parola</f7-button> 1877 </f7-list> 1878 1879 <f7-list id="pinCode" class="diplayNone"> 1880 <f7-list-input label="Cod pin" 1881 type="text" 1882 inputStyle="form-control" 1883 placeholder="Cod pin" 1884 :value="pinCode" 1885 required 1886 @input="pinCode = $event.target.value"></f7-list-input> 1887 </f7-list> 1888 <f7-list id="pinCodeBtn" class="diplayNone"> 1889 <f7-button raised large fill @click="receivePinCode(false)">Trimite</f7-button> 1890 </f7-list> 1891 <f7-list id="passwordLg" class="diplayNone"> 1892 <f7-list-input label="Parola noua" 1893 type="password" 1894 inputStyle="form-control" 1895 placeholder="Parola noua" 1896 :value="newPasswordLg" 1897 required 1898 @input="newPasswordLg = $event.target.value"></f7-list-input> 1899 </f7-list> 1900 1901 <f7-list id="passwordBtn" class="diplayNone"> 1902 <f7-button raised large fill @click="changePasswordLg(false)">Salveaza</f7-button> 1903 </f7-list> 1904 <f7-list id="changePasswordContainer" class="loginErrorContainerDiv" v-if="changePasswordDesktopErrorMessage.length > 0"> 1905 <p class="loginErrorContainerTxt">{{ changePasswordDesktopErrorMessage }}</p> 1906 </f7-list> 1907 </f7-page> 1908 </script>
1908 1909 1910
1910<script type="text/x-template" id="basket-component-template"> 1911 1912 </script>
1912 1913 1914
1914<script type="text/x-template" id="page-trackingorder-template"> 1915 <f7-page name="checkout" @page:init="onPageInit"> 1916 <f7-navbar class="mobile-only-navbar"> 1917 <f7-nav-left> 1918 <f7-link back> 1919 <i class="f7-icons icon-color">arrow_left</i> 1920 </f7-link> 1921 <p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') === null"> 1922 <f7-link panel-open="right"> 1923 <i class="f7-icons icon-color lock">person</i> 1924 <i class="f7-icons gray-arrow">chevron_down</i> 1925 </f7-link> 1926 </p> 1927 <p class="navbar-title"> 1928 {{$root.settings.websiteSetup.navbarTitle}} 1929 </p> 1930 </f7-nav-left> 1931 <f7-nav-title> 1932 Urmareste comanda 1933 </f7-nav-title> 1934 <f7-nav-right> 1935 <p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') != null"> 1936 <f7-link panel-open="right"> 1937 <i class="f7-icons icon-color lock">person</i> 1938 <i class="f7-icons gray-arrow">chevron_down</i> 1939 </f7-link> 1940 </p> 1941 <p class="right-details cart"> 1942 <f7-link @click="$root.displayExistingBasket"> 1943 <i class="f7-icons icon-color">cart</i> 1944 Cosul tau 1945 <span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span> 1946 </f7-link> 1947 </p> 1948 <p class="right-details name" v-if="$root.loggedUserName"> 1949 <f7-link panel-open="right"> 1950 {{$root.loggedUserName}} 1951 <i class="f7-icons">chevron_down</i> 1952 </f7-link> 1953 </p> 1954 <p class="right-details name" v-if="!$root.loggedUserName && _deactivateSaporiCustom === false"> 1955 <f7-link panel-open="right"> 1956 <i class="f7-icons icon-color lock">lock</i> 1957 Autentificare 1958 </f7-link> 1959 </p> 1960 <p class="mobile-only"> 1961 <f7-link popup-open="#checkout-popup"> 1962 <i class="f7-icons icon-color lock">cart</i> 1963 <span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span> 1964 </f7-link> 1965 </p> 1966 <f7-link panel-open="right"> 1967 <i class="f7-icons icon-color">line_horizontal_3</i> 1968 </f7-link> 1969 </f7-nav-right> 1970 </f7-navbar> 1971 1972 <div class="side-split checkout"> 1973 <iframe :src="iFrameSrc" class="checkout-iframe" id="iframeCheckout" onload="resizeIframe(this)"></iframe> 1974 </div> 1975 </f7-page> 1976 </script>
1976 1977 1978
1978<script type="text/x-template" id="page-feedbackorder-template"> 1979 <f7-page name="checkout" @page:init="onPageInit"> 1980 <f7-navbar class="mobile-only-navbar"> 1981 <f7-navbar> 1982 <f7-nav-left> 1983 <f7-link back> 1984 <i class="f7-icons icon-color">arrow_left</i> 1985 </f7-link> 1986 <p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') === null"> 1987 <f7-link panel-open="right"> 1988 <i class="f7-icons icon-color lock">person</i> 1989 <i class="f7-icons gray-arrow">chevron_down</i> 1990 </f7-link> 1991 </p> 1992 <p class="navbar-title"> 1993 {{$root.settings.websiteSetup.navbarTitle}} 1994 </p> 1995 </f7-nav-left> 1996 <f7-nav-title> 1997 Spune-ne parerea ta 1998 </f7-nav-title> 1999 <f7-nav-right> 2000 <p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') != null"> 2001 <f7-link panel-open="right"> 2002 <i class="f7-icons icon-color lock">person</i> 2003 <i class="f7-icons gray-arrow">chevron_down</i> 2004 </f7-link> 2005 </p> 2006 <p class="right-details cart"> 2007 <f7-link @click="$root.displayExistingBasket"> 2008 <i class="f7-icons icon-color">cart</i> 2009 Cosul tau 2010 <span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span> 2011 </f7-link> 2012 </p> 2013 <p class="right-details name" v-if="$root.loggedUserName"> 2014 <f7-link panel-open="right"> 2015 {{$root.loggedUserName}} 2016 <i class="f7-icons">chevron_down</i> 2017 </f7-link> 2018 </p> 2019 <p class="right-details name" v-if="!$root.loggedUserName && _deactivateSaporiCustom === false"> 2020 <f7-link panel-open="right"> 2021 <i class="f7-icons icon-color lock">lock</i> 2022 Autentificare 2023 </f7-link> 2024 </p> 2025 <p class="mobile-only"> 2026 <f7-link popup-open="#checkout-popup"> 2027 <i class="f7-icons icon-color lock">cart</i> 2028 <span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span> 2029 </f7-link> 2030 </p> 2031 <f7-link panel-open="right"> 2032 <i class="f7-icons icon-color">line_horizontal_3</i> 2033 </f7-link> 2034 </f7-nav-right> 2035 </f7-navbar> 2036 </f7-navbar> 2037 2038 <div class="side-split checkout"> 2039 <iframe :src="iFrameSrc" class="checkout-iframe" id="iframeCheckout" onload="resizeIframe(this)"></iframe> 2040 </div> 2041 </f7-page> 2042 </script>
2042 2043 2044
2044<script type="text/x-template" id="page-pincode-template"> 2045 <f7-page name="pincode" @page:init="onPageInit"> 2046 <div class="pincode-wrapper"> 2047 <img v-bind:src="$root.settings.logo" class="logoImage" /> 2048 <f7-login-screen-title>Te rugam sa introduci codul pin</f7-login-screen-title> 2049 <f7-list> 2050 <input type="text" id="venuePin"> 2051 </f7-list> 2052 2053 <f7-list> 2054 <f7-button raised large fill @click="pinAccessClick">Acceseaza</f7-button> 2055 </f7-list> 2056 </div> 2057 </f7-page> 2058 </script>
2058 2059 2060
2060<script type="text/x-template" id="page-startPage-template"> 2061 <f7-page name="startPage" @page:init="onPageInit"> 2062 <div class="startpage-wrapper"> 2063 <img v-bind:src="$root.settings.logo" class="logoImage" /> 2064 <f7-login-screen-title>Detalii aplicatie</f7-login-screen-title> 2065 <div v-html="_startPageText"></div> 2066 <f7-list> 2067 <f7-button raised large fill @click="startPageClick">Intra in aplicatie</f7-button> 2068 </f7-list> 2069 </div> 2070 </f7-page> 2071 </script>
2071 2072 2073
2073<script type="text/x-template" id="page-reservation-template"> 2074 <f7-page name="reservation-page" @page:init="onPageInit"> 2075 <f7-navbar class="mobile-only-navbar"> 2076 <f7-nav-left> 2077 <f7-link back> 2078 <i class="f7-icons icon-color">arrow_left</i> 2079 </f7-link> 2080 <p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') === null"> 2081 <f7-link panel-open="right"> 2082 <i class="f7-icons icon-color lock">person</i> 2083 <i class="f7-icons gray-arrow">chevron_down</i> 2084 </f7-link> 2085 </p> 2086 <p class="navbar-title"> 2087 {{$root.settings.websiteSetup.navbarTitle}} 2088 </p> 2089 </f7-nav-left> 2090 <f7-nav-right> 2091 <p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') != null"> 2092 <f7-link panel-open="right"> 2093 <i class="f7-icons icon-color lock">person</i> 2094 <i class="f7-icons gray-arrow">chevron_down</i> 2095 </f7-link> 2096 </p> 2097 <p class="right-details cart"> 2098 <f7-link @click="$root.displayExistingBasket(true)"> 2099 <i class="f7-icons icon-color">cart</i> 2100 Cosul tau 2101 <span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span> 2102 </f7-link> 2103 </p> 2104 <p class="right-details name" v-if="$root.loggedUserName"> 2105 <f7-link panel-open="right"> 2106 {{$root.loggedUserName}} 2107 <i class="f7-icons">chevron_down</i> 2108 </f7-link> 2109 </p> 2110 <p class="right-details name" v-if="!$root.loggedUserName && _deactivateSaporiCustom === false"> 2111 <f7-link panel-open="right"> 2112 <i class="f7-icons icon-color lock">lock</i> 2113 Autentificare 2114 </f7-link> 2115 </p> 2116 <p class="mobile-only"> 2117 <f7-link popup-open="#checkout-popup"> 2118 <i class="f7-icons icon-color lock">cart</i> 2119 <span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span> 2120 </f7-link> 2121 </p> 2122 <f7-link panel-open="right"><i class="f7-icons icon-color">line_horizontal_3</i></f7-link> 2123 </f7-nav-right> 2124 </f7-navbar> 2125 <div class="containerMenuReservation"> 2126 <div class="containerMenuDetails"> 2127 <div class="row" id="reservationInfo"> 2128 <div class="col"> 2129 <div class="row booking-details"> 2130 <div class="col-100 large-50"> 2131 <p class="reservationTitle">Rezerva o masa</p> 2132 <p class="reservationDescription">Completeaza toate datele</p> 2133 </div> 2134 </div> 2135 <div class="row"> 2136 <div class="col-100 large-33"> 2137 <f7-list> 2138 <f7-list-input label="Data" 2139 type="date" 2140 outline 2141 placeholder="MM/DD/YYYY" 2142 :min="minDate" 2143 :value="date" 2144 @input="date = $event.target.value"> 2145 </f7-list-input> 2146 </f7-list> 2147 </div> 2148 <div class="col-50 large-33"> 2149 <f7-list> 2150 <f7-list-input label="Ora" 2151 type="time" 2152 outline 2153 placeholder="--:-- --" 2154 :value="hour" 2155 @input="hour = $event.target.value"> 2156 </f7-list-input> 2157 </f7-list> 2158 </div> 2159 <div class="col-50 large-33"> 2160 <f7-list> 2161 <f7-list-input label="Numar de persoane" 2162 type="number" 2163 outline 2164 placeholder="Scrie nr de persoane" 2165 :value="personNumber" 2166 @input="personNumber = $event.target.value"> 2167 </f7-list-input> 2168 </f7-list> 2169 </div> 2170 </div> 2171 <div class="row contact-details"> 2172 <div class="col-100 large-50"> 2173 <span class="reservationTitle">Detalii de contact</span> 2174 <p class="reservationDescription">Completeaza toate datele</p> 2175 </div> 2176 </div> 2177 <div class="row"> 2178 <div class="col-100 large-50"> 2179 <f7-list> 2180 <f7-list-input label="Nume" 2181 type="text" 2182 outline 2183 placeholder="Scrie numele..." 2184 :value="firstName" 2185 @input="firstName = $event.target.value"> 2186 </f7-list-input> 2187 </f7-list> 2188 </div> 2189 <div class="col-100 large-50"> 2190 <f7-list> 2191 <f7-list-input label="Prenume" 2192 type="text" 2193 outline 2194 placeholder="Scrie prenumele..." 2195 :value="lastName"
2196 @input="lastName = $event.target.value"> 2197 </f7-list-input> 2198 </f7-list> 2199 </div> 2200 </div> 2201 <div class="row"> 2202 <div class="col-100 large-50"> 2203 <f7-list> 2204 <f7-list-input label="Telefon" 2205 type="text" 2206 outline 2207 placeholder="Scrie nr de telefon..." 2208 info="" 2209 error-message="Doar cifre si caracterul '+' sunt permise" 2210 required 2211 validate 2212 pattern="^([+\d].*)?\d$" 2213 :value="phone" 2214 @input="phone = $event.target.value"> 2215 </f7-list-input> 2216 </f7-list> 2217 </div> 2218 <div class="col-100 large-50"> 2219 <f7-list> 2220 <f7-list-input label="Email" 2221 type="text" 2222 outline 2223 placeholder="Scrie adresa de email..." 2224 :value="email" 2225 @input="email = $event.target.value"> 2226 </f7-list-input> 2227 </f7-list> 2228 </div> 2229 </div> 2230 <div class="row"> 2231 <div class="col-100 large-100"> 2232 <f7-list> 2233 <f7-list-input label="Mesaj" 2234 type="textarea" 2235 outline 2236 placeholder="Scrie mesajul aici..." 2237 :value="details" 2238 @input="details = $event.target.value"> 2239 </f7-list-input> 2240 </f7-list> 2241 </div> 2242 </div> 2243 <div class="row"> 2244 <div class="col-100 large-50"></div> 2245 <div class="col-100 large-50"> 2246 <f7-button class="floatRgt" fill large :disabled="blockSaveBtn" v-on:click="saveReservation">Rezerva o masa</f7-button> 2247 </div> 2248 </div> 2249 </div> 2250 </div> 2251 </div> 2252 </div> 2253 </script>
2253 2254 2255
2255<script type="text/x-template" id="page-termsAndCondition-template"> 2256 <f7-page name="termsAndCondition-page" @page:init="onPageInit"> 2257 <f7-navbar class="mobile-only-navbar"> 2258 <f7-nav-left> 2259 <f7-link back> 2260 <i class="f7-icons icon-color">arrow_left</i> 2261 </f7-link> 2262 <p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') === null"> 2263 <f7-link panel-open="right"> 2264 <i class="f7-icons icon-color lock">person</i> 2265 <i class="f7-icons gray-arrow">chevron_down</i> 2266 </f7-link> 2267 </p> 2268 <p class="navbar-title"> 2269 {{$root.settings.websiteSetup.navbarTitle}} 2270 </p> 2271 </f7-nav-left> 2272 <f7-nav-right> 2273 <p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') != null"> 2274 <f7-link panel-open="right"> 2275 <i class="f7-icons icon-color lock">person</i> 2276 <i class="f7-icons gray-arrow">chevron_down</i> 2277 </f7-link> 2278 </p> 2279 <p class="right-details cart"> 2280 <f7-link @click="$root.displayExistingBasket"> 2281 <i class="f7-icons icon-color">cart</i> 2282 Cosul tau 2283 <span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span> 2284 </f7-link> 2285 </p> 2286 <p class="right-details name" v-if="$root.loggedUserName"> 2287 <f7-link panel-open="right"> 2288 {{$root.loggedUserName}} 2289 <i class="f7-icons">chevron_down</i> 2290 </f7-link> 2291 </p> 2292 <p class="right-details name" v-if="!$root.loggedUserName && _deactivateSaporiCustom === false"> 2293 <f7-link panel-open="right"> 2294 <i class="f7-icons icon-color lock">lock</i> 2295 Autentificare 2296 </f7-link> 2297 </p> 2298 <f7-link panel-open="right"> 2299 <i class="f7-icons icon-color">line_horizontal_3</i> 2300 </f7-link> 2301 </f7-nav-right> 2302 </f7-navbar> 2303 <div class="termsAndConditionsContainer"> 2304 <iframe class="termsAndConditionsIframe" :src="$root.termsAndConditionsIframe"></iframe> 2305 </div> 2306 </f7-page> 2307 </script>
2307 2308 2309
2309<script type="text/x-template" id="page-landingInit-template"> 2310 <f7-page name="landingInitPage" @page:init="onPageInit"> 2311 <div class="section-lista-partenere"> 2312 <div class="main-logo-top"> 2313 <img v-bind:src="$root.settings.logo" alt="Horeka Logo" /> 2314 </div> 2315 <div class="box-restaurante-partenere"> 2316 <h1>Selecteaza una din locatiile noastre</h1> 2317 <!-- BOX RESTAURANT PARTENER --> 2318 <div class="box-partener" v-for="(item, index) in _venueChildren"> 2319 <!-- FEATURED IMAGE --> 2320 <div class="featured-image"> 2321 <a href="#" v-on:click="$root.redirectToSiteVenuePartners(item.appMenuUrl)" class="external"> 2322 <img class="header-image" v-bind:src="item.header" alt="Restaurant partener" /> 2323 </a> 2324 <a href="#" v-on:click="$root.redirectToSiteVenuePartners(item.appMenuUrl)" class="external"> 2325 <div class="box-nume-partener"> 2326 <div class="inner-nume-partener"> 2327 <div class="logo-partener"> 2328 <img v-bind:src="item.logo" alt="Logo Partener" /> 2329 </div> 2330 <p class="titlu-partener">{{ item.title }}</p> 2331 </div> 2332 </div> 2333 </a> 2334 </div> 2335 <!-- PARTENER INFORMATII --> 2336 <a href="#" v-on:click="$root.redirectToSiteVenuePartners(item.appMenuUrl)" class="external"> 2337 <div class="box-info-partener"> 2338 <ul class="info-partener"> 2339 <li> 2340 <!--<img src="src/resources/landing-page/location_icon.svg" alt="Locatie icon" />--> 2341 <i class="f7-icons icon-color">placemark</i> 2342 <p>{{ item.venueAddress }}</p> 2343 </li> 2344 <li> 2345 <!--<img src="src/resources/landing-page/phone_icon.svg" alt="Telefon icon" />--> 2346 <i class="f7-icons icon-color">phone</i> 2347 <p> 2348 <a v-bind:href="'tel:' + item.venuePhoneNumber">{{ item.venuePhoneNumber }}</a> 2349 </p> 2350 </li> 2351 </ul> 2352 2353 <ul class="box-app-store"> 2354 <li> 2355 <a v-bind:href="item.appleStoreLink" target="_blank" class="external"> 2356 <img src="https://api.rpd.roweb.ro/documents/aboutus/app_store.png" alt="Alternate Text" /> 2357 </a> 2358 </li> 2359 <li> 2360 <a v-bind:href="item.googleStoreLink" target="_blank" class="external"> 2361 <img src="https://api.rpd.roweb.ro/documents/aboutus/google_play.png" alt="Alternate Text" /> 2362 </a> 2363 </li> 2364 </ul> 2365 </div> 2366 </a> 2367 <!-- ACCES PAGINA --> 2368 <div class="box-acces-partener"> 2369 <a href="#" v-on:click="$root.redirectToSiteVenuePartners(item.appMenuUrl)" class="external"> 2370 <span>Comanda acum</span> 2371 <img src="https://api.rpd.roweb.ro/documents/aboutus/arrow_icon.svg" alt="Comanda acum" /> 2372 </a> 2373 </div> 2374 </div> 2375 <!-- END BOX RESTAURANT PARTENER --> 2376 </div> 2377 </div> 2378 2379 <footer class="parteneri-footer"> 2380 <div class="inner-footer-parteneri"> 2381 <p>Solutie de comenzi online pentru restaurante</p> 2382 <a v-if="_deactivateSaporiCustom === false" href="https://horeka.ro" target="_blank" class="external"><img src="https://api.rpd.roweb.ro/documents/aboutus/horeka_logo.svg" alt="Horeka Logo" /></a> 2383 <a v-if="_deactivateSaporiCustom === true" href="#" target="_blank" class="external"><img src="https://api.rpd.roweb.ro/documents/aboutus/horeka_logo.svg" alt="Horeka Logo" /></a> 2384 </div> 2385 </footer> 2386 </f7-page> 2387 </script>
2387 2388 2389
2389<script type="text/x-template" id="page-landing-template"> 2390 <f7-page name="landing-page" @page:init="onPageInit"> 2391 2392 <header> 2393 <div class="container text-center"> 2394 <div class="row"> 2395 <div class="col-12 text-center"> 2396 <div class="logo"> 2397 <a href="/"> 2398 <img v-bind:src="$root.settings.logo" alt="Pub App Logo" class="mx-auto"> 2399 </a> 2400 </div> 2401 <div class="divider"></div> 2402 <h1>{{ $root.settings.title }}</h1> 2403 <a class="btn btn-primary" v-on:click="$root.goHome">Vezi meniul</a> 2404 </div> 2405 </div> 2406 </div> 2407 </header> 2408 2409 <main> 2410 <!-- CTA BOXES --> 2411 <div class="container pb-40"> 2412 <div class="row"> 2413 <div class="col-6 col-md-12"> 2414 <div class="inner-box"> 2415 <div class="text-center"> 2416 <img src="src/resources/landing/food-delivery.png" alt="Food Delivery" class="img-fluid"> 2417 <h3>Comenzi online</h3> 2418 <p>Pentru comenzi mai jos da click pe butonul de mai jos</p> 2419 <a v-on:click="$root.goHome" class="btn btn-primary"><img src="src/resources/landing/comanda-icon.svg" class="img-fluid vertical-middle"> Comanda acum</a> 2420 </div> 2421 </div> 2422 </div> 2423 <div class="col-6 col-md-12"> 2424 <div class="inner-box last"> 2425 <div class="text-center"> 2426 <img src="src/resources/landing/take-away.png" alt="Take away" class="img-fluid"> 2427 <h3>Takeaway ridicare de la adresa </h3> 2428 <p>{{$root.settings.address}}, {{$root.settings.postalCode}} {{$root.settings.city}}, {{$root.settings.county}} <a class="external" v-bind:href="'https://www.google.com/maps/search/?api=1&query=' + $root.settings.address + ', ' + $root.settings.postalCode + ', ' + $root.settings.city + ', ' + $root.settings.county" target="_blank"><u>Vezi pe harta</u></a></p> 2429 <a v-bind:href="'tel:'+$root.settings.websiteSetup.phone" class="btn btn-primary external call"><img src="src/resources/landing/phone-icon.svg" class="img-fluid vertical-middle">{{ $root.settings.websiteSetup.phone }}</a> 2430 </div> 2431 </div> 2432 </div> 2433 </div> 2434 </div> 2435 <!-- END CTA BOXES --> 2436 <!-- BANNER CTA --> 2437 <section class="banner-cta"> 2438 <div class="overlay"> 2439 <div class="container"> 2440 <div class="row"> 2441 <div class="col-6 col-md-12"> 2442 <div class="text-center"> 2443 <h2>Prinde si tu cea mai buna oferta din restaurant</h2> 2444 <div class="price-container"> 2445 <span class="price-big"> 2446 39.99 LEI 2447 </span> 2448 </div> 2449 <a v-on:click="$root.goHome" class="btn btn-primary">Comanda acum</a> 2450 </div> 2451 </div> 2452 </div> 2453 </div> 2454 </div> 2455 </section> 2456 <!-- END BANNER CTA --> 2457 <!-- SLIDER PRODUSE --> 2458 <div class="swiper-overlay"> 2459 <div class="swiper-container"> 2460 <div class="swiper-wrapper"> 2461 <div class="swiper-slide"> 2462 <img src="src/resources/landing/3.jpg" alt="Slider Produse" class="img-fluid"> 2463 </div> 2464 <div class="swiper-slide"> 2465 <img src="src/resources/landing/3.jpg" " alt="Slider Produse" class="img-fluid"> 2466 </div> 2467 <div class="swiper-slide"> 2468 <img src="src/resources/landing/3.jpg" " alt="Slider Produse" class="img-fluid"> 2469 </div> 2470 <div class="swiper-slide"> 2471 <img src="src/resources/landing/3.jpg" " alt="Slider Produse" class="img-fluid"> 2472 </div> 2473 <div class="swiper-slide"> 2474 <img src="src/resources/landing/3.jpg" " alt="Slider Produse" class="img-fluid"> 2475 </div> 2476 </div> 2477 <div class="swiper-pagination"></div> 2478 </div> 2479 </div> 2480 <!-- END SLIDER PRODUSE --> 2481 <!-- CONTACT SECTION --> 2482 <section class="contact-container-slider"> 2483 <div class="container"> 2484 <div class="row align-items-center"> 2485 <div class="col-6 col-md-12"> 2486 <h3>Unde ne gasiti?</h3> 2487 <ul class="no-style"> 2488 <li> 2489 <img src="src/resources/landing/map-2-fill.png" alt="Map Icon" class="img-fluid vertical-middle"> 2490 <span>{{$root.settings.address}}, {{$root.settings.postalCode}} {{$root.settings.city}}, {{$root.settings.county}}</span> 2491 </li> 2492 <li> 2493 <img src="src/resources/landing/phone-line.png" alt="Phone Icon" class="img-fluid vertical-middle"> 2494 <span>
2494<a class="external call" v-bind:href="'tel:'+$root.settings.websiteSetup.phone">{{ $root.settings.websiteSetup.phone }}</a></span> 2495 </li> 2496 </ul> 2497 </div> 2498 <div class="col-6 col-md-12"> 2499 <div class="map-container"> 2500 <iframe v-bind:src="'https://maps.google.com/maps?width=100%&height=600&hl=en&q=' + encodeURIComponent( $root.settings.address + ', ' + $root.settings.postalCode + ', ' + $root.settings.city + ', ' + $root.settings.county ) + '&t=&z=14&ie=UTF8&iwloc=B&output=embed'" width="100%" height="320" style="border:0;" allowfullscreen="" loading="lazy"></iframe> 2501 </div> 2502 </div> 2503 </div> 2504 </div> 2505 </section> 2506 <!-- END CONTACT SECTION --> 2507 </main> 2508 2509 <footer> 2510 <div class="container"> 2511 <div class="row"> 2512 <div class="col-3 col-md-6"> 2513 <div class="text-left"> 2514 <span class="tel">Tel: <a class="external call" v-bind:href="'tel:'+$root.settings.websiteSetup.phone">{{ $root.settings.websiteSetup.phone }}</a></span> 2515 </div> 2516 </div> 2517 <div class="col-3 col-md-12 d-md-none"> 2518 <div class="text-center"> 2519 <span class="copyright">Copyright Horeka 2021. All rights reserved</span> 2520 </div> 2521 </div> 2522 <!--<div class="col-3 col-md-6"> 2523 <div class="text-right"> 2524 <span class="info">CUI: 12345678</span> 2525 </div> 2526 </div>--> 2527 <div class="col-12 d-none d-md-block"> 2528 <div class="text-center"> 2529 <span class="copyright">Copyright Horeka 2021. All rights reserved</span> 2530 </div> 2531 </div> 2532 </div> 2533 </div> 2534 </footer> 2535 2536 </f7-page> 2537 </script>
2537 2538 2539
2539<script src="src/bundle.js?v=001d20ae-1762-4a73-a2a2-e2efa19080ec"></script>
2539 2540 2541</body> 2542</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.