src/ClientBundle/Resources/views/Auth/base_auth.html.twig line 1

Open in your IDE?
  1. {% extends "layout_admin.html.twig" %}
  3. {% block layout_header %}
  4. {% endblock %}
  6. {% block stylesheets %}
  7. <meta name="apple-itunes-app" content="app-id=1476364449">
  8. <meta name="google-play-app" content="app-id=com.ctlf.userapp"/>
  9. <link rel="stylesheet" href="{{ asset('bundles/admin/css/bootstrap.css') }}"/>
  10. <link rel="stylesheet" href="{{ asset('bundles/admin/css/materialadmin.css') }}"/>
  11. <link rel="stylesheet" href="{{ asset('bundles/admin/css/font-awesome.css') }}"/>
  12. <link rel="stylesheet" href="{{ asset('bundles/admin/css/material-design-iconic-font.css') }}"/>
  13. <link rel="stylesheet" href="{{ asset('bundles/admin/css/libs/select2/select2.css') }}"/>
  14. <link rel="stylesheet" href="{{ asset('bundles/admin/css/libs/bootstrap-datepicker/datepicker3.css') }}"/>
  15. <link rel="stylesheet" href="{{ asset('bundles/admin/css/libs/typeahead/typeahead.css') }}"/>
  16. <link rel="stylesheet" href="{{ asset('bundles/admin/css/libs/jquery-ui/jquery-ui-theme.css') }}"/>
  17. <link rel="stylesheet" href="{{ asset('bundles/admin/css/layout.css') }}"/>
  18. <style>
  19. .dim {
  20. opacity: .7;
  21. }
  22. .fs-12 {
  23. font-size: 12px;
  24. }
  25. .fs-16 {
  26. font-size: 16px;
  27. }
  28. .floating-label .form-control ~ label {
  29. top: 15px;
  30. padding-left: 5px;
  31. font-size: 16px;
  32. }
  33. .justify-center {
  34. display: flex;
  35. justify-content: center;
  36. align-items: center;
  37. }
  38. .social-btn {
  39. width: 60%;
  40. color: #0aa89e;
  41. border-color: #0aa89e;
  42. background-color: transparent;
  43. display: flex;
  44. justify-content: center;
  45. vertical-align: middle;
  46. }
  47. .btn-primary:active, .btn-primary.active {
  48. color: #ffffff;
  49. background-color: #077871;
  50. border-color: #077871;
  51. }
  52. .social-logo {
  53. width: 18px;
  54. height: 18px;
  55. margin-right: 10px;
  56. display: flex;
  57. margin-top: 2px;
  58. }
  59. .social-logo.google {
  60. background: url("{{ asset('google_logo.svg') }}") no-repeat;
  61. }
  62. .social-logo.facebook {
  63. background: url("{{ asset('facebook_logo.svg') }}") no-repeat;
  64. }
  65. .social-logo.apple {
  66. background: url("{{ asset('apple_logo.svg') }}") no-repeat;
  67. }
  68. .links {
  69. display: block;
  70. width: 100%;
  71. padding-left: 0;
  72. padding-right: 0;
  73. }
  74. .bottom-line {
  75. margin-bottom: 5px;
  76. padding-bottom: 5px;
  77. }
  78. .top-line {
  79. padding-top: 10px;
  80. }
  81. .bottom-line:after, .top-line:before {
  82. content: '';
  83. position: absolute;
  84. left: 5%;
  85. width: 90%;
  86. }
  87. .bottom-line:after {
  88. bottom: 0;
  89. border-bottom: 1px solid rgba(12, 12, 12, 0.12);
  90. }
  91. .top-line:before {
  92. top: 0;
  93. border-top: 1px solid rgba(12, 12, 12, 0.12);
  94. }
  95. .apps {
  96. width: 100%;
  97. margin-top: 20px;
  98. display: inline-block;
  99. }
  100. @media (max-width: 768px) {
  101. .bottom-line:after, .top-line:before {
  102. border:0 !important;
  103. }
  104. .bottom-line {
  105. margin-bottom: 0;
  106. padding-bottom: 0;
  107. }
  108. .top-line {
  109. padding-top: 0;
  110. }
  111. }
  112. </style>
  113. {% endblock %}
  115. {% block javascripts %}
  116. <script src="{{ asset('bundles/admin/js/libs/jquery/jquery-1.11.2.js') }}"></script>
  117. <script src="{{ asset('bundles/admin/js/libs/jquery-ui/jquery-ui.min.js') }}"></script>
  118. <script src="{{ asset('bundles/admin/js/libs/jquery/jquery-migrate-1.2.1.min.js') }}"></script>
  119. <script src="{{ asset('bundles/admin/js/libs/bootstrap/bootstrap.js') }}"></script>
  120. <script src="{{ asset('bundles/admin/js/libs/spin.js/spin.js') }}"></script>
  121. <script src="{{ asset('bundles/admin/js/libs/DataTables/jquery.dataTables.js') }}"></script>
  122. <script src="{{ asset('bundles/admin/js/libs/AppDesign/App.js') }}"></script>
  123. <script src="{{ asset('bundles/admin/js/libs/AppDesign/AppNavigation.js') }}"></script>
  124. <script src="{{ asset('bundles/admin/js/libs/AppDesign/AppOffcanvas.js') }}"></script>
  125. <script src="{{ asset('bundles/admin/js/libs/AppDesign/AppCard.js') }}"></script>
  126. <script src="{{ asset('bundles/admin/js/libs/AppDesign/AppForm.js') }}"></script>
  127. <script src="{{ asset('bundles/admin/js/libs/AppDesign/AppNavSearch.js') }}"></script>
  128. <script src="{{ asset('bundles/admin/js/libs/AppDesign/AppVendor.js') }}"></script>
  129. <script src="{{ asset('bundles/admin/js/libs/bootstrap-datepicker/bootstrap-datepicker.js') }}"></script>
  130. {% endblock %}
  132. {% block notice %}
  133. {% endblock %}
  135. {% block content %}
  136. <section class="section-account">
  137. <div class="img-backdrop" style="background-image: url('{{ asset(settings_service.loginCover) }}')"></div>
  138. <div class="spacer"></div>
  139. <div class="card contain-sm style-transparent">
  140. <div class="card-body">
  141. <div class="row">
  142. <div class="col-sm-offset-2 col-sm-8">
  143. <br/>
  144. <span class="text-lg text-bold text-primary align-center" style="font-size: 125%;">
  145. CLIENT ACCESS - {% block auth_title %}{% endblock %}
  146. </span>
  147. {% for type, flashMessages in app.session.flashbag.all() %}
  148. {% for message in flashMessages %}
  149. <div class="alert alert-{{ type }} alert-dismissable">
  150. <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
  151. &times;
  152. </button>
  153. {{ message | raw }}
  154. </div>
  155. {% endfor %}
  156. {% endfor %}
  157. {% block auth_form %}{% endblock %}
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. <br/>
  163. <p class="text-center">
  164. <a href="{{ path('privacy') }}">
  165. Privacy Policy
  166. </a>
  167. </p>
  168. </section>
  169. {% endblock %}