Browse Source

migra tela de busca de autores para sapl-frontend

pull/2485/head
Leandro Roberto 7 years ago
parent
commit
b051449f7d
  1. 1
      sapl-frontend/package.json
  2. 112
      sapl-frontend/src/global/functions.js
  3. 104
      sapl/static/js/app.js
  4. 21
      sapl/templates/base.html

1
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",

112
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();

104
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();

21
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 %}

Loading…
Cancel
Save