templates/fos/base.html.twig line 1

Open in your IDE?
  1. <head>
  2. <meta charset="UTF-8"/>
  3. <title>
  4. {% block title %}
  5. Welcome: NENO COURIER
  6. {% endblock %}
  7. </title>
  10. {# <link rel="icon" type="image/x-icon" href="{{ asset('fos/images/logo.png') }}"/>#}
  14. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  16. <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.0-RC2/css/bootstrap-datepicker.min.css">
  18. <script src="{{ asset('fos/plugins/jquery/jquery-2.2.4.min.js') }}"></script>
  19. {# <script src="{{ asset('scripts/jquery.fileDownload.js') }}"></script>#}
  21. <script src="{{ asset('fos/plugins/cosmo/js/bootstrap.min.js') }}"></script>
  23. {#<script src="{{ asset('css/js/app.js') }}"></script>#}
  24. {#<script src="{{ asset('css/js/bootstrap-confirmation.min.js') }}"></script>#}
  26. {#<script src="{{ asset('admin_web/css/js/modernizr.custom.js') }}"></script>#}
  28. <link href='http://fonts.googleapis.com/css?family=Nova+Flat' rel='stylesheet' type='text/css' />
  30. <link rel="stylesheet" href="{{ asset('fos/plugins/jquery-easyui-1.5.5.4/themes/bootstrap/easyui.css') }}">
  31. <link rel="stylesheet" type="text/css" href="{{ asset('fos/plugins/jquery-easyui-1.5.5.4/themes/icon.css') }}">
  32. <link rel="stylesheet" type="text/css" href="{{ asset('fos/plugins/jquery-easyui-1.5.5.4/themes/color.css') }}">
  34. <link rel="stylesheet" href="{{ asset('assets/plugins/fontawesome-free-5.3.1-web/css/all.min.css') }}">
  35. <link href="{{ asset('fos/plugins/fonts/Amaranth/amaranth.css') }}" rel="stylesheet" type="text/css">
  36. <link rel="stylesheet" href="{{ asset('fos/plugins/cosmo/css/bootstrap.min.css') }}">
  37. <link rel="stylesheet" href="{{ asset('fos/css/home.css') }}">
  38. <link rel="stylesheet" href="{{ asset('fos/css/login.css') }}">
  39. <link href="https://fonts.googleapis.com/css?family=Big+Shoulders+Text|Merriweather|Nova+Flat|Open+Sans|Open+Sans+Condensed:300&display=swap" rel="stylesheet">
  43. <style>
  44. .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  45. color: black;
  46. }
  48. body {
  49. font-family: 'Amaranth', Sans-serif, FontAwesome;
  50. }
  52. .fos-flash-wrap {
  53. max-width: 1200px;
  54. margin: 16px auto 0;
  55. padding: 0 4px;
  56. }
  58. .fos-alert {
  59. display: flex;
  60. align-items: center;
  61. gap: 8px;
  62. background: #60B078;
  63. border-radius: 6px;
  64. box-shadow: 0 2px 6px rgba(77, 80, 97, 0.12);
  65. padding: 6px 12px;
  66. margin-bottom: 8px;
  67. font-family: "Amaranth", sans-serif;
  68. }
  70. .fos-alert.fos-alert-warning {
  71. background: #e6a23c;
  72. }
  74. .fos-alert.fos-alert-danger {
  75. background: #d9534f;
  76. }
  78. .fos-alert-icon {
  79. font-size: 13px;
  80. line-height: 1.3;
  81. color: #fff;
  82. }
  84. .fos-alert-body {
  85. flex: 1;
  86. display: flex;
  87. align-items: baseline;
  88. gap: 5px;
  89. flex-wrap: wrap;
  90. }
  92. .fos-alert-title {
  93. font-weight: bold;
  94. color: #fff;
  95. font-size: 12px;
  96. text-transform: uppercase;
  97. letter-spacing: .3px;
  98. margin: 0;
  99. }
  101. .fos-alert-message {
  102. color: #fff;
  103. font-size: 12px;
  104. margin: 0;
  105. }
  107. .fos-alert-close {
  108. color: #fff;
  109. opacity: .8;
  110. font-size: 14px;
  111. line-height: 1;
  112. text-decoration: none;
  113. }
  115. .fos-alert-close:hover {
  116. color: #fff;
  117. opacity: 1;
  118. text-decoration: none;
  119. }
  121. /* ---- Modern EasyUI datagrid re-skin ---- */
  123. .panel {
  124. border: none;
  125. background: transparent;
  126. }
  128. .datagrid-view {
  129. background: #fff;
  130. border-radius: 10px;
  131. border: 1px solid #eee6d6;
  132. box-shadow: 0 2px 6px rgba(77, 80, 97, 0.12);
  133. overflow: hidden;
  134. }
  136. .datagrid-toolbar {
  137. background: #fff;
  138. border: none;
  139. border-bottom: 1px solid #eee6d6;
  140. padding: 10px 8px;
  141. }
  143. .datagrid-header {
  144. background: #4D5061;
  145. border: none;
  146. }
  148. .datagrid-header-inner {
  149. background: transparent;
  150. }
  152. .datagrid-header td {
  153. border-color: rgba(255, 255, 255, 0.12);
  154. }
  156. .datagrid-header .datagrid-cell,
  157. .datagrid-header .datagrid-cell span {
  158. color: #fff;
  159. font-family: "Amaranth", sans-serif;
  160. font-size: 12px;
  161. font-weight: bold;
  162. text-transform: uppercase;
  163. letter-spacing: .4px;
  164. }
  166. .datagrid-body {
  167. background: #fff;
  168. }
  170. .datagrid-view1 .datagrid-body,
  171. .datagrid-view2 .datagrid-body {
  172. background: #fff;
  173. }
  175. .datagrid-row {
  176. border-color: #f1ece0;
  177. }
  179. .datagrid-row td {
  180. border-color: #f1ece0;
  181. }
  183. .datagrid-row .datagrid-cell {
  184. font-family: "Amaranth", sans-serif;
  185. font-size: 13px;
  186. color: #4D5061;
  187. padding: 4px 8px;
  188. }
  190. .datagrid-row-alt {
  191. background: #fbfaf6;
  192. }
  194. .datagrid-row-over {
  195. background: rgba(96, 176, 120, 0.12) !important;
  196. }
  198. .datagrid-row-selected {
  199. background: rgba(96, 176, 120, 0.22) !important;
  200. }
  202. .datagrid-row-selected .datagrid-cell {
  203. color: #4D5061;
  204. }
  206. .datagrid-pager,
  207. .datagrid .datagrid-pager {
  208. background: #fff;
  209. border: none;
  210. border-top: 1px solid #eee6d6;
  211. padding: 6px 4px;
  212. }
  214. .pagination-info {
  215. font-family: "Amaranth", sans-serif;
  216. font-size: 12px;
  217. color: #8a8d9c;
  218. }
  220. .pagination .l-btn {
  221. border-radius: 6px;
  222. margin: 0 1px;
  223. }
  225. .pagination-num {
  226. border-radius: 6px;
  227. border-color: #dcd6c4;
  228. }
  230. .datagrid-empty {
  231. font-family: "Amaranth", sans-serif;
  232. color: #8a8d9c;
  233. padding: 24px 0;
  234. }
  236. </style>
  239. {% block alert %}
  241. <script>
  242. $(window).on('load', function () {
  243. $(".se-pre-con").fadeOut("slow");
  244. });
  245. </script>
  248. {% endblock %}
  251. {% block stylesheets %}
  253. {{ encore_entry_link_tags('app') }}
  254. {% endblock %}
  257. </head>
  258. <body>
  259. <div class="se-pre-con"></div>
  260. {% block firstnav %}
  262. {% endblock %}
  264. {% block secondnav %}
  266. {% endblock %}
  269. <div class="main">
  270. {% block responseflash %}
  271. {% if app.session.flashBag.has('success') or app.session.flashBag.has('warning') or app.session.flashBag.has('error') %}
  272. <div class="fos-flash-wrap pro">
  273. {% for flash_message in app.session.flashBag.get('success') %}
  274. <div class="alert fos-alert fos-alert-success fade in">
  275. <span class="fos-alert-icon"><i class="fa fa-check-circle"></i></span>
  276. <div class="fos-alert-body">
  277. <p class="fos-alert-title">Success</p>
  278. <p class="fos-alert-message">{{ flash_message }}</p>
  279. </div>
  280. <a href="#" class="fos-alert-close" data-dismiss="alert" aria-label="close">&times;</a>
  281. </div>
  282. {% endfor %}
  284. {% for flash_message in app.session.flashBag.get('warning') %}
  285. <div class="alert fos-alert fos-alert-warning fade in">
  286. <span class="fos-alert-icon"><i class="fa fa-exclamation-triangle"></i></span>
  287. <div class="fos-alert-body">
  288. <p class="fos-alert-title">Warning</p>
  289. <p class="fos-alert-message">{{ flash_message }}</p>
  290. </div>
  291. <a href="#" class="fos-alert-close" data-dismiss="alert" aria-label="close">&times;</a>
  292. </div>
  293. {% endfor %}
  295. {% for flash_message in app.session.flashBag.get('error') %}
  296. <div class="alert fos-alert fos-alert-danger fade in">
  297. <span class="fos-alert-icon"><i class="fa fa-times-circle"></i></span>
  298. <div class="fos-alert-body">
  299. <p class="fos-alert-title">Error</p>
  300. <p class="fos-alert-message">{{ flash_message }}</p>
  301. </div>
  302. <a href="#" class="fos-alert-close" data-dismiss="alert" aria-label="close">&times;</a>
  303. </div>
  304. {% endfor %}
  305. </div>
  306. {% endif %}
  307. {% endblock %}
  311. {% block main %}
  314. {% endblock %}
  315. </div>
  317. <script>
  318. /* window.setTimeout(function () {
  319. $(".resp").fadeTo(500, 0).slideUp(500, function () {
  320. $(this).remove();
  321. });
  322. }, 4000);*/
  323. </script>
  329. <script type="text/javascript" src="{{ asset('fos/plugins/jquery-easyui-1.5.5.4/jquery.min.js') }}"></script>
  330. <script type="text/javascript" src="{{ asset('fos/plugins/jquery-easyui-1.5.5.4/jquery.easyui.min.js') }}"></script>
  331. <script type="text/javascript" src="{{ asset('fos/plugins/jquery-easyui-1.5.5.4/datagrid-filter.js') }}"></script>
  332. <script type="text/javascript" src="{{ asset('fos/plugins/jquery-easyui-1.5.5.4/datagrid-groupview.js') }}"></script>
  333. <script type="application/javascript" src="{{ asset('fos/plugins/jquery-easyui-1.5.5.4/datagrid-detailview.js') }}"></script>
  334. <script src="{{ asset('fos/plugins/jquery-easyui-1.5.5.4/plugins/jquery.maskedbox.js') }}"></script>
  335. <script src="https://unpkg.com/@popperjs/core@2"></script>
  337. <script>
  338. window.setTimeout(function() {
  339. $(".resp").fadeTo(500, 0).slideUp(500, function(){
  340. $(this).remove();
  341. });
  342. }, 5000);
  343. </script>
  345. {% block javascript %}
  346. {{ encore_entry_script_tags('app') }}
  347. {% endblock %}
  348. </body>
  349. </html>