136 Commits

Author SHA1 Message Date
Robert Schäfer
00da9e8ecb
feat(backend): resize images with imagor (#8558)
* feat(backend): resize images with imagor

Open questions:
* Do we have external URLs for images? E.g. we have them for seeds. But
  in production?

* Do we want to apply image transformations on these as well? My current
implementation does not apply image transformations as of now. If we
want to do that, we will also expose internal URLs in the kubernetes
Cluster to the S3 endpoint to the client.

TODOs:
* The chat component is using a fixed size for all avatars at the moment.
Maybe we can pair-program on this how to implement responsive images in
this component library.

Commits:
* do not replace upload domain url in the database

* fix all webapp specs

* refactor: remove behaviour we won't need

We don't want to apply image transformations on files, right?

* refactor: replace the domain on read not on write

* wip: webapp fixes

* refactor(backend): add another url to config

I've given up. There seems to be no nice way to tell the minio to return
a location which differs from it's host name.

* refactor: add test for s3Service

* refactor(backend): proxy minio via backend in local development

Commits:
* provide tests for message attachments
* remove S3_PUBLIC_URL config value

* refactor: follow @ulfgebhardt's review

* add missing environment variable

---------

Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
2025-08-19 10:11:12 +02:00
sebastian2357
b1c19d0c94
fix(webapp): optimize registration layout (#8630)
* - fixed nowrap for button
- restyled bullets for slider
- relocated back links
- removed icons

* - removed icon from RegistrationSlideEmail too

* - added media query for padding

* - fixed missing constants

* - fixed padding in no-header layout

* - fixed sticky footer in registration flow

* - removed icons from inputs

* - set fixed height for back link

* - fixed invite code placeholder

* - added auto submit to invite and email code forms
- fixed layout password inputs
- added layout to checkboxes (create)
- removed unnecessary texts
- moved backLink for password-reset
- tidied up create layout

* fixed margin

* - fixed nonceLength

* lint fixes

* corrected path

---------

Co-authored-by: Sebastian Stein <sebastian@codepassion.de>
Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
2025-06-11 16:45:03 +00:00
4b3a26d517
feat(webapp): shout comments (#8600)
* shout comments

* fix notifications

* Remove whitespace for empty category sections

* Overhaul post actions

* Adjust spacing

* Allow fine-grained size control for icons and circle buttons via css variables; adjust comments layout

* Adjust spacing

* Add test for ActionButton (WIP)

* Rename import

* Remove text and add count bubble

* Use filled icons to indicate active states

* Adjust sizes and orientation

* Remove unused properties, add test

* Fix ObserveButton test

* Fix ShoutButton test

* fix tests

* Adapt styles

* Adjust style for larger numbers

* Remove unused icon

* Fix test structure

* Remove unused class names

---------

Co-authored-by: Maximilian Harz <maxharz@gmail.com>
2025-05-31 00:13:15 +02:00
sebastian2357
ff366a4075
fix(webapp): mobile optimization (#8516)
* - optimized header
- added possibility of extra mobile logo

* - changed behavior of NotificationMenu link get directly open for mobile

* - moved notification links to the top of the menu

* - optimized chat view for mobile

* - added logo branding structure

* - added logo branding structure

* - fixed chat height

* - fixed paddings for internal pages

* Fix linting

* Fix linting

---------

Co-authored-by: Sebastian Stein <sebastian@codepassion.de>
Co-authored-by: Wolfgang Huß <wolle.huss@pjannto.com>
2025-05-09 17:04:06 +00:00
Wolfgang Huß
a31274c793
refactor(webapp): refactor branding of post ribbons and chat etc. (#8395)
* Refactor branding of post ribbons

* Refactor chat to be more brandable

* Refine avatar menu logout item to have danger color

* Change login menu item color to '$text-color-link'
2025-04-17 17:48:59 +02:00
mahula
47d79544c6 adapt name and random faking to updates faker api 2024-04-29 08:18:00 +02:00
mahula
d8e47238bb adapt faker import in webapp to package update 2024-04-29 07:44:49 +02:00
Tarun Samanta
8699d1049e
Update webapp/components/_new/generic/CounterIcon/CounterIcon.vue
Applied v-if only to the span tag

Co-authored-by: Wolfgang Huß <wolle.huss@pjannto.com>
2023-09-26 20:37:53 +05:30
Tarun Samanta
d07fa4be0e
Update CounterIcon.vue 2023-09-26 02:39:47 +05:30
Tarun Samanta
76736b1d52 [Feature] Chat: Only show counter if unread messages exist 2023-09-25 23:28:06 +05:30
Wolfgang Huß
4c0469f61a Add tooltip to header avatar menu
- Add 'showProfileNameTitle' to profile avatar.
2023-03-23 07:51:19 +01:00
Wolfgang Huß
3f875525f2 Change shout icon 'bullhorn' to 'heart-o' 2023-03-09 18:41:34 +01:00
Moriz Wahl
6eb5ad25af get all components tests running 2023-02-15 11:12:19 +01:00
Moriz Wahl
4ce5bdd6fa get most components working 2023-02-15 10:23:34 +01:00
Moriz Wahl
a4fd558a88
Update webapp/components/_new/generic/BaseIcon/BaseIcon.vue 2023-02-03 20:18:53 +01:00
Wolfgang Huß
11376facb1 Adjust globe position in header button 2023-01-31 18:54:39 +01:00
Wolfgang Huß
ab493e1a25 Adjust globe position in header button 2023-01-31 17:46:26 +01:00
Wolfgang Huß
8061b1d0fe Reduce size of map button a bit 2023-01-31 15:47:13 +01:00
Wolfgang Huß
e4d209526c Add different sizes to 'BaseIcon.vue' 2023-01-31 12:50:12 +01:00
Wolfgang Huß
c25a7377a8 Add CSS 'letter-spacing: $letter-spacing-large' to 'base-button' like in 'ds-button' 2023-01-29 12:58:39 +01:00
Wolfgang Huß
b9488d7d7a Merge branch 'master' of github.com:Ocelot-Social-Community/Ocelot-Social into 5059-epic-groups 2022-10-25 13:33:11 +02:00
Susmit Mukherjee
917c20c7c7 Addressed issue #5427,Long words are being wrapped now 2022-10-23 22:14:18 +05:30
Wolfgang Huß
2aa85d7b05 Merge branch '5059-epic-groups' of github.com:Ocelot-Social-Community/Ocelot-Social into 5344-add-group-members-management
# Conflicts:
#	backend/src/db/graphql/groups.js
#	backend/src/schema/resolvers/groups.js
#	webapp/components/Group/GroupCard.vue
#	webapp/components/Group/GroupForm.vue
#	webapp/components/Group/GroupTeaser.vue
#	webapp/graphql/groups.js
#	webapp/locales/de.json
#	webapp/locales/en.json
#	webapp/pages/group/edit/_id.vue
2022-09-23 15:04:49 +02:00
Wolfgang Huß
a20d66b1bc Fix type validation error in BaseButton 2022-09-21 08:01:47 +02:00
Wolfgang Huß
2e0e485bbd Fix multiple use of 'disabled' property in BaseButton component in code base by implementing it. 2022-09-19 06:56:40 +02:00
ogerly
41955c5f56 add gruopMenu 2022-09-13 20:40:40 +02:00
Wolfgang Huß
9b83b37ea3 Upload group avatar on group profile page 2022-09-06 09:14:28 +02:00
Wolfgang Huß
5f43a51c6a Rename prop 'user' of 'profile-avatar' to 'profile' 2022-08-29 18:39:51 +02:00
Wolfgang Huß
615ee2991a Rename Component from 'UserAvatar' as 'user-avatar' to 'ProfileAvatar' as 'profile-avatar' 2022-08-29 18:21:50 +02:00
Wolfgang Huß
077a63aca7 Rename class 'user-avatar' to 'profile-avatar' 2022-08-29 18:09:51 +02:00
Wolfgang Huß
50bdfb80e2 Change from require to import which now works again 2022-05-04 09:15:47 +02:00
Wolfgang Huß
634249b407 Fix the rest of the faker imports
- Some seems to work even the old way?!
2022-05-03 14:22:10 +02:00
Wolfgang Huß
ff6cc306af Refactor logos, first step 2021-05-18 17:04:48 +02:00
Wolfgang Huß
f176fa5c3b Refine and remove the last very small rest of the unwanted boarder 2021-03-30 17:33:24 +02:00
Wolfgang Huß
e48a99afe6 Change background color of avatar image to white
- Refactor the user avatar storybook.
2021-03-30 15:53:33 +02:00
Wolfgang Huß
cf9eafa2eb Refactor TabNavigator.vue storybook entry 2021-01-26 09:50:10 +01:00
Wolfgang Huß
3ef41adfb1 Refactor TabNavigator.story.js 2021-01-25 15:28:07 +01:00
Wolfgang Huß
1f8fdb78fd Write unit test for TabNavigator.vue 2021-01-25 11:00:08 +01:00
Wolfgang Huß
9194c58176 Implement TabNavigation test, start 2021-01-22 11:27:45 +01:00
Wolfgang Huß
ae09aee91c Renamed NewTabNavigation to TabNavigation
- Renamed old TabNavigation to OldTabNavigation.
2021-01-21 20:27:13 +01:00
Wolfgang Huß
101b50486c Cleanup comments 2021-01-21 13:03:32 +01:00
Wolfgang Huß
830eb1010c Refactored SearchResults.spec.js to new tab component 2021-01-21 11:36:39 +01:00
Wolfgang Huß
7dbc833e22 Merge branch '2144-Add_Search_Results_Page' of https://github.com/Human-Connection/Human-Connection into HC-2144-Add_Search_Results_Page
# Conflicts:
#	webapp/pages/profile/_id/_slug.vue
2021-01-18 14:12:13 +01:00
Wolfgang Huß
b076fa57ec Improve component for user profile tab and use on search page, refinement needed 2020-09-30 11:01:34 +02:00
Wolfgang Huß
5e910000aa Implement component for user profile tab, first step 2020-09-28 13:12:29 +02:00
Wolfgang Huß
20c52b16e7 Temporary fix tests for SearchResult.vue
- Now the buttons are disabled instead of remove from the DOM.
2020-09-25 13:46:56 +02:00
Wolfgang Huß
7fd861caa0 Fix tests for pagination buttons
- Now the buttons are disabled instead of remove from the DOM.
2020-09-25 13:31:35 +02:00
Wolfgang Huß
965dc48dae Fix tests for pagination buttons
- Now the buttons are disabled instead of remove from the DOM.
2020-09-25 10:00:17 +02:00
Moriz Wahl
d049ad5d3e changes requested by review https://github.com/Human-Connection/Human-Connection/pull/3271 2020-09-24 13:14:35 +02:00
Moriz Wahl
af56c3dd4b Layout improved for Searcg Result page 2020-09-24 12:21:57 +02:00