Skip to content

Resolve "Update page metadata to enable previews for work items"

What does this MR do and why?

Updates the view for namespace level work items to include the metadata required for pairity with the current epic experience

Below is a diff of the before/after of this change on a work item epic

Click to expand
-<title>#5 · other-subgroup · GitLab</title>
+<title>Legacy epic! (#5) · Epics · other-subgroup · GitLab</title>
 <meta content="object" property="og:type">
 <meta content="GitLab" property="og:site_name">
-<meta content="#5 · other-subgroup · GitLab" property="og:title">
-<meta content="GitLab Enterprise Edition" property="og:description">
+<meta content="Legacy epic! (#5) · Epics · other-subgroup · GitLab" property="og:title">
+<meta content="Some kinda thing where we do a thing and then maybe another thing if we feel like it" property="og:description">
 <meta content="http://127.0.0.1:3000/assets/twitter_card-570ddb06edf56a2312253c5872489847a0f385112ddbcd71ccfa1570febab5d2.jpg" property="og:image">
 <meta content="64" property="og:image:width">
 <meta content="64" property="og:image:height">
 <meta content="http://127.0.0.1:3000/groups/flightjs/other-subgroup/-/work_items/5" property="og:url">
 <meta content="summary" property="twitter:card">
-<meta content="#5 · other-subgroup · GitLab" property="twitter:title">
-<meta content="GitLab Enterprise Edition" property="twitter:description">
+<meta content="Legacy epic! (#5) · Epics · other-subgroup · GitLab" property="twitter:title">
+<meta content="Some kinda thing where we do a thing and then maybe another thing if we feel like it" property="twitter:description">
 <meta content="http://127.0.0.1:3000/assets/twitter_card-570ddb06edf56a2312253c5872489847a0f385112ddbcd71ccfa1570febab5d2.jpg" property="twitter:image">
+<meta property="twitter:label1" content="Author"><meta property="twitter:data1" content="Administrator"><meta property="twitter:label2" content="Assignee"><meta property="twitter:data2" content="Administrator">
 <meta name="csrf-param" content="authenticity_token" />
-<meta name="csrf-token" content="iesdwU3c9Arx3WYQ_d8hgMFq63I4TN37olzN37NDgiK16_GpreJaaFlvFzgbKhGxPZIQAA3qFBgjpwLMDXBfWQ" />
-<meta name="csp-nonce" content="sr7lMcoKAmmDsjQ1NvFTtQ==" />
+<meta name="csrf-token" content="AsWLaAdwp3ZLG1hLOG4m7DsEhylpak3sSIN0IiGZfYg-xWcA504JFOOpKWPemxbdx_x8W1zMhA_JeLsxn6qg8w" />
+<meta name="csp-nonce" content="GHOAoP788E6OIEDZdto8SQ==" />
 <meta name="action-cable-url" content="/-/cable" />
 <link href="/-/manifest.json" rel="manifest">
 <link rel="icon" type="image/png" href="/assets/favicon-green-c16587cf491e061b34683ae7fd585c3030129f27080728566a43cd80eecaf55c.png" id="favicon" data-original-href="/assets/favicon-green-c16587cf491e061b34683ae7fd585c3030129f27080728566a43cd80eecaf55c.png" />
 <link rel="apple-touch-icon" type="image/x-icon" href="/assets/apple-touch-icon-b049d4bc0dd9626f31db825d61880737befc7835982586d015bded10b4435460.png" />
 <link href="/search/opensearch.xml" rel="search" title="Search GitLab" type="application/opensearchdescription+xml">
-<meta content="GitLab Enterprise Edition" name="description">
+<meta content="Some kinda thing where we do a thing and then maybe another thing if we feel like it" name="description">
 <meta content="#ececef" name="theme-color">

Below is a diff between the legacy epic page metadata and the new work items epic page metadata. Note that we now have an Assignee visible in the metadata!

Click to expand
-<title>Legacy epic! (&amp;5) · Epics · other-subgroup · GitLab</title>
+<title>Legacy epic! (#5) · Epics · other-subgroup · GitLab</title>
 <meta content="object" property="og:type">
 <meta content="GitLab" property="og:site_name">
-<meta content="Legacy epic! (&amp;5) · Epics · other-subgroup · GitLab" property="og:title">
+<meta content="Legacy epic! (#5) · Epics · other-subgroup · GitLab" property="og:title">
 <meta content="Some kinda thing where we do a thing and then maybe another thing if we feel like it" property="og:description">
 <meta content="http://127.0.0.1:3000/assets/twitter_card-570ddb06edf56a2312253c5872489847a0f385112ddbcd71ccfa1570febab5d2.jpg" property="og:image">
 <meta content="64" property="og:image:width">
 <meta content="64" property="og:image:height">
-<meta content="http://127.0.0.1:3000/groups/flightjs/other-subgroup/-/epics/5" property="og:url">
+<meta content="http://127.0.0.1:3000/groups/flightjs/other-subgroup/-/work_items/5" property="og:url">
 <meta content="summary" property="twitter:card">
-<meta content="Legacy epic! (&amp;5) · Epics · other-subgroup · GitLab" property="twitter:title">
+<meta content="Legacy epic! (#5) · Epics · other-subgroup · GitLab" property="twitter:title">
 <meta content="Some kinda thing where we do a thing and then maybe another thing if we feel like it" property="twitter:description">
 <meta content="http://127.0.0.1:3000/assets/twitter_card-570ddb06edf56a2312253c5872489847a0f385112ddbcd71ccfa1570febab5d2.jpg" property="twitter:image">
-<meta property="twitter:label1" content="Author"><meta property="twitter:data1" content="Administrator">
+<meta property="twitter:label1" content="Author"><meta property="twitter:data1" content="Administrator"><meta property="twitter:label2" content="Assignee"><meta property="twitter:data2" content="Administrator">
 <meta name="csrf-param" content="authenticity_token" />
-<meta name="csrf-token" content="jtj8uZAu4T5sjXVCXnSOVIop7Fp0sD4Rz6Ci5exeYgay2BDRcBBPXMQ_BGq4gb5ldtEXKEEW9_JOW232Um2_fQ" />
-<meta name="csp-nonce" content="uFdQYOep1TnFjTl1ikp/aA==" />
+<meta name="csrf-token" content="AsWLaAdwp3ZLG1hLOG4m7DsEhylpak3sSIN0IiGZfYg-xWcA504JFOOpKWPemxbdx_x8W1zMhA_JeLsxn6qg8w" />
+<meta name="csp-nonce" content="GHOAoP788E6OIEDZdto8SQ==" />
 <meta name="action-cable-url" content="/-/cable" />
 <link href="/-/manifest.json" rel="manifest">
 <link rel="icon" type="image/png" href="/assets/favicon-green-c16587cf491e061b34683ae7fd585c3030129f27080728566a43cd80eecaf55c.png" id="favicon" data-original-href="/assets/favicon-green-c16587cf491e061b34683ae7fd585c3030129f27080728566a43cd80eecaf55c.png" />

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

Related to #467998 (closed)

Edited by Jack Chapman

Merge request reports