public/javascripts/components/problemSummary.js

   1 // Show a problem summary on variant page
   2 Vue.component('my-problem-summary', {
   3     props: ['prob'],
   4     template: `
   5         <div class="problem col-sm-12">
   6             <div class="diagram">
   7                 {{ getDiagram(prob.fen) }}
   8             </div>
   9             <div class="problem-instructions">
  10                 {{ prob.instructions.substr(0,32) }}
  11             </div>
  12             <div class="problem-time">
  13                 {{ prob.added }}
  14             </div>
  15         </div>
  16     `,
  17 })