aquameta-widget/experiments/vue-like/templates/products.html

Widget rendering framework built on top of Aquameta

<!--
  Products widget
  views: products
  events: showCreate, toggleProduct
  lang: noProducts, createProductAction
  deps: create-product, product-widget, product-detail
-->
<template>
  <div meta-if="products.length === 0">
    <div class="Error">{{ lang.noProducts }}</div>
  </div>

  <button meta-if="!createVisible" @click="showCreate">{{ lang.createProductAction }}</button>
  <create-product meta-if="createVisible" />

  <div class="sidebar">
    <product-widget meta-each="product in products" @click="toggleProduct" meta-datum="product" />
  </div>

  <div class="body">
    <product-detail meta-if="selectedProduct" :product="selectedProduct" />
  </div>
</template>