@ndla/ui 15.1.1 → 15.1.4
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/Filter/FilterCarousel.js +32 -23
- package/es/MyNdla/Resource/FolderInput.js +4 -4
- package/es/Resource/resourceComponents.js +9 -9
- package/es/ResourceGroup/ResourceGroup.js +8 -5
- package/es/ResourceGroup/ResourceItem.js +13 -13
- package/es/ResourceGroup/ResourceList.js +4 -4
- package/es/TreeStructure/FolderNameInput.js +5 -5
- package/es/locale/messages-en.js +4 -4
- package/es/locale/messages-nb.js +4 -4
- package/es/locale/messages-nn.js +4 -4
- package/es/locale/messages-se.js +4 -4
- package/es/locale/messages-sma.js +4 -4
- package/lib/Filter/FilterCarousel.js +31 -22
- package/lib/MyNdla/Resource/FolderInput.js +5 -5
- package/lib/Resource/resourceComponents.js +9 -9
- package/lib/ResourceGroup/ResourceGroup.d.ts +2 -1
- package/lib/ResourceGroup/ResourceGroup.js +8 -5
- package/lib/ResourceGroup/ResourceItem.d.ts +2 -2
- package/lib/ResourceGroup/ResourceItem.js +13 -13
- package/lib/ResourceGroup/ResourceList.d.ts +2 -2
- package/lib/ResourceGroup/ResourceList.js +4 -4
- package/lib/TreeStructure/FolderNameInput.js +7 -7
- package/lib/locale/messages-en.d.ts +4 -4
- package/lib/locale/messages-en.js +4 -4
- package/lib/locale/messages-nb.d.ts +4 -4
- package/lib/locale/messages-nb.js +4 -4
- package/lib/locale/messages-nn.d.ts +4 -4
- package/lib/locale/messages-nn.js +4 -4
- package/lib/locale/messages-se.d.ts +4 -4
- package/lib/locale/messages-se.js +4 -4
- package/lib/locale/messages-sma.d.ts +4 -4
- package/lib/locale/messages-sma.js +4 -4
- package/package.json +2 -3
- package/src/Filter/FilterCarousel.tsx +25 -22
- package/src/MyNdla/Resource/FolderInput.tsx +1 -1
- package/src/Resource/resourceComponents.tsx +1 -1
- package/src/ResourceGroup/ResourceGroup.tsx +3 -0
- package/src/ResourceGroup/ResourceItem.tsx +3 -3
- package/src/ResourceGroup/ResourceList.tsx +3 -3
- package/src/TreeStructure/FolderNameInput.tsx +1 -1
- package/src/locale/messages-en.ts +4 -4
- package/src/locale/messages-nb.ts +4 -4
- package/src/locale/messages-nn.ts +4 -4
- package/src/locale/messages-se.ts +4 -4
- package/src/locale/messages-sma.ts +4 -4
|
@@ -49,7 +49,7 @@ export type ResourceListProps = {
|
|
|
49
49
|
title?: string;
|
|
50
50
|
showAdditionalResources?: boolean;
|
|
51
51
|
onToggleAddToFavorites: (id: string, add: boolean) => void;
|
|
52
|
-
|
|
52
|
+
showAddToFavoriteButton: boolean;
|
|
53
53
|
};
|
|
54
54
|
|
|
55
55
|
const ResourceList = ({
|
|
@@ -59,7 +59,7 @@ const ResourceList = ({
|
|
|
59
59
|
contentType,
|
|
60
60
|
title,
|
|
61
61
|
showAdditionalResources,
|
|
62
|
-
|
|
62
|
+
showAddToFavoriteButton,
|
|
63
63
|
}: ResourceListProps) => {
|
|
64
64
|
const { t } = useTranslation();
|
|
65
65
|
const renderAdditionalResourceTrigger =
|
|
@@ -76,7 +76,7 @@ const ResourceList = ({
|
|
|
76
76
|
key={id}
|
|
77
77
|
contentType={contentType}
|
|
78
78
|
showAdditionalResources={showAdditionalResources}
|
|
79
|
-
|
|
79
|
+
showAddToFavoriteButton={showAddToFavoriteButton}
|
|
80
80
|
onToggleAddToFavorites={onToggleAddToFavorites}
|
|
81
81
|
{...resource}
|
|
82
82
|
contentTypeDescription={
|
|
@@ -10,10 +10,10 @@ import React, { useEffect, useState, useRef } from 'react';
|
|
|
10
10
|
import styled from '@emotion/styled';
|
|
11
11
|
import { FolderOutlined } from '@ndla/icons/contentType';
|
|
12
12
|
import { ArrowDropDown as ArrowDropDownRaw } from '@ndla/icons/common';
|
|
13
|
-
import { Spinner } from '@ndla/editor';
|
|
14
13
|
import { spacing, colors, misc, animations } from '@ndla/core';
|
|
15
14
|
import { useTranslation } from 'react-i18next';
|
|
16
15
|
import { isMobile } from 'react-device-detect';
|
|
16
|
+
import Spinner from '../Spinner';
|
|
17
17
|
|
|
18
18
|
const ArrowRight = styled(ArrowDropDownRaw)`
|
|
19
19
|
color: ${colors.text.primary};
|
|
@@ -1007,10 +1007,6 @@ const messages = {
|
|
|
1007
1007
|
terms: 'terms of use',
|
|
1008
1008
|
feide: 'We have retrieved this information from Feide',
|
|
1009
1009
|
newFavourite: 'Recently favourited',
|
|
1010
|
-
resource: {
|
|
1011
|
-
addToMyNdla: 'Add to My NDLA',
|
|
1012
|
-
addedToMyNdla: 'Added to My NDLA',
|
|
1013
|
-
},
|
|
1014
1010
|
storageInfo: {
|
|
1015
1011
|
title: 'How to save your favourite resources from NDLA',
|
|
1016
1012
|
text: 'When you wish to save a resource, you can do so by clicking the heart on the top right corner of the page. You will then get an option to store the resource in a folder',
|
|
@@ -1024,6 +1020,10 @@ const messages = {
|
|
|
1024
1020
|
text: 'When you save a resource, you will have the option to tag it with a keyword. This tag can be used to find the resource across folders. By selecting my tags on the menu to the left, you will see all the tags your have used. You can also see which resources are tagget with which keyword.',
|
|
1025
1021
|
},
|
|
1026
1022
|
},
|
|
1023
|
+
resource: {
|
|
1024
|
+
addToMyNdla: 'Add to My NDLA',
|
|
1025
|
+
addedToMyNdla: 'Added to My NDLA',
|
|
1026
|
+
},
|
|
1027
1027
|
},
|
|
1028
1028
|
snackbar: {
|
|
1029
1029
|
close: 'Close notification',
|
|
@@ -1005,10 +1005,6 @@ const messages = {
|
|
|
1005
1005
|
terms: 'vilkår for bruk',
|
|
1006
1006
|
newFavourite: 'Nylig lagt til',
|
|
1007
1007
|
feide: 'Dette henter vi om deg fra Feide',
|
|
1008
|
-
resource: {
|
|
1009
|
-
addToMyNdla: 'Legg i Min NDLA',
|
|
1010
|
-
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1011
|
-
},
|
|
1012
1008
|
storageInfo: {
|
|
1013
1009
|
title: 'Slik lagrer du dine favorittressurser fra NDLA',
|
|
1014
1010
|
text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjertet øverst til høyre på siden. Du vil da få mulighet til å lagre ressursen i en mappe.',
|
|
@@ -1022,6 +1018,10 @@ const messages = {
|
|
|
1022
1018
|
text: 'Når du lagrer en ressurs får du mulighet til å tagge ressursen med et nøkkelord. Du kan senere bruke taggene til å finne tilbake til ressurser på tvers av mapper. Ved å velge mine tagger i venstremenyen får du oversikt over alle taggene du har brukt og du kan også her se hvilke ressurser som du har tagget med det bestemte nøkkelordet.',
|
|
1023
1019
|
},
|
|
1024
1020
|
},
|
|
1021
|
+
resource: {
|
|
1022
|
+
addToMyNdla: 'Legg i Min NDLA',
|
|
1023
|
+
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1024
|
+
},
|
|
1025
1025
|
},
|
|
1026
1026
|
snackbar: {
|
|
1027
1027
|
close: 'Lukk melding',
|
|
@@ -1006,10 +1006,6 @@ const messages = {
|
|
|
1006
1006
|
terms: 'vilkår for bruk',
|
|
1007
1007
|
newFavourite: 'Nylig lagt til',
|
|
1008
1008
|
feide: 'Dette henter vi om deg fra Feide',
|
|
1009
|
-
resource: {
|
|
1010
|
-
addToMyNdla: 'Legg i Min NDLA',
|
|
1011
|
-
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1012
|
-
},
|
|
1013
1009
|
storageInfo: {
|
|
1014
1010
|
title: 'Slik lagrer du dine favorittressurser fra NDLA',
|
|
1015
1011
|
text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjertet øverst til høyre på siden. Du vil da få mulighet til å lagre ressursen i en mappe.',
|
|
@@ -1023,6 +1019,10 @@ const messages = {
|
|
|
1023
1019
|
text: 'Når du lagrer en ressurs får du mulighet til å tagge ressursen med et nøkkelord. Du kan senere bruke taggene til å finne tilbake til ressurser på tvers av mapper. Ved å velge mine tagger i venstremenyen får du oversikt over alle taggene du har brukt og du kan også her se hvilke ressurser som du har tagget med det bestemte nøkkelordet.',
|
|
1024
1020
|
},
|
|
1025
1021
|
},
|
|
1022
|
+
resource: {
|
|
1023
|
+
addToMyNdla: 'Legg i Min NDLA',
|
|
1024
|
+
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1025
|
+
},
|
|
1026
1026
|
},
|
|
1027
1027
|
snackbar: {
|
|
1028
1028
|
close: 'Lukk melding',
|
|
@@ -1005,10 +1005,6 @@ const messages = {
|
|
|
1005
1005
|
terms: 'vilkår for bruk',
|
|
1006
1006
|
newFavourite: 'Nylig lagt til',
|
|
1007
1007
|
feide: 'Dette henter vi om deg fra Feide',
|
|
1008
|
-
resource: {
|
|
1009
|
-
addToMyNdla: 'Legg i Min NDLA',
|
|
1010
|
-
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1011
|
-
},
|
|
1012
1008
|
storageInfo: {
|
|
1013
1009
|
title: 'Slik lagrer du dine favorittressurser fra NDLA',
|
|
1014
1010
|
text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjertet øverst til høyre på siden. Du vil da få mulighet til å lagre ressursen i en mappe.',
|
|
@@ -1022,6 +1018,10 @@ const messages = {
|
|
|
1022
1018
|
text: 'Når du lagrer en ressurs får du mulighet til å tagge ressursen med et nøkkelord. Du kan senere bruke taggene til å finne tilbake til ressurser på tvers av mapper. Ved å velge mine tagger i venstremenyen får du oversikt over alle taggene du har brukt og du kan også her se hvilke ressurser som du har tagget med det bestemte nøkkelordet.',
|
|
1023
1019
|
},
|
|
1024
1020
|
},
|
|
1021
|
+
resource: {
|
|
1022
|
+
addToMyNdla: 'Legg i Min NDLA',
|
|
1023
|
+
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1024
|
+
},
|
|
1025
1025
|
},
|
|
1026
1026
|
snackbar: {
|
|
1027
1027
|
close: 'Lukk melding',
|
|
@@ -1005,10 +1005,6 @@ const messages = {
|
|
|
1005
1005
|
terms: 'vilkår for bruk',
|
|
1006
1006
|
newFavourite: 'Nylig lagt til',
|
|
1007
1007
|
feide: 'Dette henter vi om deg fra Feide',
|
|
1008
|
-
resource: {
|
|
1009
|
-
addToMyNdla: 'Legg i Min NDLA',
|
|
1010
|
-
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1011
|
-
},
|
|
1012
1008
|
storageInfo: {
|
|
1013
1009
|
title: 'Slik lagrer du dine favorittressurser fra NDLA',
|
|
1014
1010
|
text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjertet øverst til høyre på siden. Du vil da få mulighet til å lagre ressursen i en mappe.',
|
|
@@ -1022,6 +1018,10 @@ const messages = {
|
|
|
1022
1018
|
text: 'Når du lagrer en ressurs får du mulighet til å tagge ressursen med et nøkkelord. Du kan senere bruke taggene til å finne tilbake til ressurser på tvers av mapper. Ved å velge mine tagger i venstremenyen får du oversikt over alle taggene du har brukt og du kan også her se hvilke ressurser som du har tagget med det bestemte nøkkelordet.',
|
|
1023
1019
|
},
|
|
1024
1020
|
},
|
|
1021
|
+
resource: {
|
|
1022
|
+
addToMyNdla: 'Legg i Min NDLA',
|
|
1023
|
+
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1024
|
+
},
|
|
1025
1025
|
},
|
|
1026
1026
|
snackbar: {
|
|
1027
1027
|
close: 'Lukk melding',
|