diff --git a/app/templates/browse.html b/app/templates/browse.html index d75ac32c876f209065ed0414b12b394db9762387..ddc61b7ef99a5354860aa9e8fe42efa54c822aef 100644 --- a/app/templates/browse.html +++ b/app/templates/browse.html @@ -32,11 +32,11 @@ <span style="margin-right: -10%;"> <span v-if='this.labels_language == "FR"'> <img style="height:25px; width:25px; margin-right: 3%;" src="static/boue_france.png"> - <img @click="change_labels_language('US')" style="height:25px; width:25px;" src="static/boue_usa_black.png" onmouseover="this.src='static/boue_usa.png'" onmouseout="this.src='static/boue_usa_black.png'"> + <img title="Passe le nom des étiquettes en Anglais" @click="change_labels_language('US')" style="height:25px; width:25px;" src="static/boue_usa_black.png" onmouseover="this.src='static/boue_usa.png'" onmouseout="this.src='static/boue_usa_black.png'"> </span> <span v-else> - <img @click="change_labels_language('FR')" style="height:25px; width:25px; margin-right: 3%;" src="static/boue_france_black.png" onmouseover="this.src='static/boue_france.png'" onmouseout="this.src='static/boue_france_black.png'"> - <img @click="change_labels_language('FR')" style="height:25px; width:25px;" src="static/boue_usa.png" onmouseover="this.src='static/boue_usa_black.png'" onmouseout="this.src='static/boue_usa.png'"> + <img title="Pass the name of the labels in French" @click="change_labels_language('FR')" style="height:25px; width:25px; margin-right: 3%;" src="static/boue_france_black.png" onmouseover="this.src='static/boue_france.png'" onmouseout="this.src='static/boue_france_black.png'"> + <img style="height:25px; width:25px;" src="static/boue_usa.png"> </span> </span> </div> @@ -57,10 +57,12 @@ <hr v-if="(this.old_labels_tab.length > 0 || this.unselect_tab.length > 0) && this.new_labels_tab.length > 0"/> <transition-group name="new_labels"> <span v-for='(label, index) in new_labels_tab' v-bind:key="label"> - <img class="icone_left" @click="add_label_to_old_tab(index, 1)" src="static/unchecked_swimming.small.png" onmouseover="this.src='static/swimming.small.png'" onmouseout="this.src='static/unchecked_swimming.small.png'"> + <img v-if="labels_language == 'FR'" title="Sélectionne les éléments possèdant cette étiquette" class="icone_left" @click="add_label_to_old_tab(index, 1)" src="static/unchecked_swimming.small.png" onmouseover="this.src='static/swimming.small.png'" onmouseout="this.src='static/unchecked_swimming.small.png'"> + <img v-else-if="labels_language == 'US'" title="Selects elements with this label" class="icone_left" @click="add_label_to_old_tab(index, 1)" src="static/unchecked_swimming.small.png" onmouseover="this.src='static/swimming.small.png'" onmouseout="this.src='static/unchecked_swimming.small.png'"> <span v-if="(label[1].length <= 13)"><b>{{ label[1] }}</b></span> <span v-else v-bind:title="label[1]"><b>{{ label[1].slice(0, 12)+"..." }}</b></span> - <img class="icone_right" @click="add_label_to_unselect_tab(index)" src="static/unchecked_swimming.small.png" onmouseover="this.src='static/swimming.small.png'" onmouseout="this.src='static/unchecked_swimming.small.png'"> + <img v-if="labels_language == 'FR'" title="Interdit les éléments possèdant cette étiquette" class="icone_right" @click="add_label_to_unselect_tab(index)" src="static/unchecked_swimming.small.png" onmouseover="this.src='static/swimming.small.png'" onmouseout="this.src='static/unchecked_swimming.small.png'"> + <img v-if="labels_language == 'US'" title="Prohibits elements with this label" class="icone_right" @click="add_label_to_unselect_tab(index)" src="static/unchecked_swimming.small.png" onmouseover="this.src='static/swimming.small.png'" onmouseout="this.src='static/unchecked_swimming.small.png'"> <br> </span> </transition-group> @@ -82,16 +84,16 @@ <span style="margin-left: 0%"> <span v-if="this.tutos_language[0] % 2 == 0 && this.tutos_language[1] % 2 == 0"> - <img style="height:25px; width:25px; margin-right: 2%;" @click="change_tutos_language([1, 0])" src="static/boue_france.png" onmouseover="this.src='static/boue_france_black.png'" onmouseout="this.src='static/boue_france.png'"> - <img style="height:25px; width:25px; margin-right: 3%;" @click="change_tutos_language([0, 1])" src="static/boue_usa.png" onmouseover="this.src='static/boue_usa_black.png'" onmouseout="this.src='static/boue_usa.png'"> + <img title="Sélectionne seulement les tutoriels en Anglais" style="height:25px; width:25px; margin-right: 2%;" @click="change_tutos_language([1, 0])" src="static/boue_france.png" onmouseover="this.src='static/boue_france_black.png'" onmouseout="this.src='static/boue_france.png'"> + <img title="Sélectionne seulement les tutoriels en Français" style="height:25px; width:25px; margin-right: 3%;" @click="change_tutos_language([0, 1])" src="static/boue_usa.png" onmouseover="this.src='static/boue_usa_black.png'" onmouseout="this.src='static/boue_usa.png'"> </span> <span v-if="this.tutos_language[0] % 2 != 0 && this.tutos_language[1] % 2 == 0"> - <img style="height:25px; width:25px; margin-right: 2%;" @click="change_tutos_language([1, 0])" src="static/boue_france_black.png" onmouseover="this.src='static/boue_france.png'" onmouseout="this.src='static/boue_france_black.png'"> - <img style="height:25px; width:25px; margin-right: 3%;" src="static/boue_usa.png" @click="change_tutos_language([1, 1])" onmouseover="this.src='static/boue_usa_black.png'" onmouseout="this.src='static/boue_usa.png'"> + <img title="Sélectionne les tutoriels Français et Anglais" style="height:25px; width:25px; margin-right: 2%;" @click="change_tutos_language([1, 0])" src="static/boue_france_black.png" onmouseover="this.src='static/boue_france.png'" onmouseout="this.src='static/boue_france_black.png'"> + <img title="Sélectionne seulement les tutoriels Français" style="height:25px; width:25px; margin-right: 3%;" src="static/boue_usa.png" @click="change_tutos_language([1, 1])" onmouseover="this.src='static/boue_usa_black.png'" onmouseout="this.src='static/boue_usa.png'"> </span> <span v-if="this.tutos_language[0] % 2 == 0 && this.tutos_language[1] % 2 != 0"> - <img style="height:25px; width:25px; margin-right: 2%;" @click="change_tutos_language([1, 1])" src="static/boue_france.png" onmouseover="this.src='static/boue_france_black.png'" onmouseout="this.src='static/boue_france.png'"> - <img style="height:25px; width:25px; margin-right: 3%;" @click="change_tutos_language([0, 1])" src="static/boue_usa_black.png" onmouseover="this.src='static/boue_usa.png'" onmouseout="this.src='static/boue_usa_black.png'"> + <img title="Sélectionne seulement les tutoriels Anglais" style="height:25px; width:25px; margin-right: 2%;" @click="change_tutos_language([1, 1])" src="static/boue_france.png" onmouseover="this.src='static/boue_france_black.png'" onmouseout="this.src='static/boue_france.png'"> + <img title="Sélectionne seulement les tutoriels Français et Anglais" style="height:25px; width:25px; margin-right: 3%;" @click="change_tutos_language([0, 1])" src="static/boue_usa_black.png" onmouseover="this.src='static/boue_usa.png'" onmouseout="this.src='static/boue_usa_black.png'"> </span> </span> </div> @@ -154,6 +156,7 @@ new_labels_tab: [], unselect_tab: [], loading: 1, + lol: 'p', labels_language: "FR" }, methods: {