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

Working on time tracker app

Browse Source
This commit is contained in:
Hillel Coren 2017-09-17 16:17:34 +03:00
parent 2c5e7f2506
commit 1997973093
3 changed files with 39 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/Http/Controllers/TimeTrackerController.php
View File

@ -12,6 +12,7 @@ class TimeTrackerController extends Controller
public function index()
{
$data = [
'title' => trans('texts.time_tracker'),
'tasks' => Task::scope()->get(),
];

1
resources/lang/en/texts.php
View File

@ -2449,6 +2449,7 @@ $LANG = array(
'pro_plan_calendar' => ':link to enable the calendar by joining the Pro Plan',
'what_are_you_working_on' => 'What are you working on?',
'time_tracker' => 'Time Tracker',
);

42
resources/views/time_tracker.blade.php
View File

@ -33,8 +33,8 @@
<form>
<div class="input-group input-group-lg">
<span class="input-group-addon" style="width:1%;"><span class="glyphicon glyphicon-time"></span></span>
<input type="text" class="form-control"
placeholder="{{ trans('texts.what_are_you_working_on') }}" autocomplete="off" autofocus="autofocus">
<input type="text" class="form-control search" data-bind="value: filter, valueUpdate: 'afterkeydown', attr: {placeholder: placeholder}"
autocomplete="off" autofocus="autofocus">
</div>
</form>
</div>
@ -43,8 +43,13 @@
<div style="height:74px"></div>
<div class="list-group" data-bind="foreach: tasks">
<a href="#" class="list-group-item list-group-item-type1">
<div class="well">
<div data-bind="text: selectedTask().description"></div>
</div>
<div class="list-group" data-bind="foreach: filteredTasks">
<a href="#" data-bind="click: $parent.selectTask" class="list-group-item list-group-item-type1">
<span class="pull-right">
14
</span>
@ -62,10 +67,38 @@
function ViewModel() {
var self = this;
self.tasks = ko.observableArray();
self.filter = ko.observable('');
self.selectedTask = ko.observable(new TaskModel());
self.placeholder = ko.computed(function() {
if (self.selectedTask() && self.selectedTask().description) {
return self.selectedTask().description();
} else {
return "{{ trans('texts.what_are_you_working_on') }}";
}
});
self.filteredTasks = ko.computed(function() {
if(! self.filter()) {
return self.tasks();
} else {
var filtered = ko.utils.arrayFilter(self.tasks(), function(task) {
var description = task.description().toLowerCase();
return description.indexOf(self.filter().toLowerCase()) >= 0;
});
return filtered.length == 0 ? self.tasks() : filtered;
}
});
self.addTask = function(task) {
console.log(task);
self.tasks.push(task);
}
self.selectTask = function(task) {
self.filter('');
self.selectedTask(task);
}
}
function TaskModel(data) {
@ -81,7 +114,6 @@
window.model = new ViewModel();
for (var i=0; i<tasks.length; i++) {
var task = tasks[i];
console.log(task);
var taskModel = new TaskModel(task);
model.addTask(taskModel);
}