templates/assets/assets_vuejs.html.twig line 1

Open in your IDE?
  2. {#    86400s = 1jour   #}
  5. <!--  Vue.js v2.7.14  -->
  6. {% if(app.environment == "dev") %}
  7.     <script src="{{ asset('build/js/vuejs/vue.dev.js') }}"></script>
  8.     {# version compatible avec extension chrome/firefox debugger #}
  9. {% else %}
  10.     <script src="{{ asset('build/js/vuejs/vue.prod.js') }}"></script>
  11. {%  endif %}
  13. <script>
  14.     Vue.directive('visible', function (el, binding) {
  15.         el.style.visibility = !!binding.value ? '' : 'hidden';
  16.     });
  17.     Vue.directive('display', function (el, binding) {
  18.         el.style.display = !binding.value ? '' : 'none';
  19.     });
  20. </script>
  22. {# ckeditor vuejs2#}
  23. {# ckeditor rarement utilisé#}
  24. {% if ckeditor ?? false %}
  25.     <!--  <script src="https://cdn.jsdelivr.net/npm/@ckeditor/ckeditor5-build-classic" ></script>-->
  26.     <script src="{{ asset('build/js/lib/ckeditor/ckeditor5-build-classic.js') }}"></script>
  27.     <!--  <script src="https://cdn.jsdelivr.net/npm/@ckeditor/ckeditor5-vue2/dist/ckeditor.js"></script> -->
  28.     <script src="{{ asset('build/js/lib/ckeditor/ckeditor.js') }}"></script>
  29. {%  endif %}
  31. {# datepicker rarement utilisé#}
  32. {% if datepicker ?? false %}
  33.     <!--<script src="https://unpkg.com/vuejs-datepicker"></script> -->
  34.     <script src="{{ asset('build/js/lib/datepicker/vuejs-datepicker.min.js') }}"></script>
  35.     <!--<script src="https://unpkg.com/vuejs-datepicker/dist/locale/translations/fr.js"></script> -->
  36.     <script src="{{ asset('build/js/lib/datepicker/fr.js') }}"></script>
  37. {%  endif %}
  38. {# ckeditor vuejs2#}
  42. {# datepicker rarement utilisé#}
  43. {% if vuetify ?? false %}
  44.     <script src="{{ asset('build/js/vuejs/vuetify.js') }}"></script> 
  45.     <link href="https://cdn.jsdelivr.net/npm/@mdi/font@6.x/css/materialdesignicons.min.css" rel="stylesheet"> 
  46.     <link rel="stylesheet" href="{{ asset('build/css/vuejs/vuetify.min.css') }}"> 
  47. {%  endif %}
  48. {# ckeditor vuejs2#}
  51. {# style css reservé à vuejs pour cacher une variable non interpreté #}
  52. <style>
  53.     [v-cloak] {
  54.         display: none;
  55.     }
  56. </style>
  57. {# style css reservé à vuejs pour cacher une variable non interpreté #}
  59. {#    <script src="{{ asset('build/js/vuejs/lodash.js') }}"></script>#}
  60. {#
  61.     c'est un patch de vuejs pour des traitements particuliers:
  62.     https://jsfiddle.net/y5mqLf3L/1/
  63.     il permet de detecter le model changé à chauqe lifecycle: exemple updated:()
  64. #}
  67. {# <script src="{{ asset('build/js/lib/vuejs/jquery.js') }}"></script> #}
  68. {# <script src="{{ asset('build/js/lib/vuejs/bootstrap.js') }}"></script> #}
  69. <script src="{{ asset('build/js/vuejs/axios.min.js') }}"></script>
  70. {# le fichier js a mettre en bas de page #}
  72. {#  vuetify2 #}
  73. {#    <script src="{{ asset('build/js/vuejs/vuetify.js') }}"></script>#}
  74. {#     <link href="https://cdn.jsdelivr.net/npm/@mdi/font@6.x/css/materialdesignicons.min.css" rel="stylesheet">#}
  75. {#    <link rel="stylesheet" href="{{ asset('build/css/vuejs/vuetify.min.css') }}">#}
  76. {#  vuetify2 #}
  78. {# style vuejs transition #}
  79. <link rel="stylesheet" href="{{ asset('build/css/vuejs/transition.css') }}">
  80. {# style vuejs transition #}
  82. {# AJAX CALL #}
  83. {# FOSJsRoutingBundle #}
  84. <script src="{{ asset('/build/router.min.js') }}"></script>
  85. <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  86. {# AJAX CALL #}
  89. {# seperateur milliers montants #}
  90. <script src="{{ asset('/build/js/lib/easy-number-separator.js') }}"></script>
  91. {# seperateur milliers montants #}