Summary of essential components

[juliusknorr]

This is just a collection of what might be a good starting point for components.

• AppNavigation Implemented
• PopoverMenu Implemented
• Sidebar Implement sidebar component #340
• Action Action component #12
• ContentList https://docs.nextcloud.com/server/14/developer_manual/design/list.html
• Avatar Implemented
• Dialog Modal component init #212
• Tooltip https://github.com/Akryum/v-tooltip
• Datepicker Implemented
• Timepicker Implemented
• Relative timestamp (like moment.js) Moment #13

@skjnldsv @ChristophWurst

[ChristophWurst]

Suggestion: KeyboardShortcuts, FilePicker, buttons, checkboxes

[ChristophWurst]

ContentList https://docs.nextcloud.com/server/14/developer_manual/design/list.html

In this context we should think about a refresh/reload mechanism that might be used by some apps (e.g. load new messages in Mail, pull in synced contacts in Contacts).

[skjnldsv]

ContentList: https://github.com/nextcloud/contacts/blob/6713a73479c9cb054034e3466ffa2167a9f74055/src/components/ContentList.vue
https://github.com/nextcloud/contacts/blob/6713a73479c9cb054034e3466ffa2167a9f74055/src/components/ContentList/ContentListItem.vue

Needs to be adapted for more standardised variables name (no contacts), but works fine :)
I still need to add custom options and such. I'll probably work on it Thursday of something :)

[dartcafe]

I would add a date and a time picker to get rid of using jQuery with vue.

[ChristophWurst]

Something that came up in Mail: a moment-js-like timestamp, like x seconds ago.

[juliusknorr]

Something that came up in Mail: a moment-js-like timestamp, like x seconds ago.

https://github.com/brockpetrie/vue-moment https://github.com/egoist/vue-timeago looks good for that. Should we just keep a list of recommended vue libs for small stuff like that? I don't think it is worth to add a wrapper for it to the nextcloud vue components.

[georgehrke]

Will Dialog also cover in-dialog input fields like here?

[skjnldsv]

@georgehrke the idea is to support the same features as the designer guide :)

[ChristophWurst]

https://github.com/egoist/vue-timeago looks good for that.

Works 👍, but l10n is pain to use as it requires you to load the translations from another package: https://github.com/egoist/vue-timeago#usage.

[skjnldsv]

Any good datepicker? :)

[georgehrke]

An autocomplete component would be highly appreciated :)
with label, value, and avatar / icon / plain color.

[skjnldsv]

@georgehrke with dropdown?
vue-multiselect is already here for that :)

[dartcafe]

What about vuetify? OK, it could start a new discussion about using material design, but it has many useful components.

[skjnldsv]

@dartcafe the idea is not to port other components into nextcloud. Let's keep our simplified and unified design. :)
If you find any other reusable components we use on nc or associated apps then let's add them on this list ;)