+
+ );
+};
+
+export default ModelInteractionEvaluation;
diff --git a/src/config/localisation.js b/src/config/localisation.js
index 79999d12..811f9c91 100644
--- a/src/config/localisation.js
+++ b/src/config/localisation.js
@@ -6,56 +6,56 @@ const localisation = {
newPassword:"Enter your New Password*",
currentPassword:"Enter your Current Password*",
"label.anudeshInfo":
- "Anudesh is an open source platform to ...",
- "button.clearAll" : "Clear All",
- "button.clear" : "Clear",
- "button.Filter" : "Filter",
- "button.Apply" : "Apply",
- "label.filter.status" : "Status",
- "label.filter.byAnnotator" : "Filter by Annotators",
- "label.filter.column": "Select Columns",
- "button.cancel" : "Cancel",
- "button.addNewWorkspace" : "Add New Workspace",
- "button.inviteNewMEmbersToOrganization":"Invite new members to organization",
- "button.notes":"Notes",
- "button.draft":"Draft",
- "button.next":"Next",
- "button.skip":"Skip",
- "button.submit":"Submit",
- "label.workspaces":"Workspaces",
- "label.members":"Members",
- "label.annotators":"Annotators",
- "label.reviewers":"Reviewers",
- "label.invites":"Invites",
- "label.settings":"Settings",
- "label.logs":"Logs",
- "label.tasks":"Tasks",
- "label.annotationTasks":"Annotation Tasks",
- "label.reviewTasks":"Review Tasks",
- "label.allTask ":"All Tasks",
- "label.reports":"Reports",
- "label.projects":"Projects",
- "label.annotators":"Annotators",
- "label.managers":"Managers",
- "label.backToPreviousPage":"Back To Previous Page",
- "label.showProjectSettings":"Show Project Settings",
- "label.backToProject": "Back To Project",
- "alert.notes": "Please do not add notes if you are going to skip the task!",
- "label.datasets": "Datasets",
- "button.downloadDataset": "Download Dataset",
- "button.uploadData":"Upload Data",
- "link.Createanaccount":"Create an account",
- "tooltip.AnalyticsType":" The variation in chart with respect to the number of selected time ranges. In 'Individual', chart for a single time range is displayed. In 'Comparison', two different charts can be compared based on the time ranges selected. Default selection is 'Individual'.",
- "tooltip.ProjectType":" The type of the project for which the chart should be based on. Default selection is 'ContextualTranslationEditing'.",
- "tooltip.Baseperiod":"The time range selected for the first plot of the chart. Currently it can be cumulative, monthly or weekly. The default selection is 'Cumalative'.",
- "tooltip.ComparisonPeriod":"The time range selected for the second plot of the chart. This is applicable when the analytics type is Comparison. Currently it can be cumulative, monthly or weekly.",
- "label.recentTasks.annotation": "Annotations",
- "label.recentTasks.review": "Reviews",
- "button.deleteDataItems":"Delete Data Item",
- "label.Rate this translation":"Rate this translation",
- "button.Suggest an edit":"Suggest an edit",
- "button.Your feedback":"Your feedback will be used to help improve the product",
- "label.analytics": "Analytics",
+ "Anudesh is an open source platform to ...",
+ "button.clearAll" : "Clear All",
+ "button.clear" : "Clear",
+ "button.Filter" : "Filter",
+ "button.Apply" : "Apply",
+ "label.filter.status" : "Status",
+ "label.filter.byAnnotator" : "Filter by Annotators",
+ "label.filter.column": "Select Columns",
+ "button.cancel" : "Cancel",
+ "button.addNewWorkspace" : "Add New Workspace",
+ "button.inviteNewMEmbersToOrganization":"Invite new members to organization",
+ "button.notes":"Notes",
+ "button.draft":"Draft",
+ "button.next":"Next",
+ "button.skip":"Skip",
+ "button.submit":"Submit",
+ "label.workspaces":"Workspaces",
+ "label.members":"Members",
+ "label.annotators":"Annotators",
+ "label.reviewers":"Reviewers",
+ "label.invites":"Invites",
+ "label.settings":"Settings",
+ "label.logs":"Logs",
+ "label.tasks":"Tasks",
+ "label.annotationTasks":"Annotation Tasks",
+ "label.reviewTasks":"Review Tasks",
+ "label.allTask ":"All Tasks",
+ "label.reports":"Reports",
+ "label.projects":"Projects",
+ "label.annotators":"Annotators",
+ "label.managers":"Managers",
+ "label.backToPreviousPage":"Back To Previous Page",
+ "label.showProjectSettings":"Show Project Settings",
+ "label.backToProject": "Back To Project",
+ "alert.notes": "Please do not add notes if you are going to skip the task!",
+ "label.datasets": "Datasets",
+ "button.downloadDataset": "Download Dataset",
+ "button.uploadData":"Upload Data",
+ "link.Createanaccount":"Create an account",
+ "tooltip.AnalyticsType":" The variation in chart with respect to the number of selected time ranges. In 'Individual', chart for a single time range is displayed. In 'Comparison', two different charts can be compared based on the time ranges selected. Default selection is 'Individual'.",
+ "tooltip.ProjectType":" The type of the project for which the chart should be based on. Default selection is 'ContextualTranslationEditing'.",
+ "tooltip.Baseperiod":"The time range selected for the first plot of the chart. Currently it can be cumulative, monthly or weekly. The default selection is 'Cumalative'.",
+ "tooltip.ComparisonPeriod":"The time range selected for the second plot of the chart. This is applicable when the analytics type is Comparison. Currently it can be cumulative, monthly or weekly.",
+ "label.recentTasks.annotation": "Annotations",
+ "label.recentTasks.review": "Reviews",
+ "button.deleteDataItems":"Delete Data Item",
+ "label.Rate this translation":"Rate this translation",
+ "button.Suggest an edit":"Suggest an edit",
+ "button.Your feedback":"Your feedback will be used to help improve the product",
+ "label.analytics": "Analytics",
"typography.instructions": "Instructions",
"modal.hint": "Hint",
"modal.examples": "Examples",
@@ -63,7 +63,11 @@ const localisation = {
"modal.domain": "Domain",
"modal.language": "Language",
"modalButton.metaDataInfo": "Metadata Information",
- "modalButton.close": "Close"
+ "modalButton.close": "Close",
+ "model_evaluation_note": "Note",
+ "model_evaluation_rating": "Rating (1=worst, 7=best)",
+ "model_evaluation_btn": "Open Evaluation Form",
+ "model_evaluation_notes_placeholder": "Write additional note if any"
};
export const translate = (prop) => localisation[prop];
diff --git a/src/styles/ModelResponseEvaluation.js b/src/styles/ModelResponseEvaluation.js
new file mode 100644
index 00000000..8f67f1f8
--- /dev/null
+++ b/src/styles/ModelResponseEvaluation.js
@@ -0,0 +1,126 @@
+import {makeStyles} from '@mui/styles';
+
+const ModelResponseEvaluationStyle = makeStyles ({
+ yesText: {
+ marginRight: '1rem',
+ },
+ numBtn: {
+ backgroundColor: 'white !important',
+ color: '#6C5F5B !important',
+ fontWeight: 'bold !important',
+ },
+ accordion: {
+ borderRadius: '12rem',
+ },
+ selected: {
+ backgroundColor: '#EE6633 !important',
+ color: 'white !important',
+ },
+ container: {
+ display: 'flex',
+ },
+
+ leftPanel: {
+ flex: '0 0 30%',
+ height: '100%',
+ display: 'flex',
+ flexDirection: 'column',
+ justifyContent: 'center',
+ alignItems: 'center',
+ overflowY: 'auto',
+ backgroundColor: '#f0f4f9',
+ },
+ rightPanel: {
+ backgroundColor: 'white',
+ flex: '1',
+ maxHeight: '100vh',
+ overflowY: 'auto',
+ display: 'flex',
+ flexDirection: 'column',
+ padding: '1rem',
+ scrollBehavior: 'smooth',
+ },
+
+ orangeRadio: {
+ '& .MuiSvgIcon-root': {
+ color: '#9a9a9a', // Color of the circle when unchecked
+ },
+ '&.Mui-checked .MuiSvgIcon-root': {
+ color: '#EE6633', // Color of the checked circle
+ },
+ '&.Mui-checked .MuiSvgIcon-root::before': {
+ background: '#EE6633', // Color of the dot when checked
+ },
+ },
+
+ promptContainer: {
+ fontWeight: 'bold',
+ marginBottom: '1rem',
+ color: '#6C5F5B',
+ borderRadius: '1rem',
+ },
+ outputContainer: {
+ marginBottom: '1rem',
+ color: '#6C5F5B',
+ },
+ ratingText: {
+ fontWeight: 'bold',
+ marginBottom: '1.5rem',
+ color: '#6C5F5B',
+ },
+ ratingButton: {
+ marginRight: '1rem',
+ marginLeft: '1rem',
+ marginBottom: '2rem',
+ },
+ hr: {
+ border: '1px solid #d8d8d8',
+ marginBottom: '1rem',
+ },
+ questionContainer: {
+ display: 'flex',
+ justifyContent: 'center',
+ },
+ questionText: {
+ width: '80%',
+ color: '#393939',
+ },
+ radioGroupContainer: {
+ width: '20%',
+ marginLeft: '0.5rem',
+ marginBottom: '0.5rem',
+ },
+ notesContainer: {
+ fontWeight: 'bold',
+ marginTop: '1rem',
+ color: '#6C5F5B',
+ },
+ notesTextarea: {
+ width: '100%',
+ marginTop: '1.2rem',
+ border: '2px solid #6C5F5B',
+ borderRadius: '2px',
+ padding: '5px',
+ },
+
+ interactionWindow: {
+ maxHeight: '100%',
+ height: '100vh',
+ width: '100%',
+ padding: '2rem',
+ overflowY: 'auto',
+ color: '#6C5F5B',
+ borderRadius: '2rem 0px 0px 1rem',
+ },
+ promptTile: {
+ marginBottom: '1rem',
+ },
+ answerTile: {
+ overflowWrap: 'anywhere',
+ },
+ accordion: {
+ marginBottom: '1rem',
+ },
+});
+
+export default ModelResponseEvaluationStyle;