The SelectImageModal component has been refactored so that it can also be used on the video selection page; and all its child components. Now this component is called SelectionModal and is used both for the image selector and in this new video selection screen. The assets api has been used to get the videos.
78 lines
2.8 KiB
JavaScript
78 lines
2.8 KiB
JavaScript
import { defineMessages } from '@edx/frontend-platform/i18n';
|
|
|
|
const messages = defineMessages({
|
|
|
|
nextButtonLabel: {
|
|
id: 'authoring.texteditor.selectimagemodal.next.label',
|
|
defaultMessage: 'Next',
|
|
description: 'Label for Next button',
|
|
},
|
|
uploadButtonLabel: {
|
|
id: 'authoring.texteditor.selectimagemodal.upload.label',
|
|
defaultMessage: 'Upload a new image (10 MB max)',
|
|
description: 'Label for upload button',
|
|
},
|
|
titleLabel: {
|
|
id: 'authoring.texteditor.selectimagemodal.title.label',
|
|
defaultMessage: 'Add an image',
|
|
description: 'Title for the select image modal',
|
|
},
|
|
|
|
// Sort Dropdown
|
|
sortByDateNewest: {
|
|
id: 'authoring.texteditor.selectimagemodal.sort.datenewest.label',
|
|
defaultMessage: 'By date added (newest)',
|
|
description: 'Dropdown label for sorting by date (newest)',
|
|
},
|
|
sortByDateOldest: {
|
|
id: 'authoring.texteditor.selectimagemodal.sort.dateoldest.label',
|
|
defaultMessage: 'By date added (oldest)',
|
|
description: 'Dropdown label for sorting by date (oldest)',
|
|
},
|
|
sortByNameAscending: {
|
|
id: 'authoring.texteditor.selectimagemodal.sort.nameascending.label',
|
|
defaultMessage: 'By name (ascending)',
|
|
description: 'Dropdown label for sorting by name (ascending)',
|
|
},
|
|
sortByNameDescending: {
|
|
id: 'authoring.texteditor.selectimagemodal.sort.namedescending.label',
|
|
defaultMessage: 'By name (descending)',
|
|
description: 'Dropdown label for sorting by name (descending)',
|
|
},
|
|
|
|
// Gallery
|
|
emptyGalleryLabel: {
|
|
id: 'authoring.texteditor.selectimagemodal.emptyGalleryLabel',
|
|
defaultMessage:
|
|
'No images found in your gallery. Please upload an image using the button below.',
|
|
description: 'Label for when image gallery is empty.',
|
|
},
|
|
|
|
// Errors
|
|
uploadImageError: {
|
|
id: 'authoring.texteditor.selectimagemodal.error.uploadImageError',
|
|
defaultMessage: 'Failed to upload image. Please try again.',
|
|
description: 'Message presented to user when image fails to upload',
|
|
},
|
|
fetchImagesError: {
|
|
id: 'authoring.texteditor.selectimagemodal.error.fetchImagesError',
|
|
defaultMessage: 'Failed to obtain course images. Please try again.',
|
|
description: 'Message presented to user when images are not found',
|
|
},
|
|
fileSizeError: {
|
|
id: 'authoring.texteditor.selectimagemodal.error.fileSizeError',
|
|
defaultMessage:
|
|
'Images must be 10 MB or less. Please resize image and try again.',
|
|
description:
|
|
' Message presented to user when file size of image is larger than 10 MB',
|
|
},
|
|
selectImageError: {
|
|
id: 'authoring.texteditor.selectimagemodal.error.selectImageError',
|
|
defaultMessage: 'Select an image to continue.',
|
|
description:
|
|
'Message presented to user when clicking Next without selecting an image',
|
|
},
|
|
});
|
|
|
|
export default messages;
|