Skip to content

Commit

Permalink
filtering by labels
Browse files Browse the repository at this point in the history
  • Loading branch information
@damian-garrido
damian-garrido committed Oct 4, 2017
1 parent 7900c8a commit 4398292
Showing 1 changed file with 48 additions and 89 deletions.
137 changes: 48 additions & 89 deletions votai_general_theme/templates/popular_proposal/_lista_propuestas.html
View file
Expand Up @@ -16,112 +16,71 @@
$('[data-toggle="tooltip"]').tooltip();
});
</script>
{% if form %}
<div id="filters" class="container-fluid">
<div class="container">
{% include 'modal.html' with modalId='subscribeToSearch' title='Mantente al dia con tus tematicas de interes' %}
<a id="top"></a>
{% if form.is_filled_search %}
<button class="hidden-md hidden-lg btn btn-link btn-block" type="button" data-toggle="collapse" data-target=".filter-mobile" aria-expanded="false" aria-controls="filter-mobile"><i class="fa fa-filter"></i> Mostrar filtros</button>
{% endif %}
<form id="proposalFilterForm" action="{{ request.path }}" method="GET" role="form" class="hidden-md hidden-lg filter-mobile {% if form.is_filled_search %}collapse{% endif %}">
<div class="row">
<div class="col-md-3">{% bootstrap_field form.text %}</div>
<div class="col-md-3">{% bootstrap_field form.clasification %}</div>
<div class="col-md-3">{% bootstrap_field form.generated_at %}</div>
<div class="col-md-3">{% bootstrap_field form.order_by %}</div>
</div>
<div class="row">
<!-- mobile version -->
<div class="col-md-12 text-right visible-xs-*">
<button type="submit" class="btn btn-success btn-block">{% trans 'Buscar'%}</button>
{% if form.is_filled_search %}
<a href="{% url 'popular_proposals:home' %}" class="btn btn-primary btn-block">{% trans 'Limpiar búsqueda'%}</a>
{% endif %}
{% if user.is_authenticated and form.is_filled_search and config.SEARCH_SUBSCRIPTION_ENABLED %}
<a id="subscribeToSearchButton" class="btn btn-info btn-block" data-toggle="modal" data-url="{% url 'proposal_subscriptions:subscribe' %}" data-target="#subscribeToSearch"><i class="fa fa-bell-o"></i> {% trans 'Subscribete a este resultado' %}</a>
{% endif %}
</div>
<!-- end mobile version -->
</div>
</form>
<form id="proposalFilterForm" action="{{ request.path }}" method="GET" role="form" class="hidden-xs hidden-sm">
<div class="row">
<div class="col-md-3">{% bootstrap_field form.text %}</div>
<div class="col-md-3">{% bootstrap_field form.clasification %}</div>
<div class="col-md-3">{% bootstrap_field form.generated_at %}</div>
<div class="col-md-3">{% bootstrap_field form.order_by %}</div>
</div>
<div class="row">
<div class="col-md-12 text-right visible-md-*">
<button type="submit" class="btn btn-success">{% trans 'Buscar'%}</button>
{% if form.is_filled_search %}
<a href="{% url 'popular_proposals:home' %}" class="btn btn-primary">{% trans 'Limpiar búsqueda'%}</a>
{% endif %}
</div>
</div>
</form>
</div>
<!-- filtros por tema -->
<div id="category-container" class="container">
<h3 class="text-center">Te invitamos a filtar y encontrar propuestas ciudadanas en las siguientes áreas</h3>
<ul class="list-inline">
<li><a href="/propuestas/?clasification=asistencia" onclick="ga('send','event','filterby-asistencia','click')" class="badge">Asistencia y protección social</a></li>
<li><a href="/propuestas/?clasification=ciencias" onclick="ga('send','event','filterby-ciencias','click')" class="badge">Ciencias</a></li>
<li><a href="/propuestas/?clasification=cultura" onclick="ga('send','event','filterby-cultura','click')" class="badge">Cultura</a></li>
<li><a href="/propuestas/?clasification=deporte" onclick="ga('send','event','filterby-deporte','click')" class="badge">Deporte</a></li>
<li><a href="/propuestas/?clasification=derechoshumanos" onclick="ga('send','event','filterby-derechoshumanos','click')" class="badge">Derechos Humanos</a></li>
<li><a href="/propuestas/?clasification=derechos" onclick="ga('send','event','filterby-derechos','click')" class="badge">Derechos Sociales</a></li>
<li><a href="/propuestas/?clasification=emergencia" onclick="ga('send','event','filterby-emergencia','click')" class="badge">Desastres Naturales</a></li>
<li><a href="/propuestas/?clasification=economia" onclick="ga('send','event','filterby-economia','click')" class="badge">Economía</a></li>
<li><a href="/propuestas/?clasification=educacion" onclick="ga('send','event','filterby-educacion','click')" class="badge">Educación</a></li>
<li><a href="/propuestas/?clasification=empleo" onclick="ga('send','event','filterby-empleo','click')" class="badge">Empleo</a></li>
<li><a href="/propuestas/?clasification=emprendimiento" onclick="ga('send','event','filterby-emprendimiento','click')" class="badge">Emprendimiento</a></li>
<li><a href="/propuestas/?clasification=energia" onclick="ga('send','event','filterby-energia','click')" class="badge">Energía</a></li>
<li><a href="/propuestas/?clasification=genero" onclick="ga('send','event','filterby-genero','click')" class="badge">Equidad y género</a></li>
<li><a href="/propuestas/?clasification=diversidad" onclick="ga('send','event','filterby-diversidad','click')" class="badge">Inclusión</a></li>
<li><a href="/propuestas/?clasification=infancia" onclick="ga('send','event','filterby-infancia','click')" class="badge">Infancia y juventud</a></li>
<li><a href="/propuestas/?clasification=justicia" onclick="ga('send','event','filterby-justicia','click')" class="badge">Justicia</a></li>
<li><a href="/propuestas/?clasification=medioambiente" onclick="ga('send','event','filterby-medioambiente','click')" class="badge">Medio ambiente</a></li>
<li><a href="/propuestas/?clasification=medios" onclick="ga('send','event','filterby-medios','click')" class="badge">Medios de comunicación</a></li>
<li><a href="/propuestas/?clasification=migracion" onclick="ga('send','event','filterby-migracion','click')" class="badge">Migración</a></li>
<li><a href="/propuestas/?clasification=mineria" onclick="ga('send','event','filterby-mineria','click')" class="badge">Minería</a></li>
<li><a href="/propuestas/?clasification=pensiones" onclick="ga('send','event','filterby-pensiones','click')" class="badge">Pensiones</a></li>
<li><a href="/propuestas/?clasification=participacion" onclick="ga('send','event','filterby-participacion','click')" class="badge">Participación</a></li>
<li><a href="/propuestas/?clasification=prevision" onclick="ga('send','event','filterby-prevision','click')" class="badge">Previsión</a></li>
<li><a href="/propuestas/?clasification=proteccionsocial" onclick="ga('send','event','filterby-proteccionsocial','click')" class="badge">Protección social</a></li>
<li><a href="/propuestas/?clasification=pueblosoriginarios" onclick="ga('send','event','filterby-pueblosoriginarios','click')" class="badge">Pueblos originarios</a></li>
<li><a href="/propuestas/?clasification=recursosnaturales" onclick="ga('send','event','filterby-recursosnaturales','click')" class="badge">Recursos naturales</a></li>
<li><a href="/propuestas/?clasification=salud" onclick="ga('send','event','filterby-salud','click')" class="badge">Salud</a></li>
<li><a href="/propuestas/?clasification=seguridad" onclick="ga('send','event','filterby-seguridad','click')" class="badge">Seguridad</a></li>
<li><a href="/propuestas/?clasification=sustentabilida" onclick="ga('send','event','filterby-sustentabilida','click')" class="badge">Sustentabilidad</a></li>
<li><a href="/propuestas/?clasification=terceraedad" onclick="ga('send','event','filterby-terceraedad','click')" class="badge">Tercera Edad</a></li>
<li><a href="/propuestas/?clasification=trabajo" onclick="ga('send','event','filterby-trabajo','click')" class="badge">Trabajo</a></li>
<li><a href="/propuestas/?clasification=transparencia" onclick="ga('send','event','filterby-transparencia','click')" class="badge">Transparencia</a></li>
<li><a href="/propuestas/?clasification=transporte" onclick="ga('send','event','filterby-transporte','click')" class="badge">Transporte</a></li>
<li><a href="/propuestas/?clasification=espaciospublicos" onclick="ga('send','event','filterby-espaciospublicos','click')" class="badge">Urbanismo y Espacios públicos</a></li>
</ul>
</div>
<script>
$(function(){
$('#proposalFilterForm').submit(function() {
$(':input', this).each(function() {
this.disabled = !($(this).val());
});
});
window.onscroll = function (e) {
if( document.body.scrollTop >= 600 ) {
$('#raiseToTop i').css('display','block');
}
if( document.body.scrollTop < 600 ) {
$('#raiseToTop i').css('display','none');
}
}
});
</script>
{% endif %}
<!-- filtros por tema fin -->
<!-- inicio grid -->
<div class="container">
<div id="grid">
{% if not hide_proposal_list_header %}
{% if form.is_filled_search %}
<h3 class="text-center">Hay {{popular_proposals|length}}
<h4 class="text-center">Hay {{popular_proposals|length}}
{% if not tipo_propuestas %}propuestas ciudadanas{% else %}{{tipo_propuestas}}{% endif %}
con tus criterios de búsqueda seleccionados</h3>
{% else %}
<h3 class="text-center">Hay {{popular_proposals|length}} {% if not tipo_propuestas %}propuestas ciudadanas{% else %}{{tipo_propuestas}}{% endif %}</h3>
{% endif %}
{% if not user|is_candidate and not hidden_create_proposal_button %}
{% url 'popular_proposals:propose_wizard_full_without_area' as create_proposal_url %}
<div class="text-center"><a href="{{create_proposal_url}}" class="btn btn-dark">Crear nueva propuesta</a></div>
con tus criterios de búsqueda seleccionados</h4>
{% if not user|is_candidate and not hidden_create_proposal_button %}
{% url 'popular_proposals:propose_wizard_full_without_area' as create_proposal_url %}
<div class="text-center"><a href="{{create_proposal_url}}" class="btn btn-dark">Crear nueva propuesta</a></div>
{% endif %}
{% endif %}
{% if user.is_authenticated and form.is_filled_search and config.SEARCH_SUBSCRIPTION_ENABLED %}
<div class="row hidden-xs">
<div class="col-md-6 col-md-offset-3">
<div class="alert alert-info text-center" role='alert'>
<button type="button" class="close" data-dismiss='alert' aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<a id="subscribeToSearchButton" data-toggle="modal" data-url="{% url 'proposal_subscriptions:subscribe' %}" data-target="#subscribeToSearch"><i class="fa fa-bell-o"></i> {% trans 'Recibe notificaciones en tu correo con el resultado de esta búsqueda' %}</a>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if form.is_filled_search %}
<div id="posts">
{% for proposal in popular_proposals %}
{% display_proposal_card proposal %}
{% empty %}
{% url 'popular_proposals:propose_wizard_full_without_area' as create_proposal_url %}
{% blocktrans %}
<p class="bg-info text-center">
Aún no se han generado propuestas para esta búsqueda.
</p>
{% endblocktrans %}
{% endfor %}
</div>
{% endif %}
</div>
</div>
<!-- fin grid -->
Expand Down

0 comments on commit 4398292

Please sign in to comment.