Skip to content

Next

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
    • Help
    • Support
    • Submit feedback
    • Contribute to GitLab
    • Switch to GitLab Next
  • Sign in / Register
Minds Frontend
Minds Frontend
  • Project
    • Project
    • Details
    • Activity
    • Releases
    • Cycle Analytics
    • Insights
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Charts
    • Locked Files
  • Issues 891
    • Issues 891
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
  • Merge Requests 48
    • Merge Requests 48
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
    • Charts
  • Security & Compliance
    • Security & Compliance
    • Dependency List
  • Packages
    • Packages
    • List
    • Container Registry
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Charts
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • Minds
  • Minds FrontendMinds Frontend
  • Merge Requests
  • !530

Merged
Opened 4 days ago by Olivia Madrid@omadrid0 of 11 tasks completed0/11 tasks
  • Report abuse
Report abuse

Agnostic media modal

  • Allows media modal to display more than just activity entities. Now can take objects (image/video/blog) too, so it can be used for Pro
  • Display comment attachments in media modal

Closes #1822 (closed)

TESTING:

Test at rubbersoul . No need to do Step 1 anymore because there's already content on the test domain

To get to the testing site: click the 'view app' button on this MR page. If there isn't one, click the 4th icon on the pipeline (the row of primarily green checkmarks. The 4th one should be 'review:'). From the dropdown that appears, select 'review:start'

### Step 1: Do a bunch of media-related stuff with a test user account * [ ] Make some posts that have image and video attachments (videos might not work if Mark hasn't enabled them in the staging environment yet, so you might not be able to test videos) * [ ] In the comment sections of those posts, add comments that have image and video attachments * [ ] Some posts/comments should be accompanied with text titles/descriptions, others should just be a single media attachment without any words * [ ] Remind one of the posts from the newsfeed * [ ] Remind one of the posts from its media page * [ ] Make a group and make an image/video comment in group chat

Step 2: Try to break it

  • Go through posts on a desktop and make sure they open the modal when you click on them
  • Make sure the modal opens when you click on image/video comments from:
    • The comments section of a post in your newsfeed
    • The comments section of an open modal
    • The comments section of a media page
    • The comments section of a group chat
    • Any other kind of comments section that isn't listed here
  • Click the action buttons (wire/thumbs/remind)
  • Do anything that isn't included in this list that I haven't thought of
  • Do everything in this 'try to break it' section in a variety of browsers (chrome/brave/firefox/safari)
  • If you have access to a tablet, try that out too
Edited 2 hours ago by Olivia Madrid
Request to merge feat/media-modal-service-1822 into master
  • Email patches
  • Plain diff
Pipeline #79471320 passed with warnings for 412bc773 on feat/media-modal-service-1822
              Merge request approved. Approved by
              Nicholas Lewis
              Nicholas Lewis
              Mark Harding
              Mark Harding
              Emiliano Balbuena
              Emiliano Balbuena
              Juan Manuel Solaro
              Juan Manuel Solaro
              Guy Thouret
              Guy Thouret
              Brian Hatchet
              Brian Hatchet
              Marcelo Rivera
              Marcelo Rivera

              Merged by Mark Harding 40 minutes ago

              The changes were merged into master with 100602ee

              The source branch has been deleted

              Closed #1822 (closed)

              Pipeline #80049820 running for 100602ee on master
                            • Discussion 2
                            • Commits 10
                            • Pipelines 6
                            • Changes 20
                            0/1 thread resolved
                            • Loading...
                            • Olivia Madrid @omadrid added MR::Awaiting Review Product::Media Squad::Blue Type::Feature scoped labels 4 days ago

                              added MR::Awaiting Review Product::Media Squad::Blue Type::Feature scoped labels

                            • Olivia Madrid @omadrid changed title from WIP: Feat/media modal service 1822 to WIP: Agnostic media modal 4 days ago

                              changed title from WIP: Feat/media modal service 1822 to WIP: Agnostic media modal

                            • Olivia Madrid @omadrid changed the description 4 days ago

                              changed the description

                            • Olivia Madrid @omadrid added 1 commit 4 days ago

                              added 1 commit

                              • 855a4229 - (feat): more linting insanity

                              Compare with previous version

                            • Olivia Madrid @omadrid added 1 commit 4 days ago

                              added 1 commit

                              • 55b9ceb6 - (feat): remove an unused fx to pass tests

                              Compare with previous version

                            • Olivia Madrid @omadrid added 1 commit 4 days ago

                              added 1 commit

                              • 2b413e4a - (feat): escape from lint/test failure loop

                              Compare with previous version

                            • Olivia Madrid @omadrid added 1 commit 4 days ago

                              added 1 commit

                              • c7ad7185 - (feat): lint.

                              Compare with previous version

                            • Olivia Madrid @omadrid unmarked as a Work In Progress 4 days ago

                              unmarked as a Work In Progress

                            • Kate
                              Kate @Quitejane · 4 days ago
                              Reporter

                              hey, whats the link to test this?

                              ‐‐‐‐‐‐‐ Original Message ‐‐‐‐‐‐‐

                            • Olivia Madrid @omadrid changed the description 4 days ago

                              changed the description

                            • Mark Harding
                              Mark Harding @markeharding started a thread on an old version of the diff 4 days ago
                              Last updated by Olivia Madrid 4 days ago
                              src/app/modules/media/modal/modal.component.ts
                              249 this.stageWidth = this.mediaWidth;
                              250 this.modalWidth = this.stageWidth + this.contentWidth;
                              251
                              252 if (this.isLoading) {
                              253 this.isLoaded();
                              254 }
                              255
                              256 return;
                              257 }
                              258
                              211 259 this.setHeightsAsTallAsPossible();
                              212 260
                              213 261 // After heights are set, check that scaled width isn't too wide or narrow
                              214 262 this.maxStageWidth = Math.max(
                              215 window.innerWidth - this.contentWidth - this.padding * 2,
                              263 window.innerWidth - this.contentWidth + this.padding * 2,
                              • Mark Harding
                                Mark Harding @markeharding · 4 days ago
                                Owner

                                Looks like this should be a minus?

                              • Olivia Madrid @omadrid changed this line in version 6 of the diff 4 days ago

                                changed this line in version 6 of the diff

                              • Please register or sign in to reply
                            • Olivia Madrid @omadrid added 3 commits 4 days ago

                              added 3 commits

                              • 0f33f752 - 1 commit from branch master
                              • 075e344d - (feat): prevent regression
                              • 412bc773 - Merge branch 'master' of gitlab.com:minds/front into feat/media-modal-service-1822

                              Compare with previous version

                            • Olivia Madrid @omadrid changed the description 5 times within 7 minutes 4 days ago

                              changed the description 5 times within 7 minutes

                            • Olivia Madrid @omadrid changed the description 4 days ago

                              changed the description

                            • Mark Harding @markeharding approved this merge request 4 days ago

                              approved this merge request

                            • Nicholas Lewis @javanick marked the task Make some posts that have image and video attachments (videos might not work if Mark hasn't enabled them in the staging environment yet, so you might not be able to test videos) as completed 2 hours ago

                              marked the task Make some posts that have image and video attachments (videos might not work if Mark hasn't enabled them in the staging environment yet, so you might not be able to test videos) as completed

                            • Nicholas Lewis @javanick marked the task Make some posts that have image and video attachments (videos might not work if Mark hasn't enabled them in the staging environment yet, so you might not be able to test videos) as incomplete 2 hours ago

                              marked the task Make some posts that have image and video attachments (videos might not work if Mark hasn't enabled them in the staging environment yet, so you might not be able to test videos) as incomplete

                            • Olivia Madrid @omadrid changed the description 2 hours ago

                              changed the description

                            • Nicholas Lewis @javanick approved this merge request 1 hour ago

                              approved this merge request

                            • Mark Harding @markeharding merged 40 minutes ago

                              merged

                            • Mark Harding @markeharding mentioned in commit 100602ee 40 minutes ago

                              mentioned in commit 100602ee

                            • You're only seeing other activity in the feed. To add a comment, switch to one of the following options.
                            Please register or sign in to reply
                            0 Assignees
                            None
                            Assign to
                            None
                            Milestone
                            None
                            Assign milestone
                            None
                            Time tracking
                            No estimate or time spent
                            4
                            Labels
                            MR::Awaiting Review Product::Media Squad::Blue Type::Feature
                            Assign labels
                            • View project labels
                            Lock merge request
                            Unlocked
                            11
                            11 participants
                            user avatar
                            Emiliano Balbuena
                            user avatar
                            Juan Manuel Solaro
                            user avatar
                            Guy Thouret
                            user avatar
                            Brian Hatchet
                            user avatar
                            Marcelo Rivera
                            user avatar
                            Martin Santangelo
                            user avatar
                            Ben Hayward
                            Reference: minds/front!530

                            Revert this merge request

                            This will create a new commit in order to revert the existing changes.

                            Switch branch
                            Cancel
                            A new branch will be created in your fork and a new merge request will be started.

                            Cherry-pick this merge request

                            Switch branch
                            Cancel
                            A new branch will be created in your fork and a new merge request will be started.