Basculer l'état en fonction de la condition true ou false Meteor blaze

Question

Veuillez nous aider. Quelle est la meilleure façon de basculer status? J'ai cet exemple de données ci-dessous. Le champ de statut est à suivre lorsqu'un utilisateur devient actif en ligne. Ceci est un programme de référence. La personne qui a référé un utilisateur devrait être capable de savoir quand l'utilisateur crée un compte en passant de red à green. Comment puis-je faire ce statut pour basculer. À partir de la base de données lorsque status.active === true signifie que l'utilisateur est actif, l'état doit devenir vert. Si status.active === false, cela signifie que l'utilisateur est inactif, il doit passer au rouge. Appréciez chaque gentillesse.

Le est le modèle de lame

<h4 class="media-heading"> 
    {{#if equals 'status.active' 'true' }} 
    <div> class="circle active"></div> 
    {{else}} 
    <div class="circle not-active"></div> 
    {{/if}}<a href="/student/{{slug}}" target="_parent">{{firstname}} {{lastname}} <small class="pull-right">{{ createAt}}<label><input type="checkbox" name="eachstudents" value="{{_id}}">Add to Module</label></small></a></h4> 

Données d'échantillons

{ 
    "_id" : "5jW9gcLaKg83LynML", 
    "registra" : "kadeoya", 
    "status" : { 
     "active" : true, 
     "activedate" : ISODate("2017-09-16T08:59:55.062+0000") 
    }, 
    "userId" : "n5rqFSHbhm7zqADyB", 
    "createdAt" : ISODate("2017-09-05T18:45:14.804+0000") 
} 
{ 
    "_id" : "MbNoqW2ZYhZco3My5", 
    "registra" : "kadeoya", 
    "status" : { 
     "active" : true, 
     "activedate" : ISODate("2017-09-11T08:49:08.830+0000") 
    }, 
    "userId" : "n5rqFSHbhm7zqADyB", 
    "createdAt" : ISODate("2017-09-05T18:45:14.824+0000") 
} 

Answer 1

Il vous suffit de faire une aide pour vérifier l'état « en ligne » ou « hors ligne ». Vous pouvez utiliser ci-dessous le code,

Template.Template_Name.helper({ 
    isActive(){ 
     var document = Collection.find({}).fetch()[0]; // add ur conditions in find({}) 
     return document && document.status && document.status.active; 
    } 
}); 

alors vous pouvez appeler cette aide dans le modèle de lame comme ci-dessous,

{{#if isActive }} 
    <div class="circle active"></div> 
{{else}} 
    <div class="circle not-active"></div> 
{{/if}} 

De cette façon, votre aide sera réactive et basculera au fur et à la valeur "status.active" change dans le document particulier.