diff --git a/app/templates/browse.html b/app/templates/browse.html
index 61ba2da21eb672831824786d3cd561bd7fc25f8b..65679b052987250d42e131d60324d54293759868 100644
--- a/app/templates/browse.html
+++ b/app/templates/browse.html
@@ -6,11 +6,12 @@
<title>Browse</title>
<link rel="stylesheet" href="static/add_tuto.css">
- <link rel="stylesheet" href="static/test.css">
+ <link rel="stylesheet" href="static/test.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- VueJs -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+ <style type="text/css">[v-cloak] {display: none;}</style>
</head>
<body>
@@ -23,7 +24,8 @@
<div class="col-md-1"></div>
<div class="col-md-3">
- <div id='hierarchy' class="panel panel-primary">
+ <div id='hierarchy' class="panel panel-primary" v-cloak>
+
<div class="panel-heading title">
<span style="margin-left: 10%; margin-right: 5%"><span class="glyphicon glyphicon-tags"></span>Labels</span>
<span v-if='this.labels_language == "FR"'>
@@ -48,24 +50,25 @@
<img class="icone_right" @click="rm_label_to_unselect_tab(index)" src="static/swimming.small.png" onmouseover="this.src='static/unchecked_swimming.small.png'" onmouseout="this.src='static/swimming.small.png'">
<br>
</span>
- <div v-if="this.loading == 1">
- <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'">
- <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'">
- <br>
- </span>
- </transition-group>
- </div>
+ <div v-if="this.loading == 1">
+ <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'">
+ <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'">
+ <br>
+ </span>
+ </transition-group>
+ </div>
</div>
+
</div>
</div>
- <div class="col-md-7" id="result">
+ <div class="col-md-7" id="result" v-cloak>
<div class="panel panel-primary">
<div class="panel-heading title"><span class="glyphicon glyphicon-book"></span> Tutoriels <!--<span class="badge badge_title">8</span>--></div>
<!-- <transition-group name="tutos"> -->
@@ -139,7 +142,8 @@
unselect_tab: [],
loading: 1,
labels_language: "FR",
- url: "static/unchecked_swimming.small.png"
+ url: "static/unchecked_swimming.small.png",
+ booba: "frfrfrfrfrfr"
},
methods: {
init_all_labels: function() {
@@ -345,7 +349,7 @@
}
}
});
-
+
init_research();
</script>