-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Reworked Main Card Views * Built out new Components * More Design Refactoring
- Loading branch information
1 parent
d0fd394
commit aa2e6e8
Showing
54 changed files
with
773 additions
and
480 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <template> | ||
| <Card> | ||
| <div class="content"> | ||
| <CardHeader>{{ title }}</CardHeader> | ||
| <form> | ||
| <slot/> | ||
| </form> | ||
| </div> | ||
| </Card> | ||
| </template> | ||
|
|
||
| <script> | ||
| import Card from '@/components/Card' | ||
| import CardHeader from '@/components/Card/Header' | ||
| export default { | ||
| components: { Card, CardHeader }, | ||
| props: { | ||
| title: String | ||
| } | ||
| } | ||
| </script> | ||
|
|
||
| <style scoped> | ||
| .content { | ||
| padding: 10px 20px; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,55 @@ | ||
| <template> | ||
| <Card> | ||
| <!-- Add badges here in future --> | ||
| <CardHeader v-if="title">{{ title }}</CardHeader> | ||
| <!-- User block --> | ||
| <User v-bind="user" :published="published"/> | ||
| <!-- Content block and user interaction --> | ||
| <div class="content"> | ||
| <Vote v-bind="vote" /> | ||
| <p>{{ body }}</p> | ||
| </div> | ||
| </Card> | ||
| </template> | ||
|
|
||
| <script> | ||
| import Card from '.' | ||
| import CardHeader from './Header' | ||
| import User from '@/components/User/Summary' | ||
| import Vote from '@/components/Vote' | ||
| export default { | ||
| components: { | ||
| Card, | ||
| CardHeader, | ||
| User, | ||
| Vote | ||
| }, | ||
| props: { | ||
| /* post title */ | ||
| title: String, | ||
| /* post body */ | ||
| body: String, | ||
| /* post vote object, verify at lower level */ | ||
| vote: Object, | ||
| /* user object, verify at lower level */ | ||
| user: Object, | ||
| /* Date string */ | ||
| published: String | ||
| } | ||
| } | ||
| </script> | ||
|
|
||
| <style scoped> | ||
| .content { | ||
| display: grid; | ||
| grid-template-columns: 45px auto; | ||
| grid-gap: 10px; | ||
| } | ||
| p { | ||
| margin: 10px 0; | ||
| font: var(--body-copy-2); | ||
| padding: 5px; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| <template> | ||
| <CardForm :title="`Submit ${type}`"> | ||
| <textarea placeholder="Your input here.." v-model="body"></textarea><br> | ||
| <!-- should probs be a separate component --> | ||
| <AppButton @click.native="callback({body}); body=''">{{ type }}</AppButton> | ||
| <!-- errors will be injected here --> | ||
| <slot></slot> | ||
| </CardForm> | ||
| </template> | ||
|
|
||
| <script> | ||
| import CardForm from '@/components/Card/Form' | ||
| import AppButton from '@/components/AppButton' | ||
| export default { | ||
| name: 'CommentForm', | ||
| components: { | ||
| CardForm, | ||
| AppButton | ||
| }, | ||
| props: { | ||
| type: String, | ||
| callback: Function | ||
| }, | ||
| data () { | ||
| return { | ||
| body: '' | ||
| } | ||
| } | ||
| } | ||
| </script> |
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
File renamed without changes.
Oops, something went wrong.