Skip to content
Snippets Groups Projects

Added a UI to create timelogs

Merged Marco Zille requested to merge zillemarco/gitlab:zillemarco-add-timelog-ui into master
2 files
+ 12
20
Compare changes
  • Side-by-side
  • Inline
Files
2
@@ -35,7 +35,7 @@ export default {
},
primaryProps() {
return {
text: __('Register time'),
text: __('Save'),
attributes: [
{
variant: 'confirm',
@@ -51,14 +51,11 @@ export default {
};
},
},
mounted() {
this.spentAt = new Date();
},
methods: {
resetModal() {
this.isLoading = false;
this.timeSpent = '';
this.spentAt = new Date();
this.spentAt = null;
this.summary = '';
},
close() {
@@ -113,7 +110,7 @@ export default {
<template>
<gl-modal
ref="modal"
title="Register time spent"
:title="__('Add time entry')"
modal-id="create-timelog-modal"
size="sm"
:action-primary="primaryProps"
@@ -124,33 +121,27 @@ export default {
>
<form class="gl-display-flex gl-flex-direction-column" @submit.prevent>
<div class="gl-display-flex gl-gap-3">
<gl-form-group key="time-spent" label-for="time-spent" label="Time spent" class="gl-flex-grow-1 gl-flex-basis-0">
<gl-form-group key="time-spent" label-for="time-spent" label="Time spent">
<gl-form-input
id="time-spent"
v-model="timeSpent"
class="gl-form-input-sm"
:placeholder="__(`4h 30m`)"
autocomplete="off"
/>
</gl-form-group>
<gl-form-group key="spent-at" label-for="spent-at" label="Spent at" class="gl-flex-grow-1 gl-flex-basis-0">
<gl-form-group key="spent-at" label-for="spent-at" label="Spent at">
<gl-datepicker
:target="null"
:value="spentAt"
class="gl-form-input-sm"
show-clear-button
autocomplete="off"
@input="updateSpentAtDate"
@clear="updateSpentAtDate(null)"
>
<gl-form-input
id="spent-at"
class="datepicker gl-datepicker-input"
autocomplete="off"
inputmode="none"
/>
</gl-datepicker>
@clear="updateSpentAtDate(null)" />
</gl-form-group>
</div>
<gl-form-group label="Note" label-for="summary">
<gl-form-group :label="__('Summary')" label-for="summary" class="gl-mb-0">
<gl-form-textarea id="summary" v-model="summary" rows="3" max-rows="6" />
</gl-form-group>
</form>
Loading