Loading
Network error

[Futur] Nouvelle interface pour Agorakit

Started by Philippe de Agorakit in Agorakit : Développeurs.euses et utilisateurs.trices October 12, 2020 5:40 PM

Je suis occupé à repenser l'interface utilisateur d'Agorakit. Je souhaite faire quelque chose de beaucoup plus simple pour les utilisateurs mobiles (et les autres aussi du coup).

Voici des premiers essais : https://philippejadin.github.io/agorakit-tailwind/

Aucun lien ne fonctionne dans les barres de navigation, c'est juste du contenu test et statique pour l'instant.

Vos avis sont déjà les bienvenus même si c'est très tôt dans le processus.

October 12, 2020 5:52 PM

Déjà, ça donne envie ! 

October 13, 2020 2:47 PM

J'ai ajouté plusieurs modèles 

  • page discussions
  • page d'une discussion précise
  • quelques éléments d'interface utilisateur
January 10, 2021 8:05 AM

Bonjour Philippe,

Est-il possible de mettre en place un affichage responsive pour les intégrations en iframe ?

J'ai intégrer dans mes groupes un onglet “salon audio" qui relaie (iframe) un service web d'audioconférence. L'affichage fonctionne très bien sur ordinateur, mais peu pratique sur téléphone (trop grand). Or mon objectif est de mettre en place un genre de salon vocal très facile d'accès qui permettent aux membres des groupes de se donner des rendez-vous, de participer à des réunions à distance de manière facilitée - et l'accès par téléphone est vraiment un plus.

PS = Je ne suis pas vraiment de la partie, je bidouille en consultant des page web.

Par avance, merci.

January 10, 2021 9:09 PM

Je peux voir pour cela. De quel service s'agit-il ? quel code employez-vous pour l'intégrer?

January 11, 2021 9:04 PM

Le service s'appelle mornin.fm.

J'ai réutilisé le code proposé par Jitsi Meet pour les intégration afin de régler la problématique de l'autorisation micro. Je l'ai retouché pour limiter l'autorisation au micro et je l'ai dirigé sur le groupe Mornin que j'ai créé. 

Ça donne =

<iframe allow="microphone; fullscreen; display-capture"

src="https://mornin.fm/EquipeAccueil"

    width="900"

    height="800"

    style="border:2px solid orange">

</iframe>

J'ai fait des recherches pour l'affichage responsive, mais ça dépasse mes bidouillages. 

Merci ! 

January 12, 2021 9:48 PM

ah pour ce problème, ça va être facile, il suffit de remplacer le width="900" par width="100%" :-)

January 13, 2021 8:22 AM

Tout simplement… ça avait l'ai beaucoup plus compliqué dans les articles que j'avais trouvé :) Bref, il vaut mieux demander à ceux qui savent, on gagne beaucoup de temps !!

En tout cas ça marche impeccable. Merci !

February 9, 2021 7:14 PM

Une chose qui me dérange dans la version actuelle et que je suis obligé de changé a chaque maj, c'est le max-height=10em en dur qui limite la taille du texte de présentation en hauteur avec un ascenseur. Si ça pouvait être paramétrable dans le prochain template çà serait génial, ça éviterait d'avoir a éditer le homepage.blade.php.

Au niveau de l'ergonomie la page accueil et la page discussion affiche continuellement un extrait du premier poste, la possibilité de plutôt avoir l'extrait du dernier poste serait probablement plus intéressante 

Un bouton remonter pour aller en haut de la page pour la navigation sur téléphone mais aussi sur PC serait un plus. 

March 3, 2021 8:32 PM

Désolé j'avais zappé ce message :-)

Que voudriez vous comme présentation sur la page d'accueil? Pas de limitation de taille?

Tout à fait d'accord pour la présentation des discussions, je note! https://github.com/agorakit/agorakit/issues/353

Aussi pour le bouton remonter : https://github.com/agorakit/agorakit/issues/246

March 6, 2021 8:14 PM

Je me permets ici une remarque : et pourquoi pas, quand rentre dans une discussion, arriver plutôt tout en bas, là où il y a le dernier message, plutôt que tout en haut, au premier message ?  

March 8, 2021 9:32 PM

C'est normalement ce qui se passe maintenant : l'interface scroll jusqu'au dernier message lu (ou le dernier tout court)

You've read everything in this discussion