32 Commits

Author SHA1 Message Date
mattwr18
66f1aa8888 Follow @roschaefer PR review suggestions
- Update seed file with more human readable imageAspectRatios
- Remove copy script from Dockerfile to not expose to others. we'll need
to either start a maintenance server, so it has access to both the
backend/public/uploads and cypher-shell, or copy a script to the backend
that creates a csv, which can be copied to the neo4j pod and then loaded
into the cypher.
- Remove unintended changes to deployment/legacy-migration
- Add back image compression to Post images
2019-12-03 15:33:54 +01:00
mattwr18
6324fd7d26 Merge branch 'master' of github.com:Human-Connection/Human-Connection into 2253-fix-scroll-layout-issue 2019-11-27 18:05:02 +01:00
Alina Beck
2b1f0b1c4a
Merge pull request #2288 from Human-Connection/migrate-styleguide-icons
Migrate styleguide icons
2019-11-27 13:28:56 +03:00
mattwr18
1667669d12 Fix bug by adding event modifiers stop and prevent 2019-11-25 11:10:21 +01:00
mattwr18
b9d28e5a69 Set up frontend/backend to add imageAspectRatio
- on create and update
2019-11-21 11:32:42 +01:00
Alina Beck
a210dd599d Merge branch 'master' into migrate-styleguide-icons 2019-11-20 19:35:03 +03:00
mattwr18
95be6eaee6 Initial commit to add placeholder image for Post 2019-11-20 16:52:20 +01:00
Alina Beck
4e6572a042 replace ds-icon with base-icon 2019-11-19 12:26:07 +03:00
roschaefer
36062ffa8c Fix lint 2019-11-16 14:34:23 +01:00
Brent Vardy
99816f1c21 update cancel crop to keep previous image
- Also refactor to split into more methods

Co-Authored-By: mattwr18 <mattwr18@gmail.com>
2019-11-02 12:09:28 +00:00
Brent Vardy
dfb59516d0 Add abiltiy to cancel out of cropper and remove image
Co-Authored-By: mattwr18 <mattwr18@gmail.com>
2019-11-02 11:48:56 +00:00
Brent Vardy
2670b48694 removed unused code and refactor cropper
- Removed unused code
- updated confirm button to be ds-button component
- split into multiple functions

Co-Authored-By: mattwr18 <mattwr18@gmail.com>
2019-11-02 11:07:06 +00:00
Brent Vardy
daf40bbb7c Merge branch 'master' into cropper-enhancements 2019-11-02 09:42:38 +00:00
Moriz Wahl
cd9a15ee32 fix #1993 2019-10-25 15:06:13 +02:00
Brent Vardy
ddadcd919e update to use ref 2019-10-17 15:18:21 +01:00
Brent Vardy
d3480534b1 fix assigning editor 2019-10-17 14:54:27 +01:00
Brent Vardy
886f34ed30 remove need to create new crop overlay 2019-10-17 14:52:47 +01:00
mattwr18
d62ee23f2a Create new File with blob
- maintain filename
- reduce image size
2019-10-16 17:20:35 +02:00
mattwr18
e307211ada
Keep button on top of crop overlay, but below navbar
Co-Authored-By: Alina Beck <alina.beck@mail.com>
2019-10-14 19:16:02 +02:00
mattwr18
c45f63ffd9 Follow @alina-beck PR suggestions 2019-10-14 16:42:11 +02:00
mattwr18
1c6b5f941b Remove aspect ratio on cropper, limit to max-height 2000px
- discussed it today's internal meeting and agreed upon with
@alina-beck, @Tirokk, @ogerly, @datenbrei, Dennis Hack

- max-height was a suggestion and can be changed at any time
2019-10-14 16:42:11 +02:00
mattwr18
0d5b334f66 Remove unneeded max-heights 2019-10-14 16:42:11 +02:00
mattwr18
cabd68f7d8 Clean up code
- Set dropzoneOptions.url to arrow function which returns empty
string... url is required, but we don't use a restful api, we crop the
image and save the update file(blob) to an image

- set min-height of vuedropzone to 500px to be closer to the cropped
image and to center image overlay

- remove dz-message div, as one is already created automatically by
vue2-dropzone
2019-10-14 16:42:11 +02:00
mattwr18
3beddf1f69 Contain post/contribution form to limit width
- enforce 1.25:1 aspect ratio to be as close to possible with the 1:1
aspect ratio on our root path where we have 3 columns of 300px and a
max-height of 300px
2019-10-14 16:42:11 +02:00
mattwr18
db48e522cf Enforce a 16/9 aspect ratio
- if we set the max height any greater than this, it takes up the entire
page on a desktop screen
2019-10-14 16:42:11 +02:00
mattwr18
fa06696892 Convert canvas to blob to update file
- what was happening is that the file was being autocropped still and
sent to the backend with cropperjs autocrop... these changes update the
file's attributes so they can be saved properly
2019-10-14 16:42:11 +02:00
Brent Vardy
227db5f13a refactored tranformImage to remove dupication
- styled confirm button
- added locale translations
- added dropzoneDrop method to handle scenario where users drag and drop an image whilst in the cropper interface.

- co-authored-by: mattwr18 <mattwr18@gmail.com>
2019-10-14 16:42:11 +02:00
mattwr18
45dfc5cff1 Contain cropper overlay in image preview area
- Co-authored-by: Brent Vardy <brent.vardy@challengelogic.net>
2019-10-14 16:42:10 +02:00
Brent Vardy
d59defedf3 [WIP] - implement basic image cropping solution
#1466

- co-authored-by: mattwr18 <mattwr18@gmail.com>
2019-10-14 16:42:10 +02:00
mattwr18
daf1ae864c Reuse css from ds-card-image, consistent width
- the width of the contribution form is now the same as the post card
2019-09-06 13:08:28 +02:00
mattwr18
d3ad06a5f0 Fix preview image craziness
- depending on the size of the image, the preview looked really blurry
Also, the preview image differed from the image on the PostCard
2019-09-06 12:17:09 +02:00
Matt Rider
2baaf85b21 Extract TeaserImage component, refactor tests 2019-06-25 20:49:09 -03:00