Commit 4213a1f6 authored by Olga Brani's avatar Olga Brani Committed by Kostas Papadimitriou
Browse files

astakos: Filter for project-list table

parent 7a0a8c48
......@@ -198,12 +198,26 @@ a.button { border:0 none; color: #FFFFFF; display: inline-block; te
a.button:hover { background-color: #F89A1C; border:0 none; color:#fff;}*/
/*pagination*/
.pagination .next-prev { float:right; }
.pagination .next-prev a { margin-left:15px; }
.pagination .nums { text-align:left;}
.pagination .nums span { color:#000;}
.pagination .next-prev a.disabled { text-decoration: none; color:#ccc; cursor:default; }
.dataTables_info { float:left;}
.dataTables_paginate { float:right; }
.dataTables_paginate a:after { content: ' >';}
.dataTables_paginate a:first-child:after { content: '';}
.dataTables_paginate a:first-child:before { content: '< ';}
.dataTables_paginate .paginate_enabled_next,
.dataTables_paginate .paginate_disabled_next { margin-left:15px; }
.dataTables_paginate .paginate_enabled_previous:hover,
.dataTables_paginate .paginate_enabled_next:hover { cursor: pointer; }
.dataTables_paginate .paginate_disabled_previous:hover,
.dataTables_paginate .paginate_disabled_previous,
.dataTables_paginate .paginate_disabled_next,
.dataTables_paginate .paginate_disabled_next:hover { color: gray; text-decoration: none}
.dataTables_length { display: none;}
.dataTables_filter { position: absolute; right: 70px;}
.dataTables_filter input { border: 1px solid #9e9e9e; height: 21px; line-height: 21px; padding: 3px 10px;}
.dataTables_paginate .nums { text-align:left;}
.dataTables_paginate .nums span { color:#000;}
.dataTables_paginate .next-prev a.disabled { text-decoration: none; color:#ccc; cursor:default; }
.two-cols .lt .clients-wrapper p { padding:0; }
......@@ -241,10 +255,11 @@ table.alt-style tr th:first-child { padding-left:5px; overflow:hidden; }
table.alt-style tr td a { margin:0; }
table.alt-style tr td:first-child a { margin:0; }
table.alt-style tr th a { padding-right:20px; }
table.alt-style tr th:focus { outline: 0 none;}
table.alt-style tr th.asc a { background:url(../images/arrow_th_bg.png) no-repeat right -48px; }
table.alt-style tr th.desc a { background:url(../images/arrow_th_bg.png) no-repeat right 6px; }
table.alt-style tr th.headerSortDown span { padding-right:20px;background:url(../images/arrow_th_bg.png) no-repeat right -46px; }
table.alt-style tr th.headerSortUp span { padding-right:20px;background:url(../images/arrow_th_bg.png) no-repeat right 6px;}
table.alt-style tr th.sorting_asc span { padding-right:20px;background:url(../images/arrow_th_bg.png) no-repeat right -46px; }
table.alt-style tr th.sorting_desc span { padding-right:20px;background:url(../images/arrow_th_bg.png) no-repeat right 6px;}
table.my-projects tr th:hover { cursor: pointer; text-decoration: underline;}
.content a.submit { margin:0; display:inline-block; margin:10px 0 ; height:auto; min-width:100px; text-align:center;}
table.alt-style tr:nth-child(2n) td { background:#F2F2F2 }
......
......@@ -444,29 +444,16 @@ $('#members-table tr .check input').click(function(e){
$('.renew-token a.do').show();
})
// control pagination for projects intro page
$('.projects').siblings("#projects-list")
.tablesorter({
widthFixed: true,
sortList: [[0,0]],
})
.tablesorterPager({
container: $("#pager"),
size:10,
positionFixed:false,
});
// control pagination for projects intro page
$('.search-projects').parents('.projects').find('table#projects-list').dataTable({
"iDisplayLength": 20,
});
// control pagination for find project page
$('.projects').find("#projects-list")
.tablesorter({
widthFixed: true,
sortList: [[0,0]],
})
.tablesorterPager({
container: $("#pager"),
size:20,
positionFixed:false,
});
$('.search-projects').parents('.projects').find('#projects-list_filter').hide();
// control pagination for projects intro page
$('.projects-intro').parents('.projects').siblings('table#projects-list').dataTable({
"iDisplayLength": 10,
});
});
......
This diff is collapsed.
......@@ -57,6 +57,7 @@
<script src="{{ IM_STATIC_URL }}js/retina.js"></script>
<script src="{{ IM_STATIC_URL }}js/jquery.tablesorter.js"></script>
<script src="{{ IM_STATIC_URL }}js/jquery.tablesorter.pager.js"></script>
<script src="{{ IM_STATIC_URL }}js/jquery.dataTables.js"></script>
<script src="{{ IM_STATIC_URL }}js/common.js"></script>
{% endblock headjs %}
{% block endhead %}{% endblock endhead %}
......
{% extends "im/projects/intro_base.html" %}
{% load i18n %}
{% block intro_top %}
<div class="two-cols clearfix">
<div class="rt">
&nbsp;
<div class="projects-intro">
<div class="two-cols clearfix">
<div class="rt">
&nbsp;
</div>
<div class="lt">
<p>
{% blocktrans %}
{{ BRANDING_SERVICE_NAME }} gives you the opportunity to run your own
projects on virtual infrastracture or to become a member of other
{{ BRANDING_SERVICE_NAME }} users' projects. Simple and fast!
{% endblocktrans %}
</p>
</div>
<div class="lt">
<p>
{% blocktrans %}
{{ BRANDING_SERVICE_NAME }} gives you the opportunity to run your own
projects on virtual infrastracture or to become a member of other
{{ BRANDING_SERVICE_NAME }} users' projects. Simple and fast!
{% endblocktrans %}
</p>
</div>
</div>
</div>
{% endblock %}
......@@ -14,16 +14,7 @@
</div>
{% endif %}
{% if table %}
{% render_table table %}
<div class="pagination clearfix" id="pager">
<p class="next-prev">
<a href="" class="prev">&lt; Previous</a>
<a href="" class="next">Next &gt;</a>
</p>
<span class="pagedisplay">1/1</span>
</div>
{% endif %}
</div>
</div>
......
<p>Search for existing Projects and join the ones you like. Please search by Project name. </p>
<form action="{% url project_search %}" method="post" class="withlabels signup submit-inline">{% csrf_token %}
{% include "im/form_render.html" %}
<div class="form-row submit">
<input type="submit" class="submit altcol" value="SEARCH" />
{% if q %}<a href="{% url project_search %}">clear</a>{% endif %}
</div>
</form>
<div class="search-projects">
<p>Search for existing Projects and join the ones you like. Please search by Project name. </p>
<form action="{% url project_search %}" method="post" class="withlabels signup submit-inline">{% csrf_token %}
{% include "im/form_render.html" %}
<div class="form-row submit">
<input type="submit" class="submit altcol" value="SEARCH" />
{% if q %}<a href="{% url project_search %}">clear</a>{% endif %}
</div>
</form>
</div>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment