From 459e08978973f5f2b5fd4687e86350c3d10f93fc Mon Sep 17 00:00:00 2001
From: minimo-io <nicolas@minimo.io>
Date: Thu, 22 Sep 2022 12:45:42 -0300
Subject: [PATCH 1/6] minimo homepage vue app
---
mo-home.js | 7 +++++++
1 file changed, 7 insertions(+)
create mode 100644 mo-home.js
diff --git a/mo-home.js b/mo-home.js
new file mode 100644
index 0000000..e7d945a
--- /dev/null
+++ b/mo-home.js
@@ -0,0 +1,7 @@
+const App = new Vue({
+ el: "#button-vue",
+ data: {
+ buttonTextInactive: "Leer más",
+ buttonTextActive: "Leer menos"
+ }
+});
\ No newline at end of file
From de0bec251b59928c135aeb94f210cb9da12cbcf3 Mon Sep 17 00:00:00 2001
From: minimo-io <nicolas@minimo.io>
Date: Thu, 22 Sep 2022 14:17:35 -0300
Subject: [PATCH 2/6] test page added
---
mo-home.js | 18 ++++++++++++------
test.html | 31 +++++++++++++++++++++++++++++++
2 files changed, 43 insertions(+), 6 deletions(-)
create mode 100644 test.html
diff --git a/mo-home.js b/mo-home.js
index e7d945a..87fcaf7 100644
--- a/mo-home.js
+++ b/mo-home.js
@@ -1,7 +1,13 @@
-const App = new Vue({
- el: "#button-vue",
- data: {
- buttonTextInactive: "Leer más",
- buttonTextActive: "Leer menos"
+{/* <a href="#"><i class="" aria-hidden="true"></i> Leer más</a> */}
+
+
+const app = createApp({
+ data() {
+ return {
+ readMoreText: "Leer más",
+ readMoreIcon: "fa fa-arrow-right",
+ }
}
-});
\ No newline at end of file
+ })
+
+app.mount('#mo-home-vue-app')
diff --git a/test.html b/test.html
new file mode 100644
index 0000000..5920477
--- /dev/null
+++ b/test.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Document</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" />
+</head>
+<body>
+ <div id="mo-home-vue-app">
+ <a @click.prevent="readMore()"><i :class="readMoreIcon" aria-hidden="true"></i> {{ readMoreText }}</a>
+ </div>
+
+ <script src='https://unpkg.com/vue@3/dist/vue.global.js'></script>
+ <script>
+
+ const app = Vue.createApp({
+ data() {
+ return {
+ readMoreText: "Leer más",
+ readMoreIcon: "fa fa-arrow-right",
+ }
+ }
+ })
+
+ app.mount('#mo-home-vue-app')
+
+ </script>
+</body>
+</html>
\ No newline at end of file
From 39ee59df12a3102d2814c7e0820c797a7b3b1ee7 Mon Sep 17 00:00:00 2001
From: minimo-io <nicolas@minimo.io>
Date: Thu, 22 Sep 2022 15:14:23 -0300
Subject: [PATCH 3/6] mo home ready!
---
mo-home.js | 51 ++++++++++++++++++++++++++++++++++++-----------
test.html | 58 ++++++++++++++++++++++++++++++++++++++++++++----------
2 files changed, 87 insertions(+), 22 deletions(-)
diff --git a/mo-home.js b/mo-home.js
index 87fcaf7..c0616bf 100644
--- a/mo-home.js
+++ b/mo-home.js
@@ -1,13 +1,40 @@
-{/* <a href="#"><i class="" aria-hidden="true"></i> Leer más</a> */}
-
-
-const app = createApp({
- data() {
- return {
- readMoreText: "Leer más",
- readMoreIcon: "fa fa-arrow-right",
- }
- }
- })
+jQuery(document).ready(function(){
-app.mount('#mo-home-vue-app')
+ var READMORELANG, READLESSLANG;
+ const app = Vue.createApp({
+ data() {
+ return {
+ readMoreActive: false,
+ readMoreText: "Leer más",
+ readMoreIcon: "fa fa-arrow-right",
+ }
+ },
+ mounted(){
+ READMORELANG = jQuery(".readMoreBtn").data("readmorelang");
+ READLESSLANG = jQuery(".readMoreBtn").data("readlesslang");
+
+
+ },
+ methods:{
+ readMore(){
+ if (this.readMoreActive){
+ this.readMoreText = READMORELANG;
+ this.readMoreIcon = "fa fa-arrow-right";
+
+ }else{
+ this.readMoreText = READLESSLANG;
+ this.readMoreIcon = "fa fa-minus";
+ }
+ this.readMoreActive = ! this.readMoreActive;
+
+ jQuery(".d-none").toggle("fast", function(){
+
+ });
+
+
+ }
+ }
+ })
+ app.mount('#mo-home-vue-app')
+
+});
\ No newline at end of file
diff --git a/test.html b/test.html
index 5920477..9c4e54a 100644
--- a/test.html
+++ b/test.html
@@ -4,28 +4,66 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</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" />
+ <style>
+ .d-none{
+ display:none;
+ }
+ </style>
</head>
<body>
- <div id="mo-home-vue-app">
- <a @click.prevent="readMore()"><i :class="readMoreIcon" aria-hidden="true"></i> {{ readMoreText }}</a>
+ <div class="d-none">
+ 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>
+</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>
<script>
-
+ jQuery(document).ready(function(){
+ var READMORELANG, READLESSLANG;
const app = Vue.createApp({
data() {
- return {
- readMoreText: "Leer más",
- readMoreIcon: "fa fa-arrow-right",
- }
+ return {
+ readMoreActive: false,
+ readMoreText: "Leer más",
+ readMoreIcon: "fa fa-arrow-right",
+ }
+ },
+ mounted(){
+ READMORELANG = jQuery(".readMoreBtn").data("readmorelang");
+ READLESSLANG = jQuery(".readMoreBtn").data("readlesslang");
+
+
+ },
+ methods:{
+ readMore(){
+ if (this.readMoreActive){
+ this.readMoreText = READMORELANG;
+ this.readMoreIcon = "fa fa-arrow-right";
+
+ }else{
+ this.readMoreText = READLESSLANG;
+ this.readMoreIcon = "fa fa-minus";
+ }
+ this.readMoreActive = ! this.readMoreActive;
+
+ jQuery(".d-none").toggle("fast", function(){
+
+ });
+
+
+ }
}
})
-
app.mount('#mo-home-vue-app')
+ });
+
</script>
</body>
</html>
\ No newline at end of file
From eeaa58504a9704a029ab2498e4e4e1ad29c32d46 Mon Sep 17 00:00:00 2001
From: minimo-io <nicolas@minimo.io>
Date: Thu, 22 Sep 2022 15:16:57 -0300
Subject: [PATCH 4/6] comment
---
mo-home.js | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/mo-home.js b/mo-home.js
index c0616bf..a77d0ad 100644
--- a/mo-home.js
+++ b/mo-home.js
@@ -1,5 +1,7 @@
+// Runs at minimo.io homepage, loaded via jsdelivr (fetched from Github)
+// @minimo-io
jQuery(document).ready(function(){
-
+
var READMORELANG, READLESSLANG;
const app = Vue.createApp({
data() {
From 9b94059ede5098b73253dba27c251aa0ab478b80 Mon Sep 17 00:00:00 2001
From: minimo-io <nicolas@minimo.io>
Date: Thu, 22 Sep 2022 15:23:03 -0300
Subject: [PATCH 5/6] more speed to toggle
---
mo-home.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/mo-home.js b/mo-home.js
index a77d0ad..f984999 100644
--- a/mo-home.js
+++ b/mo-home.js
@@ -29,7 +29,7 @@ jQuery(document).ready(function(){
}
this.readMoreActive = ! this.readMoreActive;
- jQuery(".d-none").toggle("fast", function(){
+ jQuery(".d-none").toggle("200", function(){
});
From b4a87af6852b0bedcccc04c3e86a68e3448894a2 Mon Sep 17 00:00:00 2001
From: minimo-io <nicolas@minimo.io>
Date: Thu, 22 Sep 2022 17:53:27 -0300
Subject: [PATCH 6/6] fix multi-lang
---
mo-home.js | 9 +++++----
test.html | 12 ++++++------
2 files changed, 11 insertions(+), 10 deletions(-)
diff --git a/mo-home.js b/mo-home.js
index f984999..4399e6f 100644
--- a/mo-home.js
+++ b/mo-home.js
@@ -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(){
});
diff --git a/test.html b/test.html
index 9c4e54a..c4f9487 100644
--- a/test.html
+++ b/test.html
@@ -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(){
});