ami/tl-vikunja
1
0
Fork 0
Code Activity

New design (#14)

Browse Source
This commit is contained in:
konrad
2018-12-25 15:03:51 +00:00
committed by Gitea
parent de6104dda6
commit e094b654e2
51 changed files with 2828 additions and 551 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/teams/EditTeam.vue
View File

@ -12,7 +12,7 @@
<div class="field">
<label class="label" for="teamtext">Team Name</label>
<div class="control">
<input :class="{ 'disabled': loading}" :disabled="loading" class="input" type="text" id="teamtext" placeholder="The team text is here..." v-model="team.name">
<input v-focus :class="{ 'disabled': loading}" :disabled="loading" class="input" type="text" id="teamtext" placeholder="The team text is here..." v-model="team.name">
</div>
</div>
<div class="field">
@ -276,6 +276,8 @@
.table{
border-top: 1px solid darken(#fff, 15%);
border-radius: 4px;
overflow: hidden;
td{
vertical-align: middle;

35
src/components/teams/ListTeams.vue
View File

@ -1,6 +1,9 @@
<template>
<div class="content loader-container" v-bind:class="{ 'is-loading': loading}">
<router-link :to="{name:'newTeam'}" class="button is-success button-right" >
<span class="icon is-small">
<icon icon="plus"/>
</span>
New Team
</router-link>
<h1>Teams</h1>
@ -57,35 +60,3 @@
}
}
</script>
<style lang="scss" scoped>
.button-right{
float: right;
}
ul.teams{
padding: 0;
margin-left: 0;
li{
list-style: none;
margin: 0;
border-bottom: 1px solid darken(#fff, 25%);
a{
color: #363636;
display: block;
padding: 0.5rem 1rem;
&:hover{
background: darken(#fff, 2%);
}
}
}
li:last-child{
border-bottom: none;
}
}
</style>

27
src/components/teams/NewTeam.vue
View File

@ -1,16 +1,17 @@
<template>
<div class="content">
<div class="fullpage">
<a class="close" @click="back()">
<icon :icon="['far', 'times-circle']">
</icon>
</a>
<h3>Create a new team</h3>
<form @submit.prevent="newTeam">
<form @submit.prevent="newTeam" @keyup.esc="back()">
<div class="field is-grouped">
<p class="control has-icons-left is-expanded" v-bind:class="{ 'is-loading': loading}">
<input class="input" v-bind:class="{ 'disabled': loading}" v-model="team.name" type="text" placeholder="The team's name goes here...">
<span class="icon is-small is-left">
<icon icon="users"/>
</span>
<p class="control is-expanded" v-bind:class="{ 'is-loading': loading}">
<input v-focus class="input" v-bind:class="{ 'disabled': loading}" v-model="team.name" type="text" placeholder="The team's name goes here...">
</p>
<p class="control">
<button type="submit" class="button is-success">
<button type="submit" class="button is-success noshadow">
<span class="icon is-small">
<icon icon="plus"/>
</span>
@ -43,6 +44,9 @@
router.push({name: 'home'})
}
},
created() {
this.$parent.setFullPage();
},
methods: {
newTeam() {
const cancel = message.setLoading(this)
@ -58,6 +62,9 @@
this.handleError(e)
})
},
back() {
router.go(-1)
},
handleError(e) {
message.error(e, this)
},
@ -67,7 +74,3 @@
}
}
</script>
<style scoped>
</style>