diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2018-05-08 13:07:55 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-05-08 13:07:55 +0200 |
| commit | fb482071eb0460c3241076d73d2113d2f216fd81 (patch) | |
| tree | 18572c0545bb984f0ed75ba0ce792bc292a9dcb4 /src/ReportTile.vue | |
| parent | 6305acef3bd25f51b408b38a9f4f11c3040480c5 (diff) | |
| download | brokentalents-fb482071eb0460c3241076d73d2113d2f216fd81.tar.gz brokentalents-fb482071eb0460c3241076d73d2113d2f216fd81.zip | |
first frontend proof of concept
Diffstat (limited to 'src/ReportTile.vue')
| -rw-r--r-- | src/ReportTile.vue | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/src/ReportTile.vue b/src/ReportTile.vue new file mode 100644 index 0000000..3d5479d --- /dev/null +++ b/src/ReportTile.vue @@ -0,0 +1,34 @@ +<template> + <div class="box"> + <p class="title">{{ title }}</p> + <article class="media"> + <div class="media-left"> + <figure class="image is-64x64"> + <img src="" :alt="entry.Actor"> + </figure> + <figure class="image is-64x64"> + <img src="" :alt="entry.Talent"> + </figure> + </div> + <div class="media-content"> + <div class="content"> + <slot></slot> + </div> + </div> + </article> + </div> +</template> + +<script> +import Vue from 'vue'; + +export default Vue.component('report-tile', { + props: [ 'title', 'content', 'entry' ], + data: function() { + return { + }; + }, + computed: { + }, +}); +</script> |