mirror of
https://github.com/minimo-io/appticles.git
synced 2025-06-23 16:05:29 +00:00
migrated to vuejs 3
This commit is contained in:
minimo-io
parent
4c3c13bd2c
commit
e0e16b01e5
97
lunfardo.js
97
lunfardo.js
@ -1,97 +0,0 @@
|
||||
const App = new Vue({
|
||||
el: '#app',
|
||||
|
||||
methods:{
|
||||
matches(obj) {
|
||||
const term = this.searchQuery.toLowerCase();
|
||||
return obj.title.toLowerCase().includes(term) || obj.description.toLowerCase().includes(term);
|
||||
}
|
||||
},
|
||||
|
||||
computed:{
|
||||
listValues() {
|
||||
return Object.values(this.wordsJson);
|
||||
},
|
||||
countWords(){
|
||||
return Object.keys(this.wordsJson).length;
|
||||
},
|
||||
filteredList() {
|
||||
if (!this.searchQuery) {
|
||||
return this.listValues;
|
||||
}
|
||||
|
||||
return this.listValues
|
||||
.map((v) => {
|
||||
if (this.matches(v)) {
|
||||
return v;
|
||||
}
|
||||
//
|
||||
// const matchingSubcats = Object.values(v.subcats)
|
||||
// .filter((v) => this.matches(v));
|
||||
//
|
||||
// if (matchingSubcats.length > 0) {
|
||||
// return Object.assign({}, v, {subcats: matchingSubcats});
|
||||
// }
|
||||
})
|
||||
.filter((v) => v);
|
||||
}
|
||||
},
|
||||
data: {
|
||||
placeholder: 'Buscá che...',
|
||||
searchQuery: '',
|
||||
wordsJson: {
|
||||
'word_1': { "title": "sonamos", "description": "pop. ¡Estamos perdidos!"},
|
||||
'word_2': { "title": "percanta", "description": "(pop.) Mujer (LCV.), amante (LCV.), querida (LCV.), concubina."},
|
||||
'word_3': { "title": "antro", "description": "Local, establecimiento, vivienda, etc., de mal aspecto o mala reputación."},
|
||||
'word_4': { "title": "caverna", "description": "Sinónimo de antro/bar; o de los aposentos humildes."},
|
||||
'word_5': { "title": "covacha", "description": "Vivienda, casa, o aposento pobre, incómodo, oscuro, pequeño."},
|
||||
'word_6': { "title": "lenocínio", "description": "Acción de servir de intermediario en las relaciones sexuales de una pareja. Oficio de alcahuete. Una casa de lenocinio es una casa de prostitución."},
|
||||
'word_7': { "title": "boliche", "description": "Bar (Uruguay)."},
|
||||
'word_8': { "title": "trastornado", "description": "Loco, rayado."},
|
||||
'word_9': { "title": "rayado", "description": "Loco."},
|
||||
'word_10': { "title": "malandra", "description": "Delincuente."},
|
||||
'word_11': { "title": "punga", "description": "Robo en que el ladrón saca los objetos del bolsillo del robado. Pungista es el que se dedica a este oficio."},
|
||||
'word_12': { "title": "escrucho", "description": "Robo en que el ladrón entra a una casa o edificio para hacer el trabajo. Escruchante es el que se dedica a este oficio."},
|
||||
'word_13': { "title": "banquina", "description": "Término que usaban los obreros genoveses que construyeron las rutas para llamar al arcén (margen lateral de una carretera)."},
|
||||
'word_14': { "title": "macanudo", "description": "(pop.) Hermoso (LS), soberbio (LS), algo espléndido (LCV.), muy superior (LCV.), muy bueno (TG.), excelente (TG.), magnífico (TG.), óptimo, extraordinario, estupendo/ amable/ generoso, liberal."},
|
||||
'word_15': { "title": "camorra", "description": "(pop.) Pendencia, pelea, riña, gresca, discusión."},
|
||||
'word_16': { "title": "a gatas", "description": "a duras penas, con dificultad."},
|
||||
'word_17': { "title": "abombado", "description": "adj. Arg., C. Rica, Nic., R. Dom. y Ur. Tonto, falto o escaso de entendimiento o razón. U. t. c. s."},
|
||||
'word_18': { "title": "abombado", "description": "vulg. Arg., Bol. y Ur. Morir o padecer una enfermedad mortal. Fulano sonó. Nuestro amigo está sonado."},
|
||||
'word_19': { "title": "(terminar) encuneteado", "description": "Terminar muerto (Nicolás)."},
|
||||
'word_20': { "title": "(hacer la) fajina", "description": "las tareas ('innobles') de mantenimiento, diarias."},
|
||||
'word_21': { "title": "malevo", "description": "Maleante, malhechor. De hábitos vulgares, propio de los arrabales."},
|
||||
'word_21': { "title": "rastrillo", "description": "El que roba al quién está desprevenido, o en mal estado. Ladronzuelo de poca monta."},
|
||||
'word_22': { "title": "porfiado, da", "description": "adj. Dicho de una persona terca y obstinada."},
|
||||
'word_23': { "title": "ratero", "description": "Dicho de un ladrón: Que hurta con maña y cautela cosas de poco valor."},
|
||||
'word_24': { "title": "ciruja / cirujano / cirujear", "description": "Rescatar algo dela basura de los otros."},
|
||||
'word_25': { "title": "compadrito", "description": "en general, hombre provocador, jactancioso y pendenciero. 'compadrito se llamaba al joven de condición social modesta que habitaba en las orillas de la ciudad... algo así como un gaucho que hubiera desensillado'."},
|
||||
'word_26': { "title": "orillero / arrabalero", "description": "[persona] Que habita en las orillas o parte extrema de un pueblo."},
|
||||
'word_27': { "title": "pendenciero", "description": "Propenso a riñas o pendencias."},
|
||||
'word_28': { "title": "hampón", "description": "Marginal que se dedica al delito organizado."},
|
||||
'word_29': { "title": "marginal", "description": "Que vive o actúa de modo voluntario o forzoso, fuera de las normas sociales admitidas."},
|
||||
'word_30': { "title": "", "description": "Descuidista, carterista."},
|
||||
'word_31': { "title": "(un) mareado", "description": "Borracho."},
|
||||
'word_32': { "title": "ventajero / garronero", "description": "Que saca ventaja ilícitamente."},
|
||||
'word_33': { "title": "comeorejas", "description": "Persona con facilidad para incitar a otro a hacer o a convencerlo de algo."},
|
||||
'word_34': { "title": "cara rota", "description": "Sin vergüenza."},
|
||||
'word_35': { "title": "chúcaro", "description": "Rebelde, solitario."},
|
||||
'word_36': { "title": "garúa", "description": "f. Am. llovizna."},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
})
|
||||
|
||||
(function($) {
|
||||
// menu escape function
|
||||
setTimeout(function(){
|
||||
$(document).unbind('keyup');
|
||||
},1000)
|
||||
})( jQuery );
|
||||
|
||||
40
mo-lunfardo/data/lunfardo-dict-es.json
Normal file
40
mo-lunfardo/data/lunfardo-dict-es.json
Normal file
@ -0,0 +1,40 @@
|
||||
[
|
||||
{ "title": "sonamos", "description": "pop. ¡Estamos perdidos!"},
|
||||
{ "title": "percanta", "description": "(pop.) Mujer (LCV.), amante (LCV.), querida (LCV.), concubina."},
|
||||
{ "title": "antro", "description": "Local, establecimiento, vivienda, etc., de mal aspecto o mala reputación."},
|
||||
{ "title": "caverna", "description": "Sinónimo de antro/bar; o de los aposentos humildes."},
|
||||
{ "title": "covacha", "description": "Vivienda, casa, o aposento pobre, incómodo, oscuro, pequeño."},
|
||||
{ "title": "lenocínio", "description": "Acción de servir de intermediario en las relaciones sexuales de una pareja. Oficio de alcahuete. Una casa de lenocinio es una casa de prostitución."},
|
||||
{ "title": "boliche", "description": "Bar (Uruguay)."},
|
||||
{ "title": "trastornado", "description": "Loco, rayado."},
|
||||
{ "title": "rayado", "description": "Loco."},
|
||||
{ "title": "malandra", "description": "Delincuente."},
|
||||
{ "title": "punga", "description": "Robo en que el ladrón saca los objetos del bolsillo del robado. Pungista es el que se dedica a este oficio."},
|
||||
{ "title": "escrucho", "description": "Robo en que el ladrón entra a una casa o edificio para hacer el trabajo. Escruchante es el que se dedica a este oficio."},
|
||||
{ "title": "banquina", "description": "Término que usaban los obreros genoveses que construyeron las rutas para llamar al arcén (margen lateral de una carretera)."},
|
||||
{ "title": "macanudo", "description": "(pop.) Hermoso (LS), soberbio (LS), algo espléndido (LCV.), muy superior (LCV.), muy bueno (TG.), excelente (TG.), magnífico (TG.), óptimo, extraordinario, estupendo/ amable/ generoso, liberal."},
|
||||
{ "title": "camorra", "description": "(pop.) Pendencia, pelea, riña, gresca, discusión."},
|
||||
{ "title": "a gatas", "description": "a duras penas, con dificultad."},
|
||||
{ "title": "abombado", "description": "adj. Arg., C. Rica, Nic., R. Dom. y Ur. Tonto, falto o escaso de entendimiento o razón. U. t. c. s."},
|
||||
{ "title": "abombado", "description": "vulg. Arg., Bol. y Ur. Morir o padecer una enfermedad mortal. Fulano sonó. Nuestro amigo está sonado."},
|
||||
{ "title": "(terminar) encuneteado", "description": "Terminar muerto (Nicolás)."},
|
||||
{ "title": "(hacer la) fajina", "description": "las tareas ('innobles') de mantenimiento, diarias."},
|
||||
{ "title": "malevo", "description": "Maleante, malhechor. De hábitos vulgares, propio de los arrabales."},
|
||||
{ "title": "rastrillo", "description": "El que roba al quién está desprevenido, o en mal estado. Ladronzuelo de poca monta."},
|
||||
{ "title": "porfiado, da", "description": "adj. Dicho de una persona terca y obstinada."},
|
||||
{ "title": "ratero", "description": "Dicho de un ladrón: Que hurta con maña y cautela cosas de poco valor."},
|
||||
{ "title": "ciruja / cirujano / cirujear", "description": "Rescatar algo dela basura de los otros."},
|
||||
{ "title": "compadrito", "description": "en general, hombre provocador, jactancioso y pendenciero. 'compadrito se llamaba al joven de condición social modesta que habitaba en las orillas de la ciudad... algo así como un gaucho que hubiera desensillado'."},
|
||||
{ "title": "orillero / arrabalero", "description": "[persona] Que habita en las orillas o parte extrema de un pueblo."},
|
||||
{ "title": "pendenciero", "description": "Propenso a riñas o pendencias."},
|
||||
{ "title": "hampón", "description": "Marginal que se dedica al delito organizado."},
|
||||
{ "title": "marginal", "description": "Que vive o actúa de modo voluntario o forzoso, fuera de las normas sociales admitidas."},
|
||||
{ "title": "", "description": "Descuidista, carterista."},
|
||||
{ "title": "(un) mareado", "description": "Borracho."},
|
||||
{ "title": "ventajero / garronero", "description": "Que saca ventaja ilícitamente."},
|
||||
{ "title": "comeorejas", "description": "Persona con facilidad para incitar a otro a hacer o a convencerlo de algo."},
|
||||
{ "title": "cara rota", "description": "Sin vergüenza."},
|
||||
{ "title": "chúcaro", "description": "Rebelde, solitario."},
|
||||
{ "title": "garúa", "description": "f. Am. llovizna."},
|
||||
{ "title": "¡Aire!", "description": "¡Afuera!, márchate, váyanse." }
|
||||
]
|
||||
50
mo-lunfardo/lunfardo.js
Normal file
50
mo-lunfardo/lunfardo.js
Normal file
@ -0,0 +1,50 @@
|
||||
const App = Vue.createApp({
|
||||
data(){
|
||||
return {
|
||||
placeholder: 'Buscá che...',
|
||||
searchQuery: '',
|
||||
wordsJson: {
|
||||
'word-1': { "title": "sonamos", "description": "pop. ¡Estamos perdidos!"},
|
||||
'word-2': { "title": "percanta", "description": "(pop.) Mujer (LCV.), amante (LCV.), querida (LCV.), concubina."},
|
||||
}
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
matches(obj) {
|
||||
const term = this.searchQuery.toLowerCase();
|
||||
return obj.title.toLowerCase().includes(term) || obj.description.toLowerCase().includes(term);
|
||||
}
|
||||
},
|
||||
|
||||
mounted: {
|
||||
|
||||
// const res = fetch("");
|
||||
|
||||
},
|
||||
|
||||
computed:{
|
||||
listValues() {
|
||||
return Object.values(this.wordsJson);
|
||||
},
|
||||
countWords(){
|
||||
return Object.keys(this.wordsJson).length;
|
||||
},
|
||||
filteredList() {
|
||||
if (!this.searchQuery) {
|
||||
return this.listValues;
|
||||
}
|
||||
|
||||
return this.listValues
|
||||
.map((v) => {
|
||||
if (this.matches(v)) {
|
||||
return v;
|
||||
}
|
||||
})
|
||||
.filter((v) => v);
|
||||
}
|
||||
},
|
||||
|
||||
}).mount("#app");
|
||||
|
||||
|
||||
|
||||
71
mo-lunfardo/test.html
Normal file
71
mo-lunfardo/test.html
Normal file
@ -0,0 +1,71 @@
|
||||
<!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>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="lunfardo-app card card bg-light mb-3">
|
||||
<div class="card-body">
|
||||
<div id="app">
|
||||
<form @submit.prevent="searchLunfardo">
|
||||
<div class="search-wrapper form-group mb-0">
|
||||
<input class="lunfardo-search-bar mb-1" :placeholder="placeholder" v-model="searchQuery">
|
||||
<i class="fa fa-search fa-lg search-icon"></i>
|
||||
</div>
|
||||
</form>
|
||||
<h3 v-if="searchQuery" class="mt-2 mb-0">Estas buscando «{{ searchQuery }}»</h3>
|
||||
<div class="row"><div class="col text-right"><span class="badge badge-warning mt-0 text-right">{{ countWords }} palabras</span></div></div>
|
||||
<ul class="mt-4">
|
||||
<li v-for="(data, index) in filteredList"><strong>{{ data.title }}</strong>: {{ data.description }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.lunfardo-search-bar{
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
background-color: rgb(213, 220, 229);
|
||||
border-radius: 34px;
|
||||
padding-left: 2rem;
|
||||
color: grey;
|
||||
margin-top: 1rem;
|
||||
border:2px solid rgb(213, 220, 229)!important;
|
||||
font-weight: 400!important;
|
||||
padding-bottom: 13px!important;
|
||||
padding-right: 55px!important;
|
||||
padding-top: 13px!important;
|
||||
font-size:20px;
|
||||
position:relative;
|
||||
padding-right: 25px;
|
||||
box-shadow:none !important;
|
||||
}
|
||||
|
||||
.search-icon {
|
||||
position: absolute;
|
||||
right: 22px;
|
||||
color: rgb(128, 128, 128);
|
||||
top: calc(50% - 0.38em);
|
||||
}
|
||||
|
||||
.search-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.lunfardo-search-bar::placeholder {
|
||||
color: grey;
|
||||
opacity: 1;
|
||||
}
|
||||
.lunfardo-app .badge{ font-size:10px;margin-right:5px; }
|
||||
</style>
|
||||
|
||||
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
|
||||
<script src="lunfardo.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user