|
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport"
|
|
|
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
|
|
<title>Timetrack</title>
|
|
|
|
|
<link rel="manifest" href="js/manifest.json">
|
|
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
|
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/css/iziToast.css">
|
|
|
|
|
<link rel="stylesheet" href="css/codemirror.css">
|
|
|
|
|
<link rel="stylesheet" href="css/codemirror-themes/darcula.css">
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div id="root">
|
|
|
|
|
<!-- Tracker-Display -->
|
|
|
|
|
<div class="container" id="content">
|
|
|
|
|
<link rel="stylesheet" :href="'https://bootswatch.com/5/' + theme + '/bootstrap.min.css'">
|
|
|
|
|
<link rel="stylesheet" href="css/app.css">
|
|
|
|
|
<!-- <nav class="navbar navbar-expand-lg navbar-light bg-light">-->
|
|
|
|
|
<!-- <a class="navbar-brand">-->
|
|
|
|
|
<!-- <img :src="dashboardLogo" alt="logo" class="logo-nav float-end" v-if="dashboardLogo"/>-->
|
|
|
|
|
<!-- <div v-if="experimental.trackWorktime">-->
|
|
|
|
|
<!-- <template v-if="worktimeTracker.tracking">-->
|
|
|
|
|
<!-- <i class="far fa-pause-circle"></i>-->
|
|
|
|
|
<!-- <i class="far fa-stop-circle" @click="stopTracking(worktimeTracker)"></i>-->
|
|
|
|
|
<!-- </template>-->
|
|
|
|
|
<!-- <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" v-if="!experimental.boardView || view === 'trackers'">
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<template v-for="(ticket, ticketIndex) in tickets">
|
|
|
|
|
<div class="col-lg-4 col-md-6">
|
|
|
|
|
<div :class="'card ' + (ticket.isTimeBox ? 'bg-timebox' : 'bg-gradient-secondary')" :style="ticket.isTimeBox ? 'background: linear-gradient(90deg, grey ' + ((timeBoxTimeLeft(ticket) * 100) / ticket.timeBoxMinutes)+'% , black 100%':''">
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<div class="card-text">
|
|
|
|
|
<input type="text"
|
|
|
|
|
v-model="ticket.number"
|
|
|
|
|
class="form-control trackingNameField"
|
|
|
|
|
@keydown="updateStorage()"/>
|
|
|
|
|
|
|
|
|
|
<template v-if="!ticket.isTimeBox">
|
|
|
|
|
<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 type="button" class="btn btn-primary ticket-action-button"
|
|
|
|
|
@click="openTasksForTracker(ticket)" >
|
|
|
|
|
<i class="fas fa-clipboard-check"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-6">
|
|
|
|
|
<button class="btn btn-secondary ticket-action-button" data-bs-dismiss="modal"
|
|
|
|
|
@click="archiveTracker(ticketIndex)" title="Archivieren">
|
|
|
|
|
<i class="fas fa-archive"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-6">
|
|
|
|
|
<button class="btn btn-danger ticket-action-button"
|
|
|
|
|
@click="deleteTracker(ticketIndex)" title="Löschen">
|
|
|
|
|
<i class="fas fa-trash"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
|
<template v-if="!ticket.timeBoxMinutes">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
Minuten:
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="col">-->
|
|
|
|
|
<!-- <button type="button" class="btn btn-secondary ticket-action-button"-->
|
|
|
|
|
<!-- @click="startTimeBox(ticket, 1)">-->
|
|
|
|
|
<!-- <i class="far fa-play-circle"></i> 1-->
|
|
|
|
|
<!-- </button>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<div class="col">
|
|
|
|
|
<button type="button" class="btn btn-secondary ticket-action-button"
|
|
|
|
|
@click="startTimeBox(ticket, 15)">
|
|
|
|
|
<i class="far fa-play-circle"></i> 15
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col">
|
|
|
|
|
<button type="button" class="btn btn-secondary ticket-action-button"
|
|
|
|
|
@click="startTimeBox(ticket, 30)">
|
|
|
|
|
<i class="far fa-play-circle"></i> 30
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col">
|
|
|
|
|
<button type="button" class="btn btn-secondary ticket-action-button"
|
|
|
|
|
@click="startTimeBox(ticket, 60)">
|
|
|
|
|
<i class="far fa-play-circle"></i> 60
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<div class="col-12" v-if="ticket.timeBoxMinutes && timeBoxTimeLeft(ticket) > 0">
|
|
|
|
|
<span class="float-end">{{ timeBoxTimeLeft(ticket) }} Minuten</span>
|
|
|
|
|
<span>Zeit übrig: </span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-12 text-center" v-if="timeBoxTimeLeft(ticket) <= 0">
|
|
|
|
|
<h5 class="text-danger text-bold">Abgeschlossen</h5>
|
|
|
|
|
</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" v-if="!ticket.tracking && ticket.timeBoxMinutes && timeBoxTimeLeft(ticket) > 0">
|
|
|
|
|
<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">
|
|
|
|
|
<button class="btn btn-danger ticket-action-button"
|
|
|
|
|
@click="deleteTracker(ticketIndex)" title="Löschen">
|
|
|
|
|
<i class="fas fa-trash"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row" v-if="experimental.boardView && view === 'board'" id="board-view">
|
|
|
|
|
<div class="col-4 col-board-inner">
|
|
|
|
|
<h5>Todo</h5>
|
|
|
|
|
<template v-for="(ticket, ticketIndex) in tickets">
|
|
|
|
|
</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="archiveTracker(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="archiveTracker(ticketIndex)" title="Archivieren">
|
|
|
|
|
<i class="fas fa-archive"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Tickets Modal -->
|
|
|
|
|
<div class="modal modal-fullscreen fade" id="showTicketsModal" tabindex="-1" role="dialog"
|
|
|
|
|
aria-labelledby="showTicketsModalLabel"
|
|
|
|
|
aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog showTicketsModalDialog" role="document">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<h5 class="modal-title"><i class="fas fa-clock"></i> Tracker</h5>
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<template v-for="(ticket, ticketIndex) in tickets">
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<h6><span v-if="isTicketNumber(ticket.number)"></span>{{ ticket.number }}</h6>
|
|
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<input type="text" class="form-control" v-model="ticket.description" @keydown="updateStorage()" placeholder="Beschreibung">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<span v-if="getTotalTime(ticket) > 0">Gesamtzeit: {{getTotalTime(ticket)}}</span>
|
|
|
|
|
<br>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col">
|
|
|
|
|
<button class="btn btn-info ticket-action-button"
|
|
|
|
|
@click="showCustomBookingForTracker(ticket)"
|
|
|
|
|
title="Manuelle Buchung">
|
|
|
|
|
<i class="fas fa-user-edit"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col">
|
|
|
|
|
<button class="btn btn-secondary ticket-action-button" data-bs-dismiss="modal"
|
|
|
|
|
@click="archiveTracker(ticketIndex)" title="Archivieren">
|
|
|
|
|
<i class="fas fa-archive"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" v-if="ticket.history.length > 0">
|
|
|
|
|
<button class="btn btn-info ticket-action-button" data-bs-dismiss="modal"
|
|
|
|
|
@click="showHistoryForTracker(ticket)" title="History">
|
|
|
|
|
<i class="fas fa-history"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col">
|
|
|
|
|
<button class="btn btn-danger ticket-action-button"
|
|
|
|
|
@click="deleteTracker(ticketIndex)" title="Löschen">
|
|
|
|
|
<i class="fas fa-trash"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" v-if="ticketSystemUrl">
|
|
|
|
|
<a v-if="isTicketNumber(ticket.number)" :href="ticketSystemUrl + ticket.number.replace('#', '')"
|
|
|
|
|
target="_blank" class="btn btn-dark ticket-action-button" title="Ticket">
|
|
|
|
|
<i class="fas fa-external-link-square-alt"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<br/>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Tasks Modal -->
|
|
|
|
|
<div class="modal modal-fullscreen fade"
|
|
|
|
|
v-if="selectedTracker"
|
|
|
|
|
id="trackerTasksModal"
|
|
|
|
|
tabindex="-1"
|
|
|
|
|
role="dialog"
|
|
|
|
|
aria-labelledby="showTrackerTasksModal"
|
|
|
|
|
aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog" role="document">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<h5 class="modal-title"><i class="fas fa-clock"></i> Tasks für {{ selectedTracker.number }}</h5>
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<input type="text" id="newTaskInput" class="form-control"
|
|
|
|
|
v-model="newTaskInput" placeholder="Neuer Task" v-on:keyup.enter="addTask()"/>
|
|
|
|
|
</div>
|
|
|
|
|
<ul class="list-group" v-if="selectedTracker.tasks && selectedTracker.tasks.length > 0">
|
|
|
|
|
<template v-for="(task, taskIndex) in selectedTracker.tasks">
|
|
|
|
|
<li class="list-group-item" v-if="!task.done">
|
|
|
|
|
<span class="float-end">
|
|
|
|
|
<a href="javascript:">
|
|
|
|
|
<i class="fas fa-trash" @click="deleteTask(taskIndex)"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</span>
|
|
|
|
|
<a href="javascript:" @click="toggleTask(task)">
|
|
|
|
|
<i class="far fa-square"></i>
|
|
|
|
|
</a> {{ task.name }}
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="float-end">
|
|
|
|
|
{{ task.percentDone }}% erledigt
|
|
|
|
|
</div>
|
|
|
|
|
<input type="range"
|
|
|
|
|
class="range range-success range-tasks"
|
|
|
|
|
min="0"
|
|
|
|
|
max="100"
|
|
|
|
|
v-model="task.percentDone"
|
|
|
|
|
@change="checkForCompletionOfTask(task)">
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
</template>
|
|
|
|
|
</ul>
|
|
|
|
|
<br/>
|
|
|
|
|
<ul class="list-group" v-if="selectedTracker.tasks && selectedTracker.tasks.length > 0">
|
|
|
|
|
<template v-for="(task, taskIndex) in selectedTracker.tasks">
|
|
|
|
|
<li class="list-group-item" v-if="task.done">
|
|
|
|
|
<span class="float-end">
|
|
|
|
|
<a href="javascript:">
|
|
|
|
|
<i class="fas fa-trash" @click="deleteTask(taskIndex)"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</span>
|
|
|
|
|
<a href="javascript:" @click="toggleTask(task)">
|
|
|
|
|
<i class="far fa-check-square"></i>
|
|
|
|
|
</a> <span class="finished-task">{{ task.name }}</span>
|
|
|
|
|
</li>
|
|
|
|
|
</template>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Archive Modal -->
|
|
|
|
|
<div class="modal modal-fullscreen fade" id="showArchivedTicketsModal" tabindex="-1" role="dialog"
|
|
|
|
|
aria-labelledby="showArchivedTicketsModalLabel"
|
|
|
|
|
aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog showArchivedTicketsModalDialog" role="document">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<h5 class="modal-title"><i class="fas fa-archive"></i> Archivierte Tracker</h5>
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-sm-6"></div>
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
<i class="fas fa-search"></i>
|
|
|
|
|
<input @keydown="$forceUpdate()" type="text" class="form-control search-field float-right" v-model="searchQuery" placeholder="Suche..">
|
|
|
|
|
</div>
|
|
|
|
|
<template v-for="(ticket, ticketIndex) in archive">
|
|
|
|
|
<div class="col-md-6" v-if="searchQuery === '' || ticket.number.search(searchQuery) >= 0 || (ticket.description && ticket.description.search(searchQuery)) >= 0">
|
|
|
|
|
<h6><span v-if="isTicketNumber(ticket.number)"></span>{{ ticket.number }}</h6>
|
|
|
|
|
<div v-if="ticket.description">
|
|
|
|
|
<p class="fst-italic">{{ ticket.description }}</p>
|
|
|
|
|
</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>
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col">
|
|
|
|
|
<button class="btn btn-success ticket-action-button" data-bs-dismiss="modal"
|
|
|
|
|
@click="reactivateTicket(ticketIndex)" title="Reaktivieren">
|
|
|
|
|
<i class="fas fa-power-off"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" v-if="ticket.history.length > 0">
|
|
|
|
|
<button class="btn btn-info ticket-action-button" data-bs-dismiss="modal"
|
|
|
|
|
@click="showHistoryForTracker(ticket)" title="History">
|
|
|
|
|
<i class="fas fa-history"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col">
|
|
|
|
|
<button class="btn btn-danger ticket-action-button"
|
|
|
|
|
@click="deleteTracker(ticketIndex, true)" title="Löschen">
|
|
|
|
|
<i class="fas fa-trash"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" v-if="ticketSystemUrl">
|
|
|
|
|
<a v-if="isTicketNumber(ticket.number)" :href="ticketSystemUrl + ticket.number.replace('#', '')"
|
|
|
|
|
target="_blank" class="btn btn-dark ticket-action-button" title="Ticket">
|
|
|
|
|
<i class="fas fa-external-link-square-alt"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<br/>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Settings Modal -->
|
|
|
|
|
<div class="modal fade" id="settingsModal" tabindex="-1" role="dialog" aria-labelledby="settingsModalLabel"
|
|
|
|
|
aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog" role="document">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<h5 class="modal-title"><i class="fas fa-sliders-h"></i> Einstellungen</h5>
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body row">
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<h5>Allgemeine Einstellungen</h5>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label>Logo-Pfad</label>
|
|
|
|
|
<input type="text" v-model="dashboardLogo" class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label>Ticket-Link <small>Link zu einem Ticket ohne Ticketnummer</small></label>
|
|
|
|
|
<input type="text" v-model="ticketSystemUrl" class="form-control">
|
|
|
|
|
</div>
|
|
|
|
|
<br/>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label>
|
|
|
|
|
<input type="checkbox" class="form-control-checkbox" v-model="showPT">
|
|
|
|
|
Ab 8 Stunden nurmehr PT anzeigen
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<br/>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label>
|
|
|
|
|
<input type="checkbox" class="form-control-checkbox" v-model="dontShowMinutes">
|
|
|
|
|
Zeit immer in Stunden anzeigen
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<br/>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label>
|
|
|
|
|
<input type="checkbox" class="form-control-checkbox" v-model="fun">
|
|
|
|
|
Secret Features
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<br/>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label>Design</label>
|
|
|
|
|
<select v-model="theme" class="form-control">
|
|
|
|
|
<option v-for="availableTheme in themes" :value="availableTheme.name.toLowerCase()">{{ availableTheme.name }}</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<br/>
|
|
|
|
|
<div class="form-group" v-if="experimental.portalSwitcher">
|
|
|
|
|
<label>Portalnamen <a class="text-muted" href="https://settings.vemap.docker/?fetchPortals" target="_blank">(Import-String hier)</a></label>
|
|
|
|
|
<input v-model="importStringForPortals" class="form-control"/>
|
|
|
|
|
<a href="javascript:" @click="importPortalsJson" class="btn" v-if="this.importStringForPortals !== ''">Import</a>
|
|
|
|
|
</div>
|
|
|
|
|
<br/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<h5>Zurücksetzen & Löschen</h5>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<button class="btn btn-outline-warning btn-full-width" @click="resetToDefault()">
|
|
|
|
|
Zurücksetzen
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<button class="btn btn-outline-danger btn-full-width" @click="deleteAllData()">Alle Daten
|
|
|
|
|
löschen
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<br/>
|
|
|
|
|
<h5>Import & Export</h5>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<h6>Export-Json</h6>
|
|
|
|
|
<textarea class="form-control" rows="3" id="exportJsonInput">{{ exportJson }}</textarea>
|
|
|
|
|
<button class="btn btn-success btn-full-width" @click="copy2Clipboard">Export-String kopieren</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<h6>Import</h6>
|
|
|
|
|
<textarea class="form-control" rows="3" v-model="inputs.importJson"></textarea>
|
|
|
|
|
<button class="btn btn-success btn-full-width" @click="importData">Import</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<button class="btn btn-primary" v-on:click="updateStorage()" data-bs-dismiss="modal">Speichern</button>
|
|
|
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Schließen</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- History Modal -->
|
|
|
|
|
<div class="modal fade" id="historyModal" tabindex="-1" role="dialog" aria-labelledby="historyModalLabel"
|
|
|
|
|
aria-hidden="true" v-if="selectedTracker">
|
|
|
|
|
<div class="modal-dialog" role="document">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<h5 class="modal-title"><i class="fas fa-history"></i> History von {{ selectedTracker.number }}</h5>
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<ul class="list-group ticket-history">
|
|
|
|
|
<template v-for="(tracker, historyIndex) in selectedTracker.history">
|
|
|
|
|
<li class="list-group-item" v-if="!tracker.manually">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="float-end" :title="exactTimestamp(tracker.trackingStarted)">
|
|
|
|
|
{{ formattedDate(tracker.trackingStarted) }}
|
|
|
|
|
</div>
|
|
|
|
|
Start:
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div class="float-end" :title="exactTimestamp(tracker.trackingStopped)">
|
|
|
|
|
{{ formattedDate(tracker.trackingStopped) }}
|
|
|
|
|
</div>
|
|
|
|
|
Ende:
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div class="float-end">
|
|
|
|
|
{{ timeWithPostFix(tracker.minutes) }}
|
|
|
|
|
</div>
|
|
|
|
|
Zeit:
|
|
|
|
|
</div>
|
|
|
|
|
<a href="javascript:" @click="deleteHistoryEntry(null, historyIndex)" class="float-end">
|
|
|
|
|
<i class="fas fa-trash"></i>
|
|
|
|
|
</a>
|
|
|
|
|
<br/>
|
|
|
|
|
</li>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-for="(tracker, historyIndex) in selectedTracker.history">
|
|
|
|
|
<li class="list-group-item bg-light"
|
|
|
|
|
v-if="tracker.manually">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="float-end" :title="exactTimestamp(tracker.trackingStarted)">
|
|
|
|
|
{{ formattedDate(tracker.trackingStarted) }}
|
|
|
|
|
</div>
|
|
|
|
|
Manuell erfasst am:
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div class="float-end">
|
|
|
|
|
{{ timeWithPostFix(tracker.minutes) }}
|
|
|
|
|
</div>
|
|
|
|
|
Zeit:
|
|
|
|
|
</div>
|
|
|
|
|
<a href="javascript:" @click="deleteHistoryEntry(ticketIndex, historyIndex)" class="float-end">
|
|
|
|
|
<i class="fas fa-trash"></i>
|
|
|
|
|
</a>
|
|
|
|
|
<br/>
|
|
|
|
|
</li>
|
|
|
|
|
</template>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Custom Booking Modal -->
|
|
|
|
|
<div class="modal fade" id="customBookingModal" tabindex="-1" role="dialog" aria-labelledby="customBookingModalLabel"
|
|
|
|
|
aria-hidden="true" v-if="selectedTracker">
|
|
|
|
|
<div class="modal-dialog" role="document">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<h5 class="modal-title"><i class="fas fa-user-edit"></i> Buchung für {{selectedTracker.number}}</h5>
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label>Zeit in Minuten:</label>
|
|
|
|
|
<input type="text" class="form-control" v-model="customBookingValue">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-6">
|
|
|
|
|
<a href="javascript:" class="btn btn-success btn-full-width" data-bs-dismiss="modal" @click="makeCustomBooking()">+ Hinzubuchen</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-6">
|
|
|
|
|
<a href="javascript:" class="btn btn-danger btn-full-width" data-bs-dismiss="modal" @click="makeCustomBooking(true)">- Abbuchen</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Switcher Modal -->
|
|
|
|
|
<div class="modal fade" id="switcherModal" tabindex="-1" role="dialog" aria-labelledby="switcherModalLabel"
|
|
|
|
|
aria-hidden="true" v-if="experimental.portalSwitcher">
|
|
|
|
|
<div class="modal-dialog" role="document">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<h5 class="modal-title"><i class="fas fa-random"></i> Portal Switcher</h5>
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="text-muted">Portalname:</label>
|
|
|
|
|
<input v-if="!portals || portals.length === 0" class="form-control" @change="updateStorage()" @keydown="updateStorage()" v-model="portal"/>
|
|
|
|
|
<select v-else v-model="portal" class="form-control">
|
|
|
|
|
<option v-for="selectablePortal in portals" :value="selectablePortal">{{ selectablePortal }}</option>
|
|
|
|
|
</select>
|
|
|
|
|
<div class="form-group" v-if="experimental.portalSwitcher">
|
|
|
|
|
<label>
|
|
|
|
|
<input type="checkbox" class="form-control-checkbox" v-model="publicDB">
|
|
|
|
|
Auf Standard-DB wechseln?
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<br/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<template v-if="portal && portal !== ''">
|
|
|
|
|
<div class="col-12 switch-portal-button">
|
|
|
|
|
<a class="btn btn-danger btn-switcher" href="javascript:" @click="sendPortalChangeRequest">
|
|
|
|
|
<i class="fas fa-random"></i> Wechsle Portal
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col">
|
|
|
|
|
<a class="btn btn-info btn-switcher" href="https://my.vemap.docker" target="_blank">Docker</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col">
|
|
|
|
|
<a class="btn btn-warning btn-switcher" :href="getPortalLink(true)" target="_blank">Test</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col">
|
|
|
|
|
<a class="btn btn-success btn-switcher" :href="getPortalLink()" target="_blank">Live</a>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Past Days Modal -->
|
|
|
|
|
<div class="modal fade" id="pastDaysModal" tabindex="-1" role="dialog" aria-labelledby="pastDaysModalLabel"
|
|
|
|
|
aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog" role="document">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<h5 class="modal-title"><i class="fas fa-random"></i> Buchungsverlauf</h5>
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<h6 for="date">Datum</h6>
|
|
|
|
|
<input id="date" type="date" class="form-control" v-model="customDateForPastDays">
|
|
|
|
|
</div>
|
|
|
|
|
<ul class="list-group">
|
|
|
|
|
<li class="list-group-item" v-for="entry in collectDataForDay(0, customDateForPastDays)" :style="entry.archive ? 'background-color: lightgrey;' : ''">
|
|
|
|
|
{{ entry.ticket }}
|
|
|
|
|
<span class="float-end">{{ timeWithPostFix(entry.minutes) }}</span>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- SnippetSpace Modal -->
|
|
|
|
|
<div class="modal fade" id="snippetSpaceModal" tabindex="-1" role="dialog" aria-labelledby="snippetSpaceModalLabel"
|
|
|
|
|
aria-hidden="true" v-if="experimental.snippetSpace">
|
|
|
|
|
<div class="modal-dialog" role="document">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<h5 class="modal-title"><i class="fas fa-code"></i> Snippet Space</h5>
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<a href="javascript:" class="btn btn-sm btn-success btn-wide float-end" @click="createSnippet()">
|
|
|
|
|
<i class="fas fa-plus"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-lg-6" v-for="(snippet, snippetIndex) in snippets">
|
|
|
|
|
<textarea class="snippet-space-item" :id="snippet.id" v-model="snippet.content" @load="loadSnippet(snippet)"></textarea>
|
|
|
|
|
<div class="float-end">
|
|
|
|
|
<a href="javascript:" class="btn btn-sm btn-warning btn-wide" @click="copySnippet(snippet)">
|
|
|
|
|
<i class="fas fa-copy"></i>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="javascript:" class="btn btn-sm btn-danger btn-wide" @click="deleteSnippet(snippetIndex)">
|
|
|
|
|
<i class="fas fa-trash"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Menu section -->
|
|
|
|
|
<div id="left-menu">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col">
|
|
|
|
|
<div class="dropup">
|
|
|
|
|
<button class="btn btn-success text-light bottom-menu-item" type="button" id="create-dropdown-menu" data-bs-toggle="dropdown" aria-expanded="false" title="Neu">
|
|
|
|
|
<i class="fas fa-plus"></i>
|
|
|
|
|
</button>
|
|
|
|
|
<ul class="dropdown-menu" aria-labelledby="create-dropdown-menu">
|
|
|
|
|
<li><button class="btn btn-light dropdown-menu-button" type="button" @click="createTracker()">Tracker</button></li>
|
|
|
|
|
<li><button class="btn btn-light dropdown-menu-button" type="button" @click="createTimeBox()">Timebox</button></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="" v-if="tickets.length > 0">
|
|
|
|
|
<a type="button"
|
|
|
|
|
class="btn btn-primary text-light bottom-menu-item"
|
|
|
|
|
data-bs-toggle="modal"
|
|
|
|
|
data-bs-target="#showTicketsModal"
|
|
|
|
|
data-bs-placement="top"
|
|
|
|
|
title="Alle Tracker">
|
|
|
|
|
<i class="fas fa-clock"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="" v-if="archive.length > 0">
|
|
|
|
|
<a type="button"
|
|
|
|
|
class="btn btn-secondary text-dark bottom-menu-item"
|
|
|
|
|
data-bs-toggle="modal"
|
|
|
|
|
data-bs-target="#showArchivedTicketsModal"
|
|
|
|
|
data-bs-placement="top"
|
|
|
|
|
title="Archivierte Tracker">
|
|
|
|
|
<i class="fas fa-archive"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="" v-if="experimental.portalSwitcher">
|
|
|
|
|
<a type="button"
|
|
|
|
|
class="btn btn-warning text-light bottom-menu-item"
|
|
|
|
|
data-bs-toggle="modal"
|
|
|
|
|
data-bs-target="#switcherModal"
|
|
|
|
|
data-bs-placement="top"
|
|
|
|
|
title="Portal Switcher">
|
|
|
|
|
<i class="fas fa-random"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="" v-if="experimental.snippetSpace">
|
|
|
|
|
<a type="button"
|
|
|
|
|
class="btn btn-info text-light bottom-menu-item"
|
|
|
|
|
data-bs-toggle="modal"
|
|
|
|
|
data-bs-target="#snippetSpaceModal"
|
|
|
|
|
data-bs-placement="top"
|
|
|
|
|
title="Snippet Space">
|
|
|
|
|
<i class="fas fa-code"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="">
|
|
|
|
|
<a type="button"
|
|
|
|
|
class="btn btn-info text-light bottom-menu-item"
|
|
|
|
|
data-bs-toggle="modal"
|
|
|
|
|
data-bs-target="#pastDaysModal"
|
|
|
|
|
data-bs-placement="top"
|
|
|
|
|
title="Buchungsverlauf">
|
|
|
|
|
<i class="fas fa-history"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="">
|
|
|
|
|
<a type="button"
|
|
|
|
|
class="btn btn-dark text-light bottom-menu-item"
|
|
|
|
|
data-bs-toggle="modal"
|
|
|
|
|
data-bs-target="#settingsModal"
|
|
|
|
|
data-bs-placement="left"
|
|
|
|
|
title="Einstellungen">
|
|
|
|
|
<i class="fas fa-sliders-h"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<template v-if="fun">
|
|
|
|
|
<div id="hidden-one" @click="tellJoke('pun', 'de')"></div>
|
|
|
|
|
<div id="hidden-two" @click="tellJoke('programming,coding,development')"></div>
|
|
|
|
|
<div id="hidden-three" @click="tellJoke('dark')"></div>
|
|
|
|
|
<div id="hidden-four" @click="tellJoke('misc')"></div>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="js/codemirror.js"></script>
|
|
|
|
|
<script src="js/mode/javascript/javascript.js"></script>
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/js/iziToast.min.js"></script>
|
|
|
|
|
<script src="https://kit.fontawesome.com/b54a4cceff.js" crossorigin="anonymous"></script>
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment-with-locales.min.js"></script>
|
|
|
|
|
<script src="https://unpkg.com/vue@next"></script>
|
|
|
|
|
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.min.js"></script>
|
|
|
|
|
<script src="js/JokeService.js"></script>
|
|
|
|
|
<script src="js/app.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
