@drodil/backstage-plugin-qeta 3.59.10 → 3.60.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/config.schema.json +58 -0
- package/dist/components/ArticlePage/ArticlePage.esm.js +5 -1
- package/dist/components/ArticlePage/ArticlePage.esm.js.map +1 -1
- package/dist/components/ArticlesPage/ArticlesPage.esm.js +5 -1
- package/dist/components/ArticlesPage/ArticlesPage.esm.js.map +1 -1
- package/dist/components/AskPage/AskPage.esm.js +5 -1
- package/dist/components/AskPage/AskPage.esm.js.map +1 -1
- package/dist/components/CollectionCreatePage/CollectionCreatePage.esm.js +5 -1
- package/dist/components/CollectionCreatePage/CollectionCreatePage.esm.js.map +1 -1
- package/dist/components/CollectionPage/CollectionPage.esm.js +5 -1
- package/dist/components/CollectionPage/CollectionPage.esm.js.map +1 -1
- package/dist/components/CollectionsPage/CollectionsPage.esm.js +5 -1
- package/dist/components/CollectionsPage/CollectionsPage.esm.js.map +1 -1
- package/dist/components/CreateLinkPage/CreateLinkPage.esm.js +5 -1
- package/dist/components/CreateLinkPage/CreateLinkPage.esm.js.map +1 -1
- package/dist/components/EntityPage/EntityPage.esm.js +9 -1
- package/dist/components/EntityPage/EntityPage.esm.js.map +1 -1
- package/dist/components/HomePage/HomePage.esm.js +7 -4
- package/dist/components/HomePage/HomePage.esm.js.map +1 -1
- package/dist/components/LinkPage/LinkPage.esm.js +5 -1
- package/dist/components/LinkPage/LinkPage.esm.js.map +1 -1
- package/dist/components/LinksPage/LinksPage.esm.js +5 -1
- package/dist/components/LinksPage/LinksPage.esm.js.map +1 -1
- package/dist/components/QetaPage/QetaPage.esm.js +131 -100
- package/dist/components/QetaPage/QetaPage.esm.js.map +1 -1
- package/dist/components/QuestionPage/QuestionPage.esm.js +5 -1
- package/dist/components/QuestionPage/QuestionPage.esm.js.map +1 -1
- package/dist/components/QuestionsPage/QuestionsPage.esm.js +5 -1
- package/dist/components/QuestionsPage/QuestionsPage.esm.js.map +1 -1
- package/dist/components/RightContent/RightContent.esm.js +10 -9
- package/dist/components/RightContent/RightContent.esm.js.map +1 -1
- package/dist/components/Statistics/StatisticsPage.esm.js +10 -4
- package/dist/components/Statistics/StatisticsPage.esm.js.map +1 -1
- package/dist/components/TagPage/TagPage.esm.js +5 -1
- package/dist/components/TagPage/TagPage.esm.js.map +1 -1
- package/dist/components/UserPage/UserPage.esm.js +111 -88
- package/dist/components/UserPage/UserPage.esm.js.map +1 -1
- package/dist/components/WritePage/WritePage.esm.js +5 -1
- package/dist/components/WritePage/WritePage.esm.js.map +1 -1
- package/dist/package.json.esm.js +1 -1
- package/package.json +3 -3
package/config.schema.json
CHANGED
|
@@ -26,6 +26,11 @@
|
|
|
26
26
|
"entities": {
|
|
27
27
|
"type": "object",
|
|
28
28
|
"properties": {
|
|
29
|
+
"disabled": {
|
|
30
|
+
"type": "boolean",
|
|
31
|
+
"description": "Disable entity pages and entity pickers.",
|
|
32
|
+
"visibility": "frontend"
|
|
33
|
+
},
|
|
29
34
|
"kinds": {
|
|
30
35
|
"type": "array",
|
|
31
36
|
"items": {
|
|
@@ -51,6 +56,11 @@
|
|
|
51
56
|
"tags": {
|
|
52
57
|
"type": "object",
|
|
53
58
|
"properties": {
|
|
59
|
+
"disabled": {
|
|
60
|
+
"type": "boolean",
|
|
61
|
+
"description": "Disable tags pages and tag pickers.",
|
|
62
|
+
"visibility": "frontend"
|
|
63
|
+
},
|
|
54
64
|
"allowCreation": {
|
|
55
65
|
"type": "boolean",
|
|
56
66
|
"description": "Allow creation of new tags. Default: true",
|
|
@@ -101,6 +111,54 @@
|
|
|
101
111
|
"description": "List of users/groups that can moderate questions and answers in case permission framework is not in use. In case permission framework is in use, this list is used to determine if user can access the moderator panel",
|
|
102
112
|
"visibility": "frontend"
|
|
103
113
|
},
|
|
114
|
+
"questions": {
|
|
115
|
+
"type": "object",
|
|
116
|
+
"properties": {
|
|
117
|
+
"disabled": {
|
|
118
|
+
"type": "boolean",
|
|
119
|
+
"description": "Disable questions in the UI.",
|
|
120
|
+
"visibility": "frontend"
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
"description": "Questions specific configuration.",
|
|
124
|
+
"visibility": "frontend"
|
|
125
|
+
},
|
|
126
|
+
"articles": {
|
|
127
|
+
"type": "object",
|
|
128
|
+
"properties": {
|
|
129
|
+
"disabled": {
|
|
130
|
+
"type": "boolean",
|
|
131
|
+
"description": "Disable articles in the UI.",
|
|
132
|
+
"visibility": "frontend"
|
|
133
|
+
}
|
|
134
|
+
},
|
|
135
|
+
"description": "Articles specific configuration.",
|
|
136
|
+
"visibility": "frontend"
|
|
137
|
+
},
|
|
138
|
+
"links": {
|
|
139
|
+
"type": "object",
|
|
140
|
+
"properties": {
|
|
141
|
+
"disabled": {
|
|
142
|
+
"type": "boolean",
|
|
143
|
+
"description": "Disable links in the UI.",
|
|
144
|
+
"visibility": "frontend"
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
"description": "Links specific configuration.",
|
|
148
|
+
"visibility": "frontend"
|
|
149
|
+
},
|
|
150
|
+
"collections": {
|
|
151
|
+
"type": "object",
|
|
152
|
+
"properties": {
|
|
153
|
+
"disabled": {
|
|
154
|
+
"type": "boolean",
|
|
155
|
+
"description": "Disable collections in the UI.",
|
|
156
|
+
"visibility": "frontend"
|
|
157
|
+
}
|
|
158
|
+
},
|
|
159
|
+
"description": "Collections specific configuration.",
|
|
160
|
+
"visibility": "frontend"
|
|
161
|
+
},
|
|
104
162
|
"storage": {
|
|
105
163
|
"type": "object",
|
|
106
164
|
"properties": {
|
|
@@ -3,7 +3,7 @@ import { useParams } from 'react-router-dom';
|
|
|
3
3
|
import { useState, useEffect } from 'react';
|
|
4
4
|
import { useSignal } from '@backstage/plugin-signals-react';
|
|
5
5
|
import { WarningPanel } from '@backstage/core-components';
|
|
6
|
-
import { qetaTranslationRef, useQetaApi, ContentHeader, PostHistoryButton, FollowPostButton, WriteArticleButton, AddToCollectionButton, AIAnswerCard, ArticleContent } from '@drodil/backstage-plugin-qeta-react';
|
|
6
|
+
import { qetaTranslationRef, useQetaConfig, useQetaApi, ContentHeader, PostHistoryButton, FollowPostButton, WriteArticleButton, AddToCollectionButton, AIAnswerCard, ArticleContent } from '@drodil/backstage-plugin-qeta-react';
|
|
7
7
|
import { Container } from '@material-ui/core';
|
|
8
8
|
import { Skeleton } from '@material-ui/lab';
|
|
9
9
|
import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
|
|
@@ -12,6 +12,7 @@ import LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';
|
|
|
12
12
|
const ArticlePage = () => {
|
|
13
13
|
const { id } = useParams();
|
|
14
14
|
const { t } = useTranslationRef(qetaTranslationRef);
|
|
15
|
+
const { disabled } = useQetaConfig();
|
|
15
16
|
const [views, setViews] = useState(0);
|
|
16
17
|
const { lastSignal } = useSignal(`qeta:post_${id}`);
|
|
17
18
|
const {
|
|
@@ -30,6 +31,9 @@ const ArticlePage = () => {
|
|
|
30
31
|
setViews(lastSignal.views);
|
|
31
32
|
}
|
|
32
33
|
}, [lastSignal]);
|
|
34
|
+
if (disabled.articles) {
|
|
35
|
+
return null;
|
|
36
|
+
}
|
|
33
37
|
if (loading) {
|
|
34
38
|
return /* @__PURE__ */ jsx(Skeleton, { variant: "rect", height: 200 });
|
|
35
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArticlePage.esm.js","sources":["../../../src/components/ArticlePage/ArticlePage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { Article, QetaSignal } from '@drodil/backstage-plugin-qeta-common';\nimport {\n AddToCollectionButton,\n AIAnswerCard,\n ArticleContent,\n ContentHeader,\n PostHistoryButton,\n qetaTranslationRef,\n useQetaApi,\n WriteArticleButton,\n FollowPostButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Container } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\n\nexport const ArticlePage = () => {\n const { id } = useParams();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const [views, setViews] = useState(0);\n\n const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${id}`);\n\n const {\n value: post,\n loading,\n error,\n retry,\n } = useQetaApi(api => api.getPost(id), [id]);\n\n useEffect(() => {\n if (post) {\n setViews(post.views);\n }\n }, [post]);\n\n useEffect(() => {\n if (lastSignal?.type === 'post_stats') {\n setViews(lastSignal.views);\n }\n }, [lastSignal]);\n\n if (loading) {\n return <Skeleton variant=\"rect\" height={200} />;\n }\n\n if (error || post === undefined) {\n return (\n <WarningPanel severity=\"error\" title={t('articlePage.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (post.type !== 'article') {\n return (\n <WarningPanel title=\"Not found\" message={t('articlePage.notFound')} />\n );\n }\n\n return (\n <>\n <ContentHeader\n title={post.title}\n titleIcon={<LibraryBooksOutlined fontSize=\"large\" />}\n >\n <PostHistoryButton post={post} onRestore={retry} />\n <FollowPostButton post={post} />\n <WriteArticleButton />\n <AddToCollectionButton post={post} />\n </ContentHeader>\n <Container maxWidth={false}>\n <AIAnswerCard\n article={post as Article}\n style={{ marginBottom: '2em' }}\n />\n <ArticleContent post={post} views={views} />\n </Container>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ArticlePage.esm.js","sources":["../../../src/components/ArticlePage/ArticlePage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { Article, QetaSignal } from '@drodil/backstage-plugin-qeta-common';\nimport {\n AddToCollectionButton,\n AIAnswerCard,\n ArticleContent,\n ContentHeader,\n PostHistoryButton,\n qetaTranslationRef,\n useQetaConfig,\n useQetaApi,\n WriteArticleButton,\n FollowPostButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Container } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\n\nexport const ArticlePage = () => {\n const { id } = useParams();\n const { t } = useTranslationRef(qetaTranslationRef);\n const { disabled } = useQetaConfig();\n\n const [views, setViews] = useState(0);\n\n const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${id}`);\n\n const {\n value: post,\n loading,\n error,\n retry,\n } = useQetaApi(api => api.getPost(id), [id]);\n\n useEffect(() => {\n if (post) {\n setViews(post.views);\n }\n }, [post]);\n\n useEffect(() => {\n if (lastSignal?.type === 'post_stats') {\n setViews(lastSignal.views);\n }\n }, [lastSignal]);\n\n if (disabled.articles) {\n return null;\n }\n\n if (loading) {\n return <Skeleton variant=\"rect\" height={200} />;\n }\n\n if (error || post === undefined) {\n return (\n <WarningPanel severity=\"error\" title={t('articlePage.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (post.type !== 'article') {\n return (\n <WarningPanel title=\"Not found\" message={t('articlePage.notFound')} />\n );\n }\n\n return (\n <>\n <ContentHeader\n title={post.title}\n titleIcon={<LibraryBooksOutlined fontSize=\"large\" />}\n >\n <PostHistoryButton post={post} onRestore={retry} />\n <FollowPostButton post={post} />\n <WriteArticleButton />\n <AddToCollectionButton post={post} />\n </ContentHeader>\n <Container maxWidth={false}>\n <AIAnswerCard\n article={post as Article}\n style={{ marginBottom: '2em' }}\n />\n <ArticleContent post={post} views={views} />\n </Container>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAsBO,MAAM,cAAc,MAAM;AAC/B,EAAA,MAAM,EAAE,EAAA,EAAG,GAAI,SAAA,EAAU;AACzB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,aAAA,EAAc;AAEnC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,CAAC,CAAA;AAEpC,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,SAAA,CAAsB,CAAA,UAAA,EAAa,EAAE,CAAA,CAAE,CAAA;AAE9D,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,IAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAA,GAAA,KAAO,GAAA,CAAI,QAAQ,EAAE,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAE3C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAAA,IACrB;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,UAAA,EAAY,SAAS,YAAA,EAAc;AACrC,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA;AAAA,IAC3B;AAAA,EACF,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,IAAI,SAAS,QAAA,EAAU;AACrB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAQ,MAAA,EAAO,QAAQ,GAAA,EAAK,CAAA;AAAA,EAC/C;AAEA,EAAA,IAAI,KAAA,IAAS,SAAS,MAAA,EAAW;AAC/B,IAAA,uBACE,GAAA,CAAC,gBAAa,QAAA,EAAS,OAAA,EAAQ,OAAO,CAAA,CAAE,0BAA0B,CAAA,EAC/D,QAAA,EAAA,KAAA,EAAO,OAAA,EACV,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,IAAA,CAAK,SAAS,SAAA,EAAW;AAC3B,IAAA,2BACG,YAAA,EAAA,EAAa,KAAA,EAAM,aAAY,OAAA,EAAS,CAAA,CAAE,sBAAsB,CAAA,EAAG,CAAA;AAAA,EAExE;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,OAAO,IAAA,CAAK,KAAA;AAAA,QACZ,SAAA,kBAAW,GAAA,CAAC,oBAAA,EAAA,EAAqB,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,QAElD,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,IAAA,EAAY,SAAA,EAAW,KAAA,EAAO,CAAA;AAAA,0BACjD,GAAA,CAAC,oBAAiB,IAAA,EAAY,CAAA;AAAA,8BAC7B,kBAAA,EAAA,EAAmB,CAAA;AAAA,0BACpB,GAAA,CAAC,yBAAsB,IAAA,EAAY;AAAA;AAAA;AAAA,KACrC;AAAA,oBACA,IAAA,CAAC,SAAA,EAAA,EAAU,QAAA,EAAU,KAAA,EACnB,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,IAAA;AAAA,UACT,KAAA,EAAO,EAAE,YAAA,EAAc,KAAA;AAAM;AAAA,OAC/B;AAAA,sBACA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAY,KAAA,EAAc;AAAA,KAAA,EAC5C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { useSearchParams } from 'react-router-dom';
|
|
3
3
|
import { useState, useEffect } from 'react';
|
|
4
|
-
import { qetaTranslationRef, ContentHeader, WriteArticleButton, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
|
|
4
|
+
import { qetaTranslationRef, useQetaConfig, ContentHeader, WriteArticleButton, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
|
|
5
5
|
import { filterTags } from '@drodil/backstage-plugin-qeta-common';
|
|
6
6
|
import LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';
|
|
7
7
|
import { Typography } from '@material-ui/core';
|
|
@@ -12,10 +12,14 @@ const ArticlesPage = () => {
|
|
|
12
12
|
const [entityRef, setEntityRef] = useState(void 0);
|
|
13
13
|
const [tags, setTags] = useState(void 0);
|
|
14
14
|
const { t } = useTranslationRef(qetaTranslationRef);
|
|
15
|
+
const { disabled } = useQetaConfig();
|
|
15
16
|
useEffect(() => {
|
|
16
17
|
setEntityRef(searchParams.get("entity") ?? void 0);
|
|
17
18
|
setTags(filterTags(searchParams.get("tags")));
|
|
18
19
|
}, [searchParams, setEntityRef]);
|
|
20
|
+
if (disabled.articles) {
|
|
21
|
+
return null;
|
|
22
|
+
}
|
|
19
23
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
20
24
|
/* @__PURE__ */ jsx(
|
|
21
25
|
ContentHeader,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArticlesPage.esm.js","sources":["../../../src/components/ArticlesPage/ArticlesPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport {\n ContentHeader,\n PostsContainer,\n qetaTranslationRef,\n WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport { Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const ArticlesPage = () => {\n const [searchParams] = useSearchParams();\n\n const [entityRef, setEntityRef] = useState<string | undefined>(undefined);\n const [tags, setTags] = useState<string[] | undefined>(undefined);\n const { t } = useTranslationRef(qetaTranslationRef);\n useEffect(() => {\n setEntityRef(searchParams.get('entity') ?? undefined);\n setTags(filterTags(searchParams.get('tags')));\n }, [searchParams, setEntityRef]);\n\n return (\n <>\n <ContentHeader\n titleComponent={\n <Typography\n variant=\"h4\"\n style={{ display: 'flex', alignItems: 'center' }}\n >\n <LibraryBooksOutlined\n fontSize=\"large\"\n style={{ marginRight: '8px' }}\n />\n {t('articlesPage.title')}\n </Typography>\n }\n >\n <WriteArticleButton entity={entityRef} tags={tags} />\n </ContentHeader>\n <PostsContainer type=\"article\" defaultView=\"grid\" />\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ArticlesPage.esm.js","sources":["../../../src/components/ArticlesPage/ArticlesPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport {\n ContentHeader,\n PostsContainer,\n qetaTranslationRef,\n useQetaConfig,\n WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport { Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const ArticlesPage = () => {\n const [searchParams] = useSearchParams();\n\n const [entityRef, setEntityRef] = useState<string | undefined>(undefined);\n const [tags, setTags] = useState<string[] | undefined>(undefined);\n const { t } = useTranslationRef(qetaTranslationRef);\n const { disabled } = useQetaConfig();\n\n useEffect(() => {\n setEntityRef(searchParams.get('entity') ?? undefined);\n setTags(filterTags(searchParams.get('tags')));\n }, [searchParams, setEntityRef]);\n\n if (disabled.articles) {\n return null;\n }\n\n return (\n <>\n <ContentHeader\n titleComponent={\n <Typography\n variant=\"h4\"\n style={{ display: 'flex', alignItems: 'center' }}\n >\n <LibraryBooksOutlined\n fontSize=\"large\"\n style={{ marginRight: '8px' }}\n />\n {t('articlesPage.title')}\n </Typography>\n }\n >\n <WriteArticleButton entity={entityRef} tags={tags} />\n </ContentHeader>\n <PostsContainer type=\"article\" defaultView=\"grid\" />\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AAcO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,YAAY,CAAA,GAAI,eAAA,EAAgB;AAEvC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAA6B,MAAS,CAAA;AACxE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA+B,MAAS,CAAA;AAChE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,aAAA,EAAc;AAEnC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,YAAA,CAAa,GAAA,CAAI,QAAQ,CAAA,IAAK,MAAS,CAAA;AACpD,IAAA,OAAA,CAAQ,UAAA,CAAW,YAAA,CAAa,GAAA,CAAI,MAAM,CAAC,CAAC,CAAA;AAAA,EAC9C,CAAA,EAAG,CAAC,YAAA,EAAc,YAAY,CAAC,CAAA;AAE/B,EAAA,IAAI,SAAS,QAAA,EAAU;AACrB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,cAAA,kBACE,IAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,IAAA;AAAA,YACR,KAAA,EAAO,EAAE,OAAA,EAAS,MAAA,EAAQ,YAAY,QAAA,EAAS;AAAA,YAE/C,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,oBAAA;AAAA,gBAAA;AAAA,kBACC,QAAA,EAAS,OAAA;AAAA,kBACT,KAAA,EAAO,EAAE,WAAA,EAAa,KAAA;AAAM;AAAA,eAC9B;AAAA,cACC,EAAE,oBAAoB;AAAA;AAAA;AAAA,SACzB;AAAA,QAGF,QAAA,kBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,MAAA,EAAQ,SAAA,EAAW,IAAA,EAAY;AAAA;AAAA,KACrD;AAAA,oBACA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAK,SAAA,EAAU,aAAY,MAAA,EAAO;AAAA,GAAA,EACpD,CAAA;AAEJ;;;;"}
|
|
@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
2
2
|
import { Progress, InfoCard } from '@backstage/core-components';
|
|
3
3
|
import { useState, useEffect } from 'react';
|
|
4
4
|
import { stringifyEntityRef } from '@backstage/catalog-model';
|
|
5
|
-
import { useAI, useQetaApi, useQetaContext, qetaTranslationRef, SelectTemplateList, ContentHeader, PostForm, AIAnswerCard } from '@drodil/backstage-plugin-qeta-react';
|
|
5
|
+
import { useQetaConfig, useAI, useQetaApi, useQetaContext, qetaTranslationRef, SelectTemplateList, ContentHeader, PostForm, AIAnswerCard } from '@drodil/backstage-plugin-qeta-react';
|
|
6
6
|
import { useParams, useSearchParams } from 'react-router-dom';
|
|
7
7
|
import { useEntityPresentation } from '@backstage/plugin-catalog-react';
|
|
8
8
|
import { filterTags } from '@drodil/backstage-plugin-qeta-common';
|
|
@@ -12,6 +12,7 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
|
|
|
12
12
|
const AskPage = () => {
|
|
13
13
|
const { id } = useParams();
|
|
14
14
|
const [searchParams] = useSearchParams();
|
|
15
|
+
const { disabled } = useQetaConfig();
|
|
15
16
|
const { isNewQuestionsEnabled } = useAI();
|
|
16
17
|
const { value, loading } = useQetaApi((api) => api.getTemplates());
|
|
17
18
|
const [draft, setDraft] = useState(void 0);
|
|
@@ -41,6 +42,9 @@ const AskPage = () => {
|
|
|
41
42
|
} else {
|
|
42
43
|
title = t("askPage.title.newQuestion");
|
|
43
44
|
}
|
|
45
|
+
if (disabled.questions) {
|
|
46
|
+
return null;
|
|
47
|
+
}
|
|
44
48
|
if (loading) {
|
|
45
49
|
return /* @__PURE__ */ jsx(Box, { role: "status", "aria-label": t("common.loading"), children: /* @__PURE__ */ jsx(Progress, {}) });
|
|
46
50
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AskPage.esm.js","sources":["../../../src/components/AskPage/AskPage.tsx"],"sourcesContent":["import { InfoCard, Progress } from '@backstage/core-components';\nimport { useEffect, useState } from 'react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n AIAnswerCard,\n ContentHeader,\n PostForm,\n qetaTranslationRef,\n QuestionFormValues,\n SelectTemplateList,\n useAI,\n useQetaApi,\n useQetaContext,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { filterTags, Template } from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const AskPage = () => {\n const { id } = useParams();\n const [searchParams] = useSearchParams();\n const { isNewQuestionsEnabled } = useAI();\n const { value, loading } = useQetaApi(api => api.getTemplates());\n const [draft, setDraft] = useState<\n { title: string; content: string } | undefined\n >(undefined);\n const { setDraftQuestion } = useQetaContext();\n\n useEffect(() => {\n return () => {\n setDraftQuestion?.(undefined);\n };\n }, [setDraftQuestion]);\n\n const [template, setTemplate] = useState<Template | null | undefined>(\n undefined,\n );\n\n const entity = searchParams.get('entity') ?? undefined;\n const entityPage = searchParams.get('entityPage') === 'true';\n const questionTitle = searchParams.get('title') ?? undefined;\n const content = searchParams.get('content') ?? undefined;\n const tags = filterTags(searchParams.get('tags'));\n const { t } = useTranslationRef(qetaTranslationRef);\n let title;\n if (id) {\n title = t('askPage.title.existingQuestion');\n } else if (entity) {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const representation = useEntityPresentation(entity);\n title = t('askPage.title.entityQuestion', {\n entity: representation.primaryTitle,\n });\n } else {\n title = t('askPage.title.newQuestion');\n }\n\n if (loading) {\n return (\n <Box role=\"status\" aria-label={t('common.loading')}>\n <Progress />\n </Box>\n );\n }\n\n if (\n !id &&\n value &&\n value.templates &&\n value.total > 0 &&\n template === undefined\n ) {\n return (\n <Box role=\"region\" aria-label={t('askPage.templateSelection')}>\n <SelectTemplateList\n templates={value}\n onTemplateSelect={temp => setTemplate(temp)}\n aria-label={t('askPage.selectTemplate')}\n />\n </Box>\n );\n }\n\n const handleFormChange = (data: QuestionFormValues) => {\n if (setDraftQuestion) {\n setDraftQuestion({\n title: data.title,\n content: data.content,\n tags: data.tags,\n entities: data.entities?.map(stringifyEntityRef),\n });\n }\n if (!isNewQuestionsEnabled) {\n return;\n }\n setDraft({\n title: data.title,\n content: data.content,\n });\n };\n\n return (\n <>\n <ContentHeader title={title} />\n <Grid container spacing={3} direction=\"column\">\n <Grid item style={{ width: '100%' }}>\n <InfoCard>\n <PostForm\n id={id}\n entity={entity}\n entityPage={entityPage}\n tags={tags}\n type=\"question\"\n template={template}\n onFormChange={handleFormChange}\n aria-label={t('askPage.questionForm')}\n title={questionTitle}\n content={content}\n />\n <AIAnswerCard draft={draft} />\n </InfoCard>\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"AskPage.esm.js","sources":["../../../src/components/AskPage/AskPage.tsx"],"sourcesContent":["import { InfoCard, Progress } from '@backstage/core-components';\nimport { useEffect, useState } from 'react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n AIAnswerCard,\n ContentHeader,\n PostForm,\n qetaTranslationRef,\n QuestionFormValues,\n SelectTemplateList,\n useAI,\n useQetaApi,\n useQetaConfig,\n useQetaContext,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { filterTags, Template } from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const AskPage = () => {\n const { id } = useParams();\n const [searchParams] = useSearchParams();\n const { disabled } = useQetaConfig();\n const { isNewQuestionsEnabled } = useAI();\n const { value, loading } = useQetaApi(api => api.getTemplates());\n const [draft, setDraft] = useState<\n { title: string; content: string } | undefined\n >(undefined);\n const { setDraftQuestion } = useQetaContext();\n\n useEffect(() => {\n return () => {\n setDraftQuestion?.(undefined);\n };\n }, [setDraftQuestion]);\n\n const [template, setTemplate] = useState<Template | null | undefined>(\n undefined,\n );\n\n const entity = searchParams.get('entity') ?? undefined;\n const entityPage = searchParams.get('entityPage') === 'true';\n const questionTitle = searchParams.get('title') ?? undefined;\n const content = searchParams.get('content') ?? undefined;\n const tags = filterTags(searchParams.get('tags'));\n const { t } = useTranslationRef(qetaTranslationRef);\n let title;\n if (id) {\n title = t('askPage.title.existingQuestion');\n } else if (entity) {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const representation = useEntityPresentation(entity);\n title = t('askPage.title.entityQuestion', {\n entity: representation.primaryTitle,\n });\n } else {\n title = t('askPage.title.newQuestion');\n }\n\n if (disabled.questions) {\n return null;\n }\n\n if (loading) {\n return (\n <Box role=\"status\" aria-label={t('common.loading')}>\n <Progress />\n </Box>\n );\n }\n\n if (\n !id &&\n value &&\n value.templates &&\n value.total > 0 &&\n template === undefined\n ) {\n return (\n <Box role=\"region\" aria-label={t('askPage.templateSelection')}>\n <SelectTemplateList\n templates={value}\n onTemplateSelect={temp => setTemplate(temp)}\n aria-label={t('askPage.selectTemplate')}\n />\n </Box>\n );\n }\n\n const handleFormChange = (data: QuestionFormValues) => {\n if (setDraftQuestion) {\n setDraftQuestion({\n title: data.title,\n content: data.content,\n tags: data.tags,\n entities: data.entities?.map(stringifyEntityRef),\n });\n }\n if (!isNewQuestionsEnabled) {\n return;\n }\n setDraft({\n title: data.title,\n content: data.content,\n });\n };\n\n return (\n <>\n <ContentHeader title={title} />\n <Grid container spacing={3} direction=\"column\">\n <Grid item style={{ width: '100%' }}>\n <InfoCard>\n <PostForm\n id={id}\n entity={entity}\n entityPage={entityPage}\n tags={tags}\n type=\"question\"\n template={template}\n onFormChange={handleFormChange}\n aria-label={t('askPage.questionForm')}\n title={questionTitle}\n content={content}\n />\n <AIAnswerCard draft={draft} />\n </InfoCard>\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { useParams } from 'react-router-dom';
|
|
3
3
|
import { ContentHeader, InfoCard } from '@backstage/core-components';
|
|
4
|
-
import { qetaTranslationRef, CollectionForm } from '@drodil/backstage-plugin-qeta-react';
|
|
4
|
+
import { qetaTranslationRef, useQetaConfig, CollectionForm } from '@drodil/backstage-plugin-qeta-react';
|
|
5
5
|
import { Grid } from '@material-ui/core';
|
|
6
6
|
import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
|
|
7
7
|
|
|
8
8
|
const CollectionCreatePage = () => {
|
|
9
9
|
const { id } = useParams();
|
|
10
10
|
const { t } = useTranslationRef(qetaTranslationRef);
|
|
11
|
+
const { disabled } = useQetaConfig();
|
|
12
|
+
if (disabled.collections) {
|
|
13
|
+
return null;
|
|
14
|
+
}
|
|
11
15
|
let title;
|
|
12
16
|
if (id) {
|
|
13
17
|
title = t("collectionCreatePage.title.existingCollection");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollectionCreatePage.esm.js","sources":["../../../src/components/CollectionCreatePage/CollectionCreatePage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport { ContentHeader, InfoCard } from '@backstage/core-components';\nimport {\n CollectionForm,\n qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const CollectionCreatePage = () => {\n const { id } = useParams();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n let title;\n if (id) {\n title = t('collectionCreatePage.title.existingCollection');\n } else {\n title = t('collectionCreatePage.title.newCollection');\n }\n return (\n <>\n <ContentHeader title={title} />\n <Grid container spacing={3} direction=\"column\">\n <Grid item>\n <InfoCard>\n <CollectionForm id={id} />\n </InfoCard>\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"CollectionCreatePage.esm.js","sources":["../../../src/components/CollectionCreatePage/CollectionCreatePage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport { ContentHeader, InfoCard } from '@backstage/core-components';\nimport {\n CollectionForm,\n qetaTranslationRef,\n useQetaConfig,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const CollectionCreatePage = () => {\n const { id } = useParams();\n const { t } = useTranslationRef(qetaTranslationRef);\n const { disabled } = useQetaConfig();\n\n if (disabled.collections) {\n return null;\n }\n\n let title;\n if (id) {\n title = t('collectionCreatePage.title.existingCollection');\n } else {\n title = t('collectionCreatePage.title.newCollection');\n }\n return (\n <>\n <ContentHeader title={title} />\n <Grid container spacing={3} direction=\"column\">\n <Grid item>\n <InfoCard>\n <CollectionForm id={id} />\n </InfoCard>\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,EAAE,EAAA,EAAG,GAAI,SAAA,EAAU;AACzB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,aAAA,EAAc;AAEnC,EAAA,IAAI,SAAS,WAAA,EAAa;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,KAAA;AACJ,EAAA,IAAI,EAAA,EAAI;AACN,IAAA,KAAA,GAAQ,EAAE,+CAA+C,CAAA;AAAA,EAC3D,CAAA,MAAO;AACL,IAAA,KAAA,GAAQ,EAAE,0CAA0C,CAAA;AAAA,EACtD;AACA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAc,KAAA,EAAc,CAAA;AAAA,wBAC5B,IAAA,EAAA,EAAK,SAAA,EAAS,MAAC,OAAA,EAAS,CAAA,EAAG,WAAU,QAAA,EACpC,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAA,EAAI,IAAA,EACR,8BAAC,QAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,kBAAe,EAAA,EAAQ,CAAA,EAC1B,GACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { useParams, useNavigate } from 'react-router-dom';
|
|
3
|
-
import { qetaTranslationRef, collectionEditRouteRef, useQetaApi, ContentHeader, CollectionFollowButton, ContentHeaderCard, PostsContainer, DeleteModal } from '@drodil/backstage-plugin-qeta-react';
|
|
3
|
+
import { qetaTranslationRef, useQetaConfig, collectionEditRouteRef, useQetaApi, ContentHeader, CollectionFollowButton, ContentHeaderCard, PostsContainer, DeleteModal } from '@drodil/backstage-plugin-qeta-react';
|
|
4
4
|
import { Skeleton } from '@material-ui/lab';
|
|
5
5
|
import { WarningPanel } from '@backstage/core-components';
|
|
6
6
|
import { Typography, Button, Grid } from '@material-ui/core';
|
|
@@ -16,6 +16,7 @@ import { useRouteRef } from '@backstage/core-plugin-api';
|
|
|
16
16
|
const CollectionPage = () => {
|
|
17
17
|
const { id } = useParams();
|
|
18
18
|
const { t } = useTranslationRef(qetaTranslationRef);
|
|
19
|
+
const { disabled } = useQetaConfig();
|
|
19
20
|
const navigate = useNavigate();
|
|
20
21
|
const editCollectionRoute = useRouteRef(collectionEditRouteRef);
|
|
21
22
|
const [deleteModalOpen, setDeleteModalOpen] = useState(false);
|
|
@@ -26,6 +27,9 @@ const CollectionPage = () => {
|
|
|
26
27
|
loading,
|
|
27
28
|
error
|
|
28
29
|
} = useQetaApi((api) => api.getCollection(id), [id]);
|
|
30
|
+
if (disabled.collections) {
|
|
31
|
+
return null;
|
|
32
|
+
}
|
|
29
33
|
if (loading) {
|
|
30
34
|
return /* @__PURE__ */ jsx(Skeleton, { variant: "rect", height: 200 });
|
|
31
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollectionPage.esm.js","sources":["../../../src/components/CollectionPage/CollectionPage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport {\n CollectionFollowButton,\n ContentHeader,\n DeleteModal,\n collectionEditRouteRef,\n qetaTranslationRef,\n useQetaApi,\n PostsContainer,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Skeleton } from '@material-ui/lab';\nimport { WarningPanel } from '@backstage/core-components';\nimport { Button, Grid, Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useState } from 'react';\nimport EditIcon from '@material-ui/icons/Edit';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport PlaylistPlayIcon from '@material-ui/icons/PlaylistPlay';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport { useNavigate } from 'react-router-dom';\nimport { ContentHeaderCard } from '@drodil/backstage-plugin-qeta-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nexport const CollectionPage = () => {\n const { id } = useParams();\n const { t } = useTranslationRef(qetaTranslationRef);\n const navigate = useNavigate();\n const editCollectionRoute = useRouteRef(collectionEditRouteRef);\n const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n\n const {\n value: collection,\n loading,\n error,\n } = useQetaApi(api => api.getCollection(id), [id]);\n\n if (loading) {\n return <Skeleton variant=\"rect\" height={200} />;\n }\n\n if (error || collection === undefined) {\n return (\n <WarningPanel severity=\"error\" title={t('questionPage.errorLoading', {})}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n const title = (\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <PlaylistPlayIcon fontSize=\"large\" style={{ marginRight: '8px' }} />\n <Typography variant=\"h5\" component=\"h2\">\n {collection.title}\n </Typography>\n </div>\n );\n\n return (\n <>\n <ContentHeader titleComponent={title}>\n <CollectionFollowButton collection={collection} />\n {collection.canEdit && (\n <Button\n variant=\"contained\"\n color=\"primary\"\n startIcon={<EditIcon />}\n onClick={() =>\n editCollectionRoute &&\n navigate(\n editCollectionRoute({\n id: collection.id.toString(10),\n }),\n )\n }\n >\n {t('templateList.editButton', {})}\n </Button>\n )}\n {collection.canDelete && (\n <Button\n variant=\"outlined\"\n color=\"secondary\"\n startIcon={<DeleteIcon />}\n onClick={handleDeleteModalOpen}\n >\n {t('templateList.deleteButton', {})}\n </Button>\n )}\n </ContentHeader>\n <Grid container>\n <Grid item xs={12}>\n <ContentHeaderCard\n description={collection.description}\n image={collection.headerImage}\n imageIcon={<PlaylistPlayIcon style={{ fontSize: 80 }} />}\n tagsAndEntities={{ entity: collection }}\n stats={[\n {\n label: t('common.postsLabel', {\n count: collection.postsCount,\n itemType: 'post',\n }),\n value: collection.postsCount,\n icon: <QuestionAnswerIcon fontSize=\"small\" />,\n },\n {\n label: t('common.followersLabel', {\n count: collection.followers,\n }),\n value: collection.followers,\n icon: <PeopleIcon fontSize=\"small\" />,\n },\n ]}\n />\n </Grid>\n <Grid item xs={12}>\n <PostsContainer\n collectionId={collection.id}\n orderBy=\"rank\"\n allowRanking={collection.canEdit}\n defaultView=\"grid\"\n prefix=\"collection-posts\"\n />\n </Grid>\n </Grid>\n {collection.canDelete && (\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={collection}\n />\n )}\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"CollectionPage.esm.js","sources":["../../../src/components/CollectionPage/CollectionPage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport {\n CollectionFollowButton,\n ContentHeader,\n DeleteModal,\n collectionEditRouteRef,\n qetaTranslationRef,\n useQetaApi,\n PostsContainer,\n useQetaConfig,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Skeleton } from '@material-ui/lab';\nimport { WarningPanel } from '@backstage/core-components';\nimport { Button, Grid, Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useState } from 'react';\nimport EditIcon from '@material-ui/icons/Edit';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport PlaylistPlayIcon from '@material-ui/icons/PlaylistPlay';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport { useNavigate } from 'react-router-dom';\nimport { ContentHeaderCard } from '@drodil/backstage-plugin-qeta-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nexport const CollectionPage = () => {\n const { id } = useParams();\n const { t } = useTranslationRef(qetaTranslationRef);\n const { disabled } = useQetaConfig();\n const navigate = useNavigate();\n const editCollectionRoute = useRouteRef(collectionEditRouteRef);\n const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n\n const {\n value: collection,\n loading,\n error,\n } = useQetaApi(api => api.getCollection(id), [id]);\n\n if (disabled.collections) {\n return null;\n }\n\n if (loading) {\n return <Skeleton variant=\"rect\" height={200} />;\n }\n\n if (error || collection === undefined) {\n return (\n <WarningPanel severity=\"error\" title={t('questionPage.errorLoading', {})}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n const title = (\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <PlaylistPlayIcon fontSize=\"large\" style={{ marginRight: '8px' }} />\n <Typography variant=\"h5\" component=\"h2\">\n {collection.title}\n </Typography>\n </div>\n );\n\n return (\n <>\n <ContentHeader titleComponent={title}>\n <CollectionFollowButton collection={collection} />\n {collection.canEdit && (\n <Button\n variant=\"contained\"\n color=\"primary\"\n startIcon={<EditIcon />}\n onClick={() =>\n editCollectionRoute &&\n navigate(\n editCollectionRoute({\n id: collection.id.toString(10),\n }),\n )\n }\n >\n {t('templateList.editButton', {})}\n </Button>\n )}\n {collection.canDelete && (\n <Button\n variant=\"outlined\"\n color=\"secondary\"\n startIcon={<DeleteIcon />}\n onClick={handleDeleteModalOpen}\n >\n {t('templateList.deleteButton', {})}\n </Button>\n )}\n </ContentHeader>\n <Grid container>\n <Grid item xs={12}>\n <ContentHeaderCard\n description={collection.description}\n image={collection.headerImage}\n imageIcon={<PlaylistPlayIcon style={{ fontSize: 80 }} />}\n tagsAndEntities={{ entity: collection }}\n stats={[\n {\n label: t('common.postsLabel', {\n count: collection.postsCount,\n itemType: 'post',\n }),\n value: collection.postsCount,\n icon: <QuestionAnswerIcon fontSize=\"small\" />,\n },\n {\n label: t('common.followersLabel', {\n count: collection.followers,\n }),\n value: collection.followers,\n icon: <PeopleIcon fontSize=\"small\" />,\n },\n ]}\n />\n </Grid>\n <Grid item xs={12}>\n <PostsContainer\n collectionId={collection.id}\n orderBy=\"rank\"\n allowRanking={collection.canEdit}\n defaultView=\"grid\"\n prefix=\"collection-posts\"\n />\n </Grid>\n </Grid>\n {collection.canDelete && (\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={collection}\n />\n )}\n </>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { qetaTranslationRef, ContentHeader, CreateCollectionButton, CollectionsContainer } from '@drodil/backstage-plugin-qeta-react';
|
|
2
|
+
import { qetaTranslationRef, useQetaConfig, ContentHeader, CreateCollectionButton, CollectionsContainer } from '@drodil/backstage-plugin-qeta-react';
|
|
3
3
|
import PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined';
|
|
4
4
|
import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
|
|
5
5
|
|
|
6
6
|
const CollectionsPage = () => {
|
|
7
7
|
const { t } = useTranslationRef(qetaTranslationRef);
|
|
8
|
+
const { disabled } = useQetaConfig();
|
|
9
|
+
if (disabled.collections) {
|
|
10
|
+
return null;
|
|
11
|
+
}
|
|
8
12
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
9
13
|
/* @__PURE__ */ jsx(
|
|
10
14
|
ContentHeader,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollectionsPage.esm.js","sources":["../../../src/components/CollectionsPage/CollectionsPage.tsx"],"sourcesContent":["import {\n CollectionsContainer,\n ContentHeader,\n CreateCollectionButton,\n qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const CollectionsPage = () => {\n const { t } = useTranslationRef(qetaTranslationRef);\n\n return (\n <>\n <ContentHeader\n title={t('collectionsPage.title')}\n titleIcon={<PlaylistPlayOutlined fontSize=\"large\" />}\n >\n <CreateCollectionButton />\n </ContentHeader>\n <CollectionsContainer />\n </>\n );\n};\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"CollectionsPage.esm.js","sources":["../../../src/components/CollectionsPage/CollectionsPage.tsx"],"sourcesContent":["import {\n CollectionsContainer,\n ContentHeader,\n CreateCollectionButton,\n qetaTranslationRef,\n useQetaConfig,\n} from '@drodil/backstage-plugin-qeta-react';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const CollectionsPage = () => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const { disabled } = useQetaConfig();\n\n if (disabled.collections) {\n return null;\n }\n\n return (\n <>\n <ContentHeader\n title={t('collectionsPage.title')}\n titleIcon={<PlaylistPlayOutlined fontSize=\"large\" />}\n >\n <CreateCollectionButton />\n </ContentHeader>\n <CollectionsContainer />\n </>\n );\n};\n"],"names":[],"mappings":";;;;;AAUO,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,aAAA,EAAc;AAEnC,EAAA,IAAI,SAAS,WAAA,EAAa;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,uBAAuB,CAAA;AAAA,QAChC,SAAA,kBAAW,GAAA,CAAC,oBAAA,EAAA,EAAqB,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,QAElD,8BAAC,sBAAA,EAAA,EAAuB;AAAA;AAAA,KAC1B;AAAA,wBACC,oBAAA,EAAA,EAAqB;AAAA,GAAA,EACxB,CAAA;AAEJ;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { useParams, useSearchParams } from 'react-router-dom';
|
|
3
3
|
import { filterTags } from '@drodil/backstage-plugin-qeta-common';
|
|
4
|
-
import { qetaTranslationRef, ContentHeader, PostForm } from '@drodil/backstage-plugin-qeta-react';
|
|
4
|
+
import { qetaTranslationRef, useQetaConfig, ContentHeader, PostForm } from '@drodil/backstage-plugin-qeta-react';
|
|
5
5
|
import { useEntityPresentation } from '@backstage/plugin-catalog-react';
|
|
6
6
|
import { InfoCard } from '@backstage/core-components';
|
|
7
7
|
import { Grid } from '@material-ui/core';
|
|
@@ -14,6 +14,10 @@ const CreateLinkPage = () => {
|
|
|
14
14
|
const entityPage = searchParams.get("entityPage") === "true";
|
|
15
15
|
const tags = filterTags(searchParams.get("tags"));
|
|
16
16
|
const { t } = useTranslationRef(qetaTranslationRef);
|
|
17
|
+
const { disabled } = useQetaConfig();
|
|
18
|
+
if (disabled.links) {
|
|
19
|
+
return null;
|
|
20
|
+
}
|
|
17
21
|
let title;
|
|
18
22
|
if (id) {
|
|
19
23
|
title = t("createLinkPage.title.existingLink");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateLinkPage.esm.js","sources":["../../../src/components/CreateLinkPage/CreateLinkPage.tsx"],"sourcesContent":["import { useParams, useSearchParams } from 'react-router-dom';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport {\n ContentHeader,\n PostForm,\n qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { InfoCard } from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const CreateLinkPage = () => {\n const { id } = useParams();\n const [searchParams] = useSearchParams();\n const entity = searchParams.get('entity') ?? undefined;\n const entityPage = searchParams.get('entityPage') === 'true';\n const tags = filterTags(searchParams.get('tags'));\n const { t } = useTranslationRef(qetaTranslationRef);\n let title;\n if (id) {\n title = t('createLinkPage.title.existingLink');\n } else if (entity) {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const representation = useEntityPresentation(entity);\n title = t('createLinkPage.title.entityLink', {\n entity: representation.primaryTitle,\n });\n } else {\n title = t('createLinkPage.title.newLink');\n }\n\n return (\n <>\n <ContentHeader title={title} />\n <Grid container spacing={3} direction=\"column\">\n <Grid item>\n <InfoCard>\n <PostForm\n id={id}\n entity={entity}\n entityPage={entityPage}\n tags={tags}\n type=\"link\"\n />\n </InfoCard>\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"CreateLinkPage.esm.js","sources":["../../../src/components/CreateLinkPage/CreateLinkPage.tsx"],"sourcesContent":["import { useParams, useSearchParams } from 'react-router-dom';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport {\n ContentHeader,\n PostForm,\n qetaTranslationRef,\n useQetaConfig,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { InfoCard } from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const CreateLinkPage = () => {\n const { id } = useParams();\n const [searchParams] = useSearchParams();\n const entity = searchParams.get('entity') ?? undefined;\n const entityPage = searchParams.get('entityPage') === 'true';\n const tags = filterTags(searchParams.get('tags'));\n const { t } = useTranslationRef(qetaTranslationRef);\n const { disabled } = useQetaConfig();\n\n if (disabled.links) {\n return null;\n }\n\n let title;\n if (id) {\n title = t('createLinkPage.title.existingLink');\n } else if (entity) {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const representation = useEntityPresentation(entity);\n title = t('createLinkPage.title.entityLink', {\n entity: representation.primaryTitle,\n });\n } else {\n title = t('createLinkPage.title.newLink');\n }\n\n return (\n <>\n <ContentHeader title={title} />\n <Grid container spacing={3} direction=\"column\">\n <Grid item>\n <InfoCard>\n <PostForm\n id={id}\n entity={entity}\n entityPage={entityPage}\n tags={tags}\n type=\"link\"\n />\n </InfoCard>\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AAaO,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,EAAE,EAAA,EAAG,GAAI,SAAA,EAAU;AACzB,EAAA,MAAM,CAAC,YAAY,CAAA,GAAI,eAAA,EAAgB;AACvC,EAAA,MAAM,MAAA,GAAS,YAAA,CAAa,GAAA,CAAI,QAAQ,CAAA,IAAK,MAAA;AAC7C,EAAA,MAAM,UAAA,GAAa,YAAA,CAAa,GAAA,CAAI,YAAY,CAAA,KAAM,MAAA;AACtD,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,YAAA,CAAa,GAAA,CAAI,MAAM,CAAC,CAAA;AAChD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,aAAA,EAAc;AAEnC,EAAA,IAAI,SAAS,KAAA,EAAO;AAClB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,KAAA;AACJ,EAAA,IAAI,EAAA,EAAI;AACN,IAAA,KAAA,GAAQ,EAAE,mCAAmC,CAAA;AAAA,EAC/C,WAAW,MAAA,EAAQ;AAEjB,IAAA,MAAM,cAAA,GAAiB,sBAAsB,MAAM,CAAA;AACnD,IAAA,KAAA,GAAQ,EAAE,iCAAA,EAAmC;AAAA,MAC3C,QAAQ,cAAA,CAAe;AAAA,KACxB,CAAA;AAAA,EACH,CAAA,MAAO;AACL,IAAA,KAAA,GAAQ,EAAE,8BAA8B,CAAA;AAAA,EAC1C;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAc,KAAA,EAAc,CAAA;AAAA,oBAC7B,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,OAAA,EAAS,CAAA,EAAG,SAAA,EAAU,QAAA,EACpC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,8BAAC,QAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,MAAA;AAAA,QACA,UAAA;AAAA,QACA,IAAA;AAAA,QACA,IAAA,EAAK;AAAA;AAAA,KACP,EACF,GACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
|
|
@@ -3,7 +3,7 @@ import { useState, useEffect } from 'react';
|
|
|
3
3
|
import { useParams } from 'react-router-dom';
|
|
4
4
|
import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
|
|
5
5
|
import { useApi } from '@backstage/core-plugin-api';
|
|
6
|
-
import { qetaTranslationRef, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, EntitiesContainer, useQetaApi, EntityFollowButton, ContentHeaderCard, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
|
|
6
|
+
import { qetaTranslationRef, useQetaConfig, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, EntitiesContainer, useQetaApi, EntityFollowButton, ContentHeaderCard, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
|
|
7
7
|
import { useEntityPresentation, catalogApiRef, EntityRefLink } from '@backstage/plugin-catalog-react';
|
|
8
8
|
import CategoryOutlined from '@material-ui/icons/CategoryOutlined';
|
|
9
9
|
import QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';
|
|
@@ -13,6 +13,7 @@ import { WarningPanel } from '@backstage/core-components';
|
|
|
13
13
|
|
|
14
14
|
const SingleEntityPage = ({ entityRef }) => {
|
|
15
15
|
const { t } = useTranslationRef(qetaTranslationRef);
|
|
16
|
+
const { disabled } = useQetaConfig();
|
|
16
17
|
const [entity, setEntity] = useState(void 0);
|
|
17
18
|
const { Icon } = useEntityPresentation(entityRef);
|
|
18
19
|
const catalogApi = useApi(catalogApiRef);
|
|
@@ -24,6 +25,9 @@ const SingleEntityPage = ({ entityRef }) => {
|
|
|
24
25
|
loading,
|
|
25
26
|
error
|
|
26
27
|
} = useQetaApi((api) => api.getEntity(entityRef), [entityRef]);
|
|
28
|
+
if (disabled.entities) {
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
27
31
|
if (loading) {
|
|
28
32
|
return /* @__PURE__ */ jsx(Skeleton, { variant: "rect", height: 200 });
|
|
29
33
|
}
|
|
@@ -90,6 +94,10 @@ const SingleEntityPage = ({ entityRef }) => {
|
|
|
90
94
|
const EntityPage = () => {
|
|
91
95
|
const { entityRef } = useParams();
|
|
92
96
|
const { t } = useTranslationRef(qetaTranslationRef);
|
|
97
|
+
const { disabled } = useQetaConfig();
|
|
98
|
+
if (disabled.entities) {
|
|
99
|
+
return null;
|
|
100
|
+
}
|
|
93
101
|
if (entityRef) {
|
|
94
102
|
return /* @__PURE__ */ jsx(SingleEntityPage, { entityRef });
|
|
95
103
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntityPage.esm.js","sources":["../../../src/components/EntityPage/EntityPage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n AskQuestionButton,\n CreateLinkButton,\n EntitiesContainer,\n EntityFollowButton,\n PostsContainer,\n qetaTranslationRef,\n useQetaApi,\n WriteArticleButton,\n ContentHeaderCard,\n ContentHeader,\n} from '@drodil/backstage-plugin-qeta-react';\nimport {\n EntityRefLink,\n useEntityPresentation,\n catalogApiRef,\n} from '@backstage/plugin-catalog-react';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport { Skeleton } from '@material-ui/lab';\nimport { WarningPanel } from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\n\nconst SingleEntityPage = ({ entityRef }: { entityRef: string }) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const [entity, setEntity] = useState<Entity | undefined>(undefined);\n const { Icon } = useEntityPresentation(entityRef);\n const catalogApi = useApi(catalogApiRef);\n\n useEffect(() => {\n catalogApi.getEntityByRef(entityRef).then(e => setEntity(e));\n }, [catalogApi, entityRef]);\n\n const {\n value: resp,\n loading,\n error,\n } = useQetaApi(api => api.getEntity(entityRef), [entityRef]);\n\n if (loading) {\n return <Skeleton variant=\"rect\" height={200} />;\n }\n\n if (error || !resp) {\n return (\n <WarningPanel severity=\"error\" title={t('questionPage.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n const title = (\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <EntityRefLink\n entityRef={resp.entityRef}\n defaultKind=\"Component\"\n hideIcon\n />\n </div>\n );\n\n const description = `${entity?.kind} ${\n entity?.spec?.type ? `(${entity?.spec?.type})` : ''\n }`;\n\n return (\n <>\n <ContentHeader\n title={title}\n titleIcon={<CategoryOutlined fontSize=\"large\" />}\n description={description}\n >\n <EntityFollowButton entityRef={resp.entityRef} />\n <AskQuestionButton entity={resp.entityRef} />\n <WriteArticleButton entity={resp.entityRef} />\n <CreateLinkButton entity={resp.entityRef} />\n </ContentHeader>\n {resp && (\n <ContentHeaderCard\n description={entity?.metadata?.description}\n imageIcon={\n Icon ? (\n <div style={{ fontSize: '80px', display: 'flex' }}>\n <Icon fontSize=\"inherit\" />\n </div>\n ) : (\n <CategoryOutlined style={{ fontSize: 80 }} />\n )\n }\n stats={[\n {\n label: t('common.postsLabel', {\n count: resp.postsCount,\n itemType: 'post',\n }),\n value: resp.postsCount,\n icon: <QuestionAnswerIcon fontSize=\"small\" />,\n },\n {\n label: t('common.followersLabel', { count: resp.followerCount }),\n value: resp.followerCount,\n icon: <PeopleIcon fontSize=\"small\" />,\n },\n ]}\n />\n )}\n <PostsContainer\n entity={entityRef}\n filterPanelProps={{ showEntityFilter: false }}\n defaultView=\"list\"\n showTypeLabel\n />\n </>\n );\n};\n\nexport const EntityPage = () => {\n const { entityRef } = useParams();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n if (entityRef) {\n return <SingleEntityPage entityRef={entityRef} />;\n }\n\n return (\n <>\n <ContentHeader\n title={t('entitiesPage.defaultTitle')}\n titleIcon={<CategoryOutlined fontSize=\"large\" />}\n >\n <AskQuestionButton />\n <WriteArticleButton />\n <CreateLinkButton />\n </ContentHeader>\n <EntitiesContainer />\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"EntityPage.esm.js","sources":["../../../src/components/EntityPage/EntityPage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n AskQuestionButton,\n CreateLinkButton,\n EntitiesContainer,\n EntityFollowButton,\n PostsContainer,\n qetaTranslationRef,\n useQetaApi,\n useQetaConfig,\n WriteArticleButton,\n ContentHeaderCard,\n ContentHeader,\n} from '@drodil/backstage-plugin-qeta-react';\nimport {\n EntityRefLink,\n useEntityPresentation,\n catalogApiRef,\n} from '@backstage/plugin-catalog-react';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport { Skeleton } from '@material-ui/lab';\nimport { WarningPanel } from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\n\nconst SingleEntityPage = ({ entityRef }: { entityRef: string }) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const { disabled } = useQetaConfig();\n const [entity, setEntity] = useState<Entity | undefined>(undefined);\n const { Icon } = useEntityPresentation(entityRef);\n const catalogApi = useApi(catalogApiRef);\n\n useEffect(() => {\n catalogApi.getEntityByRef(entityRef).then(e => setEntity(e));\n }, [catalogApi, entityRef]);\n\n const {\n value: resp,\n loading,\n error,\n } = useQetaApi(api => api.getEntity(entityRef), [entityRef]);\n\n if (disabled.entities) {\n return null;\n }\n\n if (loading) {\n return <Skeleton variant=\"rect\" height={200} />;\n }\n\n if (error || !resp) {\n return (\n <WarningPanel severity=\"error\" title={t('questionPage.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n const title = (\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <EntityRefLink\n entityRef={resp.entityRef}\n defaultKind=\"Component\"\n hideIcon\n />\n </div>\n );\n\n const description = `${entity?.kind} ${\n entity?.spec?.type ? `(${entity?.spec?.type})` : ''\n }`;\n\n return (\n <>\n <ContentHeader\n title={title}\n titleIcon={<CategoryOutlined fontSize=\"large\" />}\n description={description}\n >\n <EntityFollowButton entityRef={resp.entityRef} />\n <AskQuestionButton entity={resp.entityRef} />\n <WriteArticleButton entity={resp.entityRef} />\n <CreateLinkButton entity={resp.entityRef} />\n </ContentHeader>\n {resp && (\n <ContentHeaderCard\n description={entity?.metadata?.description}\n imageIcon={\n Icon ? (\n <div style={{ fontSize: '80px', display: 'flex' }}>\n <Icon fontSize=\"inherit\" />\n </div>\n ) : (\n <CategoryOutlined style={{ fontSize: 80 }} />\n )\n }\n stats={[\n {\n label: t('common.postsLabel', {\n count: resp.postsCount,\n itemType: 'post',\n }),\n value: resp.postsCount,\n icon: <QuestionAnswerIcon fontSize=\"small\" />,\n },\n {\n label: t('common.followersLabel', { count: resp.followerCount }),\n value: resp.followerCount,\n icon: <PeopleIcon fontSize=\"small\" />,\n },\n ]}\n />\n )}\n <PostsContainer\n entity={entityRef}\n filterPanelProps={{ showEntityFilter: false }}\n defaultView=\"list\"\n showTypeLabel\n />\n </>\n );\n};\n\nexport const EntityPage = () => {\n const { entityRef } = useParams();\n const { t } = useTranslationRef(qetaTranslationRef);\n const { disabled } = useQetaConfig();\n\n if (disabled.entities) {\n return null;\n }\n\n if (entityRef) {\n return <SingleEntityPage entityRef={entityRef} />;\n }\n\n return (\n <>\n <ContentHeader\n title={t('entitiesPage.defaultTitle')}\n titleIcon={<CategoryOutlined fontSize=\"large\" />}\n >\n <AskQuestionButton />\n <WriteArticleButton />\n <CreateLinkButton />\n </ContentHeader>\n <EntitiesContainer />\n </>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { qetaTranslationRef, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, SuggestionsCard, FollowedItemsCard, ImpactCard, CommunityActivityCard, Timeline } from '@drodil/backstage-plugin-qeta-react';
|
|
2
|
+
import { qetaTranslationRef, useQetaConfig, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, SuggestionsCard, FollowedItemsCard, ImpactCard, CommunityActivityCard, Timeline } from '@drodil/backstage-plugin-qeta-react';
|
|
3
3
|
import { Box, makeStyles } from '@material-ui/core';
|
|
4
4
|
import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
|
|
5
5
|
import HomeOutlined from '@material-ui/icons/HomeOutlined';
|
|
@@ -51,6 +51,9 @@ const useStyles = makeStyles((theme) => ({
|
|
|
51
51
|
const HomePage = () => {
|
|
52
52
|
const classes = useStyles();
|
|
53
53
|
const { t } = useTranslationRef(qetaTranslationRef);
|
|
54
|
+
const { disabled } = useQetaConfig();
|
|
55
|
+
const showSuggestions = !disabled.questions || !disabled.articles || !disabled.links;
|
|
56
|
+
const showFollowed = !disabled.tags || !disabled.entities || !disabled.collections;
|
|
54
57
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
55
58
|
/* @__PURE__ */ jsxs(
|
|
56
59
|
ContentHeader,
|
|
@@ -64,9 +67,9 @@ const HomePage = () => {
|
|
|
64
67
|
]
|
|
65
68
|
}
|
|
66
69
|
),
|
|
67
|
-
/* @__PURE__ */ jsxs(Box, { className: classes.flexRow, children: [
|
|
68
|
-
/* @__PURE__ */ jsx(Box, { className: classes.suggestionColumn, children: /* @__PURE__ */ jsx(SuggestionsCard, {}) }),
|
|
69
|
-
/* @__PURE__ */ jsx(Box, { className: classes.followedColumn, children: /* @__PURE__ */ jsx(FollowedItemsCard, {}) })
|
|
70
|
+
(showSuggestions || showFollowed) && /* @__PURE__ */ jsxs(Box, { className: classes.flexRow, children: [
|
|
71
|
+
showSuggestions && /* @__PURE__ */ jsx(Box, { className: classes.suggestionColumn, children: /* @__PURE__ */ jsx(SuggestionsCard, {}) }),
|
|
72
|
+
showFollowed && /* @__PURE__ */ jsx(Box, { className: classes.followedColumn, children: /* @__PURE__ */ jsx(FollowedItemsCard, {}) })
|
|
70
73
|
] }),
|
|
71
74
|
/* @__PURE__ */ jsxs(Box, { className: classes.flexRow, children: [
|
|
72
75
|
/* @__PURE__ */ jsx(Box, { className: classes.equalColumn, children: /* @__PURE__ */ jsx(ImpactCard, {}) }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import {\n AskQuestionButton,\n ContentHeader,\n CreateLinkButton,\n ImpactCard,\n qetaTranslationRef,\n SuggestionsCard,\n WriteArticleButton,\n Timeline,\n CommunityActivityCard,\n FollowedItemsCard,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Box, makeStyles } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\n\nconst useStyles = makeStyles(theme => ({\n flexRow: {\n display: 'flex',\n flexWrap: 'wrap',\n gap: theme.spacing(2),\n width: '100%',\n marginBottom: theme.spacing(2),\n alignItems: 'stretch',\n },\n suggestionColumn: {\n flex: '3 1 350px',\n display: 'flex',\n minWidth: 0,\n '& > *': {\n flex: 1,\n maxHeight: 460,\n overflowY: 'auto',\n },\n },\n followedColumn: {\n flex: '1 1 250px',\n display: 'flex',\n minWidth: 0,\n '& > *': {\n flex: 1,\n maxHeight: 460,\n overflowY: 'auto',\n },\n },\n equalColumn: {\n flex: '1 1 395px',\n display: 'flex',\n minWidth: 0,\n '& > *': {\n flex: 1,\n maxHeight: 460,\n overflowY: 'auto',\n },\n },\n timelineWrapper: {\n width: '100%',\n marginTop: theme.spacing(2),\n },\n}));\n\nexport const HomePage = () => {\n const classes = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n return (\n <>\n <ContentHeader\n title={t('homePage.title')}\n titleIcon={<HomeOutlined fontSize=\"large\" />}\n >\n <AskQuestionButton />\n <WriteArticleButton />\n <CreateLinkButton />\n </ContentHeader>\n\n <Box className={classes.flexRow}>\n
|
|
1
|
+
{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import {\n AskQuestionButton,\n ContentHeader,\n CreateLinkButton,\n ImpactCard,\n qetaTranslationRef,\n SuggestionsCard,\n WriteArticleButton,\n Timeline,\n CommunityActivityCard,\n FollowedItemsCard,\n useQetaConfig,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Box, makeStyles } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\n\nconst useStyles = makeStyles(theme => ({\n flexRow: {\n display: 'flex',\n flexWrap: 'wrap',\n gap: theme.spacing(2),\n width: '100%',\n marginBottom: theme.spacing(2),\n alignItems: 'stretch',\n },\n suggestionColumn: {\n flex: '3 1 350px',\n display: 'flex',\n minWidth: 0,\n '& > *': {\n flex: 1,\n maxHeight: 460,\n overflowY: 'auto',\n },\n },\n followedColumn: {\n flex: '1 1 250px',\n display: 'flex',\n minWidth: 0,\n '& > *': {\n flex: 1,\n maxHeight: 460,\n overflowY: 'auto',\n },\n },\n equalColumn: {\n flex: '1 1 395px',\n display: 'flex',\n minWidth: 0,\n '& > *': {\n flex: 1,\n maxHeight: 460,\n overflowY: 'auto',\n },\n },\n timelineWrapper: {\n width: '100%',\n marginTop: theme.spacing(2),\n },\n}));\n\nexport const HomePage = () => {\n const classes = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const { disabled } = useQetaConfig();\n\n const showSuggestions =\n !disabled.questions || !disabled.articles || !disabled.links;\n const showFollowed =\n !disabled.tags || !disabled.entities || !disabled.collections;\n\n return (\n <>\n <ContentHeader\n title={t('homePage.title')}\n titleIcon={<HomeOutlined fontSize=\"large\" />}\n >\n <AskQuestionButton />\n <WriteArticleButton />\n <CreateLinkButton />\n </ContentHeader>\n\n {(showSuggestions || showFollowed) && (\n <Box className={classes.flexRow}>\n {showSuggestions && (\n <Box className={classes.suggestionColumn}>\n <SuggestionsCard />\n </Box>\n )}\n {showFollowed && (\n <Box className={classes.followedColumn}>\n <FollowedItemsCard />\n </Box>\n )}\n </Box>\n )}\n\n <Box className={classes.flexRow}>\n <Box className={classes.equalColumn}>\n <ImpactCard />\n </Box>\n <Box className={classes.equalColumn}>\n <CommunityActivityCard />\n </Box>\n </Box>\n\n <Box className={classes.timelineWrapper}>\n <Timeline />\n </Box>\n </>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { useParams } from 'react-router-dom';
|
|
|
3
3
|
import { useState, useEffect } from 'react';
|
|
4
4
|
import { useSignal } from '@backstage/plugin-signals-react';
|
|
5
5
|
import { WarningPanel } from '@backstage/core-components';
|
|
6
|
-
import { qetaApiRef, qetaTranslationRef, useQetaApi, ContentHeader, PostHistoryButton, FollowPostButton, CreateLinkButton, AddToCollectionButton, FaviconItem, DraftBanner, DeletedBanner, LinkCard, RelativeTimeWithTooltip, UpdatedByLink } from '@drodil/backstage-plugin-qeta-react';
|
|
6
|
+
import { qetaApiRef, qetaTranslationRef, useQetaConfig, useQetaApi, ContentHeader, PostHistoryButton, FollowPostButton, CreateLinkButton, AddToCollectionButton, FaviconItem, DraftBanner, DeletedBanner, LinkCard, RelativeTimeWithTooltip, UpdatedByLink } from '@drodil/backstage-plugin-qeta-react';
|
|
7
7
|
import { Skeleton } from '@material-ui/lab';
|
|
8
8
|
import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
|
|
9
9
|
import { makeStyles, Box } from '@material-ui/core';
|
|
@@ -22,6 +22,7 @@ const LinkPage = () => {
|
|
|
22
22
|
const { id } = useParams();
|
|
23
23
|
const qetaApi = useApi(qetaApiRef);
|
|
24
24
|
const { t } = useTranslationRef(qetaTranslationRef);
|
|
25
|
+
const { disabled } = useQetaConfig();
|
|
25
26
|
const dStyles = useDescriptionStyles();
|
|
26
27
|
const [score, setScore] = useState(0);
|
|
27
28
|
const { lastSignal } = useSignal(`qeta:post_${id}`);
|
|
@@ -41,6 +42,9 @@ const LinkPage = () => {
|
|
|
41
42
|
setScore(lastSignal.score);
|
|
42
43
|
}
|
|
43
44
|
}, [lastSignal]);
|
|
45
|
+
if (disabled.links) {
|
|
46
|
+
return null;
|
|
47
|
+
}
|
|
44
48
|
if (loading) {
|
|
45
49
|
return /* @__PURE__ */ jsx(Skeleton, { variant: "rect", height: 200 });
|
|
46
50
|
}
|