Bump frontend (#3597)

* Retorna último bump

* Atualiz de versões do front e impactos no código

Atualiza versões secundárias e de remendos x.Y.Z

Atualiza versões secundárias (minor version x.Y.z)
e de remendos (patch version x.y.Z)
em conjunto das libs de menor impacto no frontend.

Syncs webpack-bundle-tracker django-webpack-loader

A primeira delas é do frontend já a segunda é do backend.
Elas fazem a ponte entre o front e back. A primeira faz um catálogo
(webpack-stats-json) de todo material compilado para produção pelo webpack.
Em tempo de desenvolvimento, esses catálogo não possui referências para
arquivos, mas para urls do servidor de desenvolvimento do frontend.

Já a segunda, lê todo o material produzido pela primeira, disponibiliza
filters para acesso geral, modular ou diretamente a arquivos
específicos.

bump vs secundária do vue e vue-template-compiler

Já existe atualização de versão primária do VueJs mas atualizá-la algo
em ~3.0.0 exige revisão, refatoração e/ou reimplementação de código.

vue-template-compiler anda junto com vue e é usado para possui compilar
container pre-alimentado no backend como é o caso de:
https://github.com/interlegis/sapl/blob/3.1.x/sapl/templates/parlamentares/parlamentares_list.html

migra libs para devDependencies

bump version frontend

Author: LeandroJatai

frontend/.eslintrc.js .eslintrc.js

@@ -11,7 +11,7 @@ module.exports = {
   ],
   rules: {
     'generator-star-spacing': 'off',
-    //'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    // 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     camelcase: 0
   },
@@ -20,7 +20,8 @@ module.exports = {
     'vue'
   ],
   parserOptions: {
-    parser: 'babel-eslint'
+    parser: '@babel/eslint-parser'
+    // requireConfigFile: false
   },
 
   globals: {

frontend/babel.config.js babel.config.js

@@ -62,8 +62,8 @@ window.DispositivoEdit = function () {
     const obj_click = (event.target.classList.contains('dpt-link')
       ? event.target
       : (event.target.parentElement.classList.contains('dpt-link')
-        ? event.target.parentElement
-        : null))
+          ? event.target.parentElement
+          : null))
 
     if (obj_click && obj_click.getAttribute('href') && obj_click.getAttribute('href').length > 0) { return }
 
@@ -245,7 +245,7 @@ window.DispositivoEdit = function () {
         if (editortype !== 'construct') {
           dpt_form.html(data)
           if (editortype === 'tinymce') {
-            window.initTextRichEditor()
+            window.initTextRichEditor(null, false, true)
           }
           // OptionalCustomFrontEnd().init()
         }
@@ -431,9 +431,9 @@ window.DispositivoEdit = function () {
 
     const form_data = {
       csrfmiddlewaretoken: this.csrfmiddlewaretoken.value,
-      texto: texto,
-      texto_atualizador: texto_atualizador,
-      visibilidade: visibilidade,
+      texto,
+      texto_atualizador,
+      visibilidade,
       formtype: 'get_form_base'
     }
 

frontend/public/img/arrow.png

@@ -424,6 +424,10 @@ a:link:after, a:visited:after {
       float:left;
       .dptt {
         position: relative;
+        p {
+          
+          display: inline !important;
+        }
       }
     }
 
@@ -1381,7 +1385,7 @@ a:link:after, a:visited:after {
               &::before {
                 z-index: 20;
                 position: absolute;
-                background: url(/static/img/icon_delete_white.png) no-repeat 50% 50%;
+                background: url(@/assets/img/icon_delete_white.png) no-repeat 50% 50%;
                 content:"";
                 top: 0;
                 left: 0;
@@ -1403,7 +1407,7 @@ a:link:after, a:visited:after {
                 color: white;
               }
               &::before {
-                background: url(/static/img/icon_save_white.png) no-repeat 50% 50%;
+                background: url(@/assets/img/icon_save_white.png) no-repeat 50% 50%;
               }
             }
             span {

frontend/public/img/authenticated.png

@@ -1,37 +1,32 @@
-
-import tinymce from 'tinymce/tinymce'
-import './langs/pt_BR.js'
+import tinymce from 'tinymce'
 
 import 'tinymce/themes/silver'
 import 'tinymce/icons/default'
+import 'tinymce/models/dom/index'
+import 'tinymce/skins/ui/oxide/skin.min.css'
 
-import 'tinymce/plugins/table'
-import 'tinymce/plugins/lists'
 import 'tinymce/plugins/code'
-import 'tinymce/plugins/visualblocks'
+import 'tinymce/plugins/advlist'
+import 'tinymce/plugins/link'
+import 'tinymce/plugins/lists'
+import 'tinymce/plugins/table'
 
-import 'tinymce/skins/ui/oxide/skin.css'
+import './langs/pt_BR.js'
+// import contentUiCss from 'tinymce/skins/ui/oxide/content.css'
+// import contentCss from 'tinymce/skins/content/default/content.css'
 
 window.tinymce = tinymce
-
-window.removeTinymce = function () {
-  while (window.tinymce.editors.length > 0) {
-    window.tinymce.remove(window.tinymce.editors[0])
-  }
-}
-
 window.initTextRichEditor = function (elements, readonly = false) {
-  window.removeTinymce()
   const configTinymce = {
     selector: elements === null || elements === undefined ? 'textarea' : elements,
-    forced_root_block: '',
-    min_height: 200,
     language: 'pt_BR',
-    branding: false,
-    content_css: 'default',
-    plugins: ['lists table code visualblocks'],
-    menubar: 'edit view format table tools',
-    toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent'
+    // skin: false,
+    // content_css: false,
+    forced_root_block: 'div',
+    // content_style: contentUiCss.toString() + '\n' + contentCss.toString(),
+    plugins: 'table lists advlist link code',
+    toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link | code',
+    menubar: 'file edit view insert format table'
   }
   if (readonly) {
     configTinymce.readonly = 1

frontend/public/img/avatar.png

@@ -1,32 +1,24 @@
-// app - global
-// é uma app fundamental para o layout do sapl tradicional.
-// é importada pelo backend em seus templates
-
-import '@fortawesome/fontawesome-free/css/all.css'
-
 import 'bootstrap'
+import 'jquery-mask-plugin'
 
-import 'webpack-jquery-ui/dialog'
-import 'webpack-jquery-ui/sortable'
-import 'webpack-jquery-ui/datepicker'
-import 'webpack-jquery-ui/autocomplete'
+import 'jquery-ui/dist/jquery-ui'
+import 'jquery-ui/ui/widgets/dialog'
+import 'jquery-ui/ui/widgets/sortable'
+import 'jquery-ui/ui/widgets/datepicker'
+import 'jquery-ui/ui/widgets/autocomplete'
 import 'jquery-ui/ui/i18n/datepicker-pt-BR'
 
-import 'jquery-ui-themes/themes/cupertino/jquery-ui.min.css'
-
-import 'jquery-mask-plugin'
-
-import './scss/app.scss'
+import * as moment from 'moment'
+import 'moment/locale/pt-br'
 
 import './js/tinymce'
 import './js/image_cropping'
 import './js/functions'
+import './js/jquery.runner'
 
-import * as moment from 'moment'
-import 'moment/locale/pt-br'
-
-// eslint-disable-next-line
-require('imports-loader?window.jQuery=jquery!./js/jquery.runner.js')
+import '@fortawesome/fontawesome-free/css/all.css'
+import 'jquery-ui-themes/themes/cupertino/jquery-ui.min.css'
+import './scss/app.scss'
 
 window.$ = $
 window.jQuery = $

frontend/public/img/beta.png

@@ -2,42 +2,8 @@
 $blue:    #02baf2 !default;
 $red:     #f84545 !default;
 
-@import "~bootstrap/scss/functions";
-@import "~bootstrap/scss/variables";
-@import "~bootstrap/scss/mixins";
-@import "~bootstrap/scss/reboot";
-@import "~bootstrap/scss/type";
-@import "~bootstrap/scss/images";
-@import "~bootstrap/scss/code";
-@import "~bootstrap/scss/grid";
-@import "~bootstrap/scss/tables";
-@import "~bootstrap/scss/forms";
-@import "~bootstrap/scss/buttons";
-@import "~bootstrap/scss/transitions";
-@import "~bootstrap/scss/dropdown";
-@import "~bootstrap/scss/button-group";
-@import "~bootstrap/scss/input-group";
-@import "~bootstrap/scss/custom-forms";
-@import "~bootstrap/scss/nav";
-@import "~bootstrap/scss/navbar";
-@import "~bootstrap/scss/card";
-@import "~bootstrap/scss/breadcrumb";
-@import "~bootstrap/scss/pagination";
-@import "~bootstrap/scss/badge";
-@import "~bootstrap/scss/jumbotron";
-@import "~bootstrap/scss/alert";
-@import "~bootstrap/scss/progress";
-@import "~bootstrap/scss/media";
-@import "~bootstrap/scss/list-group";
-@import "~bootstrap/scss/close";
-@import "~bootstrap/scss/toasts";
-@import "~bootstrap/scss/modal";
-@import "~bootstrap/scss/tooltip";
-@import "~bootstrap/scss/popover";
-@import "~bootstrap/scss/carousel";
-@import "~bootstrap/scss/spinners";
-@import "~bootstrap/scss/utilities";
-@import "~bootstrap/scss/print";
+@import "~bootstrap/scss/bootstrap";
+
 
 @each $color, $value in $theme-colors {
   .btn-outline-#{$color} {

frontend/public/img/brasao_transp.gif

@@ -1,3 +1,5 @@
+@import "~bootstrap/scss/variables";
+
 .navbar {
   padding: 0;
 }
@@ -26,7 +28,7 @@
       border-radius: 0;
     }
     a {
-      padding: 0 $grid-gutter-width / 2;
+      padding: 0 calc($grid-gutter-width / 2);
       line-height: 2.3rem;
       display: block;
       text-decoration: none;
@@ -45,14 +47,14 @@
     }
   }
   .search-form {
-    padding: $grid-gutter-width / 3;
+    padding: calc($grid-gutter-width / 3);
     min-width: 20%;;
   }
   a:not([href]):not([tabindex]) {
     color: #777;
   }
 
-  &.justify-content-end { 
+  &.justify-content-end {
     .dropdown-menu {
       left: auto;
       right: 0px;
@@ -71,7 +73,7 @@
       a {
         color: white;
       }
-    } 
+    }
   }
 
 }