Dúvida com listas Mustache
Olá, tenho uma lista de 3 locaise suas respectivas/applications/core/interface/imageproxy/imageproxy.php?img=https://cdncache-a.akamaihd.net/items/it/img/arrow-10x10.png&key=217cfd5ab1f144c9def0eb0b074be7a82cca8b59a8a7f3119f460db8bc7dc497" alt="arrow-10x10.png" /> situações. Em rows bootstrap vão mostrar, em sequência, todos os pontos, os pontos localizados e os não localizados. Nesses dois últimos, caso não haja localizados ou não localizados, deve aparecer que todos não foram localizados ou foram, respectivamente. A primeira tabela foi feita normalmente com Mustache. As duas seguintes estou tendo problemas, pq foi exigido que eu criasse duas novas listas (uma para os pontos localizados, outra para os não) e, filtrando os dados da primeira lista para essas duas novas, esses dados iriam para as outras tabelas com Mustache. A ideia é filtrar os dados por meio do status de localização.
<div id="output">
</div>
<div id="gerar"><//div>
<div class="container">
<br>
<div class="row" id="arrays">
<script type="text/html" id="template">
<div id="col-sm-4"[style](#46500870)="background-color:#EEE8AA;">
<b> Todos os serviços</div> </b>
<p> {{#informacoes}}{{Nome}} {{/informacoes}} </p>
<!-- O que preciso alterar aqui?
<div id="col-sm-4" style="background-color:#8FBC8F;">
<b>Serviços online</div></b>
<p> {{#lista[i]}}{{#Status}}{{Nome}}{{/Status}} {{/lista[i]}}
<!-- Para mostrar que não tem serviços online-->
{{^informacoes}}NENHUM PONTO LOCALIZADO!{{/informacoes}}</p>
<div id="col-sm-4" style="background-color:#87CEEB;">
<b>Serviços offline </div></b>
<p> {{#lista[j]}}{{^Status}}{{Nome}} {{/Status}}{{/[lista](#85337877)[j]}}
<!-- Para mostrar que não tem serviços online-->
{{^informacoes}}TODOS LOCALIZADOS!{{/informacoes}}</p> -->
</div>
</script>
$(document).ready(function() {
var output = $("#output");
var template = $("#template").html();
var pontos = {
informacoes: [{
"Nome": "Ponto1",
"Localizado": false
}, {
"Nome": "Ponto2",
"Localizado": true
}, {
"Nome": "Ponto3",
"Localizado": true
}]
};
function filtrararrays([data](#42997756), status) {
var lista = [];
var max = data.length;
var container = document.getElementById("arrays");
for (var i = 0; i < max; i++) {
for (var j = 0; j < max; j++) {
if (data[i].Status === status) {
lista[i] = data[i];
}else{
lista[i] === lista[j];
// container.innerHTML += X;
}
}return lista;
}
document.getElementById("gerar").addEventListener(filtrarrays);
}
html = Mustache.render(template, pontos);
output.append(html);
});
filtrararrays ();Discussão (7)
Carregando comentários...