1nicerOli
/
timetrack
Archived
1
0
Fork 0
Code Issues 1 Pull Requests Projects 1 Releases Wiki Activity
Browse Source

WIP board

modals-to-spa
stingl 4 years ago
parent
ef8f2b1e17
commit
4e6b1f2f78
5 changed files with 295 additions and 4 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 12
      css/app.css
  2. 144
      index.html
  3. 73
      js/app.js
  4. 67
      js/components/ticket-card.js
  5. 1
      todos.md

12
css/app.css
Unescape View File

@ -155,3 +155,15 @@ nav, .card { @@ -155,3 +155,15 @@ nav, .card {
.switch-portal-button {
margin-bottom: 0.5em;
}
.col-board-inner {
border-right: 1px solid grey;
}
#board-view h5 {
text-align: center;
text-transform: uppercase;
color: dimgrey;
line-height: 0.7em;
word-spacing: 1px;
}

144
index.html
Unescape View File

@ -24,14 +24,16 @@ @@ -24,14 +24,16 @@
<i class="far fa-pause-circle"></i>
<i class="far fa-stop-circle" @click="stopTracking(worktimeTracker)"></i>
</template>
<a href="javascript:" @click="startTracking(worktimeTracker)" v-else>
<template v-else>
<a href="javascript:" @click="startTracking(worktimeTracker)">
<i class="far fa-play-circle"></i>
</a>
</template>
</div>
<h5 class="brand-title">Timetrack</h5>
</a>
</nav>
<div class="row">
<div class="row" v-if="view === 'trackers'">
<div class="col-md-12">
<div class="row">
<template v-for="(ticket, ticketIndex) in tickets">
@ -101,6 +103,144 @@ @@ -101,6 +103,144 @@
</div>
</div>
</div>
<div class="row" v-if="view === 'board'" id="board-view">
<div class="col-4 col-board-inner">
<h5>Todo</h5>
<template v-for="(ticket, ticketIndex) in tickets">
<tracker-card></tracker-card>
</template>
</div>
<div class="col-4 col-board-inner">
<h5>On hold</h5>
<template v-for="(ticket, ticketIndex) in tickets">
<div class="card bg-gradient-secondary" v-if="ticket.status === 'onhold'">
<div class="card-body">
<div class="card-text">
<input type="text"
v-model="ticket.number"
class="form-control trackingNameField"
@keydown="updateStorage()"/>
<div class="ticket-time-info">
<div v-if="ticket.tracking === true">
<div class="text-danger font-weight-bolder float-end">
<div class="spinner-grow spinner-grow-sm" role="status">
<span class="sr-only">Tracking...</span>
</div>
Tracking
</div>
</div>
</div>
<div v-if="ticket.tracking === true" class="ticket-time-info">
<span class="float-end">{{ getTrackingStartTime(ticket) }}</span>
<span v-if="ticket.tracking === true">Gestartet: </span>
<br/>
<span class="float-end">{{ currentTrackingRunningFor(ticket) }}</span>
<span v-if="ticket.tracking === true">Läuft seit: </span>
</div>
<div class="ticket-time-info">
<span class="float-end">{{ getTotalTime(ticket) }}</span>
<span class="current-ticket-info">Gesamt: </span>
</div>
<span class="float-end">{{ getTotalTimeToday(ticket) }}</span>
<span class="">Heute: </span>
<div class="row">
<div class="col-md-12" v-if="!ticket.tracking">
<button type="button" class="btn btn-info ticket-action-button"
@click="startTracking(ticket)">
<i class="far fa-play-circle"></i>
</button>
</div>
<div class="col-md-12" v-else>
<button type="button" class="btn btn-danger ticket-action-button"
@click="stopTracking(ticket)">
<i class="far fa-stop-circle"></i>
</button>
</div>
<div class="col-md-12">
<button class="btn btn-secondary ticket-action-button" data-bs-dismiss="modal"
@click="archiveTicket(ticketIndex)" title="Archivieren">
<i class="fas fa-archive"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
<div class="col-4">
<h5>Work in progress</h5>
<template v-for="(ticket, ticketIndex) in tickets">
<div class="card bg-gradient-secondary" v-if="ticket.status === 'wip'">
<div class="card-body">
<div class="card-text">
<input type="text"
v-model="ticket.number"
class="form-control trackingNameField"
@keydown="updateStorage()"/>
<div class="ticket-time-info">
<div v-if="ticket.tracking === true">
<div class="text-danger font-weight-bolder float-end">
<div class="spinner-grow spinner-grow-sm" role="status">
<span class="sr-only">Tracking...</span>
</div>
Tracking
</div>
</div>
</div>
<div v-if="ticket.tracking === true" class="ticket-time-info">
<span class="float-end">{{ getTrackingStartTime(ticket) }}</span>
<span v-if="ticket.tracking === true">Gestartet: </span>
<br/>
<span class="float-end">{{ currentTrackingRunningFor(ticket) }}</span>
<span v-if="ticket.tracking === true">Läuft seit: </span>
</div>
<div class="ticket-time-info">
<span class="float-end">{{ getTotalTime(ticket) }}</span>
<span class="current-ticket-info">Gesamt: </span>
</div>
<span class="float-end">{{ getTotalTimeToday(ticket) }}</span>
<span class="">Heute: </span>
<div class="row">
<div class="col-md-12" v-if="!ticket.tracking">
<button type="button" class="btn btn-info ticket-action-button"
@click="startTracking(ticket)">
<i class="far fa-play-circle"></i>
</button>
</div>
<div class="col-md-12" v-else>
<button type="button" class="btn btn-danger ticket-action-button"
@click="stopTracking(ticket)">
<i class="far fa-stop-circle"></i>
</button>
</div>
<div class="col-md-12">
<button class="btn btn-secondary ticket-action-button" data-bs-dismiss="modal"
@click="archiveTicket(ticketIndex)" title="Archivieren">
<i class="fas fa-archive"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
<!-- Tickets Modal -->

73
js/app.js
Unescape View File

@ -1,6 +1,7 @@ @@ -1,6 +1,7 @@
const TimeTrack = {
data() {
return {
view: 'board',
theme: 'quartz',
themes: null,
dashboardLogo: 'assets/img/logo.png',
@ -127,6 +128,8 @@ const TimeTrack = { @@ -127,6 +128,8 @@ const TimeTrack = {
this.stopTrackingTicket();
}
ticket.status = 'wip';
ticket.trackingStarted = moment();
ticket.tracking = true;
@ -461,4 +464,72 @@ function playSound(sound, extension = null) { @@ -461,4 +464,72 @@ function playSound(sound, extension = null) {
audio.play();
}
Vue.createApp(TimeTrack).mount('#root');
const TimeTrackApp = Vue.createApp(TimeTrack).mount('#root');
TimeTrackApp.component('tracker-card', {
data: function () {
return {
count: 0
}
},
props: ['tracker'],
template: '<div class="card bg-gradient-secondary>' +
'<div class="card-body">' +
'<div class="card-text">' +
'<input type="text"' +
'v-model="ticket.number"' +
'class="form-control trackingNameField"' +
'@keydown="updateStorage()"/>' +
'<div class="ticket-time-info">' +
'<div v-if="ticket.tracking === true">' +
'<div class="text-danger font-weight-bolder float-end">' +
'<div class="spinner-grow spinner-grow-sm" role="status">' +
'<span class="sr-only">Tracking...</span>' +
'</div>' +
'Tracking' +
'</div>' +
'</div>' +
'</div>' +
'<div v-if="ticket.tracking === true" class="ticket-time-info">' +
'<span class="float-end">{{ getTrackingStartTime(ticket) }}</span>' +
'<span v-if="ticket.tracking === true">Gestartet: </span>' +
'<br/>' +
'<span class="float-end">{{ currentTrackingRunningFor(ticket) }}</span>' +
'<span v-if="ticket.tracking === true">Läuft seit: </span>' +
'</div>' +
'<div class="ticket-time-info">' +
'<span class="float-end">{{ getTotalTime(ticket) }}</span>' +
'<span class="current-ticket-info">Gesamt: </span>' +
'</div>' +
'<span class="float-end">{{ getTotalTimeToday(ticket) }}</span>' +
'<span class="">Heute: </span>' +
+
'<div class="row">' +
'<div class="col-md-12" v-if="!ticket.tracking">' +
'<button type="button" class="btn btn-info ticket-action-button"' +
'@click="startTracking(ticket)">' +
'<i class="far fa-play-circle"></i>' +
'</button>' +
'</div>' +
'<div class="col-md-12" v-if="ticket.tracking">' +
'<button type="button" class="btn btn-danger ticket-action-button"' +
'@click="stopTracking(ticket)">' +
'<i class="far fa-stop-circle"></i>' +
'</button>' +
'</div>' +
'<div class="col-md-12">' +
'<button class="btn btn-secondary ticket-action-button" data-bs-dismiss="modal"' +
'@click="archiveTicket(ticketIndex)" title="Archivieren">' +
'<i class="fas fa-archive"></i>' +
'</button>' +
'</div>' +
'</div>' +
'</div>' +
'</div>' +
'</div>'
});

67
js/components/ticket-card.js
Unescape View File

@ -0,0 +1,67 @@ @@ -0,0 +1,67 @@
Vue.component('tracker-card', {
data: function () {
return {
count: 0
}
},
props: ['tracker'],
template: '<div class="card bg-gradient-secondary>' +
'<div class="card-body">' +
'<div class="card-text">' +
'<input type="text"' +
'v-model="ticket.number"' +
'class="form-control trackingNameField"' +
'@keydown="updateStorage()"/>' +
'<div class="ticket-time-info">' +
'<div v-if="ticket.tracking === true">' +
'<div class="text-danger font-weight-bolder float-end">' +
'<div class="spinner-grow spinner-grow-sm" role="status">' +
'<span class="sr-only">Tracking...</span>' +
'</div>' +
'Tracking' +
'</div>' +
'</div>' +
'</div>' +
'<div v-if="ticket.tracking === true" class="ticket-time-info">' +
'<span class="float-end">{{ getTrackingStartTime(ticket) }}</span>' +
'<span v-if="ticket.tracking === true">Gestartet: </span>' +
'<br/>' +
'<span class="float-end">{{ currentTrackingRunningFor(ticket) }}</span>' +
'<span v-if="ticket.tracking === true">Läuft seit: </span>' +
'</div>' +
'<div class="ticket-time-info">' +
'<span class="float-end">{{ getTotalTime(ticket) }}</span>' +
'<span class="current-ticket-info">Gesamt: </span>' +
'</div>' +
'<span class="float-end">{{ getTotalTimeToday(ticket) }}</span>' +
'<span class="">Heute: </span>' +
+
'<div class="row">' +
'<div class="col-md-12" v-if="!ticket.tracking">' +
'<button type="button" class="btn btn-info ticket-action-button"' +
'@click="startTracking(ticket)">' +
'<i class="far fa-play-circle"></i>' +
'</button>' +
'</div>' +
'<div class="col-md-12" v-else>' +
'<button type="button" class="btn btn-danger ticket-action-button"' +
'@click="stopTracking(ticket)">' +
'<i class="far fa-stop-circle"></i>' +
'</button>' +
'</div>' +
'<div class="col-md-12">' +
'<button class="btn btn-secondary ticket-action-button" data-bs-dismiss="modal"' +
'@click="archiveTicket(ticketIndex)" title="Archivieren">' +
'<i class="fas fa-archive"></i>' +
'</button>' +
'</div>' +
'</div>' +
'</div>' +
'</div>' +
'</div>'
});

1
todos.md
Unescape View File

@ -0,0 +1 @@ @@ -0,0 +1 @@
- [] board