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) // Runs at minimo.io homepage, loaded via jsdelivr (fetched from Github)
// @minimo-io // @minimo-io
jQuery(document).ready(function(){ // v0.1
jQuery(document).ready(function(){
var READMORELANG, READLESSLANG; var READMORELANG, READLESSLANG;
const app = Vue.createApp({ const app = Vue.createApp({
data() { data() {
return { return {
readMoreActive: false, readMoreActive: false,
readMoreText: "Leer más", readMoreText: "-",
readMoreIcon: "fa fa-arrow-right", readMoreIcon: "fa fa-arrow-right",
} }
}, },
mounted(){ mounted(){
READMORELANG = jQuery(".readMoreBtn").data("readmorelang"); READMORELANG = jQuery(".readMoreBtn").data("readmorelang");
READLESSLANG = jQuery(".readMoreBtn").data("readlesslang"); READLESSLANG = jQuery(".readMoreBtn").data("readlesslang");
this.readMoreText = READMORELANG;
}, },
methods:{ methods:{
@ -29,7 +30,7 @@ jQuery(document).ready(function(){
} }
this.readMoreActive = ! this.readMoreActive; 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> <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" /> <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> <style>
.d-none{ .profile-more{
display:none; display:none;
} }
</style> </style>
</head> </head>
<body> <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. This is a hidden text. Named for some obscure action to be active on the web.
<br> <br>
Now it's time to rock & roll! Now it's time to rock & roll!
</div> </div>
<div id="mo-home-vue-app"> <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> </div>
<script src="https://unpkg.com/jquery@3.3.1/dist/jquery.min.js"></script> <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> <script src='https://unpkg.com/vue@3/dist/vue.global.js'></script>
@ -30,14 +30,14 @@
data() { data() {
return { return {
readMoreActive: false, readMoreActive: false,
readMoreText: "Leer más", readMoreText: "-",
readMoreIcon: "fa fa-arrow-right", readMoreIcon: "fa fa-arrow-right",
} }
}, },
mounted(){ mounted(){
READMORELANG = jQuery(".readMoreBtn").data("readmorelang"); READMORELANG = jQuery(".readMoreBtn").data("readmorelang");
READLESSLANG = jQuery(".readMoreBtn").data("readlesslang"); READLESSLANG = jQuery(".readMoreBtn").data("readlesslang");
this.readMoreText = READMORELANG;
}, },
methods:{ methods:{
@ -52,7 +52,7 @@
} }
this.readMoreActive = ! this.readMoreActive; this.readMoreActive = ! this.readMoreActive;
jQuery(".d-none").toggle("fast", function(){ jQuery(".profile-more").toggle("200", function(){
}); });