https://casadecultura.org/View/ModulesVue/Web/barraSuperior/barraSuperior.js?1790282716

1
2Vue.component('barra-superior', {
3    props: {},          
4    data: function() { return { FormulariButlleti: false  }},
5    computed: {},
6    watch: {},
7    methods: {},
8    template: `        
9    
10    <section>
11            <div v-if="FormulariButlleti" class="divFormButlleti">
12                <form action="http://servidor.casadecultura.cat/subscribe" method="POST" accept-charset="utf-8">
13                    <label for="name">Nom</label><br/>
14                    <input type="text" name="name" id="name"/>
15                    <br/>
16                    <label for="email">Correu electrònic</label><br/>
17                    <input type="email" name="email" id="email"/><br/><br/>
18                    <input type="checkbox" name="gdpr" id="gdpr"/>
19                    <span><b>Permís per a comunicacions</b>: Dono el meu consentiment perquè m'envieu informació, notícies i novetats al correu electrònic que us he facilitat.</span>
20                    <br/><br/>
21                    <span><b>Revocació</b>: Si vol revocar el seu consentiment i no seguir rebent els nostres missatges, podrà fer-ho clicant el botó que trobarà a la banda inferior de tots els nostres enviaments o bé pot posar-se en contacte amb nosaltres enviant un correu a [email protected]. Nosaltres volem tenir el màxim rigor amb les seves dades personals. Per veure la nostra política de privacitat pot visitar el nostre web. Un cop enviat aquest formulari, vostè accepta que nosaltres guardem les seves dades en concordança amb la nostra política.</span>
22                    <br/><br/>
23                    <div style="display:none;">
24                    <label for="hp">HP</label><br/>
25                    <input type="text" name="hp" id="hp"/>
26                    </div>
27                    <input type="hidden" name="list" value="ltF6jkfaGp8J6VOZo9w2hg"/>
28                    <input type="hidden" name="subform" value="yes"/>
29                    <input type="submit" name="submit" id="submit" value="Subscriu-me a la llista" />
30                </form>
31            </div>
32
33        <nav class="barra_superior" role="navigation" aria-label="Enllaços ràpids">
34            <a target="_new" href="https://twitter.com/casadeculturagi" aria-label="Enllaç al Twitter"> <i class="fab fa-twitter"></i> </a>                        
35            <a target="_new" href="https://www.facebook.com/casadeculturadegirona" aria-label="Enllaç al facebook"> <i class="fab fa-facebook-square"></i> </a>
36            <a target="_new" href="https://www.youtube.com/user/casadeculturagi" aria-label="Enllaç al Youtube"> <i class="fab fa-youtube"></i> </a>
37            <a target="_new" href="https://www.instagram.com/casadeculturagi" aria-label="Enllaç a instagram"> <i class="fab fa-instagram"></i> </a>                                    
38            <a target="_new" href="mailto:[email protected]" aria-label="Enllaç al Email"> <i class="fas fa-at"></i>&nbsp; [email protected] </a>
39            <a target="_new" href="tel:+0034972202013" aria-label="Enllaç al telèfon"> <i class="fas fa-phone"></i>&nbsp; 972 20 20 13 </a>                        
40            <!-- <a target="_new" href="whatsapp://send?text=Click a Whatsapp de la web&phone=+34691217259&abid=+34691217259" aria-label="Enllaç al Whatsapp"> <i class="fab fa-whatsapp"></i>&nbsp; 691 217 259 </a>       -->
41            <a target="_new" href="https://0i6h4.mjt.lu/wgt/0i6h4/8yk/form?c=30126987"  aria-label="Enllaç a alta butlletí"> <i class="fas fa-envelope-open-text"></i>&nbsp; Butlletí </a>                 
42            <a target="_new" href="/pagina/141/reserva-d-espais" aria-label="Enllaç a reserva d'espais"> <i class="far fa-file-alt"></i>&nbsp; Reserva espais </a>                        
43            <a target="_new" href="/pagina/208/mapa-del-web" aria-label="Enllaç al mapa del web"> <i class="fa fa-map-signs" aria-hidden="true"></i>&nbsp; Mapa web </a>                        
44        </nav>
45    </section>
46    
47
48                `,
49});