templates/theme/frontend.html.twig line 1

Open in your IDE?
  1. {% extends 'theme/base.html.twig' %}
  2. {% block stylesheets %}{% endblock %}
  3. {% block javascripts %}{% endblock %}
  6. {% block feedback %}
  8. <script type="text/javascript">
  9. function confirmAction(action){
  10. var confirmed = confirm("Esta seguro que desea" +action);
  11. return confirmed;
  12. }
  13. $(document).ready(function () {
  14. window.refreshListingAfterMutation = function () {
  15. if (!(window.jQuery && $.fn && $.fn.DataTable)) {
  16. window.location.reload();
  17. return;
  18. }
  20. var reloaded = false;
  21. $('table').each(function () {
  22. if (!$.fn.DataTable.isDataTable(this)) {
  23. return;
  24. }
  26. var api = $(this).DataTable();
  27. if (api.ajax && typeof api.ajax.reload === 'function') {
  28. api.ajax.reload(null, false);
  29. reloaded = true;
  30. }
  31. });
  33. if (!reloaded) {
  34. window.location.reload();
  35. }
  36. };
  38. $('.search').on("change", function () {
  39. $("#formulario_search").submit();
  40. });
  41. //Initizalize fancybox width 1024
  42. $('.fancybox').fancybox({
  43. 'width': 1024,
  44. fitToView : false,
  45. autoSize : false
  46. });
  47. //Initizalize fancybox width 1024
  48. $('.fancybox-640').fancybox({
  49. 'width': 640,
  50. 'height': 250
  51. });
  54. //Initizalize fancybox width 1024
  55. $('.fancyboxPDF').fancybox({
  56. 'width': 1024
  57. });
  60. $('.fancybox-reload').fancybox({
  61. 'afterClose':function () {
  62. window.location.reload();
  63. }
  64. }
  65. );
  67. $('#dinamicModal').on("hidden.bs.modal", function(e) {
  68. $(e.target).removeData("bs.modal").find(".modal-content").html('<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h4 class="modal-title">Cargando</h4></div><div class="panel-body csspinner traditional"><p>Cargando, espere por favor</p></div><div class="modal-footer"><a href="#" data-dismiss="modal" class="btn">Cerrar</a></div>');
  69. });
  71. $('#edicion').on("hidden.bs.modal", function(e) {
  72. $(e.target).removeData("bs.modal").find(".modal-content").html('<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h4 class="modal-title">Cargando</h4></div><div class="panel-body csspinner traditional"><p>Cargando, espere por favor</p></div><div class="modal-footer"><a href="#" data-dismiss="modal" class="btn">Cerrar</a></div>');
  73. });
  75. {% set reset = app.session.get('reset') %}
  77. {% if reset =='1' %}
  78. setTimeout(function() {
  79. $("#ver_perfil").trigger('click');
  80. },5);
  81. {% endif %}
  83. $('body').on('click', '.perfil_submit', function (e) {
  84. $( 'form[name="perfilUsuario"]' ).addClass( "csspinner traditional" );
  86. var formData = new FormData(document.getElementById("perfilUsuario"));
  88. $.ajax({
  89. type: "POST",
  90. url:"/usuario/update_perfil",
  91. data : formData,
  92. cache: false,
  93. contentType: false,
  94. processData: false,
  95. success: function(result){
  96. mensa = JSON.stringify(result['datos']);
  97. estado = JSON.stringify(result['estado']);
  98. estado=estado.replace(/^"/, "");
  99. estado=estado.replace(/"$/, "");
  101. $.notify({
  102. 'status': estado,
  103. 'message': mensa,
  104. 'pos': 'top-center'
  105. }
  106. );
  107. $("#dinamicModal").modal('hide');
  109. },
  110. error: function(){
  111. alert("Error no especificado, por favor reintente luego");
  112. $("#dinamicModal").modal('hide');
  113. }
  114. });
  116. });
  117. });
  118. </script>
  120. {% endblock %}
  125. {% block body %}
  126. <!-- START Main wrapper-->
  127. <section class="wrapper">
  133. {% block navigation%}
  135. <!-- START Top Navbar-->
  136. <nav role="navigation" class="navbar navbar-default navbar-top navbar-fixed-top">
  138. <!-- START navbar header-->
  139. <div class="navbar-header">
  140. <a href="#" class="navbar-brand">
  141. <div class="brand-logo">Fielpet Policies Backend</div>
  142. <div class="brand-logo-collapsed"><img title="Fielpet" width="50px" style="position: absolute; top: 5px; left: 5px;" src="{{ asset('theme/images/honos.jpg') }}" /></div>
  143. </a>
  144. </div>
  145. <!-- END navbar header-->
  146. <!-- START Nav wrapper-->
  147. <div class="nav-wrapper" style="display: none;">
  148. <!-- START Left navbar-->
  149. <ul class="nav navbar-nav">
  150. <li>
  151. <a href="#" data-toggle="aside">
  152. <em class="fa fa-align-left"></em>
  153. </a>
  154. </li>
  156. {#
  157. <li>
  158. <a href="#" data-toggle="navbar-search">
  159. <em class="fa fa-search"></em>
  160. </a>
  161. </li>
  162. #}
  163. </ul>
  165. <!-- END Left navbar-->
  166. <!-- START Right Navbar-->
  169. {{ include('theme/right-nav-bar.html.twig') }}
  171. <!-- END Right Navbar-->
  172. </div>
  173. <!-- END Nav wrapper-->
  175. </nav>
  177. {% endblock %}
  180. <!-- END Top Navbar-->
  181. <!-- START aside-->
  182. <aside class="aside">
  183. <!-- START Sidebar (left)-->
  184. <nav class="sidebar">
  185. <ul class="nav" style="font-size: 18px;">
  187. <li>&nbsp;</li>
  190. <!-- START user info-->
  191. <li>
  192. <div data-toggle="collapse-next" class="item user-block has-submenu">
  193. <!-- User picture-->
  194. <div class="user-block-picture">
  195. <img src="{{ asset('theme/app/img/user/user.jpg') }}" alt="Avatar" width="60" height="60" class="img-thumbnail img-circle">
  196. <div class="user-block-status">
  197. <div class="point point-success point-lg"></div>
  198. </div>
  199. </div>
  201. <!-- Name and Role-->
  202. <div class="user-block-info">
  203. <span class="user-block-name item-text">
  204. Hola {% if app.user.nombre is defined %}{{ app.user.nombre }}{% endif %}
  205. </span>
  206. </div>
  207. </div>
  209. <!-- START User links collapse-->
  210. <ul class="nav collapse">
  211. <li class="divider"></li>
  212. <li>
  213. <a href="{{ path('app_logout') }}">
  214. <em class="fa fa-sign-out"></em> Logout
  215. </a>
  216. </li>
  217. </ul>
  218. <!-- END User links collapse-->
  219. </li>
  220. <!-- END user info-->
  227. <!-- Include Bundles Menu Aside -->
  228. {% set currentPath = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}
  229. {#
  230. {% if "admin" in currentPath %}
  231. {% include ('::adminbundle/menu-aside-frontend.html.twig') ignore missing %}
  232. {% endif %}#}
  234. {% include ('theme/menu-aside-frontend.html.twig') with {'currentPath': currentPath } %}
  236. <!-- End Bundles Menu Aside -->
  239. <!-- Sidebar footer -->
  243. {#
  244. <li class="nav-footer">
  245. <div class="nav-footer-divider"></div>
  246. <!-- START button group-->
  247. <div class="btn-group text-center">
  248. <button type="button" data-toggle="tooltip" data-title="" class="btn btn-link">
  249. <!-- <em class="fa fa-user text-muted"><sup class="fa fa-plus"></sup>
  250. </em> -->
  251. </button>
  252. <button type="button" data-toggle="tooltip" data-title="Settings" class="btn btn-link">
  253. <em class="fa fa-cog text-muted"></em>
  254. </button>
  255. <a href="#" role="button" data-toggle="tooltip" data-title="Salir" class="btn btn-link">
  256. <em class="fa fa-sign-out text-muted"></em></a>
  257. </div>
  258. <!-- END button group-->
  259. </li>
  260. #}
  261. </ul>
  262. </nav>
  263. <!-- END Sidebar (left)-->
  265. </aside>
  266. <!-- End aside-->
  277. <!-- START aside-->
  280. {% block offsidebar %}
  282. {# se suprime la offsidebar#}
  283. {#
  284. <aside class="offsidebar">
  285. <!-- START Off Sidebar (right)-->
  286. <nav>
  287. <ul class="nav">
  288. <!-- START user info-->
  289. <li>
  290. <div class="item">
  291. <div style="background-image: url('{{ asset('theme/app/img/offsidebar-bg.jpg') }}')" class="p-lg">
  292. <div class="text-center">
  293. <p>
  294. <img src="{{ asset('theme/app/img/user/user.jpg') }}" style="width: 64px; height: 64px" alt="Image" class="img-circle img-thumbnail">
  295. </p>
  296. <p class="text-white">
  297. <strong>Alex</strong>
  298. </p>
  299. </div>
  300. </div>
  301. </div>
  302. </li>
  303. <!-- END user info-->
  304. <!-- START list title-->
  305. <li class="p">
  306. <small class="text-muted">ONLINE</small>
  307. </li>
  308. <!-- END list title-->
  309. <li>
  310. <!-- START User status-->
  311. <a href="#" class="media p mt0">
  312. <span class="pull-right">
  313. <span class="point point-success point-lg"></span>
  314. </span>
  315. <span class="pull-left">
  316. <!-- Contact avatar-->
  317. <img src="{{ asset('theme/app/img/user/05.jpg') }}" style="width: 40px; height: 40px" alt="Image" class="media-object img-circle">
  318. </span>
  319. <!-- Contact info-->
  320. <span class="media-body">
  321. <span class="media-heading">
  322. <strong class="text-white">Tommy Sam</strong>
  323. <br>
  324. <small class="text-muted">tommy39</small>
  325. </span>
  326. </span>
  327. </a>
  328. <!-- END User status-->
  329. <!-- START User status-->
  330. <a href="#" class="media p mt0">
  331. <span class="pull-right">
  332. <span class="point point-success point-lg"></span>
  333. </span>
  334. <span class="pull-left">
  335. <!-- Contact avatar-->
  336. <img src="{{ asset('theme/app/img/user/06.jpg') }}" style="width: 40px; height: 40px" alt="Image" class="media-object img-circle">
  337. </span>
  338. <!-- Contact info-->
  339. <span class="media-body">
  340. <span class="media-heading">
  341. <strong class="text-white">Beverley Pierce</strong>
  342. <br>
  343. <small class="text-muted">be40210</small>
  344. </span>
  345. </span>
  346. </a>
  347. <!-- END User status-->
  348. <!-- START User status-->
  349. <a href="#" class="media p mt0">
  350. <span class="pull-right">
  351. <span class="point point-danger point-lg"></span>
  352. </span>
  353. <span class="pull-left">
  354. <!-- Contact avatar-->
  355. <img src="{{ asset('theme/app/img/user/07.jpg') }}" style="width: 40px; height: 40px" alt="Image" class="media-object img-circle">
  356. </span>
  357. <!-- Contact info-->
  358. <span class="media-body">
  359. <span class="media-heading">
  360. <strong class="text-white">Victor Long</strong>
  361. <br>
  362. <small class="text-muted">longlong</small>
  363. </span>
  364. </span>
  365. </a>
  366. <!-- END User status-->
  367. <!-- START User status-->
  368. <a href="#" class="media p mt0">
  369. <span class="pull-right">
  370. <span class="point point-warning point-lg"></span>
  371. </span>
  372. <span class="pull-left">
  373. <!-- Contact avatar-->
  374. <img src="{{ asset('theme/app/img/user/08.jpg') }}" style="width: 40px; height: 40px" alt="Image" class="media-object img-circle">
  375. </span>
  376. <!-- Contact info-->
  377. <span class="media-body">
  378. <span class="media-heading">
  379. <strong class="text-white">Danielle Berry</strong>
  380. <br>
  381. <small class="text-muted">hunter49</small>
  382. </span>
  383. </span>
  384. </a>
  385. <!-- END User status-->
  386. </li>
  387. <!-- START list title-->
  388. <li class="p">
  389. <small class="text-muted">OFFLINE</small>
  390. </li>
  391. <!-- END list title-->
  392. <li>
  393. <!-- START User status-->
  394. <a href="#" class="media p mt0">
  395. <span class="pull-right">
  396. <span class="point point-lg"></span>
  397. </span>
  398. <span class="pull-left">
  399. <!-- Contact avatar-->
  400. <img src="{{ asset('theme/app/img/user/09.jpg') }}" style="width: 40px; height: 40px" alt="Image" class="media-object img-circle">
  401. </span>
  402. <!-- Contact info-->
  403. <span class="media-body">
  404. <span class="media-heading">
  405. <strong class="text-white">Bertha Cooper</strong>
  406. <br>
  407. <small class="text-muted">ber123</small>
  408. </span>
  409. </span>
  410. </a>
  411. <!-- END User status-->
  412. <!-- START User status-->
  413. <a href="#" class="media p mt0">
  414. <span class="pull-right">
  415. <span class="point point-lg"></span>
  416. </span>
  417. <span class="pull-left">
  418. <!-- Contact avatar-->
  419. <img src="{{ asset('theme/app/img/user/10.jpg') }}" style="width: 40px; height: 40px" alt="Image" class="media-object img-circle">
  420. </span>
  421. <!-- Contact info-->
  422. <span class="media-body">
  423. <span class="media-heading">
  424. <strong class="text-white">Anne Curtis</strong>
  425. <br>
  426. <small class="text-muted">anni</small>
  427. </span>
  428. </span>
  429. </a>
  430. <!-- END User status-->
  431. </li>
  432. <li>
  433. <!-- Optional link to list more users-->
  434. <a href="#" title="See more contacts" class="p">
  435. <strong>
  436. <small class="text-muted">&hellip;</small>
  437. </strong>
  438. </a>
  439. </li>
  440. </ul>
  441. </nav>
  442. <!-- END Off Sidebar (right)-->
  443. </aside>
  444. #}
  446. {% endblock %}
  449. <!-- END aside-->
  451. <!-- START Main section-->
  452. <section>
  453. <!-- START Page content-->
  454. <section class="main-content">
  455. <div class="row">
  456. <div class="col-lg-12">
  457. {% for mensaje in app.session.flashbag.get('success') %}
  458. <div class="alert alert-success alert-dismissable">
  459. <button class="close" aria-hidden="true" data-dismiss="alert" type="button">×</button>
  460. {{ mensaje }}
  461. </div>
  462. {% endfor %}
  463. {% for mensaje in app.session.flashbag.get('info') %}
  464. <div class="alert alert-info alert-dismissable">
  465. <button class="close" aria-hidden="true" data-dismiss="alert" type="button">×</button>
  466. {{ mensaje }}
  467. </div>
  468. {% endfor %}
  469. {% for mensaje in app.session.flashbag.get('warning') %}
  470. <div class="alert alert-warning alert-dismissable">
  471. <button class="close" aria-hidden="true" data-dismiss="alert" type="button">×</button>
  472. {{ mensaje }}
  473. </div>
  474. {% endfor %}
  475. {% for mensaje in app.session.flashbag.get('danger') %}
  476. <div class="alert alert-danger alert-dismissable">
  477. <button class="close" aria-hidden="true" data-dismiss="alert" type="button">×</button>
  478. {{ mensaje }}
  479. </div>
  480. {% endfor %}
  481. </div>
  482. </div>
  483. {#<small><a data-toggle="modal" href="#Ayuda" title="Ayuda">
  484. <i class="fa fa-exclamation-circle"> </i></a></small>#}
  485. {% block content %}
  486. {% endblock %}
  487. </section>
  488. <!-- END Main section-->
  489. </section>
  492. {% block maintenance %}
  493. {% endblock %}
  494. <!-- END Main wrapper-->
  495. </section>
  496. {% block modal %}
  497. <div class="modal" id="dinamicModal">
  498. <div class="modal-dialog">
  499. <div class="modal-content">
  500. <div class="modal-header">
  501. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  502. <h4 class="modal-title">Cargando</h4>
  503. </div>
  504. <div class="modal-body">
  505. <div class="panel-body csspinner traditional">
  506. <p>Cargando, espere por favor</p>
  507. </div>
  508. </div>
  509. <div class="modal-footer">
  510. <a href="#" data-dismiss="modal" class="btn">Cerrar</a>
  511. {#<a href="#" class="btn btn-primary odom-submit">Subir archivos</a>#}
  512. </div>
  513. </div>
  514. </div>
  515. </div>
  516. {% endblock %}
  517. {% block Ayuda %}
  518. {% set currentPath = app.request.attributes.get('_route') %}
  519. {#{ render(controller('AdminBundle:Ayuda:visualiza', { 'id': currentPath })) }#}
  520. {% endblock %}
  522. <div class="modal fade" id="alerta" tabindex="-1" role="dialog" aria-labelledby="alertaLabel" aria-hidden="true">
  523. <div class="modal-dialog">
  524. <div class="modal-content">
  526. </div>
  527. </div>
  528. </div>
  530. {% endblock %}