Implement Connect Service & Data Source Interface #205 #206

[zyzo]

This PR adds a new page to Loklak, accessible via navbar, dedicating to add new services #205 and data sources #206 to loklak server via webclient, and for the user to visualize the list of added services / data sources.

Not ready until PR loklak/loklak_server#59 is merged and Issue loklak/loklak_server#35 is resolved.

[zyzo]

• Access connect page from nav bar. Click My Connections to open :
  
• Data Sources Page. The data displayed is just some stubs as no real data source info is available on server-side yet :
  
• Others pages : display Coming soon message
  

[prasht63]

@zyzo Should I see a form on clicking Add data source? How do we add a data soure now?

[mariobehling]

@zyzo How can I tell the system the URL of a FOSSASIA API File (e.g. https://raw.githubusercontent.com/fossasia/fossasia-communities/master/China/BeijingLinuxUserGroup-api.json)?

[zyzo]

@mariobehling That would be the feature described in loklak/loklak_server#35. We need to somehow save the source metadata (url, importer, ..) to loklak.

[zyzo]

@prasht63 I'm on it :)

[zyzo]

@prasht63 add data source form is added.
TODO :

• Add source_type selector to form. @Orbiter : is there a way to get source types list with loklak API ?
• Add map_type chooser to form. I'm thinking about an input panel with 2 column. First is user field name, second is valid tweet field name. Same here : is there a way to get all valid tweet field names ? If not, I guess the easier solution would be declare & store that list statistically in loklak_webclient.

[zyzo]

New add form screenshots :

[mariobehling]

Is it possible to actually test something in the interface already? Could we merge this and iterate from here? I would like to see some UI in action to understand the flow better.

[zyzo]

The data source list is stubbed, but this could surely be a checkpoint to iterate from. @prasht63 Could you please review & merge ?

[prasht63]

Merging #285