diff options
Diffstat (limited to 'js')
| -rw-r--r-- | js/app/VueComponents.js | 3 | ||||
| -rw-r--r-- | js/vue_components/IconLinkCompact.vue | 21 |
2 files changed, 24 insertions, 0 deletions
diff --git a/js/app/VueComponents.js b/js/app/VueComponents.js new file mode 100644 index 000000000..f9ec405ee --- /dev/null +++ b/js/app/VueComponents.js @@ -0,0 +1,3 @@ +var IconLinkCompact = require('../vue_components/IconLinkCompact.vue').default; +var iconLinkCompactComponent = Vue.component('IconLinkCompact', IconLinkCompact); +app.value('IconLinkCompact', iconLinkCompactComponent); diff --git a/js/vue_components/IconLinkCompact.vue b/js/vue_components/IconLinkCompact.vue new file mode 100644 index 000000000..217e9001c --- /dev/null +++ b/js/vue_components/IconLinkCompact.vue @@ -0,0 +1,21 @@ +<template> + <li class="util only-in-compact"> + <a class="external icon-link" + v-on:click="ctrl.markRead(item.id)" + target="_blank" + rel="noreferrer" + v-bind:href="item.url" + title="<?php p($l->t('Open website')) ?>" + news-stop-propagation> + </a> + </li> +</template> + +<script> + +export default { + props: ['ctrl', 'item'], +}; +</script> + + |