Skip to content
Snippets Groups Projects
Commit 1aa66883 authored by Deleted User's avatar Deleted User
Browse files

correction des variables affichés lors du chargement de la page. Elles... 

correction des variables affichés lors du chargement de la page. Elles s'affichent maintenant que quand leurs chargement est terminé.
parent b103fcd0
No related branches found
No related tags found
1 merge request!33correction des variables affichés lors du chargement de la page
Hide whitespace changes
Inline Side-by-side
app/templates/browse.html
+ 21
− 17
View file @ 1aa66883
......@@ -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: 17%;"></span><span class="glyphicon glyphicon-tags"></span>Labels
<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>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment