@ndla/ui 32.1.1 → 33.0.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/es/Frontpage/FrontpageAllSubjects.js +9 -17
- package/es/SearchTypeResult/components/ItemTopicHeader.js +4 -4
- package/es/locale/messages-en.js +3 -2
- package/es/locale/messages-nb.js +3 -2
- package/es/locale/messages-nn.js +3 -2
- package/es/locale/messages-se.js +3 -2
- package/es/locale/messages-sma.js +3 -2
- package/es/model/SubjectCategories.js +2 -1
- package/lib/Frontpage/FrontpageAllSubjects.d.ts +0 -2
- package/lib/Frontpage/FrontpageAllSubjects.js +9 -17
- package/lib/SearchTypeResult/components/ItemTopicHeader.js +4 -4
- package/lib/locale/messages-en.d.ts +3 -1
- package/lib/locale/messages-en.js +3 -2
- package/lib/locale/messages-nb.d.ts +3 -1
- package/lib/locale/messages-nb.js +3 -2
- package/lib/locale/messages-nn.d.ts +3 -1
- package/lib/locale/messages-nn.js +3 -2
- package/lib/locale/messages-se.d.ts +3 -1
- package/lib/locale/messages-se.js +3 -2
- package/lib/locale/messages-sma.d.ts +3 -1
- package/lib/locale/messages-sma.js +3 -2
- package/lib/model/SubjectCategories.d.ts +2 -1
- package/lib/model/SubjectCategories.js +5 -3
- package/package.json +2 -2
- package/src/Frontpage/FrontpageAllSubjects.tsx +2 -14
- package/src/MyNdla/Resource/Folder.stories.mdx +52 -0
- package/src/Resource/BlockResource.stories.mdx +58 -0
- package/src/Resource/Resource.stories.mdx +58 -0
- package/src/SearchTypeResult/components/ItemTopicHeader.tsx +1 -0
- package/src/locale/messages-en.ts +4 -2
- package/src/locale/messages-nb.ts +4 -2
- package/src/locale/messages-nn.ts +4 -2
- package/src/locale/messages-se.ts +4 -2
- package/src/locale/messages-sma.ts +4 -2
- package/src/model/SubjectCategories.ts +2 -1
|
@@ -295,12 +295,13 @@ declare const messages: {
|
|
|
295
295
|
active: string;
|
|
296
296
|
archive: string;
|
|
297
297
|
beta: string;
|
|
298
|
+
otherResources: string;
|
|
298
299
|
resourceCollection: string;
|
|
299
300
|
};
|
|
300
301
|
subjectTypes: {
|
|
301
302
|
betaSubject: string;
|
|
302
|
-
subject: string;
|
|
303
303
|
resourceCollection: string;
|
|
304
|
+
subject: string;
|
|
304
305
|
};
|
|
305
306
|
searchPage: {
|
|
306
307
|
noHits: string;
|
|
@@ -508,6 +509,7 @@ declare const messages: {
|
|
|
508
509
|
};
|
|
509
510
|
};
|
|
510
511
|
menu: {
|
|
512
|
+
goToMainMenu: string;
|
|
511
513
|
close: string;
|
|
512
514
|
goTo: string;
|
|
513
515
|
search: string;
|
|
@@ -109,8 +109,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
109
109
|
embed: 'Sett inn',
|
|
110
110
|
notSupported: 'Det fungerte ikke å sette inn innholdet automatisk. Kopier kildekoden under for å sette inn på din side.'
|
|
111
111
|
},
|
|
112
|
-
subjectCategories: (_subjectCategories = {}, _defineProperty(_subjectCategories, subjectCategories.ACTIVE_SUBJECTS, 'Aktive'), _defineProperty(_subjectCategories, subjectCategories.ARCHIVE_SUBJECTS, 'Utgåtte'), _defineProperty(_subjectCategories, subjectCategories.BETA_SUBJECTS, 'Kommende'), _defineProperty(_subjectCategories,
|
|
113
|
-
subjectTypes: (_subjectTypes = {}, _defineProperty(_subjectTypes, subjectTypes.BETA_SUBJECT, 'Betafag'), _defineProperty(_subjectTypes, subjectTypes.
|
|
112
|
+
subjectCategories: (_subjectCategories = {}, _defineProperty(_subjectCategories, subjectCategories.ACTIVE_SUBJECTS, 'Aktive'), _defineProperty(_subjectCategories, subjectCategories.ARCHIVE_SUBJECTS, 'Utgåtte'), _defineProperty(_subjectCategories, subjectCategories.BETA_SUBJECTS, 'Kommende'), _defineProperty(_subjectCategories, subjectCategories.OTHER, 'Andre ressurser'), _defineProperty(_subjectCategories, subjectTypes.RESOURCE_COLLECTION, 'Ressurssamlinger'), _subjectCategories),
|
|
113
|
+
subjectTypes: (_subjectTypes = {}, _defineProperty(_subjectTypes, subjectTypes.BETA_SUBJECT, 'Betafag'), _defineProperty(_subjectTypes, subjectTypes.RESOURCE_COLLECTION, 'Ressurssamling'), _defineProperty(_subjectTypes, subjectTypes.SUBJECT, 'Fag'), _subjectTypes),
|
|
114
114
|
searchPage: {
|
|
115
115
|
noHits: 'Ingen artikler samsvarte med søket ditt på: {{query}}',
|
|
116
116
|
noHitsShort: 'Ingen treff på søk: {{query}}',
|
|
@@ -317,6 +317,7 @@ var messages = _objectSpread(_objectSpread({
|
|
|
317
317
|
}
|
|
318
318
|
},
|
|
319
319
|
menu: {
|
|
320
|
+
goToMainMenu: 'Gå til hovedmeny',
|
|
320
321
|
close: 'Lukk',
|
|
321
322
|
goTo: 'Gå til',
|
|
322
323
|
search: 'Søk',
|
|
@@ -295,12 +295,13 @@ declare const messages: {
|
|
|
295
295
|
active: string;
|
|
296
296
|
archive: string;
|
|
297
297
|
beta: string;
|
|
298
|
+
otherResources: string;
|
|
298
299
|
resourceCollection: string;
|
|
299
300
|
};
|
|
300
301
|
subjectTypes: {
|
|
301
302
|
betaSubject: string;
|
|
302
|
-
subject: string;
|
|
303
303
|
resourceCollection: string;
|
|
304
|
+
subject: string;
|
|
304
305
|
};
|
|
305
306
|
searchPage: {
|
|
306
307
|
noHits: string;
|
|
@@ -508,6 +509,7 @@ declare const messages: {
|
|
|
508
509
|
};
|
|
509
510
|
};
|
|
510
511
|
menu: {
|
|
512
|
+
goToMainMenu: string;
|
|
511
513
|
close: string;
|
|
512
514
|
goTo: string;
|
|
513
515
|
search: string;
|
|
@@ -109,8 +109,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
109
109
|
embed: 'Sett inn',
|
|
110
110
|
notSupported: 'Det fungerte ikkje å setje inn innhaldet automatisk. Kopier kjeldekoden under for å setje han inn på sida di.'
|
|
111
111
|
},
|
|
112
|
-
subjectCategories: (_subjectCategories = {}, _defineProperty(_subjectCategories, subjectCategories.ACTIVE_SUBJECTS, 'Aktive'), _defineProperty(_subjectCategories, subjectCategories.ARCHIVE_SUBJECTS, 'Utgåtte'), _defineProperty(_subjectCategories, subjectCategories.BETA_SUBJECTS, 'Kommande'), _defineProperty(_subjectCategories,
|
|
113
|
-
subjectTypes: (_subjectTypes = {}, _defineProperty(_subjectTypes, subjectTypes.BETA_SUBJECT, 'Betafag'), _defineProperty(_subjectTypes, subjectTypes.
|
|
112
|
+
subjectCategories: (_subjectCategories = {}, _defineProperty(_subjectCategories, subjectCategories.ACTIVE_SUBJECTS, 'Aktive'), _defineProperty(_subjectCategories, subjectCategories.ARCHIVE_SUBJECTS, 'Utgåtte'), _defineProperty(_subjectCategories, subjectCategories.BETA_SUBJECTS, 'Kommande'), _defineProperty(_subjectCategories, subjectCategories.OTHER, 'Andre ressursar'), _defineProperty(_subjectCategories, subjectTypes.RESOURCE_COLLECTION, 'Ressurssamlingar'), _subjectCategories),
|
|
113
|
+
subjectTypes: (_subjectTypes = {}, _defineProperty(_subjectTypes, subjectTypes.BETA_SUBJECT, 'Betafag'), _defineProperty(_subjectTypes, subjectTypes.RESOURCE_COLLECTION, 'Ressurssamling'), _defineProperty(_subjectTypes, subjectTypes.SUBJECT, 'Fag'), _subjectTypes),
|
|
114
114
|
searchPage: {
|
|
115
115
|
noHits: 'Ingen artiklar samsvarte med søket ditt på: {{query}}',
|
|
116
116
|
noHitsShort: 'Ingen treff på søk: {{query}}',
|
|
@@ -317,6 +317,7 @@ var messages = _objectSpread(_objectSpread({
|
|
|
317
317
|
}
|
|
318
318
|
},
|
|
319
319
|
menu: {
|
|
320
|
+
goToMainMenu: 'Gå til hovedmeny',
|
|
320
321
|
close: 'Lukk',
|
|
321
322
|
goTo: 'Gå til',
|
|
322
323
|
search: 'Søk',
|
|
@@ -295,12 +295,13 @@ declare const messages: {
|
|
|
295
295
|
active: string;
|
|
296
296
|
archive: string;
|
|
297
297
|
beta: string;
|
|
298
|
+
otherResources: string;
|
|
298
299
|
resourceCollection: string;
|
|
299
300
|
};
|
|
300
301
|
subjectTypes: {
|
|
301
302
|
betaSubject: string;
|
|
302
|
-
subject: string;
|
|
303
303
|
resourceCollection: string;
|
|
304
|
+
subject: string;
|
|
304
305
|
};
|
|
305
306
|
searchPage: {
|
|
306
307
|
noHits: string;
|
|
@@ -508,6 +509,7 @@ declare const messages: {
|
|
|
508
509
|
};
|
|
509
510
|
};
|
|
510
511
|
menu: {
|
|
512
|
+
goToMainMenu: string;
|
|
511
513
|
close: string;
|
|
512
514
|
goTo: string;
|
|
513
515
|
search: string;
|
|
@@ -109,8 +109,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
109
109
|
embed: 'Deavdde',
|
|
110
110
|
notSupported: 'Ii lean vejolaš bidjat sisdoalu sisa automáhtalaččat. Kopiere gáldokoda vulobealde ja bija iežat siidui.'
|
|
111
111
|
},
|
|
112
|
-
subjectCategories: (_subjectCategories = {}, _defineProperty(_subjectCategories, subjectCategories.ACTIVE_SUBJECTS, 'Doaimmas'), _defineProperty(_subjectCategories, subjectCategories.ARCHIVE_SUBJECTS, 'Ii doaimmas šat'), _defineProperty(_subjectCategories, subjectCategories.BETA_SUBJECTS, 'Boahttevaš'), _defineProperty(_subjectCategories,
|
|
113
|
-
subjectTypes: (_subjectTypes = {}, _defineProperty(_subjectTypes, subjectTypes.BETA_SUBJECT, 'Betafága'), _defineProperty(_subjectTypes, subjectTypes.
|
|
112
|
+
subjectCategories: (_subjectCategories = {}, _defineProperty(_subjectCategories, subjectCategories.ACTIVE_SUBJECTS, 'Doaimmas'), _defineProperty(_subjectCategories, subjectCategories.ARCHIVE_SUBJECTS, 'Ii doaimmas šat'), _defineProperty(_subjectCategories, subjectCategories.BETA_SUBJECTS, 'Boahttevaš'), _defineProperty(_subjectCategories, subjectCategories.OTHER, 'Eará resurssat'), _defineProperty(_subjectCategories, subjectTypes.RESOURCE_COLLECTION, 'Resursačoakkáldat'), _subjectCategories),
|
|
113
|
+
subjectTypes: (_subjectTypes = {}, _defineProperty(_subjectTypes, subjectTypes.BETA_SUBJECT, 'Betafága'), _defineProperty(_subjectTypes, subjectTypes.RESOURCE_COLLECTION, 'Resursačoakkáldat'), _defineProperty(_subjectTypes, subjectTypes.SUBJECT, 'Fága'), _subjectTypes),
|
|
114
114
|
searchPage: {
|
|
115
115
|
noHits: 'Ii oktage artihkal heiven du ohcamii: {{query}}',
|
|
116
116
|
noHitsShort: 'Du ohcamii ii lean deaivva: {{query}}',
|
|
@@ -317,6 +317,7 @@ var messages = _objectSpread(_objectSpread({
|
|
|
317
317
|
}
|
|
318
318
|
},
|
|
319
319
|
menu: {
|
|
320
|
+
goToMainMenu: 'Gå til hovedmeny',
|
|
320
321
|
close: 'Govčča',
|
|
321
322
|
goTo: 'Mana deike',
|
|
322
323
|
search: 'Oza',
|
|
@@ -295,12 +295,13 @@ declare const messages: {
|
|
|
295
295
|
active: string;
|
|
296
296
|
archive: string;
|
|
297
297
|
beta: string;
|
|
298
|
+
otherResources: string;
|
|
298
299
|
resourceCollection: string;
|
|
299
300
|
};
|
|
300
301
|
subjectTypes: {
|
|
301
302
|
betaSubject: string;
|
|
302
|
-
subject: string;
|
|
303
303
|
resourceCollection: string;
|
|
304
|
+
subject: string;
|
|
304
305
|
};
|
|
305
306
|
searchPage: {
|
|
306
307
|
noHits: string;
|
|
@@ -508,6 +509,7 @@ declare const messages: {
|
|
|
508
509
|
};
|
|
509
510
|
};
|
|
510
511
|
menu: {
|
|
512
|
+
goToMainMenu: string;
|
|
511
513
|
close: string;
|
|
512
514
|
goTo: string;
|
|
513
515
|
search: string;
|
|
@@ -109,8 +109,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
109
109
|
embed: 'Sett inn',
|
|
110
110
|
notSupported: 'Det fungerte ikke å sette inn innholdet automatisk. Kopier kildekoden under for å sette inn på din side.'
|
|
111
111
|
},
|
|
112
|
-
subjectCategories: (_subjectCategories = {}, _defineProperty(_subjectCategories, subjectCategories.ACTIVE_SUBJECTS, 'Aktive'), _defineProperty(_subjectCategories, subjectCategories.ARCHIVE_SUBJECTS, 'Utgåtte'), _defineProperty(_subjectCategories, subjectCategories.BETA_SUBJECTS, 'Kommende'), _defineProperty(_subjectCategories,
|
|
113
|
-
subjectTypes: (_subjectTypes = {}, _defineProperty(_subjectTypes, subjectTypes.BETA_SUBJECT, 'Betafag'), _defineProperty(_subjectTypes, subjectTypes.
|
|
112
|
+
subjectCategories: (_subjectCategories = {}, _defineProperty(_subjectCategories, subjectCategories.ACTIVE_SUBJECTS, 'Aktive'), _defineProperty(_subjectCategories, subjectCategories.ARCHIVE_SUBJECTS, 'Utgåtte'), _defineProperty(_subjectCategories, subjectCategories.BETA_SUBJECTS, 'Kommende'), _defineProperty(_subjectCategories, subjectCategories.OTHER, 'Andre ressurser'), _defineProperty(_subjectCategories, subjectTypes.RESOURCE_COLLECTION, 'Ressurssamlinger'), _subjectCategories),
|
|
113
|
+
subjectTypes: (_subjectTypes = {}, _defineProperty(_subjectTypes, subjectTypes.BETA_SUBJECT, 'Betafag'), _defineProperty(_subjectTypes, subjectTypes.RESOURCE_COLLECTION, 'Ressurssamling'), _defineProperty(_subjectTypes, subjectTypes.SUBJECT, 'Fag'), _subjectTypes),
|
|
114
114
|
searchPage: {
|
|
115
115
|
noHits: 'Ingen artikler samsvarte med søket ditt på: {{query}}',
|
|
116
116
|
noHitsShort: 'Ingen treff på søk: {{query}}',
|
|
@@ -317,6 +317,7 @@ var messages = _objectSpread(_objectSpread({
|
|
|
317
317
|
}
|
|
318
318
|
},
|
|
319
319
|
menu: {
|
|
320
|
+
goToMainMenu: 'Gå til hovedmeny',
|
|
320
321
|
close: 'Lukk',
|
|
321
322
|
goTo: 'Gå til',
|
|
322
323
|
search: 'Søk',
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.BETA_SUBJECTS = exports.ARCHIVE_SUBJECTS = exports.ACTIVE_SUBJECTS = void 0;
|
|
6
|
+
exports.OTHER = exports.BETA_SUBJECTS = exports.ARCHIVE_SUBJECTS = exports.ACTIVE_SUBJECTS = void 0;
|
|
7
7
|
/**
|
|
8
8
|
* Copyright (c) 2021-present, NDLA.
|
|
9
9
|
*
|
|
@@ -14,7 +14,9 @@ exports.BETA_SUBJECTS = exports.ARCHIVE_SUBJECTS = exports.ACTIVE_SUBJECTS = voi
|
|
|
14
14
|
|
|
15
15
|
var ACTIVE_SUBJECTS = 'active';
|
|
16
16
|
exports.ACTIVE_SUBJECTS = ACTIVE_SUBJECTS;
|
|
17
|
+
var ARCHIVE_SUBJECTS = 'archive';
|
|
18
|
+
exports.ARCHIVE_SUBJECTS = ARCHIVE_SUBJECTS;
|
|
17
19
|
var BETA_SUBJECTS = 'beta';
|
|
18
20
|
exports.BETA_SUBJECTS = BETA_SUBJECTS;
|
|
19
|
-
var
|
|
20
|
-
exports.
|
|
21
|
+
var OTHER = 'otherResources';
|
|
22
|
+
exports.OTHER = OTHER;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "33.0.0",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -84,5 +84,5 @@
|
|
|
84
84
|
"publishConfig": {
|
|
85
85
|
"access": "public"
|
|
86
86
|
},
|
|
87
|
-
"gitHead": "
|
|
87
|
+
"gitHead": "d34999a576b5dae2af941139a85a712ca2b1e897"
|
|
88
88
|
}
|
|
@@ -76,13 +76,11 @@ const MessageBoxWrapper = styled.div`
|
|
|
76
76
|
|
|
77
77
|
type subjectProps = {
|
|
78
78
|
name: string;
|
|
79
|
-
url?: string;
|
|
80
79
|
path?: string;
|
|
81
80
|
id?: string;
|
|
82
81
|
};
|
|
83
82
|
type categoryProps = {
|
|
84
83
|
type?: string;
|
|
85
|
-
name?: string;
|
|
86
84
|
visible?: boolean;
|
|
87
85
|
message?: string;
|
|
88
86
|
subjects: subjectProps[];
|
|
@@ -165,7 +163,7 @@ const renderList = (
|
|
|
165
163
|
onNavigate();
|
|
166
164
|
}
|
|
167
165
|
}}
|
|
168
|
-
to={subject.
|
|
166
|
+
to={subject.path || ''}>
|
|
169
167
|
{subject.name}
|
|
170
168
|
</SafeLink>
|
|
171
169
|
<StyledSpacingElement />
|
|
@@ -213,7 +211,7 @@ const FrontpageAllSubjects = ({
|
|
|
213
211
|
allSubjects.push(...category.subjects);
|
|
214
212
|
category.visible &&
|
|
215
213
|
data.push({
|
|
216
|
-
title:
|
|
214
|
+
title: t(`subjectCategories.${category.type}`),
|
|
217
215
|
content: (
|
|
218
216
|
<>
|
|
219
217
|
{category.message && (
|
|
@@ -221,16 +219,6 @@ const FrontpageAllSubjects = ({
|
|
|
221
219
|
<MessageBox>{category.message}</MessageBox>
|
|
222
220
|
</MessageBoxWrapper>
|
|
223
221
|
)}
|
|
224
|
-
{category.name === t('subjectCategories.beta') && (
|
|
225
|
-
<MessageBoxWrapper>
|
|
226
|
-
<MessageBox>{t('messageBoxInfo.frontPageBeta')}</MessageBox>
|
|
227
|
-
</MessageBoxWrapper>
|
|
228
|
-
)}
|
|
229
|
-
{category.name === t('subjectCategories.archive') && (
|
|
230
|
-
<MessageBoxWrapper>
|
|
231
|
-
<MessageBox>{t('messageBoxInfo.frontPageExpired')}</MessageBox>
|
|
232
|
-
</MessageBoxWrapper>
|
|
233
|
-
)}
|
|
234
222
|
{renderList(category.subjects, onNavigate, onToggleSubject, subjectViewType, selectedSubjects)}
|
|
235
223
|
</>
|
|
236
224
|
),
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs';
|
|
2
|
+
import { defaultParameters } from '../../../../designmanual/stories/defaults';
|
|
3
|
+
import { Pencil } from '@ndla/icons/action';
|
|
4
|
+
import { DeleteForever } from '@ndla/icons/editor';
|
|
5
|
+
|
|
6
|
+
import Folder from './Folder';
|
|
7
|
+
import ButtonV2 from '../../../../button/src/ButtonV2';
|
|
8
|
+
|
|
9
|
+
<Meta
|
|
10
|
+
title="Enkle komponenter/Mappe"
|
|
11
|
+
component={Folder}
|
|
12
|
+
parameters={{
|
|
13
|
+
...defaultParameters,
|
|
14
|
+
docs: {
|
|
15
|
+
inlineStories: true,
|
|
16
|
+
},
|
|
17
|
+
backgrounds: {},
|
|
18
|
+
}}
|
|
19
|
+
argTypes={{
|
|
20
|
+
menuItems: {
|
|
21
|
+
control: false,
|
|
22
|
+
},
|
|
23
|
+
}}
|
|
24
|
+
/>
|
|
25
|
+
|
|
26
|
+
export const Template = (args) => <Folder {...args} />;
|
|
27
|
+
|
|
28
|
+
# Mappe
|
|
29
|
+
|
|
30
|
+
<Canvas>
|
|
31
|
+
<Story
|
|
32
|
+
name="Mappe"
|
|
33
|
+
args={{
|
|
34
|
+
id: '3d88300c-1186-47f5-a99a-8ea93fa20981',
|
|
35
|
+
title: 'Dette er min tittel',
|
|
36
|
+
subFolders: 3,
|
|
37
|
+
subResources: 3,
|
|
38
|
+
description: '',
|
|
39
|
+
link: '',
|
|
40
|
+
type: 'list',
|
|
41
|
+
menuItems: [
|
|
42
|
+
{ icon: <Pencil />, text: 'Rediger', onClick: () => {} },
|
|
43
|
+
{ icon: <DeleteForever />, text: 'Slett', onClick: () => {}, type: 'danger' },
|
|
44
|
+
],
|
|
45
|
+
}}>
|
|
46
|
+
{Template.bind({})}
|
|
47
|
+
</Story>
|
|
48
|
+
</Canvas>
|
|
49
|
+
|
|
50
|
+
### Props
|
|
51
|
+
|
|
52
|
+
<ArgsTable story="Mappe" />
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs';
|
|
2
|
+
import { defaultParameters } from '../../../designmanual/stories/defaults';
|
|
3
|
+
import { Pencil } from '@ndla/icons/action';
|
|
4
|
+
import { DeleteForever } from '@ndla/icons/editor';
|
|
5
|
+
|
|
6
|
+
import BlockResource from './BlockResource';
|
|
7
|
+
|
|
8
|
+
<Meta
|
|
9
|
+
title="Enkle komponenter/Ressurser/BlockResource"
|
|
10
|
+
component={BlockResource}
|
|
11
|
+
parameters={{
|
|
12
|
+
...defaultParameters,
|
|
13
|
+
docs: {
|
|
14
|
+
inlineStories: true,
|
|
15
|
+
},
|
|
16
|
+
backgrounds: {},
|
|
17
|
+
}}
|
|
18
|
+
argTypes={{
|
|
19
|
+
resourceImage: {
|
|
20
|
+
control: false,
|
|
21
|
+
},
|
|
22
|
+
resourceTypes: {
|
|
23
|
+
control: false,
|
|
24
|
+
},
|
|
25
|
+
headingLevel: {
|
|
26
|
+
control: false,
|
|
27
|
+
},
|
|
28
|
+
menuItems: {
|
|
29
|
+
control: false,
|
|
30
|
+
},
|
|
31
|
+
}}
|
|
32
|
+
/>
|
|
33
|
+
|
|
34
|
+
export const Template = (args) => <BlockResource {...args} />;
|
|
35
|
+
|
|
36
|
+
# Blokkressurs
|
|
37
|
+
|
|
38
|
+
<Canvas>
|
|
39
|
+
<Story
|
|
40
|
+
name="BlockResource"
|
|
41
|
+
args={{
|
|
42
|
+
id: '1234',
|
|
43
|
+
link: '',
|
|
44
|
+
title: 'Tittel til ressurs',
|
|
45
|
+
resourceImage: {
|
|
46
|
+
src: '',
|
|
47
|
+
alt: '',
|
|
48
|
+
},
|
|
49
|
+
resourceTypes: [{ id: 'urn:resourcetype:learningPath', name: 'Læringssti' }],
|
|
50
|
+
tags: ['tag', 'tag', 'tag', 'tag'],
|
|
51
|
+
}}>
|
|
52
|
+
{Template.bind({})}
|
|
53
|
+
</Story>
|
|
54
|
+
</Canvas>
|
|
55
|
+
|
|
56
|
+
### Props
|
|
57
|
+
|
|
58
|
+
<ArgsTable story="BlockResource" />
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs';
|
|
2
|
+
import { defaultParameters } from '../../../designmanual/stories/defaults';
|
|
3
|
+
import { Pencil } from '@ndla/icons/action';
|
|
4
|
+
import { DeleteForever } from '@ndla/icons/editor';
|
|
5
|
+
|
|
6
|
+
import ListResource from './ListResource';
|
|
7
|
+
|
|
8
|
+
<Meta
|
|
9
|
+
title="Enkle komponenter/Ressurser/ListResource"
|
|
10
|
+
component={ListResource}
|
|
11
|
+
parameters={{
|
|
12
|
+
...defaultParameters,
|
|
13
|
+
docs: {
|
|
14
|
+
inlineStories: true,
|
|
15
|
+
},
|
|
16
|
+
backgrounds: {},
|
|
17
|
+
}}
|
|
18
|
+
argTypes={{
|
|
19
|
+
resourceImage: {
|
|
20
|
+
control: false,
|
|
21
|
+
},
|
|
22
|
+
resourceTypes: {
|
|
23
|
+
control: false,
|
|
24
|
+
},
|
|
25
|
+
headingLevel: {
|
|
26
|
+
control: false,
|
|
27
|
+
},
|
|
28
|
+
menuItems: {
|
|
29
|
+
control: false,
|
|
30
|
+
},
|
|
31
|
+
}}
|
|
32
|
+
/>
|
|
33
|
+
|
|
34
|
+
export const Template = (args) => <ListResource {...args} />;
|
|
35
|
+
|
|
36
|
+
# Standard ressurs
|
|
37
|
+
|
|
38
|
+
<Canvas>
|
|
39
|
+
<Story
|
|
40
|
+
name="ListResource"
|
|
41
|
+
args={{
|
|
42
|
+
id: '1234',
|
|
43
|
+
link: '',
|
|
44
|
+
title: 'Tittel til ressurs',
|
|
45
|
+
resourceImage: {
|
|
46
|
+
src: '',
|
|
47
|
+
alt: '',
|
|
48
|
+
},
|
|
49
|
+
resourceTypes: [{ id: 'urn:resourcetype:learningPath', name: 'Læringssti' }],
|
|
50
|
+
tags: ['tag', 'tag', 'tag', 'tag'],
|
|
51
|
+
}}>
|
|
52
|
+
{Template.bind({})}
|
|
53
|
+
</Story>
|
|
54
|
+
</Canvas>
|
|
55
|
+
|
|
56
|
+
### Props
|
|
57
|
+
|
|
58
|
+
<ArgsTable story="ListResource" />
|
|
@@ -110,12 +110,13 @@ const messages = {
|
|
|
110
110
|
[subjectCategories.ACTIVE_SUBJECTS]: 'Active',
|
|
111
111
|
[subjectCategories.ARCHIVE_SUBJECTS]: 'Expired',
|
|
112
112
|
[subjectCategories.BETA_SUBJECTS]: 'Revised',
|
|
113
|
-
[
|
|
113
|
+
[subjectCategories.OTHER]: 'Other resources',
|
|
114
|
+
[subjectTypes.RESOURCE_COLLECTION]: 'Resource collections',
|
|
114
115
|
},
|
|
115
116
|
subjectTypes: {
|
|
116
117
|
[subjectTypes.BETA_SUBJECT]: 'Betafag',
|
|
117
|
-
[subjectTypes.SUBJECT]: 'Subject',
|
|
118
118
|
[subjectTypes.RESOURCE_COLLECTION]: 'Resource collection',
|
|
119
|
+
[subjectTypes.SUBJECT]: 'Subject',
|
|
119
120
|
},
|
|
120
121
|
searchPage: {
|
|
121
122
|
noHits: 'Your search - {{query}} - did not match any articles. ',
|
|
@@ -327,6 +328,7 @@ const messages = {
|
|
|
327
328
|
},
|
|
328
329
|
},
|
|
329
330
|
menu: {
|
|
331
|
+
goToMainMenu: 'Go to main menu',
|
|
330
332
|
close: 'Close',
|
|
331
333
|
goTo: 'Go to',
|
|
332
334
|
search: 'Search',
|
|
@@ -110,12 +110,13 @@ const messages = {
|
|
|
110
110
|
[subjectCategories.ACTIVE_SUBJECTS]: 'Aktive',
|
|
111
111
|
[subjectCategories.ARCHIVE_SUBJECTS]: 'Utgåtte',
|
|
112
112
|
[subjectCategories.BETA_SUBJECTS]: 'Kommende',
|
|
113
|
-
[
|
|
113
|
+
[subjectCategories.OTHER]: 'Andre ressurser',
|
|
114
|
+
[subjectTypes.RESOURCE_COLLECTION]: 'Ressurssamlinger',
|
|
114
115
|
},
|
|
115
116
|
subjectTypes: {
|
|
116
117
|
[subjectTypes.BETA_SUBJECT]: 'Betafag',
|
|
117
|
-
[subjectTypes.SUBJECT]: 'Fag',
|
|
118
118
|
[subjectTypes.RESOURCE_COLLECTION]: 'Ressurssamling',
|
|
119
|
+
[subjectTypes.SUBJECT]: 'Fag',
|
|
119
120
|
},
|
|
120
121
|
searchPage: {
|
|
121
122
|
noHits: 'Ingen artikler samsvarte med søket ditt på: {{query}}',
|
|
@@ -326,6 +327,7 @@ const messages = {
|
|
|
326
327
|
},
|
|
327
328
|
},
|
|
328
329
|
menu: {
|
|
330
|
+
goToMainMenu: 'Gå til hovedmeny',
|
|
329
331
|
close: 'Lukk',
|
|
330
332
|
goTo: 'Gå til',
|
|
331
333
|
search: 'Søk',
|
|
@@ -110,12 +110,13 @@ const messages = {
|
|
|
110
110
|
[subjectCategories.ACTIVE_SUBJECTS]: 'Aktive',
|
|
111
111
|
[subjectCategories.ARCHIVE_SUBJECTS]: 'Utgåtte',
|
|
112
112
|
[subjectCategories.BETA_SUBJECTS]: 'Kommande',
|
|
113
|
-
[
|
|
113
|
+
[subjectCategories.OTHER]: 'Andre ressursar',
|
|
114
|
+
[subjectTypes.RESOURCE_COLLECTION]: 'Ressurssamlingar',
|
|
114
115
|
},
|
|
115
116
|
subjectTypes: {
|
|
116
117
|
[subjectTypes.BETA_SUBJECT]: 'Betafag',
|
|
117
|
-
[subjectTypes.SUBJECT]: 'Fag',
|
|
118
118
|
[subjectTypes.RESOURCE_COLLECTION]: 'Ressurssamling',
|
|
119
|
+
[subjectTypes.SUBJECT]: 'Fag',
|
|
119
120
|
},
|
|
120
121
|
searchPage: {
|
|
121
122
|
noHits: 'Ingen artiklar samsvarte med søket ditt på: {{query}}',
|
|
@@ -326,6 +327,7 @@ const messages = {
|
|
|
326
327
|
},
|
|
327
328
|
},
|
|
328
329
|
menu: {
|
|
330
|
+
goToMainMenu: 'Gå til hovedmeny',
|
|
329
331
|
close: 'Lukk',
|
|
330
332
|
goTo: 'Gå til',
|
|
331
333
|
search: 'Søk',
|
|
@@ -110,12 +110,13 @@ const messages = {
|
|
|
110
110
|
[subjectCategories.ACTIVE_SUBJECTS]: 'Doaimmas',
|
|
111
111
|
[subjectCategories.ARCHIVE_SUBJECTS]: 'Ii doaimmas šat',
|
|
112
112
|
[subjectCategories.BETA_SUBJECTS]: 'Boahttevaš',
|
|
113
|
-
[
|
|
113
|
+
[subjectCategories.OTHER]: 'Eará resurssat',
|
|
114
|
+
[subjectTypes.RESOURCE_COLLECTION]: 'Resursačoakkáldat',
|
|
114
115
|
},
|
|
115
116
|
subjectTypes: {
|
|
116
117
|
[subjectTypes.BETA_SUBJECT]: 'Betafága',
|
|
117
|
-
[subjectTypes.SUBJECT]: 'Fága',
|
|
118
118
|
[subjectTypes.RESOURCE_COLLECTION]: 'Resursačoakkáldat',
|
|
119
|
+
[subjectTypes.SUBJECT]: 'Fága',
|
|
119
120
|
},
|
|
120
121
|
searchPage: {
|
|
121
122
|
noHits: 'Ii oktage artihkal heiven du ohcamii: {{query}}',
|
|
@@ -327,6 +328,7 @@ const messages = {
|
|
|
327
328
|
},
|
|
328
329
|
},
|
|
329
330
|
menu: {
|
|
331
|
+
goToMainMenu: 'Gå til hovedmeny',
|
|
330
332
|
close: 'Govčča',
|
|
331
333
|
goTo: 'Mana deike',
|
|
332
334
|
search: 'Oza',
|
|
@@ -110,12 +110,13 @@ const messages = {
|
|
|
110
110
|
[subjectCategories.ACTIVE_SUBJECTS]: 'Aktive',
|
|
111
111
|
[subjectCategories.ARCHIVE_SUBJECTS]: 'Utgåtte',
|
|
112
112
|
[subjectCategories.BETA_SUBJECTS]: 'Kommende',
|
|
113
|
-
[
|
|
113
|
+
[subjectCategories.OTHER]: 'Andre ressurser',
|
|
114
|
+
[subjectTypes.RESOURCE_COLLECTION]: 'Ressurssamlinger',
|
|
114
115
|
},
|
|
115
116
|
subjectTypes: {
|
|
116
117
|
[subjectTypes.BETA_SUBJECT]: 'Betafag',
|
|
117
|
-
[subjectTypes.SUBJECT]: 'Fag',
|
|
118
118
|
[subjectTypes.RESOURCE_COLLECTION]: 'Ressurssamling',
|
|
119
|
+
[subjectTypes.SUBJECT]: 'Fag',
|
|
119
120
|
},
|
|
120
121
|
searchPage: {
|
|
121
122
|
noHits: 'Ingen artikler samsvarte med søket ditt på: {{query}}',
|
|
@@ -326,6 +327,7 @@ const messages = {
|
|
|
326
327
|
},
|
|
327
328
|
},
|
|
328
329
|
menu: {
|
|
330
|
+
goToMainMenu: 'Gå til hovedmeny',
|
|
329
331
|
close: 'Lukk',
|
|
330
332
|
goTo: 'Gå til',
|
|
331
333
|
search: 'Søk',
|