mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2024-11-14 15:13:29 +01:00
662 lines
23 KiB
PHP
662 lines
23 KiB
PHP
@extends('master')
|
|
|
|
@section('head')
|
|
@parent
|
|
|
|
<link href="{{ asset('css/built.css') }}?no_cache={{ NINJA_VERSION }}" rel="stylesheet" type="text/css"/>
|
|
<link href="{{ asset('css/jquery.timepicker.css') }}?no_cache={{ NINJA_VERSION }}" rel="stylesheet" type="text/css"/>
|
|
<script src="{{ asset('js/jquery.timepicker.js') }}?no_cache={{ NINJA_VERSION }}" type="text/javascript"></script>
|
|
|
|
@stop
|
|
|
|
@section('head_css')
|
|
@parent
|
|
|
|
<style type="text/css">
|
|
|
|
@media (max-width: 768px) {
|
|
#clock,
|
|
#startLabel {
|
|
display: none;
|
|
}
|
|
#taskList {
|
|
position: relative !important;
|
|
}
|
|
.navbar-right button {
|
|
padding-left: 0px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 992px) {
|
|
.no-padding-mobile {
|
|
padding-left: 15px !important;
|
|
padding-right: 15px !important;
|
|
}
|
|
}
|
|
|
|
button .glyphicon {
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
a:focus {
|
|
outline: none;
|
|
}
|
|
|
|
span.archived-link {
|
|
color: #888888 !important;
|
|
}
|
|
|
|
.fade-color {
|
|
animation-name: fadeToYellow;
|
|
}
|
|
|
|
.list-group-item {
|
|
animation-duration: .5s;
|
|
}
|
|
|
|
.list-group-item.active {
|
|
background-color: #f8f8f8 !important;
|
|
color: black !important;
|
|
border: 1px solid rgba(81, 203, 238, 1);
|
|
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
|
|
}
|
|
|
|
.list-group-item.changed {
|
|
background-color: #ffffaa !important;
|
|
}
|
|
|
|
@keyframes fadeToYellow {
|
|
from {background-color: #f8f8f8}
|
|
to {background-color: #ffffaa}
|
|
}
|
|
|
|
.list-group-item.active .list-group-item-text,
|
|
.list-group-item.active:focus .list-group-item-text,
|
|
.list-group-item.active:hover .list-group-item-text {
|
|
color: black !important;
|
|
}
|
|
|
|
span.link {
|
|
cursor:pointer;
|
|
color:#337ab7;
|
|
text-decoration:none;
|
|
}
|
|
|
|
span.link:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
.list-group-item:before {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 6px;
|
|
content: "";
|
|
}
|
|
|
|
.list-group-item-type1:before { background-color: #1c9f77; }
|
|
.list-group-item-type2:before { background-color: #d95d02; }
|
|
.list-group-item-type3:before { background-color: #716cb1; }
|
|
.list-group-item-type4:before { background-color: #e62a8b; }
|
|
.list-group-item-type5:before { background-color: #5fa213; }
|
|
.list-group-item-type6:before { background-color: #e6aa04; }
|
|
.list-group-item-type7:before { background-color: #a87821; }
|
|
.list-group-item-type8:before { background-color: #676767; }
|
|
|
|
.list-group-item-running:after {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 6px;
|
|
content: "";
|
|
background-color: #36c157;
|
|
}
|
|
|
|
body {
|
|
margin-bottom: 60px;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
#taskList {
|
|
position: fixed;
|
|
}
|
|
|
|
.ui-timepicker-wrapper.start-time {
|
|
width: 140px !important;
|
|
}
|
|
|
|
.ui-timepicker-wrapper.end-time {
|
|
width: 230px !important;
|
|
}
|
|
|
|
.footer {
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 60px;
|
|
background-color: #313131;
|
|
color: white;
|
|
border-top-width: 3px;
|
|
border-top-color: #aaa;
|
|
border-top-style: ridge;
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
@stop
|
|
|
|
@section('body')
|
|
<nav class="navbar navbar-default navbar-fixed-top">
|
|
<div class="container-fluid">
|
|
<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; display: none;">
|
|
<span id="clock" data-bind="text: selectedTask().duration || '0:00:00'" class="hidden-xs"
|
|
style="font-size:28px; color:white; padding-right:12px; vertical-align:middle;"></span>
|
|
<button type='button' data-bind="click: onStartClick, css: startClass" class="btn btn-lg">
|
|
<span id="startLabel" data-bind="text: startLabel"></span>
|
|
<span data-bind="css: startIcon"></span>
|
|
</button>
|
|
</ul>
|
|
|
|
<!-- Navbar Filter -->
|
|
<div class="input-group input-group-lg">
|
|
<span class="input-group-addon" style="width:1%;" data-bind="click: onFilterClick, style: { 'background-color': (filterState() != 'all' || filterStatusId() != '') ? '#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"
|
|
data-bind="event: { focus: onFilterFocus, input: onFilterChanged, keypress: onFilterKeyPress }, value: filter, valueUpdate: 'afterkeydown', attr: {placeholder: placeholder, style: filterStyle, disabled: selectedTask().isChanged }">
|
|
<span class="input-group-addon" style="width:1%;" data-bind="click: onClearClick, visible: filter()" title="{{ trans('texts.clear') }}">
|
|
<span class="glyphicon glyphicon-remove"></span>
|
|
</span>
|
|
<span class="input-group-addon" style="width:1%;" data-bind="click: onRefreshClick, visible: ! filter()" title="{{ trans('texts.refresh') }}">
|
|
<span class="glyphicon glyphicon-repeat"></span>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div style="height:72px"></div>
|
|
|
|
<!--
|
|
<div data-bind="text: ko.toJSON(model.selectedTask().client_id)"></div>
|
|
<div data-bind="text: ko.toJSON(model.selectedTask().project_id)"></div>
|
|
<div data-bind="text: ko.toJSON(model.selectedTask().client)"></div>
|
|
<div data-bind="text: ko.toJSON(model.selectedTask().project)"></div>
|
|
Client: <span data-bind="text: ko.toJSON(model.selectedClient().public_id)"></span>
|
|
Project: <span data-bind="text: ko.toJSON(model.selectedProject().public_id)"></span>
|
|
-->
|
|
|
|
<div class="container" style="margin: 0 auto;width: 100%;">
|
|
<div class="row no-gutter">
|
|
|
|
<!-- Task Form -->
|
|
<div id="taskForm" class="col-sm-8 col-sm-push-4 col-md-7 col-md-push-5">
|
|
<div id="formDiv" class="panel panel-default x-affix" data-bind="visible: selectedTask" style="margin:20px; display:none;">
|
|
<div class="panel-body">
|
|
<form id="taskForm">
|
|
<span data-bind="event: { keypress: onFormKeyPress }">
|
|
<div class="row">
|
|
<div style="padding-bottom: 20px; padding-right:6px;" class="client-select col-md-6 no-padding-mobile">
|
|
{!! Former::select('client_id')
|
|
->addOption('', '')
|
|
->label('client')
|
|
->data_bind("dropdown: selectedTask().client_id, dropdownOptions: {highlighter: comboboxHighlighter}") !!}
|
|
</div>
|
|
<div style="padding-bottom: 20px; padding-left:6px;" class="project-select col-md-6 no-padding-mobile">
|
|
{!! Former::select('project_id')
|
|
->addOption('', '')
|
|
->data_bind("dropdown: selectedTask().project_id, dropdownOptions: {highlighter: comboboxHighlighter}")
|
|
->label(trans('texts.project')) !!}
|
|
</div>
|
|
</div>
|
|
<div style="padding-bottom: 20px">
|
|
{!! Former::textarea('description')
|
|
->data_bind("value: selectedTask().description, valueUpdate: 'afterkeydown'")
|
|
->rows(4) !!}
|
|
</div>
|
|
|
|
<label>{{ trans('texts.times') }}</label>
|
|
|
|
|
|
<table class="table times-table" data-bind="event: { change: selectedTask().onChange }" style="margin-bottom: 0px !important;">
|
|
<tbody data-bind="foreach: selectedTask().sortedTimes">
|
|
<tr data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }">
|
|
<td style="width: 25%; padding: 0 6px 10px 0">
|
|
{!! Former::text('date')
|
|
->placeholder($account->formatDate($account->getDateTime()))
|
|
->data_bind("datepicker: startDate, valueUpdate: 'afterkeydown'")
|
|
->data_date_format(Session::get(SESSION_DATE_PICKER_FORMAT, DEFAULT_DATE_PICKER_FORMAT))
|
|
->raw() !!}
|
|
</td>
|
|
<td style="width: 25%; padding: 0 6px 10px 6px">
|
|
<div data-bind="css: { 'has-error': !isStartValid() }">
|
|
{!! Former::text('start_time')
|
|
->placeholder('start_time')
|
|
->data_bind("timepicker: startTimeOfDay, timepickerOptions: {className: 'start-time', scrollDefault: 'now', timeFormat: '" . ($account->military_time ? 'H:i:s' : 'g:i:s A') . "'}")
|
|
->raw() !!}
|
|
</div>
|
|
</td>
|
|
<td style="width: 25%; padding: 0 6px 10px 6px">
|
|
<div data-bind="css: { 'has-error': !isEndValid() }">
|
|
{!! Former::text('end_time')
|
|
->placeholder('end_time')
|
|
->data_bind("timepicker: endTimeOfDay, timepickerOptions: {className: 'end-time', scrollDefault: 'now', timeFormat: '" . ($account->military_time ? 'H:i:s' : 'g:i:s A') . "'}")
|
|
->raw() !!}
|
|
</div>
|
|
</td>
|
|
<td style="padding: 0 0 10px 6px" class="hide-phone">
|
|
{!! Former::text('duration')
|
|
->placeholder('duration')
|
|
->data_bind("typeahead: duration")
|
|
->raw() !!}
|
|
</td>
|
|
<td style="width: 38px; padding-top: 0px; padding-right: 8px" class="hide-phone">
|
|
<i style="cursor:pointer;float:right" data-bind="click: $root.selectedTask().removeTime, visible: actionButtonVisible" class="fa fa-minus-circle redlink" title="{{ trans('texts.remove') }}"/>
|
|
</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</span>
|
|
|
|
<center id="buttons" style="padding-top: 30px">
|
|
<span data-bind="visible: showArchive">
|
|
{!! DropdownButton::normal(trans('texts.archive'))
|
|
->withAttributes([
|
|
'class' => 'archive-dropdown',
|
|
])
|
|
->large()
|
|
->withContents([
|
|
['label' => trans('texts.delete_task'), 'url' => 'javascript:model.onDeleteClick()'],
|
|
]
|
|
)->split() !!}
|
|
</span>
|
|
{!! Button::normal(trans('texts.discard'))
|
|
->appendIcon(Icon::create('remove-circle'))
|
|
->withAttributes([
|
|
'data-bind' => 'click: onCancelClick, visible: showDiscard',
|
|
])
|
|
->large() !!}
|
|
{!! Button::normal(trans('texts.cancel'))
|
|
->appendIcon(Icon::create('remove-circle'))
|
|
->withAttributes([
|
|
'data-bind' => 'click: onCancelClick, visible: showCancel',
|
|
])
|
|
->large() !!}
|
|
|
|
{!! Button::success(trans('texts.save'))
|
|
->large()
|
|
->appendIcon(Icon::create('floppy-disk'))
|
|
->withAttributes([
|
|
'data-bind' => 'click: onSaveClick, css: { disabled: ! isSaveEnabled() }',
|
|
]) !!}
|
|
</center>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Task List -->
|
|
<div id="taskList" class="list-group col-sm-4 col-sm-pull-8 col-md-5 col-md-pull-7" style="display:none;overflow:auto;margin-bottom:0px;">
|
|
<div id="filterPanel" style="margin-bottom:0px;padding-top:20px;padding-bottom:0px;padding-left:10px;display:none;">
|
|
<div class="panel panel-default">
|
|
<div class="panel-body">
|
|
<div class="row" xstyle="padding-bottom:22px;">
|
|
@if ($statuses->count())
|
|
<div class="col-md-6">
|
|
{!! Former::select('filter_status')
|
|
->label('status')
|
|
->addOption(trans('texts.all'), '')
|
|
->fromQuery($statuses, 'name', 'public_id')
|
|
->data_bind('value: filterStatusId') !!}
|
|
</div>
|
|
@endif
|
|
<div class="col-md-{{ $statuses->count() ? '6' : '12' }}">
|
|
{!! Former::select('filter_state')
|
|
->label('filter')
|
|
->addOption(trans('texts.all'), 'all')
|
|
->addOption(trans('texts.stopped'), 'stopped')
|
|
->addOption(trans('texts.running'), 'running')
|
|
->data_bind('value: filterState') !!}
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6" style="padding-top:24px;">
|
|
{!! Former::select('sort_field')
|
|
->addOption(trans('texts.date'), 'createdAt')
|
|
->addOption(trans('texts.duration'), 'duration')
|
|
->addOption(trans('texts.client'), 'client')
|
|
->addOption(trans('texts.project'), 'project')
|
|
->addOption(trans('texts.description'), 'description')
|
|
->data_bind('value: sortField, event: {change: onSortChange}') !!}
|
|
</div>
|
|
<div class="col-md-6" style="padding-top:24px;">
|
|
{!! Former::select('sort_direction')
|
|
->addOption(trans('texts.ascending'), 'ascending')
|
|
->addOption(trans('texts.descending'), 'descending')
|
|
->data_bind('value: sortDirection, event: {change: onSortChange}') !!}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-bind="foreach: filteredTasks">
|
|
<a href="#" data-bind="click: $parent.selectTask, event: { mouseover: onMouseOver, mouseout: onMouseOut }, css: listItemState"
|
|
class="list-group-item">
|
|
<div class="pull-right" style="text-align:right;">
|
|
<div data-bind="visible: actionButtonVisible()"
|
|
data-bindx="style : { visibility : actionButtonVisible() ? '' : 'hidden' }">
|
|
|
|
<button type="button" data-bind="css: startClass, click: onStartClick, clickBubble: false"
|
|
class="btn btn-sm" style="padding-left:0px; padding-right: 12px; padding-bottom: 6px; margin-top:5px;">
|
|
<span data-bind="css: startIcon"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="pull-right" style="text-align:right; padding-left: 16px;">
|
|
<div data-bind="text: totalDuration, style: { fontWeight: isRunning() ? 'bold' : '' }"></div>
|
|
<div data-bind="text: age, style: { fontWeight: isRunning() ? 'bold' : '' }" style="padding-top: 2px"></div>
|
|
</div>
|
|
<div style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
|
|
<h4 class="list-group-item-heading">
|
|
<span data-bind="text: description, style: { fontWeight: isRunning() ? 'bold' : '' }"></span>
|
|
</h4>
|
|
<p class="list-group-item-text">
|
|
<span class="link" data-bind="text: clientName, click: $parent.viewClient, clickBubble: false, css: clientClass"></span>
|
|
<span data-bind="visible: clientName && projectName"> | </span>
|
|
<span class="link" data-bind="text: projectName, click: $parent.viewProject, clickBubble: false, css: projectClass"></span>
|
|
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!--
|
|
<footer class="footer">
|
|
<div style="padding-left: 16px; padding-top: 16px;">
|
|
<div data-bind="text: statistics"></div>
|
|
</div>
|
|
</footer>
|
|
-->
|
|
|
|
@include('tasks.time_tracker_knockout')
|
|
|
|
<script type="text/javascript">
|
|
|
|
var tasks = {!! $tasks !!};
|
|
var clients = {!! $clients !!};
|
|
var projects = {!! $projects !!};
|
|
var timezone = '{{ $account->getTimezone() }}';
|
|
|
|
var clientMap = {};
|
|
var projectMap = {};
|
|
var projectsForClientMap = {};
|
|
|
|
function refreshClientList() {
|
|
var $clientSelect = $('select#client_id');
|
|
$clientSelect.combobox({highlighter: comboboxHighlighter}).find('option').remove().end().combobox('refresh');
|
|
$clientSelect.append(new Option('', ''));
|
|
|
|
@if (Auth::user()->can('create', ENTITY_CLIENT))
|
|
//$clientSelect.append(new Option("{{ trans('texts.create_client')}}: $name", '-1'));
|
|
@endif
|
|
|
|
for (var i=0; i<clients.length; i++) {
|
|
var client = clients[i];
|
|
var clientName = getClientDisplayName(client);
|
|
if (!clientName) {
|
|
continue;
|
|
}
|
|
$clientSelect.append(new Option(clientName, client.public_id));
|
|
}
|
|
$('select#client_id').combobox('refresh');
|
|
}
|
|
|
|
function refreshProjectList(forceClear) {
|
|
var clientId = $('input[name=client_id]').val();
|
|
$projectCombobox = $('select#project_id');
|
|
$projectCombobox.find('option').remove().end().combobox('refresh');
|
|
$projectCombobox.append(new Option('', ''));
|
|
|
|
@if (Auth::user()->can('create', ENTITY_PROJECT))
|
|
if (clientId) {
|
|
$projectCombobox.append(new Option("{{ trans('texts.create_project')}}: $name", '-1'));
|
|
}
|
|
@endif
|
|
|
|
if (clientId && ! forceClear) {
|
|
var list = projectsForClientMap.hasOwnProperty(clientId) ? projectsForClientMap[clientId] : [];
|
|
} else {
|
|
var list = projects;
|
|
}
|
|
|
|
for (var i=0; i<list.length; i++) {
|
|
var project = list[i];
|
|
$projectCombobox.append(new Option(project.name, project.public_id));
|
|
}
|
|
|
|
$('select#project_id').combobox('refresh');
|
|
}
|
|
|
|
function addClientToMaps(client) {
|
|
clientMap[client.public_id] = client;
|
|
}
|
|
|
|
function addProjectToMaps(project) {
|
|
var client = project.client;
|
|
projectMap[project.public_id] = project;
|
|
if (!projectsForClientMap.hasOwnProperty(client.public_id)) {
|
|
projectsForClientMap[client.public_id] = [];
|
|
}
|
|
projectsForClientMap[client.public_id].push(project);
|
|
}
|
|
|
|
function sendKeepAlive() {
|
|
setTimeout(function() {
|
|
$.get('{{ URL::to('/keep_alive') }}', function (response) {
|
|
if (response == '{{ RESULT_SUCCESS }}') {
|
|
sendKeepAlive()
|
|
} else {
|
|
location.reload();
|
|
}
|
|
}).fail(function() {
|
|
location.reload();
|
|
});
|
|
}, 1000 * 60 * 15);
|
|
}
|
|
|
|
$(function() {
|
|
|
|
// setup clients and project comboboxes
|
|
for (var i=0; i<projects.length; i++) {
|
|
addProjectToMaps(projects[i])
|
|
}
|
|
|
|
for (var i=0; i<clients.length; i++) {
|
|
addClientToMaps(clients[i]);
|
|
}
|
|
|
|
var $clientSelect = $('select#client_id');
|
|
$clientSelect.on('change', function(e) {
|
|
var clientId = $('input[name=client_id]').val();
|
|
var projectId = $('input[name=project_id]').val();
|
|
var client = clientMap[clientId];
|
|
var project = projectMap[projectId];
|
|
if (!clientId && (window.model && !model.selectedTask().client())) {
|
|
e.preventDefault();return;
|
|
}
|
|
if (window.model && model.selectedTask()) {
|
|
var clientModel = new ClientModel(client);
|
|
if (clientId == -1) {
|
|
clientModel.name($('#client_name').val());
|
|
}
|
|
model.selectedTask().client(clientModel);
|
|
model.selectedTask().client_id(clientId);
|
|
model.selectedTask().project_id(0);
|
|
model.selectedTask().project(false);
|
|
}
|
|
refreshProjectList();
|
|
});
|
|
|
|
var $projectSelect = $('select#project_id').on('change', function(e) {
|
|
$clientCombobox = $('select#client_id');
|
|
var projectId = $('input[name=project_id]').val();
|
|
if (projectId == '-1') {
|
|
$('input[name=project_name]').val(projectName);
|
|
//var project = new ProjectModel();
|
|
//project.name = projectName;
|
|
//model.selectedTask().project = project;
|
|
//model.selectedTask().project_id(projectId);
|
|
} else if (projectId) {
|
|
var project = projectMap[projectId];
|
|
model.selectedTask().project(new ProjectModel(project));
|
|
model.selectedTask().project_id(projectId);
|
|
// when selecting a project make sure the client is loaded
|
|
if (project && project.client) {
|
|
var client = clientMap[project.client.public_id];
|
|
if (client) {
|
|
project.client = client;
|
|
model.selectedTask().client(new ClientModel(client));
|
|
model.selectedTask().client_id(client.public_id);
|
|
}
|
|
}
|
|
} else {
|
|
$clientSelect.trigger('change');
|
|
}
|
|
});
|
|
|
|
$projectSelect.on('change', function(e) {
|
|
var projectId = $('input[name=project_id]').val();
|
|
if (window.model && model.selectedTask() && projectId == -1) {
|
|
var project = new ProjectModel();
|
|
project.name($('#project_name').val());
|
|
model.selectedTask().project_id(-1);
|
|
model.selectedTask().project(project);
|
|
}
|
|
refreshProjectList();
|
|
});
|
|
|
|
|
|
Mousetrap.bind('/', function(e) {
|
|
event.preventDefault();
|
|
$('#search').focus();
|
|
});
|
|
|
|
@include('partials/entity_combobox', ['entityType' => ENTITY_PROJECT])
|
|
|
|
refreshClientList();
|
|
$clientSelect.trigger('change');
|
|
|
|
window.model = new ViewModel();
|
|
var taskModels = [];
|
|
for (var i=0; i<tasks.length; i++) {
|
|
var task = tasks[i];
|
|
var taskModel = new TaskModel(task);
|
|
taskModels.push(taskModel);
|
|
}
|
|
ko.utils.arrayPushAll(model.tasks, taskModels);
|
|
ko.applyBindings(model);
|
|
model.refreshTitle();
|
|
model.tock();
|
|
|
|
if (isStorageSupported()) {
|
|
var taskId = localStorage.getItem('last:time_tracker:task_id');
|
|
var task = model.taskById(taskId);
|
|
if (task) {
|
|
setTimeout(function() {
|
|
model.selectTask(task);
|
|
}, 1);
|
|
}
|
|
}
|
|
|
|
$('#taskList, .navbar-right').show();
|
|
|
|
$('.archive-dropdown:not(.dropdown-toggle)').click(function() {
|
|
model.onArchiveClick();
|
|
});
|
|
|
|
toastr.options.timeOut = 3000;
|
|
toastr.options.positionClass = 'toast-bottom-right';
|
|
|
|
if (navigator.userAgent != '{{ TIME_TRACKER_USER_AGENT }}') {
|
|
var link = '{{ config('ninja.time_tracker_web_url') }}';
|
|
var message = "{{ trans('texts.download_desktop_app') }}";
|
|
if (isMobile) {
|
|
toastr.warning("{{ trans('texts.time_tracker_mobile_help')}}", false, {
|
|
timeOut: 5000,
|
|
closeButton: true,
|
|
});
|
|
if (isIPhone) {
|
|
link = '{{ NINJA_IOS_APP_URL }}';
|
|
message = "{{ trans('texts.download_iphone_app') }}";
|
|
} else if (isAndroid) {
|
|
link = '{{ NINJA_ANDROID_APP_URL }}';
|
|
message = "{{ trans('texts.download_android_app') }}";
|
|
}
|
|
}
|
|
if (link) {
|
|
var options = {
|
|
timeOut: 5000,
|
|
closeButton: true,
|
|
onclick: function() {
|
|
window.open(link, '_blank');
|
|
}
|
|
};
|
|
toastr.info(message, false, options);
|
|
}
|
|
}
|
|
|
|
if (model.isDesktop()) {
|
|
sendKeepAlive();
|
|
}
|
|
|
|
function setButtonSize() {
|
|
if ($(window).width() > 350) {
|
|
$('#buttons .btn').addClass('btn-lg');
|
|
} else {
|
|
$('#buttons .btn').removeClass('btn-lg');
|
|
}
|
|
}
|
|
function setPanelHeights() {
|
|
if (isMobile) {
|
|
return;
|
|
}
|
|
var height = $(window).height() - $('.navbar').height() - 2;
|
|
$('#taskList').height(height);
|
|
$('#taskForm').height(height);
|
|
|
|
}
|
|
$(window).on('resize', function() {
|
|
setButtonSize();
|
|
setPanelHeights();
|
|
});
|
|
setButtonSize();
|
|
setPanelHeights();
|
|
|
|
$(window).on('beforeunload', function () {
|
|
if (model.isDesktop()) {
|
|
return undefined;
|
|
}
|
|
if (model.selectedTask() && model.isChanged()) {
|
|
return "{{ trans('texts.save_or_discard') }}";
|
|
} else {
|
|
return undefined;
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
@stop
|