public/javascripts/components/variantSummary.js

   1 // Show a variant summary on index
   2 Vue.component('my-variant-summary', {
   3     props: ['vobj'],
   4     template: `
   5         <div class="variant col-sm-12" :id="vobj.name">
   6             <a :href="url">
   7                 <h4 class="boxtitle text-center">
   8                     {{ vobj.name }}
   9                     <span class="count-players">
  10                         / {{ vobj.count }}
  11                     </span>
  12                 </h4>
  13                 <p class="description text-center">
  14                     {{ vobj.desc }}
  15                 </p>
  16             </a>
  17         </div>
  18     `,
  19     computed: {
  20         url: function() {
  21             return "/" + this.vobj.name;
  22         },
  23     },
  24 })