Skip to content
Snippets Groups Projects
Commit 31458801 authored by 최지원's avatar 최지원
Browse files

Big update

parent 05223830
No related branches found
No related tags found
No related merge requests found
Pipeline #4269 failed
<template>
<v-app>
<core-filter />
<!-- <core-filter /> -->
<core-toolbar />
......
......@@ -71,16 +71,16 @@ export default {
icon: 'mdi-chart-bubble',
text: 'Icons'
},
{
to: '/maps',
icon: 'mdi-map-marker',
text: 'Maps'
},
{
to: '/notifications',
icon: 'mdi-bell',
text: 'Notifications'
}
// {
// to: '/maps',
// icon: 'mdi-map-marker',
// text: 'Maps'
// },
// {
// to: '/notifications',
// icon: 'mdi-bell',
// text: 'Notifications'
// }
]
}),
computed: {
......
......@@ -18,7 +18,7 @@ export default [
{
path: '/losterboard',
name: 'LosterBoard',
view: 'UserProfile'
view: 'LosterBoard'
},
{
path: '/mypage',
......
<template>
<v-container fill-height fluid grid-list-xl>
<v-layout justify-center wrap>
<v-flex xs12 sm4 offset-sm8>
<v-btn class="ma-2" outlined color="cyan">글쓰기</v-btn>
<v-text-field outlined label="검색" v-model="search" class="d-inline" single-line hide-details clearable></v-text-field>
</v-flex>
<v-flex md12>
<material-card color="green" title="발견 게시판" text="실종견을 발견한 사람들의 게시글입니다.">
<v-data-table :headers="headers" :items="items" hide-actions>
<v-data-table
:headers="headers"
:items="items"
:items-per-page="5"
class="elevation-1"
:search="search">
<template slot="headerCell" slot-scope="{ header }">
<span class="subheading font-weight-light text-success text--darken-3" v-text="header.text"/>
</template>
<template slot="items" slot-scope="{item}" v-if="items">
<!-- <tr v-for="p in paginatedData" :key="p"> -->
<td>{{ item.writer }}</td>
<td>{{ item.title }}</td>
<td>
<!-- <v-btn solo :to="{name: 'Icons', params: {_id: item._id}}">{{ item.title }}</v-btn> -->
<v-btn class="ma-2" outlined color="indigo">{{ item.title }}</v-btn>
</td>
<td>{{ item.writer }}</td>
<td class="text-xs-right">{{ item.findPlace }}</td>
<!-- </tr> -->
<td class="text-xs-right">{{ item.created }}</td>
</template>
</v-data-table>
</material-card>
......@@ -26,35 +36,18 @@
export default {
data: () => ({
headers: [
{
sortable: false,
text: '사진',
value: 'img'
},
{
sortable: false,
text: '제목',
value: 'title'
},
{
sortable: false,
text: '작성자',
value: 'writer'
},
{
sortable: false,
text: '위치',
value: 'location',
align: 'right'
}
{ text: '사진', value: 'img', sortable: false, filterable: false},
{ text: '제목', value: 'title', sortable: false},
{ text: '작성자', value: 'writer', sortable: false},
{ text: '작성날짜', value: 'created', sortable: false, align: 'right'}
],
items: []
items: [],
search: ''
}),
created() {
this.$http.get('/finderboard')
.then(response => {
if(JSON.stringify(response.data.success) === "true"){
alert("response"+JSON.stringify(response.data.success))
this.items = response.data.finderboards;
console.log(this.items);
console.log(this.items[0].body)
......@@ -64,6 +57,11 @@ export default {
}).catch(err => {
alert("ERR while FET finderboard" + err)
});
},
methods: {
onClicked: function(){
this.$router.push('/icons')
},
}
}
</script>
\ No newline at end of file
<template>
<v-container fill-height fluid grid-list-xl>
<v-layout justify-center wrap>
<v-flex xs12 sm4 offset-sm8>
<v-btn class="ma-2" outlined color="cyan">글쓰기</v-btn>
<v-text-field outlined label="검색" v-model="search" class="d-inline" single-line hide-details clearable></v-text-field>
</v-flex>
<v-flex md12>
<material-card color="green" title="발견 게시판" text="실종견을 발견한 사람들의 게시글입니다.">
<v-data-table
:headers="headers"
:items="items"
:items-per-page="5"
class="elevation-1"
:search="search">
<template slot="headerCell" slot-scope="{ header }">
<span class="subheading font-weight-light text-success text--darken-3" v-text="header.text"/>
</template>
<template slot="items" slot-scope="{item}" v-if="items">
<td>{{ item.writer }}</td>
<td>
<!-- <v-btn solo :to="{name: 'Icons', params: {_id: item._id}}">{{ item.title }}</v-btn> -->
<v-btn class="ma-2" outlined color="indigo">{{ item.title }}</v-btn>
</td>
<td>{{ item.writer }}</td>
<td class="text-xs-right">{{ item.created }}</td>
</template>
</v-data-table>
</material-card>
</v-flex>
</v-layout>
</v-container>
</template>
<script>
export default {
data: () => ({
headers: [
{ text: '사진', value: 'img', sortable: false, filterable: false},
{ text: '제목', value: 'title', sortable: false},
{ text: '작성자', value: 'writer', sortable: false},
{ text: '작성날짜', value: 'created', sortable: false, align: 'right'}
],
items: [],
search: ''
}),
created() {
this.$http.get('/losterboard')
.then(response => {
if(JSON.stringify(response.data.success) === "true"){
this.items = response.data.losterboards;
console.log(this.items);
console.log(this.items[0].body)
}else{
alert("로그인이 필요합니다." + response.data.message)
}
}).catch(err => {
alert("ERR while FET losterboard" + err)
});
},
methods: {
onClicked: function(){
this.$router.push('/icons')
},
}
}
</script>
\ No newline at end of file
<template>
<v-container fill-height fluid grid-list-xl>
<v-layout justify-center wrap>
<v-flex xs12 md8>
<material-card color="green" title="Edit Profile" text="Complete your profile">
<v-form>
<v-container py-0>
<v-layout wrap>
<v-flex xs12 md4>
<v-text-field label="Company (disabled)" disabled/>
</v-flex>
<v-flex xs12 md4>
<v-text-field class="purple-input" label="User Name"/>
</v-flex>
<v-flex xs12 md4>
<v-text-field label="Email Address" class="purple-input"/>
</v-flex>
<v-flex xs12 md6>
<v-text-field label="First Name" class="purple-input"/>
</v-flex>
<v-flex xs12 md6>
<v-text-field label="Last Name" class="purple-input"/>
</v-flex>
<v-flex xs12 md12>
<v-text-field label="Adress" class="purple-input"/>
</v-flex>
<v-flex xs12 md4>
<v-text-field label="City" class="purple-input"/>
</v-flex>
<v-flex xs12 md4>
<v-text-field label="Country" class="purple-input"/>
</v-flex>
<v-flex xs12 md4>
<v-text-field class="purple-input" label="Postal Code" type="number"/>
</v-flex>
<v-flex xs12>
<v-textarea class="purple-input" label="About Me" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit."/>
</v-flex>
<v-flex xs12 text-xs-right>
<v-btn class="mx-0 font-weight-light" color="success">Update Profile</v-btn>
</v-flex>
</v-layout>
</v-container>
</v-form>
</material-card>
</v-flex>
<v-flex xs12 md4>
<material-card class="v-card-profile">
<v-avatar slot="offset" class="mx-auto d-block" size="130">
<img src="https://demos.creative-tim.com/vue-material-dashboard/img/marc.aba54d65.jpg">
</v-avatar>
<v-card-text class="text-xs-center">
<h6 class="category text-gray font-weight-thin mb-3">CEO / CO-FOUNDER</h6>
<h4 class="card-title font-weight-light">Alec Thompson</h4>
<p class="card-description font-weight-light">Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...</p>
<v-btn color="success" round class="font-weight-light">Follow</v-btn>
</v-card-text>
</material-card>
</v-flex>
</v-layout>
</v-container>
</template>
<script>
export default {
//
}
</script>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment