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

put Settings to off-canvas;

poc/redesign-trackers
stingl 4 years ago
parent
d08ccb2ca5
commit
5fde5543b3
3 changed files with 74 additions and 67 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      src/App.vue
  2. 15
      src/views/Menu.vue
  3. 123
      src/views/Settings.vue

3
src/App.vue
Unescape View File

@ -12,6 +12,7 @@
<CustomBookForTracker/> <CustomBookForTracker/>
<TasksForTracker/> <TasksForTracker/>
<History/> <History/>
<Settings/>
</template> </template>
<script> <script>
@ -23,10 +24,12 @@ import History from "./views/History";
import TasksForTracker from "./views/TasksForTracker"; import TasksForTracker from "./views/TasksForTracker";
import HistoryForTracker from "./views/HistoryForTracker"; import HistoryForTracker from "./views/HistoryForTracker";
import CustomBookForTracker from "./views/CustomBookForTracker"; import CustomBookForTracker from "./views/CustomBookForTracker";
import Settings from "./views/Settings";
export default { export default {
el: '#root', el: '#root',
components: { components: {
Settings,
CustomBookForTracker, CustomBookForTracker,
HistoryForTracker, HistoryForTracker,
TasksForTracker, TasksForTracker,

15
src/views/Menu.vue
Unescape View File

@ -56,13 +56,16 @@
</a> </a>
</div> </div>
<div class="left-menu-item"> <div class="left-menu-item">
<router-link to="/settings" <a type="button"
type="button" class="btn btn-dark text-light bottom-menu-item"
class="btn btn-dark text-light bottom-menu-item" data-bs-toggle="offcanvas"
data-bs-placement="left" data-bs-target="#settingsCanvas"
title="Einstellungen"> data-bs-placement="top"
title="Einstellungen">
<i class="fas fa-sliders-h"></i> <i class="fas fa-sliders-h"></i>
</router-link> </a>
</div>
<div class="left-menu-item">
</div> </div>
</div> </div>
</template> </template>

123
src/views/Settings.vue
Unescape View File

@ -1,72 +1,73 @@
<template> <template>
<h5><i class="fas fa-sliders-h"></i> Einstellungen</h5> <div class="offcanvas offcanvas-end" id="settingsCanvas"
<hr/> aria-hidden="true">
<div class="row"> <div class="offcanvas-header">
<div class="col-md-6"> <h5><i class="fas fa-sliders-h"></i> Einstellungen</h5>
<h5>Allgemeine Einstellungen</h5> <button type="button" v-on:click="updateStorage()" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
<!-- <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="trackerSystemUrl" class="form-control">
</div>
<br/>
<div class="form-group">
<label>
<input type="checkbox" class="form-control-checkbox" v-model="$store.state.settings.showPT">
Ab 8 Stunden nurmehr PT anzeigen
</label>
</div>
<br/>
<div class="form-group">
<label>
<input type="checkbox" class="form-control-checkbox" v-model="$store.state.settings.dontShowMinutes">
Zeit immer in Stunden anzeigen
</label>
</div>
<br/>
<!-- <div class="form-group">-->
<!-- <label>Design</label>-->
<!-- <select v-model="theme" class="form-control">-->
<!-- <option v-for="(availableTheme, themeIndex) in themes" :value="availableTheme.name.toLowerCase()"-->
<!-- v-bind:key="themeIndex">{{ availableTheme.name }}-->
<!-- </option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <br/>-->
</div> </div>
<div class="col-md-6"> <div class="offcanvas-body">
<!-- <h5>Zurücksetzen & Löschen</h5>-->
<!-- <div class="row">-->
<!-- <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="row">
<div class="col-md-6"> <div class="col-md-12">
<h6>Export-Json</h6> <h5>Allgemeine Einstellungen</h5>
<textarea class="form-control" id="exportJsonInput" v-model="exportJson"></textarea> <div class="form-group">
<button class="btn btn-success tracker-action-button" @click="copy2Clipboard">Export-String kopieren <label>Ticket-Link <small>Link zu einem Ticket ohne Ticketnummer</small></label>
</button> <input type="text" v-model="trackerSystemUrl" class="form-control">
</div>
<br/>
<div class="form-group">
<label>
<input type="checkbox" class="form-control-checkbox" v-model="$store.state.settings.showPT">
Ab 8 Stunden nurmehr PT anzeigen
</label>
</div>
<br/>
<div class="form-group">
<label>
<input type="checkbox" class="form-control-checkbox"
v-model="$store.state.settings.dontShowMinutes">
Zeit immer in Stunden anzeigen
</label>
</div>
<br/>
<!-- <div class="form-group">-->
<!-- <label>Design</label>-->
<!-- <select v-model="theme" class="form-control">-->
<!-- <option v-for="(availableTheme, themeIndex) in themes" :value="availableTheme.name.toLowerCase()"-->
<!-- v-bind:key="themeIndex">{{ availableTheme.name }}-->
<!-- </option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <br/>-->
</div> </div>
<div class="col-md-6"> <div class="col-md-12">
<h6>Import</h6> <!-- <h5>Zurücksetzen & Löschen</h5>-->
<textarea class="form-control" v-model="importJson"></textarea> <!-- <div class="row">-->
<button class="btn btn-success tracker-action-button" @click="importData">Import</button> <!-- <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" id="exportJsonInput" v-model="exportJson"></textarea>
<button class="btn btn-success tracker-action-button" @click="copy2Clipboard">Export-String
kopieren
</button>
</div>
<div class="col-md-6">
<h6>Import</h6>
<textarea class="form-control" v-model="importJson"></textarea>
<button class="btn btn-success tracker-action-button" @click="importData">Import</button>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="modal-footer">
<button class="btn btn-primary" v-on:click="updateStorage()" data-bs-dismiss="offcanvas" >Speichern</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="offcanvas" >Schließen</button>
</div>
</template> </template>
<script> <script>

Write Preview
Loading…
Cancel
Save