Adiciona arte JS do autor

static/js/app.js

@@ -16,7 +16,81 @@ function refreshMask() {
     $('.hora_hms').mask("00:00:00", {placeholder:"hh:mm:ss"});
 }
 
+function autorModal() {
+
+  $(function() {
+    var dialog = $("#modal_autor").dialog({
+      autoOpen: false,
+      modal: true,
+      width: 500,
+      height: 300,
+      show: {
+        effect: "blind",
+        duration: 500				},
+      hide: {
+        effect: "explode",
+        duration: 500
+      }
+    });
+
+    $( "#button-id-limpar" ).click(function() {
+      $("#nome_autor").text('');
+      $("#id_autor").val(null);
+    });
+
+    $("#button-id-pesquisar").click(function() {
+      $("#q").val('');
+      $("#div-resultado").children().remove();
+      $("#modal_autor").dialog( "open" );
+      $("#selecionar").attr("hidden", "hidden");
+    });
+
+    $( "#pesquisar" ).click(function() {
+        var query = $("#q").val()
+
+        $.get("/proposicoes/pesquisar_autores?q="+ query, function(
+          data, status){
+
+          $("#div-resultado").children().remove();
+
+          if (data.length == 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"/>');
+
+          for (i = 0; i < data.length; i++) {
+              id = data[i][0];
+              nome = data[i][1];
+
+              select.append($("<option>").attr('value',id).text(nome));
+          }
+
+          $("#div-resultado").append("<br/>").append(select);
+          $("#selecionar").removeAttr("hidden", "hidden");
+
+          $("#selecionar").click(function() {
+              res = $("#resultados option:selected");
+              id = res.val();
+              nome = res.text();
+
+              $("#id_autor").val(id);
+              $("#nome_autor").text(nome);
+
+              dialog.dialog( "close" );
+          });
+        });
+      });
+    });
+}
+
 $(document).ready(function(){
     refreshDatePicker();
     refreshMask();
+    autorModal();
 });