Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Modified text in UI in tab Training Datasets #217

Merged
merged 1 commit into from
Feb 11, 2024
Merged

Modified text in UI in tab Training Datasets #217

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 14 additions & 15 deletions frontend/src/components/Layout/TrainingDS/DatasetEditor/AOI.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -114,9 +114,9 @@ const AOI = (props) => {
return (
<>
<Grid item md={12} className="card" marginBottom={1}>
<Tooltip title="For each AOI, we need to make sure labels inside it are alighed and complete to acheive best model accuracy">
<Tooltip title="For each AOI, we need to make sure that the map data inside it is aligned and complete">
<Typography sx={{ mt: 4, mb: 2 }} variant="h6" component="div">
List of Area of Interests{` (${props.mapLayers.length})`}
Areas of Interest{` (${props.mapLayers.length})`}
</Typography>
</Tooltip>
<Demo>
Expand Down Expand Up @@ -151,9 +151,9 @@ const AOI = (props) => {
<span style={{ color: "red" }}>
{parseInt(layer.area) < 5000 ? (
<>
Area seems to be very small for an AOI
The area is very small for an AOI
<br />
Please delete it and create a bigger AOI
Delete it and create a bigger AOI
</>
) : (
""
Expand All @@ -170,7 +170,7 @@ const AOI = (props) => {
{/* <IconButton aria-label="comments">
<DeleteIcon />
</IconButton> */}
{/* <Tooltip title="Create Labels on RapID Editor">
{/* <Tooltip title="Create map data in RapID Editor">
<IconButton
aria-label="comments"
sx={{ width: 24, height: 24 }}
Expand Down Expand Up @@ -199,7 +199,7 @@ const AOI = (props) => {
/>
</IconButton>
</Tooltip> */}
<Tooltip title="Create Labels on JOSM Editor">
<Tooltip title="Create map data in JOSM Editor">
<IconButton
aria-label="comments"
sx={{ width: 24, height: 24 }}
Expand Down Expand Up @@ -262,7 +262,7 @@ const AOI = (props) => {
/>
</IconButton>
</Tooltip>
<Tooltip title="Create Labels on ID Editor">
<Tooltip title="Create map data in ID Editor">
<IconButton
aria-label="comments"
sx={{ width: 24, height: 24 }}
Expand All @@ -286,19 +286,18 @@ const AOI = (props) => {
{/* <MapTwoTone /> */}
<img
alt="OSM logo"
className="osm-logo-small"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Openstreetmap_logo.svg/256px-Openstreetmap_logo.svg.png"
className="osm-logo-small" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Openstreetmap_logo.svg/256px-Openstreetmap_logo.svg.png"
/>
</IconButton>
</Tooltip>
<Tooltip title="Fetch OSM Data in this AOI">
<Tooltip title="Fetch OSM data for this AOI">
<IconButton
aria-label="comments"
sx={{ width: 24, height: 24 }}
className="margin1"
onClick={(e) => {
mutateFetch(layer.aoiId);
console.log("call raw data API to fetch OSM labels");
console.log("Call raw data API to fetch OSM labels");
}}
>
<MapTwoTone fontSize="small" />
Expand All @@ -310,11 +309,11 @@ const AOI = (props) => {
disabled
onClick={(e)=> {

console.log("Remove labels ")
console.log("Remove labels")
}}>
<PlaylistRemoveIcon />
</IconButton> */}
<Tooltip title="Zoom to layer">
<Tooltip title="Zoom to AOI">
<IconButton
sx={{ width: 24, height: 24 }}
className="margin1"
Expand Down Expand Up @@ -366,8 +365,8 @@ const AOI = (props) => {
</Demo>
{props.mapLayers && props.mapLayers.length === 0 && (
<Typography variant="body1" component="h2">
No AOIs yet, start creating one by selecting AOIs on the top and
create a polygon
No AOIs yet, start creating one by clicking Draw a rectangle, 3rd down at the top
left of the image/map
</Typography>
)}
</Grid>
Expand Down
10 changes: 5 additions & 5 deletions frontend/src/components/Layout/TrainingDS/DatasetList/DatasetList.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -175,11 +175,11 @@ const DatasetList = (props) => {
</Grid>
<Grid item xs={12}>
<Typography variant="body1" component="div">
A dataset would be a list of area of interests (AIOs) and its
labels. OpenStreetMap data can be downlaoded automatically and used
as initial labels. It is our responsibility as model creators to
make sure labels align with the feature before proceeding to
training phase.
A dataset is a set of images of areas of interest (AOIs) and
corresponding OSM map data. The OSM data will be used to teach
the model how to create map features from images. The OSM
data for the AOI needs to be of high quality, because the
model will try to mimic all its tendencies, even the bad ones.
</Typography>
</Grid>
{error && (
Expand Down
Loading