Working on time tracker

This commit is contained in:
Hillel Coren 2017-09-17 22:47:43 +03:00
parent db6172318a
commit cf5fec44ea

View File

@ -31,6 +31,8 @@
<nav class="navbar navbar-default navbar-fixed-top"> <nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-collapse" style="padding-top:12px; padding-bottom:12px;"> <div class="navbar-collapse" style="padding-top:12px; padding-bottom:12px;">
<!-- Navbar Buttons -->
<ul class="nav navbar-right" style="margin-right:0px; padding-left:12px; float:right;"> <ul class="nav navbar-right" style="margin-right:0px; padding-left:12px; float:right;">
<span data-bind="text: selectedTask().duration, visible: selectedTask" class="hidden-xs" <span data-bind="text: selectedTask().duration, visible: selectedTask" class="hidden-xs"
style="font-size:28px; color:white; padding-right:12px; vertical-align:middle; display:none;"></span> style="font-size:28px; color:white; padding-right:12px; vertical-align:middle; display:none;"></span>
@ -39,11 +41,14 @@
<span data-bind="css: startIcon"></span> <span data-bind="css: startIcon"></span>
</button> </button>
</ul> </ul>
<!-- Navbar Filter -->
<div class="input-group input-group-lg"> <div class="input-group input-group-lg">
<span class="input-group-addon" style="width:1%;"><span class="glyphicon glyphicon-time"></span></span> <span class="input-group-addon" style="width:1%;"><span class="glyphicon glyphicon-time"></span></span>
<input type="text" class="form-control search" autocomplete="off" autofocus="autofocus" <input type="text" class="form-control search" autocomplete="off" autofocus="autofocus"
data-bind="event: { focus: onFilterFocus, input: onFilterChanged, keypress: onFilterKeyPress }, value: filter, valueUpdate: 'afterkeydown', attr: {placeholder: placeholder}"> data-bind="event: { focus: onFilterFocus, input: onFilterChanged, keypress: onFilterKeyPress }, value: filter, valueUpdate: 'afterkeydown', attr: {placeholder: placeholder}">
</div> </div>
</div> </div>
</div> </div>
</nav> </nav>
@ -52,6 +57,8 @@
<div class="container" style="margin: 0 auto;width: 100%;"> <div class="container" style="margin: 0 auto;width: 100%;">
<div class="row no-gutter"> <div class="row no-gutter">
<!-- Task Form -->
<div class="col-sm-7 col-sm-push-5"> <div class="col-sm-7 col-sm-push-5">
<div class="well" data-bind="visible: selectedTask" style="padding-bottom:0px;margin-bottom:0px;"> <div class="well" data-bind="visible: selectedTask" style="padding-bottom:0px;margin-bottom:0px;">
<div class="panel panel-default"> <div class="panel panel-default">
@ -68,8 +75,10 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Task List -->
<div class="list-group col-sm-5 col-sm-pull-7" data-bind="foreach: filteredTasks"> <div class="list-group col-sm-5 col-sm-pull-7" data-bind="foreach: filteredTasks">
<a href="#" data-bind="click: $parent.selectTask" class="list-group-item list-group-item-type1"> <a href="#" data-bind="click: $parent.selectTask, css: { activex: $data == $parent.selectedTask() }" class="list-group-item list-group-item-type1">
<span class="pull-right"> <span class="pull-right">
<span data-bind="text: duration"></span> <span data-bind="text: duration"></span>
</span> </span>
@ -79,6 +88,7 @@
</p> </p>
</a> </a>
</div> </div>
</div> </div>
</div> </div>