Skip to content

Commit

Permalink
Merge pull request #2220 from ProjectSidewalk/2203-tutorial-remove-po…
Browse files Browse the repository at this point in the history 
…ints-into-traffic-tag

#2203 Consider removing 'points into traffic' tag for curb ramps
  • Loading branch information
@misaugstad
misaugstad authored Sep 12, 2020
2 parents 6e4836d + 4a01336 commit 5b36f81
Show file tree
Hide file tree
Showing 3 changed files with 11 additions and 64 deletions.
55 changes: 3 additions & 52 deletions public/javascripts/SVLabel/src/SVLabel/onboarding/OnboardingStates.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@ function OnboardingStates (compass, mapService, statusModel, tracker) {
"properties": {
"action": "RateSeverity",
"labelType": "CurbRamp",
"severity": 2,
"severity": 1,
"minHeading": headingRanges["stage-1"][0],
"maxHeading": headingRanges["stage-1"][1],
"maxLabelCount": 1
Expand All @@ -150,7 +150,7 @@ function OnboardingStates (compass, mapService, statusModel, tracker) {
statusModel.setProgressBar(completedRate);
tracker.push('Onboarding_Transition', {onboardingTransition: "rate-attribute-1"});
var severity = parseInt(this.getAttribute("value"), 10);
return severity == 2 ? "tag-attribute-1" : "redo-rate-attribute-1"
return severity == 1 ? "adjust-heading-angle-1" : "redo-rate-attribute-1"
}
},
"redo-rate-attribute-1": {
Expand All @@ -175,56 +175,7 @@ function OnboardingStates (compass, mapService, statusModel, tracker) {
"transition": function () {
tracker.push('Onboarding_Transition', {onboardingTransition: "redo-rate-attribute-1"});
var severity = parseInt(this.getAttribute("value"), 10);
return severity === 2 ? "tag-attribute-1" : "redo-rate-attribute-1"
}
},
"tag-attribute-1": {
"properties": {
"action": "AddTag",
"labelType": "CurbRamp",
"minHeading": headingRanges["stage-1"][0],
"maxHeading": headingRanges["stage-1"][1],
"maxLabelCount": 1
},
"message": {
"message": i18next.t('tutorial.tag-attribute-1') +
'<br><img src="' + svl.rootDirectory + "img/onboarding/RatingCurbRampQuality-severity-2-v3.gif" +
'" class="width-75" style="margin: 5px auto;display:block;" alt="Adding the \'points into traffic\' tag">',
"position": "top-right",
"parameters": null
},
"panoId": panoId,
"annotations": null,
"transition": function () {
var completedRate = 5 / numStates;
statusModel.setMissionCompletionRate(completedRate);
statusModel.setProgressBar(completedRate);
tracker.push('Onboarding_Transition', {onboardingTransition: "tag-attribute-1"});
var tags = this.getProperty('tagIds');
return tags.includes(2) && tags.length === 1 ? "adjust-heading-angle-1" : "redo-tag-attribute-1" // Where 2 is the tag_id of the "points into traffic" tag
}
},
"redo-tag-attribute-1": {
"properties": {
"action": "RedoAddTag",
"labelType": "CurbRamp",
"minHeading": headingRanges["stage-1"][0],
"maxHeading": headingRanges["stage-1"][1],
"maxLabelCount": 1
},
"message": {
"message": i18next.t('tutorial.redo-tag-attribute-1') +
'<br><img src="' + svl.rootDirectory + "img/onboarding/RatingCurbRampQuality-severity-2-v3.gif" +
'" class="width-75" style="margin: 5px auto;display:block;" alt="Adding the \'points into traffic\' tag">',
"position": "top-right",
"parameters": null
},
"panoId": panoId,
"annotations": null,
"transition": function () {
tracker.push('Onboarding_Transition', {onboardingTransition: "redo-tag-attribute-1"});
var tags = this.getProperty('tagIds');
return tags.includes(2) && tags.length === 1 ? "adjust-heading-angle-1" : "redo-tag-attribute-1" // Where 2 is the tag_id of the "points into traffic" tag
return severity === 1 ? "adjust-heading-angle-1" : "redo-rate-attribute-1"
}
},
"adjust-heading-angle-1": {
Expand Down
8 changes: 3 additions & 5 deletions public/locales/en/audit.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,16 +22,14 @@
"mission-message": "Complete the onboarding tutorial!",
"select-label-type-1": "In this Street View image, we have drawn an arrow to a curb ramp. Let’s label it. Click the flashing <span class=\"bold\">\"Curb Ramp\" button</span> above.",
"label-attribute-1": "Good! Now <span class=\"bold\">click the curb ramp</span> beneath the flashing yellow arrow to label it.",
"rate-attribute-1": "Now you can rate the quality of the curb ramp where 1 is passable and 5 is not passable for a wheelchair user. Because it points into traffic a bit <span class=\"bold\">let’s rate it as 2, somewhat passable.</span>",
"redo-rate-attribute-1": "Uh-oh, you should rate this curb ramp as 2, somewhat passable. It is a high quality curb ramp but points into traffic a bit. <span class=\"bold\">Let’s click \"2\" to set its quality.</span>",
"tag-attribute-1": "Every label includes optional tags that add descriptive information. Choose appropriate tags for every label you place! <span class=\"bold\">Let's add the “points into traffic” tag,</span> since this ramp points into the street.",
"redo-tag-attribute-1": "The \"points into traffic\" tag is the only tag that applies here, since the curb ramp has a friction strip, is not too narrow, and is not too steep. So add <span class=\"bold\">only the \"points into traffic\" tag.</span>",
"rate-attribute-1": "Now you can rate the quality of the curb ramp where 1 is passable and 5 is not passable for a wheelchair user. Because it is wide enough and has a friction strip, <span class=\"bold\">let’s rate it as 1, passable.</span>",
"redo-rate-attribute-1": "Uh-oh, you should rate this curb ramp as 1, passable. It is a high quality curb ramp that is wide enough and has a friction strip. <span class=\"bold\">Let’s click \"1\" to set its quality.</span>",
"adjust-heading-angle-1": "Great! Let’s adjust the view to look at another corner of the intersection. <span class=\"bold\">Grab and drag the Street View image to look left.</span>",
"zoom-in": "Hmm, it looks like the intersection corner is too far away to see clearly. <span class=\"bold\">Click the “Zoom In” button</span> to get a closer look.",
"select-label-type-2": "Great! Now you’ve found another curb ramp. Let’s label it! <span class=\"bold\">Click the “Curb Ramp” button</span> like before.",
"rate-severity-2": "Good, now <span class=\"bold\">rate the quality</span> of the curb ramp.",
"redo-rate-attribute-2": "Uh-oh, you should rate this curb ramp as 2, somewhat passable. It is a high quality curb ramp but it has no landing space at the top of the ramp for making turns. <span class=\"bold\">Let’s click \"2\" to set its quality.</span>",
"tag-attribute-2": "Let's add the <span class=\"bold\">\"not enough landing space tag\"</span> because there is not enough space for a wheelchair user to turn when they get to the top of the ramp.",
"tag-attribute-2": "Every label includes optional tags that add descriptive information. Choose appropriate tags for every label you place! <span class=\"bold\">Let's add the “not enough landing space” tag</span> because there is not enough space for a wheelchair user to turn when they get to the top of the ramp.",
"redo-tag-attribute-2": "Only the \"not enough landing space\" tag applies here, since the curb ramp has a friction strip, is not too narrow nor steep, and does not point into traffic. So add <span class=\"bold\">only the \"not enough landing space\" tag.</span>",
"select-label-type-3": "Notice that there is no curb ramp at the end of this crosswalk. <span class=\"bold\">Click the \"Missing Curb Ramp\" button</span> to label it.",
"label-attribute-3": "Now click beneath the flashing yellow arrow to <span class=\"bold\">label the missing curb ramp.</span>",
Expand Down
12 changes: 5 additions & 7 deletions public/locales/es/audit.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,16 +22,14 @@
"mission-message": "¡Completar el tutorial introductorio!",
"select-label-type-1": "En esta imagen de Google Street View, hemos dibujado una flecha hacia una rampa peatonal. Vamos a etiquetarla. Da clic en el <span class=\"bold\">botón parpadeante \"Rampa peatonal\"</span> ubicado en la parte superior.",
"label-attribute-1": "¡Muy bien! Ahora haz <span class=\"bold\">clic en la rampa peatonal</span>, que está ubicada debajo de la flecha amarilla parpadeante, para etiquetarla.",
"rate-attribute-1": "Ahora podrás calificar la calidad de la rampa peatonal en donde 1 es aceptable y 5 es no aceptable para una persona usuaria de silla de ruedas. Debido a que está orientada un poco al tráfico, <span class=\"bold\">califícalo como 2, algo aceptable.</span>",
"redo-rate-attribute-1": "Oh-oh, deberías calificar esta rampa peatonal como 2, algo pasable. Es una rampa peatonal de alta calidad pero está orientada un poco al tráfico. <span class=\"bold\">Haz clic en \"2\" para establecer su calidad.</span>",
"tag-attribute-1": "Cada etiqueta incluye clasificaciones opcionales que sirven para agregar información descriptiva de la situación. ¡Elige las clasificaciones apropiadas para cada etiqueta que agregues! <span class=\"bold\">Agreguemos la clasificación de \"orientada hacia el tráfico\"</span>, ya que esta rampa peatonal apunta a la calle.",
"redo-tag-attribute-1": "La clasificación \"orientada hacia el tráfico\" es la única clasificación que aplica aquí, ya que la rampa peatonal tiene pavimento de advertencia táctil, no es demasiado estrecha y no está demasiado empinada. Por lo tanto, agrega <span class=\"bold\">solo la clasificación \"orientada hacia el tráfico\".</span>",
"rate-attribute-1": "Ahora podrás calificar la calidad de la rampa peatonal en donde 1 es transitable y 5 es no transitable para una persona usuaria de silla de ruedas. Debido es una rampa peatonal de alta calidad, <span class=\"bold\">califícalo como 1, transitable.</span>",
"redo-rate-attribute-1": "Oh-oh, deberías calificar esta rampa peatonal como 1, transitable. Es una rampa peatonal de alta calidad. <span class=\"bold\">Haz clic en \"1\" para establecer su calidad.</span>",
"adjust-heading-angle-1": "¡Excelente! Ajustemos la vista para ver otra esquina de la intersección vial. <span class=\"bold\">Agarra y arrastra la imagen de Google Street View para mirar hacia la izquierda.</span>",
"zoom-in": "Hmm, parece que la esquina de la intersección vial está demasiado lejos para verla con claridad. <span class=\"bold\">Haz clic en el botón \"Acercar\"</span> para verla más de cerca.",
"select-label-type-2": "¡Excelente! Ahora has encontrado otra rampa peatonal. ¡Vamos a etiquetarla! <span class=\"bold\">Haz clic en el botón \"Rampa peatonal\"</span> igual que antes.",
"rate-severity-2": "Bien, ahora <span class=\"bold\">califica la calidad</span> de la rampa peatonal.",
"redo-rate-attribute-2": "Oh-oh, deberías calificar esta rampa peatonal como 2, algo aceptable. Es una rampa peatonal de alta calidad pero no tiene área de aproximación en la parte superior y esto dificulta que una persona en silla de ruedas pueda girar. <span class=\"bold\">Haz clic en \"2\" para establecer su calidad.</span>",
"tag-attribute-2": "Agreguemos la <span class=\"bold\">clasificación de “área de aproximación insuficiente”</span> porque no hay suficiente espacio para que una persona usuaria de silla de ruedas gire cuando llegue a la parte superior de la rampa.",
"redo-rate-attribute-2": "Oh-oh, deberías calificar esta rampa peatonal como 2, algo transitable. Es una rampa peatonal de alta calidad pero no tiene área de aproximación en la parte superior y esto dificulta que una persona en silla de ruedas pueda girar. <span class=\"bold\">Haz clic en \"2\" para establecer su calidad.</span>",
"tag-attribute-2": "Cada etiqueta incluye clasificaciones opcionales que sirven para agregar información descriptiva de la situación. ¡Elige las clasificaciones apropiadas para cada etiqueta que agregues! <span class=\"bold\">Agreguemos la clasificación de “área de aproximación insuficiente”</span> porque no hay suficiente espacio para que una persona usuaria de silla de ruedas gire cuando llegue a la parte superior de la rampa.",
"redo-tag-attribute-2": "Aquí solo aplica la clasificación \"área de aproximación insuficiente\", ya que la rampa peatonal tiene pavimento de advertencia táctil, no es demasiado estrecha ni empinada, y no está orientada al tráfico. Por lo tanto, agrega <span class=\"bold\">solo la clasificación \"área de aproximación insuficiente\".</span>",
"select-label-type-3": "Observa que no hay una rampa al final de este cruce peatonal. <span class=\"bold\">Haz clic en el botón \"Rampa peatonal ausente\"</span> para etiquetarla.",
"label-attribute-3": "Ahora haz clic debajo de la flecha amarilla parpadeante para <span class=\"bold\">etiquetar la rampa peatonal que falta.</span>",
Expand Down Expand Up @@ -69,7 +67,7 @@
"re-label": "¡Bueno! Ahora, etiquetemos de nuevo. <span class=\"bold\">Haz clic en el botón \"{{label_type}}\"</span> ubicado en la parte superior.",
"label-curb-ramp": "Ahora <span class=\"bold\">haz clic en la rampa peatonal</span>, debajo de la flecha amarilla parpadeante, para etiquetarla.",
"rate-severity-curb-ramp": "<span class=\"bold\">Califiquemos la calidad</span> de la rampa.",
"redo-rate-curb-ramp-severity-1": "",
"redo-rate-curb-ramp-severity-1": "Hmm, deberías calificar esta rampa peatonal como 1, transitable. Es una rampa peatonal de alta calidad. <span class=\"bold\">Haz clic en \"1\" para establecer su calidad.</span>",
"rate-severity-4": "Ahora <span class=\"bold\">califica la calidad de las rampas peatonales</span>. Usa tu mejor criterio. También puedes escribir notas en el “Cuadro de descripciones”.",
"select-label-type-second-curb-ramp": "<span class=\"bold\">Haz clic en el botón de \"Rampa peatonal\"</span> para etiquetar la otra rampa."
}
Expand Down

0 comments on commit 5b36f81

Please sign in to comment.