Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
partido-interdimensional-pirata
lumi
la web de miniloom
Commits
cae38e8d
Commit
cae38e8d
authored
Aug 20, 2020
by
rene
Browse files
reestructurar IconoDeEstado
parent
a4ca39c3
Changes
3
Hide whitespace changes
Inline
Side-by-side
src/components/BarraDeEstado.vue
View file @
cae38e8d
<
template
>
<div
class=
"barra"
>
<icono-de-estado
:cantidad=
"getCantidad('compromiso')"
tipo=
"compromiso"
label=
"Compromiso"
/>
<icono-de-estado
:cantidad=
"getCantidad('a_favor')"
tipo=
"a_favor"
label=
"A favor"
/>
<icono-de-estado
:cantidad=
"getCantidad('en_contra')"
tipo=
"en_contra"
label=
"En contra"
/>
<icono-de-estado
:cantidad=
"getCantidad('bloqueo')"
tipo=
"bloqueo"
label=
"Bloqueo"
/>
<icono-de-estado
:cantidad=
"getCantidad('compromiso')"
tipo=
"compromiso"
/>
<icono-de-estado
:cantidad=
"getCantidad('a_favor')"
tipo=
"a_favor"
/>
<icono-de-estado
:cantidad=
"getCantidad('en_contra')"
tipo=
"en_contra"
/>
<icono-de-estado
:cantidad=
"getCantidad('bloqueo')"
tipo=
"bloqueo"
/>
<icono-de-estado
:cantidad=
"getCantidad('indiferente')"
tipo=
"indiferente"
label=
"Indiferente"
/>
</div>
</
template
>
...
...
src/components/IconoDeEstado.vue
View file @
cae38e8d
...
...
@@ -23,7 +23,7 @@ import IconoMeComprometo from '@/assets/iconos/me-comprometo.svg?inline'
export
default
{
name
:
'
IconoDeEstado
'
,
props
:
[
'
tipo
'
,
'
cantidad
'
,
'
label
'
],
props
:
[
'
tipo
'
,
'
cantidad
'
],
components
:
{
IconoAFavor
,
IconoBloqueo
,
...
...
@@ -46,17 +46,30 @@ export default {
return
'
white
'
}
},
label
()
{
switch
(
this
.
tipo
)
{
case
'
compromiso
'
:
return
'
Compromiso
'
case
'
a_favor
'
:
return
'
A favor
'
case
'
en_contra
'
:
return
'
En contra
'
case
'
indiferente
'
:
return
'
Indiferente
'
case
'
compromiso
'
:
return
'
Compromiso
'
default
:
return
''
// !!!
}
},
},
}
</
script
>
<
style
lang=
"sass"
scoped
>
.icono-de-estado
display
:
flex
flex-direction
:
column
align-items
:
center
justify-content
:
space-between
margin
:
0
0
.3em
display
:
block
margin
:
0
auto
.cantidad
align-self
:
flex-start
color
:
var
(
--
blackish
)
...
...
src/components/Posicion.vue
View file @
cae38e8d
<
template
>
<div
class=
"posicion"
>
<icono-de-estado
:tipo=
"posicion.estado"
:nivel=
"0"
/>
<icono-de-estado
:tipo=
"posicion.estado"
/>
<div
class=
"body"
>
<div
class=
"head"
>
<h4>
{{
posicion
.
pirata
.
nick
}}
</h4>
...
...
@@ -22,7 +22,7 @@
</a>
<div
class=
"posiciones-anteriores"
v-if=
"mostrarAnteriores"
>
<div
class=
"posicion-anterior"
v-for=
"posicion in posicionesAnteriores"
>
<icono-de-estado
:tipo=
"posicion.estado"
:nivel=
"0"
/>
<icono-de-estado
:tipo=
"posicion.estado"
/>
<p>
{{ posicion.comentario }}
<span
class=
"fecha"
>
{{ fechaRelativa(posicion.created_at) }}
</span>
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment