I created a drop down list. It works fine, but I'm having trouble translating the "Select..." and "No options" placeholders. The photos show what I mean.
There is an example of creating this drop-down list:
Student entity:
@Column({ type: 'varchar' })
studyStatus!: string;
StudyStatusEnum
enum StudyStatusEnum {
studying = 'studying',
completed = 'completed studies',
academic = 'academic leave',
deducted = 'deducted',
}
export default StudyStatusEnum;
admin-panel/student/translations
export default {
[StudyStatusEnum.academic]: 'MyTranslatedText',
[StudyStatusEnum.completed]: 'MyTranslatedText1',
[StudyStatusEnum.deducted]: 'MyTranslatedText2',
[StudyStatusEnum.studying]: 'MyTranslatedText3',
};
admin-panel/student/utils
const getStudentStudyStatus = (): IAvailableValues[] => {
return Object.values(StudyStatusEnum).map((value) => {
const label = studentStudyStatusTranslation[value as StudyStatusEnum];
return { label, value };
});
};
export default getStudentStudyStatus;
student.constants
const FIELDS = {
STUDY_STATUS: 'studyStatus',
};
export default Object.freeze({
FIELDS,
LIST_PROPERTIES: [
FIELDS.STUDY_STATUS, ],
SHOW_PROPERTIES: [],
EDIT_PROPERTIES: [],
FILTER_PROPERTIES: [],
});
student.resource
export default () => ({
resource: StudentEntity,
options: {
navigation: { icon: 'Education' },
properties: {
[StudentConstants.FIELDS.STUDY_STATUS]: {
availableValues: studyStatus,
},
},
listProperties: StudentConstants.LIST_PROPERTIES,
},
} as ResourceWithOptions);