templates/components/modals.html.twig line 1

Open in your IDE?
  2. {#<div class="modal schedule-popup" id="schedule_popup_container">
  3.     <div class="modal-background"></div>
  4.     <div class="modal-card">
  5.         <header class="modal-card-head is-flex level">
  6.             <p class="modal-card-title">Выбор времени</p>
  7.             <button type="button" class="btn close" aria-label="close" id="schedule_close_popup"></button>
  8.         </header>
  9.         <div class="modal-card-body is-flex level" id="top_schedule_popup">
  10.             <div class="mobile-head">
  11.                 <p class="information-data-mobile">
  12.                     <span class="has-text-weight-bold">Анкета:</span>
  13.                     <span class="model">{Name}</span>
  14.                 </p>
  15.                 <p class="timezone-attending-mobile">
  16.                     <span class="has-text-weight-bold">ВНИМАНИЕ:</span>
  17.                     Время указано для города {city}
  18.                 </p>
  19.             </div>
  20.             <div class="table">
  21.                 <div class="row date is-flex level">
  22.                     <div class="space"></div>
  23.                     <div class="date-element"></div>
  24.                     <div class="date-element"></div>
  25.                     <div class="date-element"></div>
  26.                     <div class="date-element"></div>
  27.                     <div class="date-element"></div>
  28.                     <div class="date-element"></div>
  29.                     <div class="date-element"></div>
  30.                 </div>
  31.                 {% for i in 0..23 %}
  32.                     <div class="row data is-flex level" data-row="{{ i }}">
  33.                         <div class="time">{{ i }}:00 - {{ i }}:59</div>
  34.                         {% for j in 0..6 %}
  35.                             <div class="data-element" data-col="{{ j }}" data-row="{{ i }}">{{ j }}</div>
  36.                         {% endfor %}
  37.                     </div>
  38.                 {% endfor %}
  39.             </div>
  40.             <div class="info">
  41.                 <p class="timezone-attending">
  42.                     <span class="has-text-weight-bold">ВНИМАНИЕ:</span>
  43.                     Время указано для города <span class="city">{city}</span>
  44.                 </p>
  46.                 <ul class="information-cell is-flex level">
  47.                     <li class="is-flex level">
  48.                         <div class="cell reserved"></div>
  49.                         <p>- занято</p>
  50.                     </li>
  51.                     <li class="is-flex level">
  52.                         <div class="cell free"></div>
  53.                         <p>- свободно</p>
  54.                     </li>
  55.                     <li class="is-flex level">
  56.                         <div class="cell selected"></div>
  57.                         <p>- выбрано Вами</p>
  58.                     </li>
  59.                 </ul>
  60.                 <div class="information-data">
  61.                     <div class="heading is-flex level">
  62.                         <img src="{{ asset('assets/images/icons/girl-in-pose.svg') }}">
  63.                         <p>Активация услуги
  64.                             <span class="colored">ТОП-девушка</span>
  65.                             для анкеты:<span class="model">{Name}</span>
  66.                         </p>
  67.                     </div>
  68.                     <div class="empty">
  69.                         <p>Выберите свободную ячейку</p>
  70.                     </div>
  71.                     <div class="data">
  72.                         <p>Выбранное время:
  73.                             <span class="select-time">0 часов</span>
  74.                         </p>
  75.                         <ul class="time-list">
  77.                         </ul>
  78.                     </div>
  79.                     <div class="footer is-flex level">
  80.                         <p>Итого к оплате: <span class="price">0</span> <span class="currency">Р</span></p>
  81.                         <button class="purchase btn btn-fill-red-style">оплатить</button>
  82.                     </div>
  83.                 </div>
  84.             </div>
  85.         </div>
  86.     </div>
  87. </div>#}
  90. {# Кроп аватара #}
  91. {% if is_granted('ROLE_USER') and view == 'account' %}
  92. <div class="modal modal-crop" id="modal-crop">
  93.     <div class="modal-background"></div>
  94.     <div class="progress" style="display: none">
  95.         <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
  96.     </div>
  97.     <div class="alert" role="alert"></div>
  98.     <div class="modal-dialog">
  99.         <div class="modal-card fade" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
  100.             <header class="modal-card-head">
  101.                 <h5 class="border-line" id="modal-label">Загрузить аватар</h5>
  102.                 <button type="button" class="btn close" aria-label="close" id="cancel_crop"><svg class="icon" width="30" height="30">
  103.                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-close"></use>
  104.                 </svg></button>
  105.             </header>
  106.             <div class="modal-card-body">
  107.                 <div class="img-container">
  108.                     <img id="image" src="">
  109.                     <button type="button" class="btn cropper-rotate" aria-label="rotate" id="modal-button-rotate">
  110.                         <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path fill="#000" fill-opacity=".6" d="M0 0h40v40H0z"/><path d="M19.75 11c-5.1 0-8.75 4.04-8.75 9s3.65 9 8.75 9a9.32 9.32 0 0 0 7.68-3.99l-2.59-1.52A6.03 6.03 0 0 1 20 26c-3.3 0-6-2.79-6-6s2.7-6 6-6c1.97 0 3.72 1 4.82 2.49L23 18l6 2v-7l-1.89 1.58A9.31 9.31 0 0 0 19.75 11Z" fill="#fff"/></svg>
  111.                     </button>
  112.                 </div>
  113.             </div>
  114.             <div class="modal-card-footer">
  115.                 <button type="button" class="btn btn-danger" id="crop">
  116.                     <span>Далее</span>
  117.                 </button>
  118.             </div>
  119.         </div>
  120.     </div>
  121. </div>
  122. {% endif %}
  124. {# Лайтбокс с текстом об успехе+ #}
  125. <div class="modal modal-error modal-success" id="modal-success-box">
  126.     <div class="modal-background"></div>
  127.     <div class="modal-card fade" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
  128.         <header class="modal-card-head">
  129.             <button type="button" class="btn close" aria-label="close" data-type="close"><svg class="icon" width="30" height="30">
  130.                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-close"></use>
  131.                 </svg></button>
  132.         </header>
  133.         <div class="modal-card-body">
  134.             <div class="icon check-circle">
  135.                 <svg>
  136.                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-check-circle"></use>
  137.                 </svg>
  138.             </div>
  139.             <div class="title" data-to-title>Действие было упешно выполнено.</div>
  140.             <div class="desc" data-to-desc>Какое-то действие было выполнено.</div>
  141.         </div>
  142.         <div class="modal-card-footer">
  143.             <button type="button" class="btn">
  144.                 <span>Ок</span>
  145.             </button>
  146.         </div>
  147.     </div>
  148. </div>
  149. {# Лайтбокс с текстом о том что функционал в разработке+ #}
  150. {% if is_granted('ROLE_USER') %}
  151. <div class="modal modal-error modal-dev-in-progress" id="dev-in-progress">
  152.     <div class="modal-background"></div>
  153.     <div class="modal-card fade" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
  154.         <header class="modal-card-head">
  155.             <button type="button" class="btn close" aria-label="close" data-type="close"><svg class="icon" width="30" height="30">
  156.                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-close"></use>
  157.                 </svg></button>
  158.         </header>
  159.         <div class="modal-card-body">
  160.             <div class="icon">
  161.                 <svg>
  162.                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-stop"></use>
  163.                 </svg>
  164.             </div>
  165.             <div class="title" data-to-title>Функционал временно не работает</div>
  166.             <div class="desc" data-to-desc>Мы работаем над его улучшением.</div>
  167.         </div>
  168.         <div class="modal-card-footer">
  169.             <button type="button" class="btn">
  170.                 <span>Ок</span>
  171.             </button>
  172.         </div>
  173.     </div>
  174. </div>
  177. {# Лайтбокс с требованием залогинится+
  179. <div class="modal modal-error modal-authorize" id="modal-authorize-box">
  180.     <div class="modal-background"></div>
  181.     <div class="modal-card fade" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
  182.         <header class="modal-card-head">
  183.             <button type="button" class="btn close" aria-label="close"><svg class="icon" width="30" height="30">
  184.                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-close"></use>
  185.                 </svg></button>
  186.         </header>
  187.         <div class="modal-card-body">
  188.             <div class="icon check-circle">
  189.                 <svg>
  190.                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-user-red"></use>
  191.                 </svg>
  192.             </div>
  193.             <div class="title" data-to-title>
  194.                 Войдите в личный кабинет.
  195.             </div>
  196.             <div class="desc" data-to-desc>
  197.                 Данная функция доступна только для зарегистрированных пользователей.
  198.             </div>
  199.         </div>
  200.         <div class="modal-card-footer">
  201.             <a href="/login" class="btn btn-dark">
  202.                 Войти
  203.             </a>
  204.             <a href="/signup" class="btn btn-danger">
  205.                 Зарегистрироваться
  206.             </a>
  207.         </div>
  208.     </div>
  209. </div>#}
  211. <div class="modal modal-error modal-alert" id="modal-alert-box">
  212.     <div class="modal-background"></div>
  213.     <div class="modal-card fade" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
  214.         <header class="modal-card-head">
  215.             <button type="button" class="btn close" aria-label="close" data-type="close"><svg class="icon" width="30" height="30">
  216.                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-close"></use>
  217.                 </svg></button>
  218.         </header>
  219.         <div class="modal-card-body">
  220.             <div class="icon check-circle">
  221.                 <svg>
  222.                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-stop"></use>
  223.                 </svg>
  224.             </div>
  225.             <div class="title" data-to-title>Удалить фотографию?</div>
  226.             <div class="desc" data-to-desc>Данная функция доступна только для зарегистрированных пользователей.</div>
  227.         </div>
  228.         <div class="modal-card-footer">
  229.             <button type="button" class="btn" data-type="reject">Отмена</button>
  230.             <button type="button" class="btn" data-type="approved">ОК</button>
  231.         </div>
  232.     </div>
  233. </div>
  234. {# Лайтбокс с предупреждением #}
  235.     <div class="modal modal-warning modal-warning-box fade" id="modal-warning-box">
  236.         <div class="modal-background"></div>
  237.         <div class="modal-dialog modal-dialog-centered">
  238.             <div class="modal-content">
  239.                 <div class="modal-body text-center">
  240.                     <div class="icon check-circle">
  241.                         <svg>
  242.                             <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-stop"></use>
  243.                         </svg>
  244.                     </div>
  245.                     <p class="m-0">Удалить?</p>
  246.                 </div>
  247.                 <div class="modal-footer d-flex justify-content-center btn-width">
  248.                     <button type="button" class="btn is-flex level btn-secondary mx-1 close" id="modal-warning-box-disagree" data-type="disagree" data-dismiss="modal" data-close>
  249.                         <span>Отмена</span>
  250.                     </button>
  251.                     <button type="button" class="btn is-flex level btn-danger mx-1 agree" id="modal-warning-box-agree" data-type="agree" data-agree="profile-delete">
  252.                         <span>Да</span>
  253.                     </button>
  254.                 </div>
  255.             </div>
  256.         </div>
  257.     </div>
  258. {% endif %}
  259. {# Выбор метро+ #}
  260. <div class="modal modal-list" id="modal-metro-list">
  261.     <div class="modal-background"></div>
  262.     <div class="modal-card fade" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
  263.         <header class="modal-card-head">
  264.             <h5 class="modal-card-title">Выберите станцию метро</h5>
  265.             <button type="button" class="btn close" aria-label="close" data-type="close">
  266.                 <svg class="icon" width="30" height="30">
  267.                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-close"></use>
  268.                 </svg>
  269.             </button>
  270.         </header>
  271.         <div class="modal-card-body">
  272.             <ul class="wrap">
  273.                 {{ knp_menu_render('city_stations', {'template': '_menu/city_stations.html.twig'}) }}
  274.             </ul>
  275.         </div>
  276.     </div>
  277. </div>
  278. {# Лайтбокс с текстом об ошибке+ #}
  279. <div class="modal modal-warning modal-warning-box fade" id="modal-error-box">
  280.     <div class="modal-background"></div>
  281.     <div class="modal-dialog modal-dialog-centered">
  282.         <div class="modal-content">
  283.             <div class="modal-body text-center">
  284.                 <div class="icon check-circle">
  285.                     <svg>
  286.                         <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-alert"></use>
  287.                     </svg>
  288.                 </div>
  289.                 <div class="title" data-to-title>
  291.                 </div>
  292.                 <div class="desc" data-to-desc>
  294.                 </div>
  295.             </div>
  296.             <div class="modal-footer d-flex justify-content-center btn-width">
  297.                 <button type="button" class="btn is-flex level btn-danger mx-1" id="modal-error-box-agree" data-type="close">
  298.                     <span>Ок</span>
  299.                 </button>
  300.             </div>
  301.         </div>
  302.     </div>
  303. </div>
  306. {# <div class="modal modal-error modal-error-box" id="modal-error-box">
  307.     <div class="modal-background"></div>
  308.     <div class="modal-card fade" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
  309.         <header class="modal-card-head">
  310.             <button type="button" class="btn close" aria-label="close"><svg class="icon" width="30" height="30">
  311.                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}icon-close"></use>
  312.                 </svg></button>
  313.         </header>
  314.         <div class="modal-card-body">
  315.             <div class="icon alert">
  316.                 <svg>
  317.                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-alert"></use>
  318.                 </svg>
  319.             </div>
  320.             <div class="title" data-to-title>
  322.             </div>
  323.             <div class="desc" data-to-desc>
  325.             </div>
  326.         </div>
  327.         <div class="modal-card-footer">
  328.             <button type="button" class="btn">
  329.                 <span>Ок</span>
  330.             </button>
  331.         </div>
  332.     </div>
  333. </div> #}
  334. {#
  335. {% if not is_granted('ROLE_USER') %}
  336.     <div class="modal modal-login-box" id="modal-login-box">
  337.         <div class="modal-background"></div>
  338.         <div class="modal-card fade" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
  339.             <header class="modal-card-head">
  340.                 <button type="button" class="btn close" aria-label="close">
  341.                     <svg class="icon" width="30" height="30">
  342.                         <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-close"></use>
  343.                     </svg>
  344.                 </button>
  345.             </header>
  346.             <div class="modal-card-body">
  347.                 <div class="wrap">
  348.                     <div class="block-authorize">
  349.                         <p class="title border-line">Авторизация</p>
  350.                         <!--noindex-->
  351.                         <form class="login-form" action="{{ path('login') }}" method="POST" novalidate>
  352.                             <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  353.                             <input type="hidden" name="action" value="signin">
  354.                             <div class="form-group">
  355.                                 <label for="email">{% trans with {} from 'forms' %}E-mail{% endtrans %}:</label>
  356.                                 <input type="email" class="form-control" id="email" aria-describedby="email" placeholder="{% trans with {} from 'forms' %}Введите email{% endtrans %}" name="email">
  357.                                 <div class="invalid-feedback">Please enter email.</div>
  358.                             </div>
  359.                             <div class="form-group">
  360.                                 <label for="password">{% trans with {} from 'forms' %}Пароль{% endtrans %}:</label>
  361.                                 <input type="password" class="form-control" id="password" aria-describedby="password" placeholder="{% trans with {} from 'forms' %}Введите пароль{% endtrans %}" name="password">
  362.                                 <div class="invalid-feedback">Please enter email.</div>
  363.                             </div>
  364.                             <a href="{{ path('receive_password') }}">{% trans with {} from 'basic' %}Восстановить пароль{% endtrans %}</a>
  365.                             <button type="submit" class="btn login btn-danger btn-block">
  366.                                 <span>Войти в кабинет</span>
  367.                             </button>
  368.                         </form>
  369.                         <!--/noindex-->
  370.                     </div>
  371.                     <div class="block-registration">
  372.                         <p class="title border-line">Регистрация</p>
  373.                         <p class="desc">Быстро и удобно с любого устройства!</p>
  374.                         <ul>
  375.                             <li class="d-flex">
  376.                                 <svg class="icon" width="30" height="30">
  377.                                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-union-profile"></use>
  378.                                 </svg>
  379.                                 <span>Бесплатная регистрация и размещение анкет</span></li>
  380.                             <li class="d-flex">
  381.                                 <svg class="icon" width="30" height="30">
  382.                                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-gold"></use>
  383.                                 </svg>
  384.                                 <span>Используйте супер тарифы <span class="gold">GOLD</span> и <span class="silver">SILVER</span> и получайте клиентов прямо сейчас</span></li>
  385.                             <li class="search d-flex">
  386.                                 <svg class="icon" width="30" height="30">
  387.                                     <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-search"></use>
  388.                                 </svg>
  389.                                 <span>Удобный поиск по множествам параметров и фильтров</span>
  390.                             </li>
  391.                         </ul>
  392.                         <a href="{{ path('register', {'city': city.uriIdentity}) }}" class="btn is-flex level registation btn-danger btn-block">
  393.                             <span>Зарегистрироваться</span>
  394.                         </a>
  395.                     </div>
  396.                 </div>
  397.             </div>
  398.         </div>
  399.     </div>
  400. {% endif %}
  401. #}