Refactor pathfinding/sorting UI and update i18n
Replace plain container with Angular Material mat-card in pathfinding view and reorganize UI: add mat-card header/content, algorithm explanation block, control buttons, node-type toggle group, grid-size inputs, legend and results display (path length & execution time). Import and wire MatCard modules in the pathfinding component. Move .algo-info styling from the component SCSS into global styles.scss and remove it from the component stylesheet. Update sorting template to use new SORTING translation keys and add an UrlConstants reference in the sorting component TS for external links. Add/adjust i18n keys in en.json and de.json for sorting and grid labels to match the updated templates.
This commit is contained in:
@@ -317,25 +317,28 @@
|
||||
},
|
||||
"ALERT": {
|
||||
"START_END_NODES": "Please select a start and end node before running the algorithm."
|
||||
}
|
||||
},
|
||||
"GRID_HEIGHT": "Height",
|
||||
"GRID_WIDTH": "Width"
|
||||
},
|
||||
"SORTING": {
|
||||
"TITLE": "Sorting Algorithms",
|
||||
"ALGORITHM": "Algorithm",
|
||||
"START": "Start Sorting",
|
||||
"RESET": "Reset",
|
||||
"GENERATE_NEW_ARRAY": "Generate New Array",
|
||||
"EXECUTION_TIME": "Execution Time",
|
||||
"ARRAY_SIZE": "Number of Bars"
|
||||
},
|
||||
"ALGORITHM": {
|
||||
"TITLE": "Algorithms",
|
||||
"PATHFINDING": {
|
||||
"TITLE": "Pathfinding",
|
||||
"DESCRIPTION": "Comparing of Dijkstra vs. A*.",
|
||||
"GRID_HEIGHT": "Height",
|
||||
"GRID_WIDTH": "Width"
|
||||
"DESCRIPTION": "Comparing of Dijkstra vs. A*."
|
||||
},
|
||||
"SORTING": {
|
||||
"TITLE": "Sorting Algorithms",
|
||||
"TITLE": "Sorting",
|
||||
"DESCRIPTION": "Visualizing various sorting algorithms.",
|
||||
"ALGORITHM": "Algorithm",
|
||||
"START": "Start Sorting",
|
||||
"RESET": "Reset",
|
||||
"GENERATE_NEW_ARRAY": "Generate New Array",
|
||||
"EXECUTION_TIME": "Execution Time",
|
||||
"ARRAY_SIZE": "Number of Bars"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user