Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-07-09 03:14:30 -04:00
Code Issues Packages Projects Releases Wiki Activity

Working on time tracker

Browse Source
This commit is contained in:
Hillel Coren 2017-09-28 08:57:44 +03:00
parent 2244b04eb7
commit b8ecfbf5c2
2 changed files with 55 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
resources/views/tasks/time_tracker.blade.php
View File

@ -139,7 +139,7 @@
<!-- Navbar Filter --> <!-- Navbar Filter -->
<div class="input-group input-group-lg"> <div class="input-group input-group-lg">
<span class="input-group-addon" style="width:1%;" data-bind="click: onFilterClick" title="{{ trans('texts.filter_sort') }}"><span class="glyphicon glyphicon-filter"></span></span> <span class="input-group-addon" style="width:1%;" data-bind="click: onFilterClick, style: { 'background-color': filterState() != 'all' ? '#ffffaa' : '' }" title="{{ trans('texts.filter_sort') }}"><span class="glyphicon glyphicon-filter"></span></span>
<input id="search" type="search" class="form-control search" autocomplete="off" autofocus="autofocus" <input id="search" type="search" class="form-control search" autocomplete="off" autofocus="autofocus"
data-bind="event: { focus: onFilterFocus, input: onFilterChanged, keypress: onFilterKeyPress }, value: filter, valueUpdate: 'afterkeydown', attr: {placeholder: placeholder, style: filterStyle, disabled: formChanged }"> data-bind="event: { focus: onFilterFocus, input: onFilterChanged, keypress: onFilterKeyPress }, value: filter, valueUpdate: 'afterkeydown', attr: {placeholder: placeholder, style: filterStyle, disabled: formChanged }">
<span class="input-group-addon" style="width:1%;" data-bind="click: onRefreshClick" title="{{ trans('texts.refresh') }}"><span class="glyphicon glyphicon-repeat"></span></span> <span class="input-group-addon" style="width:1%;" data-bind="click: onRefreshClick" title="{{ trans('texts.refresh') }}"><span class="glyphicon glyphicon-repeat"></span></span>
@ -224,10 +224,12 @@
<div class="panel-body"> <div class="panel-body">
<div class="row" xstyle="padding-bottom:22px;"> <div class="row" xstyle="padding-bottom:22px;">
<div class="col-md-12"> <div class="col-md-12">
{!! Former::select('entity_state') {!! Former::select('filter_state')
->label('filter')
->addOption(trans('texts.all'), 'all') ->addOption(trans('texts.all'), 'all')
->addOption(trans('texts.stopped'), 'stopped') ->addOption(trans('texts.stopped'), 'stopped')
->addOption(trans('texts.running'), 'running') !!} ->addOption(trans('texts.running'), 'running')
->data_bind('value: filterState') !!}
</div> </div>
</div> </div>
<div class="row"> <div class="row">
@ -237,12 +239,14 @@
->addOption(trans('texts.duration'), 'duration') ->addOption(trans('texts.duration'), 'duration')
->addOption(trans('texts.client'), 'client') ->addOption(trans('texts.client'), 'client')
->addOption(trans('texts.project'), 'project') ->addOption(trans('texts.project'), 'project')
->addOption(trans('texts.description'), 'description') !!} ->addOption(trans('texts.description'), 'description')
->data_bind('value: sortBy') !!}
</div> </div>
<div class="col-md-6" style="padding-top:24px;"> <div class="col-md-6" style="padding-top:24px;">
{!! Former::select('direction') {!! Former::select('direction')
->addOption(trans('texts.ascending'), 'asc') ->addOption(trans('texts.ascending'), 'asc')
->addOption(trans('texts.descending'), 'desc') !!} ->addOption(trans('texts.descending'), 'desc')
->data_bind('value: sortDirection') !!}
</div> </div>
</div> </div>
</div> </div>

32
resources/views/tasks/time_tracker_knockout.blade.php
View File

@ -13,6 +13,10 @@
self.selectedClient = ko.observable(false); self.selectedClient = ko.observable(false);
self.selectedProject = ko.observable(false); self.selectedProject = ko.observable(false);
self.filterState = ko.observable('all');
self.sortBy = ko.observable('date');
self.sortDirection = ko.observable('desc');
self.isDesktop = function() { self.isDesktop = function() {
return navigator.userAgent == 'Time Tracker'; return navigator.userAgent == 'Time Tracker';
} }
@ -320,14 +324,17 @@
self.filteredTasks = ko.computed(function() { self.filteredTasks = ko.computed(function() {
// filter the data
if(! self.filter()) {
var tasks = self.tasks(); var tasks = self.tasks();
} else {
var filtered = ko.utils.arrayFilter(self.tasks(), function(task) { // bind to fields
return task.matchesFilter(self.filter()); self.filterState();
var filtered = ko.utils.arrayFilter(tasks, function(task) {
return task.matchesFilter();
}); });
var tasks = filtered.length == 0 ? self.tasks() : filtered;
if (! self.filter() || filtered.length > 0) {
tasks = filtered;
} }
// sort the data // sort the data
@ -588,8 +595,9 @@
return times; return times;
} }
self.matchesFilter = function(filter) { self.matchesFilter = function() {
filter = filter.toLowerCase(); if (model.filter()) {
filter = model.filter().toLowerCase();
var parts = filter.split(' '); var parts = filter.split(' ');
for (var i=0; i<parts.length; i++) { for (var i=0; i<parts.length; i++) {
var part = parts[i]; var part = parts[i];
@ -615,6 +623,14 @@
return false; return false;
} }
} }
}
if (model.filterState() == 'stopped' && self.isRunning()) {
return false;
} else if (model.filterState() == 'running' && ! self.isRunning()) {
return false;
}
return true; return true;
} }