Frontend implementation

[juliusknorr]

This is a first start implementing the apps frontend in vue.js

• Routing structure
• Views
  • User profile
    • Timeline
    • Followers
    • Following
  • Public page for accounts
    • Timeline
    • Followers
    • Following
• Components design
  • Timeline
  • TimelineEntry
  • ProfileInfo
• Use real data in views

@daita Is there already an API endpoint where posts can be fetched/created? Is the social account creating already done using the federated cloud id?

cc @jancborchardt

[jancborchardt]

Aaalright, nice! :) We should limit the width as on the mockup for readability (keeping the container centered on screen, as if the navigation wasn't there). Otherwise apart from details it looks great! :)

[jancborchardt]

Getting some Vue errors on compilation:

WARNING in ./src/views/Timeline.vue?vue&type=template&id=e945440a&scoped=true& (./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/views/Timeline.vue?vue&type=template&id=e945440a&scoped=true&)
Module Warning (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error) <timeline-entry v-for="entry in timeline">: component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.
 @ ./src/views/Timeline.vue?vue&type=template&id=e945440a&scoped=true& 1:0-218 1:0-218
 @ ./src/views/Timeline.vue
 @ ./src/router.js
 @ ./src/main.js

WARNING in ./src/views/ProfileTimeline.vue?vue&type=template&id=9c426680&scoped=true& (./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/views/ProfileTimeline.vue?vue&type=template&id=9c426680&scoped=true&)
Module Warning (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error) <timeline-entry v-for="entry in timeline">: component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.
 @ ./src/views/ProfileTimeline.vue?vue&type=template&id=9c426680&scoped=true& 1:0-225 1:0-225
 @ ./src/views/ProfileTimeline.vue
 @ ./src/router.js
 @ ./src/main.js

[jancborchardt]

App does not show up and the Nextcloud log gives me this:

{"reqId":"QKS58OuqKa7PZuwedOVk","level":3,"time":"2018-10-25T22:34:47+00:00","remoteAddr":"127.0.0.1","user":"jan","app":"PHP","method":"GET","url":"\/nextcloud\/index.php\/apps\/social\/","message":"Trait 'daita\\MySmallPhpTools\\Traits\\TArrayTools' not found at \/home\/jan\/nextcloud\/apps\/social\/lib\/Service\/ActorService.php#48","userAgent":"Mozilla\/5.0 (X11; Ubuntu; Linux x86_64; rv:63.0) Gecko\/20100101 Firefox\/63.0","version":"15.0.0.1"}

[juliusknorr]

App does not show up and the Nextcloud log gives me this:
Trait 'daita\\MySmallPhpTools\\Traits\\TArrayTools

cc @daita Seems composer isn't properly generating the classmap for your library.

Getting some Vue errors on compilation

Can be ignored for now, once we have real data we can properly define a key

[juliusknorr]

@jancborchardt The issue was fixed by @daita on master. Feel free to check out the latest results from there.