https://casadecultura.org/View/ModulesVue/Web/ListNodes/ListNodes.js?1790925403

1Vue.component('list-nodes', {
2    props: {
3        InputTitol: {type: String, default: 'Enllaços relacionats'}, 
4        InputColor: {type: String, default: '#FFFFFF'}, 
5        Fills: Array                
6    },          
7    data: function() {
8        return { }
9    },    
10    computed: {},
11    watch: {},
12    methods: {
13        getUrlImatge: function(fail = false, idNode, $eventFail) {
14            if(!fail) return CONST_url_front_img + idNode + "-L.jpg";
15            else event.target.src = "/WebFiles/Web/img/NoImage.jpg";
16        },
17        getLink: function(Node) {                
18            return '/pagina/' + Node.Nodes_idNodes + '/' + normalize(Node.Nodes_TitolMenu);
19        }
20    },
21    template: `        
22
23        <!-- REQUADRE VERTICAL -->
24
25        <section id="links_bloc" v-if="Fills.length > 0">
26
27            <h1> {{InputTitol}} </h1>
28            
29            <nav class="links_requadre">
30                <a :href="getLink(N)" v-for="N of Fills" class="link_enllac">
31                    <img class="link_imatge" :src="getUrlImatge(false, N.Nodes_idNodes)" @error="getUrlImatge(true, 0, $event)" :alt="'Imatge de ' + N.Nodes_TitolMenu" />
32                    <span class="link_text" href="">{{N.Nodes_TitolMenu}}</span>
33                </a>
34                
35            </nav>
36
37        </section>                
38
39                `
40});