saulteafarmer/appticles
1
0
Fork 0
mirror of https://github.com/minimo-io/appticles.git synced 2025-06-23 16:05:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix multi-lang

Browse Source
This commit is contained in:
minimo-io 2022-09-22 17:53:27 -03:00
parent 9b94059ede
commit b4a87af685
2 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
mo-home.js
View File

@ -1,20 +1,21 @@
// Runs at minimo.io homepage, loaded via jsdelivr (fetched from Github)
// @minimo-io
jQuery(document).ready(function(){
// v0.1
jQuery(document).ready(function(){
var READMORELANG, READLESSLANG;
const app = Vue.createApp({
data() {
return {
readMoreActive: false,
readMoreText: "Leer más",
readMoreText: "-",
readMoreIcon: "fa fa-arrow-right",
}
},
mounted(){
READMORELANG = jQuery(".readMoreBtn").data("readmorelang");
READLESSLANG = jQuery(".readMoreBtn").data("readlesslang");
this.readMoreText = READMORELANG;
},
methods:{
@ -29,7 +30,7 @@ jQuery(document).ready(function(){
}
this.readMoreActive = ! this.readMoreActive;
jQuery(".d-none").toggle("200", function(){
jQuery(".profile-more").toggle("200", function(){
});

12
test.html
View File

@ -7,19 +7,19 @@
<title>Vue Tests</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
.d-none{
.profile-more{
display:none;
}
</style>
</head>
<body>
<div class="d-none">
<div class="profile-more">
This is a hidden text. Named for some obscure action to be active on the web.
<br>
Now it's time to rock & roll!
</div>
<div id="mo-home-vue-app">
<a class="readMoreBtn" data-readlesslang = "Leer menos" data-readmorelang = "Leer más" @click.prevent="readMore()"><i :class="readMoreIcon" aria-hidden="true"></i> {{ readMoreText }}</a>
<a class="readMoreBtn" data-readlesslang = "Leia menos" data-readmorelang = "Leia mais" @click.prevent="readMore()"><i :class="readMoreIcon" aria-hidden="true"></i> {{ readMoreText }}</a>
</div>
<script src="https://unpkg.com/jquery@3.3.1/dist/jquery.min.js"></script>
<script src='https://unpkg.com/vue@3/dist/vue.global.js'></script>
@ -30,14 +30,14 @@
data() {
return {
readMoreActive: false,
readMoreText: "Leer más",
readMoreText: "-",
readMoreIcon: "fa fa-arrow-right",
}
},
mounted(){
READMORELANG = jQuery(".readMoreBtn").data("readmorelang");
READLESSLANG = jQuery(".readMoreBtn").data("readlesslang");
this.readMoreText = READMORELANG;
},
methods:{
@ -52,7 +52,7 @@
}
this.readMoreActive = ! this.readMoreActive;
jQuery(".d-none").toggle("fast", function(){
jQuery(".profile-more").toggle("200", function(){
});