diff --git a/sapl-frontend/package.json b/sapl-frontend/package.json
index 53d9af4cc..14afa817a 100644
--- a/sapl-frontend/package.json
+++ b/sapl-frontend/package.json
@@ -12,6 +12,7 @@
     "bootstrap-material-design": "^4.1.1",
     "dotenv": "^6.2.0",
     "jquery": "^3.3.1",
+    "jquery-ui": "^1.12.1",
     "popper.js": "^1.14.6",
     "sapl-oficial-theme": "../../sapl-oficial-theme",
     "vue": "^2.5.21",
diff --git a/sapl-frontend/src/global/functions.js b/sapl-frontend/src/global/functions.js
index 032639dc2..2116a50b2 100644
--- a/sapl-frontend/src/global/functions.js
+++ b/sapl-frontend/src/global/functions.js
@@ -1,4 +1,9 @@
-import jQuery from 'jquery'
+import jQuery from "jquery";
+
+import dialog from "jquery-ui/ui/widgets/dialog";
+import "jquery-ui/themes/base/all.css"
+
+jQuery.dialog = dialog;
 
 window.getCookie = function(name) {
   var cookieValue = null;
@@ -14,3 +19,108 @@ window.getCookie = function(name) {
   }
   return cookieValue;
 }
+
+window.autorModal = function() {
+
+  jQuery(function() {
+    var dialog = jQuery("#modal_autor").dialog({
+      autoOpen: false,
+      modal: true,
+      width: 500,
+      height: 340,
+      show: {
+        effect: "blind",
+        duration: 500},
+      hide: {
+        effect: "explode",
+        duration: 500
+      }
+    });
+
+    jQuery("#button-id-limpar").click(function() {
+      jQuery("#nome_autor").text('');
+
+      function clean_if_exists(fieldname) {
+        if (jQuery(fieldname).length > 0) {
+          jQuery(fieldname).val('');
+        }
+      }
+
+      clean_if_exists("#id_autor");
+      clean_if_exists("#id_autoria__autor");
+    });
+
+    jQuery("#button-id-pesquisar").click(function() {
+      jQuery("#q").val('');
+      jQuery("#div-resultado").children().remove();
+      jQuery("#modal_autor").dialog( "open" );
+      jQuery("#selecionar").attr("hidden", "hidden");
+    });
+
+    jQuery("#pesquisar").click(function() {
+        var name_in_query = jQuery("#q").val()
+        //var q_0 = "q_0=nome__icontains"
+        //var q_1 = name_in_query
+        //query = q_1
+
+        jQuery.get("/api/autor?q=" + name_in_query, function(data, status) {
+            jQuery("#div-resultado").children().remove();
+            if (data.pagination.total_entries == 0) {
+                jQuery("#selecionar").attr("hidden", "hidden");
+                jQuery("#div-resultado").html(
+                    "<span class='alert'><strong>Nenhum resultado</strong></span>");
+                return;
+            }
+
+            var select = jQuery(
+                '<select id="resultados" \
+                style="min-width: 90%; max-width:90%;" size="5"/>');
+
+            data.results.forEach(function(item, index) {
+                select.append(jQuery("<option>").attr('value', item.value).text(item.text));
+            });
+
+          jQuery("#div-resultado").append("<br/>").append(select);
+          jQuery("#selecionar").removeAttr("hidden", "hidden");
+
+          if (data.pagination.total_pages > 1)
+              jQuery("#div-resultado").prepend('<span><br/>Mostrando 10 primeiros autores relativos a sua busca.<br/></span>');
+
+          jQuery("#selecionar").click(function() {
+              let res = jQuery("#resultados option:selected");
+              let id = res.val();
+              let nome = res.text();
+
+              jQuery("#nome_autor").text(nome);
+
+              // MateriaLegislativa pesquisa Autor via a tabela Autoria
+              if (jQuery('#id_autoria__autor').length) {
+                jQuery('#id_autoria__autor').val(id);
+              }
+              // Protocolo pesquisa a própria tabela de Autor
+              if (jQuery('#id_autor').length) {
+                jQuery("#id_autor").val(id);
+              }
+
+              dialog.dialog( "close" );
+          });
+        });
+      });
+    });
+
+    /*function get_nome_autor(fieldname) {
+      if (jQuery(fieldname).length > 0) { // se campo existir
+        if (jQuery(fieldname).val() != "") { // e não for vazio
+          var id = jQuery(fieldname).val();
+          jQuery.get("/proposicao/get-nome-autor?id=" + id, function(data, status){
+              jQuery("#nome_autor").text(data.nome);
+          });
+        }
+      }
+    }
+
+    get_nome_autor("#id_autor");
+    get_nome_autor("#id_autoria__autor");*/
+};
+
+window.autorModal();
diff --git a/sapl/static/js/app.js b/sapl/static/js/app.js
index f47cbc0da..05aa2d4fc 100644
--- a/sapl/static/js/app.js
+++ b/sapl/static/js/app.js
@@ -51,109 +51,6 @@ function refreshMask() {
     $('.cronometro').mask("00:00:00", {placeholder:"hh:mm:ss"});
 }
 
-function autorModal() {
-
-  $(function() {
-    var dialog = $("#modal_autor").dialog({
-      autoOpen: false,
-      modal: true,
-      width: 500,
-      height: 340,
-      show: {
-        effect: "blind",
-        duration: 500},
-      hide: {
-        effect: "explode",
-        duration: 500
-      }
-    });
-
-    $("#button-id-limpar").click(function() {
-      $("#nome_autor").text('');
-
-      function clean_if_exists(fieldname) {
-        if ($(fieldname).length > 0) {
-          $(fieldname).val('');
-        }
-      }
-
-      clean_if_exists("#id_autor");
-      clean_if_exists("#id_autoria__autor");
-    });
-
-    $("#button-id-pesquisar").click(function() {
-      $("#q").val('');
-      $("#div-resultado").children().remove();
-      $("#modal_autor").dialog( "open" );
-      $("#selecionar").attr("hidden", "hidden");
-    });
-
-    $("#pesquisar").click(function() {
-        var name_in_query = $("#q").val()
-        //var q_0 = "q_0=nome__icontains"
-        //var q_1 = name_in_query
-        //query = q_1
-
-        $.get("/api/autor?q=" + name_in_query, function(data, status) {
-            $("#div-resultado").children().remove();
-            if (data.pagination.total_entries == 0) {
-                $("#selecionar").attr("hidden", "hidden");
-                $("#div-resultado").html(
-                    "<span class='alert'><strong>Nenhum resultado</strong></span>");
-                return;
-            }
-
-            var select = $(
-                '<select id="resultados" \
-                style="min-width: 90%; max-width:90%;" size="5"/>');
-
-            data.results.forEach(function(item, index) {
-                select.append($("<option>").attr('value', item.value).text(item.text));
-            });
-
-          $("#div-resultado").append("<br/>").append(select);
-          $("#selecionar").removeAttr("hidden", "hidden");
-
-          if (data.pagination.total_pages > 1)
-              $("#div-resultado").prepend('<span><br/>Mostrando 10 primeiros autores relativos a sua busca.<br/></span>');
-
-          $("#selecionar").click(function() {
-              res = $("#resultados option:selected");
-              id = res.val();
-              nome = res.text();
-
-              $("#nome_autor").text(nome);
-
-              // MateriaLegislativa pesquisa Autor via a tabela Autoria
-              if ($('#id_autoria__autor').length) {
-                $('#id_autoria__autor').val(id);
-              }
-              // Protocolo pesquisa a própria tabela de Autor
-              if ($('#id_autor').length) {
-                $("#id_autor").val(id);
-              }
-
-              dialog.dialog( "close" );
-          });
-        });
-      });
-    });
-
-    /*function get_nome_autor(fieldname) {
-      if ($(fieldname).length > 0) { // se campo existir
-        if ($(fieldname).val() != "") { // e não for vazio
-          var id = $(fieldname).val();
-          $.get("/proposicao/get-nome-autor?id=" + id, function(data, status){
-              $("#nome_autor").text(data.nome);
-          });
-        }
-      }
-    }
-
-    get_nome_autor("#id_autor");
-    get_nome_autor("#id_autoria__autor");*/
-}
-
 function OptionalCustomFrontEnd() {
     // Adaptações opcionais de layout com a presença de JS.
     // Não implementar customizações que a funcionalidade que fique dependente.
@@ -228,7 +125,6 @@ function OptionalCustomFrontEnd() {
 $(document).ready(function(){
     refreshDatePicker();
     refreshMask();
-    autorModal();
     initTinymce("texto-rico");
 
     //OptionalCustomFrontEnd();
diff --git a/sapl/templates/base.html b/sapl/templates/base.html
index 0d296c9e4..a009ec8ef 100644
--- a/sapl/templates/base.html
+++ b/sapl/templates/base.html
@@ -20,15 +20,20 @@
       {% comment "" %}
       
                               <link rel="stylesheet" href="{% static 'components-font-awesome/css/font-awesome.css' %}">
-                              <link rel="stylesheet" href="{% sass_src 'bootstrap-sass/assets/stylesheets/_bootstrap.scss' %}" type="text/css">
-                              <link rel="stylesheet" href="{% static 'drunken-parrot-flat-ui/css/drunken-parrot.css' %}">
                               <link rel="stylesheet" href="{% sass_src 'styles/app.scss' %}" type="text/css">
 
-                              <link rel="stylesheet" href="{% static 'jquery-ui/themes/cupertino/jquery-ui.min.css' %}">
-                              <script type="text/javascript" src="{% static 'jquery/dist/jquery.min.js' %}"></script>
 
                               {# Scripts #}
                               {# modernizr must be in head (see http://modernizr.com/docs/#installing) #}
+
+
+        {# Incorporado  em sapl-frontend#}
+                              <link rel="stylesheet" href="{% sass_src 'bootstrap-sass/assets/stylesheets/_bootstrap.scss' %}" type="text/css">
+                              <script type="text/javascript" src="{% static 'jquery/dist/jquery.min.js' %}"></script>
+                              <link rel="stylesheet" href="{% static 'jquery-ui/themes/cupertino/jquery-ui.min.css' %}">
+                              <link rel="stylesheet" href="{% static 'drunken-parrot-flat-ui/css/drunken-parrot.css' %}">
+
+
       {% endcomment %}
       {% render_bundle  'global' 'css' %}
       {% render_bundle THEME_CUSTOM 'css' %}
@@ -241,9 +246,7 @@
       
         <!-- Bootstrap core JavaScript ================================================== -->
         <!-- Placed at the end of the document so the pages load faster -->
-        <script type="text/javascript" src="{% static 'bootstrap-sass/assets/javascripts/bootstrap.min.js' %}"></script>
 
-        <script type="text/javascript" src="{% static 'jquery-ui/jquery-ui.min.js' %}"></script>
         <script type="text/javascript" src="{% static 'jquery-ui/ui/i18n/datepicker-pt-BR.js' %}"></script>
 
         <script type="text/javascript" src="{% static 'js/jquery.runner.js' %}"></script>
@@ -258,6 +261,12 @@
         <script type="text/javascript" src="{% static 'js/app.js' %}"></script>
 
         <script type="text/javascript" src="{% static 'jquery-query-object/jquery.query-object.js' %}"></script>
+
+
+        {# Incorporado  em sapl-frontend#}
+        <script type="text/javascript" src="{% static 'jquery-ui/jquery-ui.min.js' %}"></script>
+        <script type="text/javascript" src="{% static 'bootstrap-sass/assets/javascripts/bootstrap.min.js' %}"></script>
+
       {% endcomment %}
 
       {% block extra_js %}{% endblock %}