master
Nick Sergeant 2013-09-06 01:21:06 -04:00
parent 75573291dd
commit 4a8278c635
6 changed files with 16 additions and 7 deletions

View File

@ -26,7 +26,10 @@
<input ng-model="query" type="text" class="search-query" name="q" placeholder="Filter jobs" />
</form>
</div>
<div class="pagination ng-cloak" ng-cloak ng-show="numberOfPages() > 1">
<div class="loading-jobs" ng-show="!jobs">
Loading jobs&hellip;
</div>
<div class="pagination ng-cloak" ng-cloak ng-show="jobs && numberOfPages() > 1">
<button class="btn prev" style="margin: 0 10px;" href ng-disabled="currentPage == 0" ng-click="currentPage=currentPage - 1">Previous</button>
<span class="page">{[{ currentPage + 1 }]} / {[{ numberOfPages() }]}</span>
<button class="btn next" style="margin: 0 10px;" ng-disabled="currentPage >= jobs.length / pageSize - 1" ng-click="currentPage=currentPage + 1">Next</button>
@ -47,7 +50,7 @@
</li>
</ul>
</section>
<div class="pagination ng-cloak" ng-cloak ng-show="numberOfPages() > 1">
<div class="pagination ng-cloak" ng-cloak ng-show="jobs && numberOfPages() > 1">
<button class="btn prev" style="margin: 0 10px;" href ng-disabled="currentPage == 0" ng-click="currentPage=currentPage - 1">Previous</button>
<span class="page">{[{ currentPage + 1 }]} / {[{ numberOfPages() }]}</span>
<button class="btn next" style="margin: 0 10px;" ng-disabled="currentPage >= jobs.length / pageSize - 1" ng-click="currentPage=currentPage + 1">Next</button>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -2707,4 +2707,10 @@ body.jobs {
width: 618px;
}
}
div.loading-jobs {
color: #777777;
font-size: 18px;
font-weight: bold;
text-align: center;
}
}

View File

@ -1 +1 @@
'use strict';(function(window){if(typeof angular!=='undefined'){var root=window;var $=root.jQuery;var controllers={};var app=root.app;app.filter('startFrom',function(){return function(input,start){start=+start;return input.slice(start);};});controllers.JobSearchController=function($http,$scope){$scope.currentPage=0;$scope.pageSize=10;$http.get('/jobs-json/').then(function(response){$scope.jobs=response.data;});$scope.numberOfPages=function(){return Math.ceil($scope.jobs.length/$scope.pageSize);};};app.controller(controllers);}})(window);
'use strict';(function(window){if(typeof angular!=='undefined'){var root=window;var $=root.jQuery;var controllers={};var app=root.app;app.filter('startFrom',function(){return function(input,start){start=+start;return input?input.slice(start):input;};});controllers.JobSearchController=function($http,$scope){$scope.currentPage=0;$scope.pageSize=10;$http.get('/jobs-json/').then(function(response){$scope.jobs=response.data;});$scope.numberOfPages=function(){if($scope.jobs){return Math.ceil($scope.jobs.length/$scope.pageSize);}};};app.controller(controllers);}})(window);

View File

@ -41,7 +41,7 @@
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/highlightjs-themes/tomorrow.css" />
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/blog-themes/default/style.css" />
{% else %}
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/snipt.css?93" />
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/snipt.css?94" />
{% endif %}
{% if has_snipts and not detail %}
@ -389,7 +389,7 @@
<script type="text/javascript" src="{{ STATIC_URL }}js/src/search.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/src/jobs.js"></script>
{% else %}
<script type="text/javascript" src="{{ STATIC_URL }}js/snipt-all.min.js?58"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/snipt-all.min.js?59"></script>
{% endif %}
{% block inline-js %}