Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add new props #613

Merged
merged 5 commits into from
Sep 4, 2018
Merged

Add new props #613

merged 5 commits into from
Sep 4, 2018

Conversation

skjnldsv
Copy link
Member

Select to allow the addition of new props

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
@skjnldsv skjnldsv added 2. developing Work in progress vue labels Aug 31, 2018
@skjnldsv skjnldsv added this to the 3.0.0 milestone Aug 31, 2018
@skjnldsv skjnldsv self-assigned this Aug 31, 2018
@skjnldsv skjnldsv changed the base branch from master to vue August 31, 2018 10:03
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
@skjnldsv skjnldsv added 3. to review Waiting for reviews and removed 2. developing Work in progress labels Sep 3, 2018
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
@skjnldsv skjnldsv merged commit acd5c2c into vue Sep 4, 2018
@skjnldsv skjnldsv deleted the add-new-props branch September 4, 2018 14:22
@@ -83,13 +83,16 @@

<!-- properties iteration -->
<!-- using contact.key in the key and index as key to avoid conflicts between similar data and exact key -->
<contact-details-property v-for="(property, index) in sortedProperties" :key="index+contact.key" :index="index"
<contact-property v-for="(property, index) in sortedProperties" :key="index+contact.key" :index="index"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We had actually been talking about whether to use both "contact" and "details" or not when naming the component we created for the avatar management issue.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice! What did you settle for? :)

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ContactAvatar, like you. My concern is just that we also have the list avatar to think of.

<!-- title -->
<property-title :icon="'icon-add'" :readable-name="t('contacts', 'Add new property')" />

<div class="property__row">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

BEM! 💥

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

An issue? Or was it just a comment stating the awesomeness of bem? :)

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's the css way of stating the awesomeness of an app maintainer :)

@@ -35,17 +35,19 @@ export default function parseVcf(data = '', addressbook) {

importState.total = vCards.length

return vCards.map(vCard => {
// Not using map because we want to only push valid contacts
// map force to return at least undefined
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 Good to know and it's nice to see a real life example of reduce being used.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

😊

Copy link
Member

@suntala suntala left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for asking me to review. I understand now why it is great learning tool and one day I can hopefully help out more as a reviewer. I would really like to make code reviews a regular part of my work day!

import Multiselect from 'vue-multiselect'

export default {
name: 'ContactDetailsAddNewProp',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could you remove "new" from the name or find another way of shortening it? Or like above use just "contact" or "details" but not both?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Like 'ContactAddNewProp' ?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, that's what I meant.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes we totally can. Can you create a pull request or an issue? :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants