Skip to content

Commit e286bb0

Browse files
ianaya89rigor789
ianaya89
authored and
rigor789
committed
add Spanish translation (#172)
* Translate introduction * Add es index ejs * Translate quick start * Translate installation * Translate template * Translate ns plugin * Translate vue plugins * Translate manual routing * Translate v-view * Translate dialog * Translate confirm * Translate alert * Translate activity indicator * Translate html view * Translate progress * Translate label * Fix components directory and translate switch * Translate web view * Translate button * Translate image * Translate date picker * Translage list picker * Translage list picker and time picker * Translate list view * Translate scroll view * Translate search bar * Translate confirm * Translate prompt * Add es to build process * Translate action bar * Translate action item * Transalate nav button * Translate slider * Translate tab view * Translate text field * Translate segmented bar * Translate text view * Translate absolute layout * Translate stack layout * Translate wrap layout * Translate dock layout * Translate flexbox layout * Translate grid layout * Translate v-template * Translate vue router * Translate playground tutorial * Fix typos and improve grammar * Rename index._es.ejs to index_es.ejs * update sponsors list
1 parent fecc8e6 commit e286bb0

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

51 files changed

+11216
-4
lines changed

‎build/index.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@ Metalsmith(cwd)
4040
moment,
4141
localeMap: {
4242
'en': 'English',
43+
'es': 'Español',
4344
'ko': '한국어',
4445
'pt-BR': 'Português do Brasil',
4546
'ru': 'Русский'
@@ -115,7 +116,7 @@ Metalsmith(cwd)
115116
})
116117
.use(locales({
117118
defaultLocale: 'en',
118-
locales: ['en', 'ko', 'pt-BR', 'ru']
119+
locales: ['en', 'es', 'ko', 'pt-BR', 'ru']
119120
}))
120121
.use(versions({
121122
versions: [

‎build/plugins/order.js

-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,6 @@ function plugin() {
1313
if (res) {
1414
const data = files[file];
1515
data.order = res[1];
16-
1716
data.slug = data.slug.replace(res[0], '');
1817

1918
// rename file to not include the order

‎content/docs/en/elements/dialogs/action.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: ActionDialog
3-
apiRef: https://docs.nativescript.org/api-reference/modules/_ui_dialogs_#action
3+
apiRef: https://docs.nativescript.org/api-reference/modules/_ui_dialogs_#action
44
contributors: [MisterBrownRSA, rigor789, ikoevska]
55
---
66

‎content/docs/es/elements/action-bar/action-bar.md

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
---
2+
title: ActionBar
3+
apiRef: https://docs.nativescript.org/api-reference/classes/_ui_action_bar_.actionbar
4+
contributors: [ianaya89]
5+
---
6+
7+
El componente ActionBar es una abstraccio4n de NativeScript del `ActionBar` de Android y el `NavigationBar` de iOS.
8+
9+
10+
---
11+
12+
#### Configurando un título
13+
14+
```html
15+
<ActionBar title="MyApp" />
16+
```
17+
18+
#### Configurando un título con apariencia personalizada
19+
20+
```html
21+
<ActionBar>
22+
<StackLayout orientation="horizontal">
23+
<Image src="res://icon" width="40" height="40" verticalAlignment="center" />
24+
<Label text="ativeScript" fontSize="24" verticalAlignment="center" />
25+
</StackLayout>
26+
</ActionBar>
27+
```
28+
29+
#### Configurando un ícono de apliación para Android
30+
31+
```html
32+
<ActionBar title="My App" android.icon="res://icon" android.iconVisibility="always" />
33+
```
34+
35+
#### Removiendo el borde
36+
37+
Tanto en Android como en iOS, un pequeño borde es dibujado en la parte inferior del componente `ActionBar`. Además, el color de fondo del `ActionBar` de iOS is levemente diferente al que uno especifíca ya que iOS aplica un filtro. Para remover este filtro y el borde, puedes usar el atributo `flat` con el valor `true`.
38+
39+
```html
40+
<ActionBar title="My App" flat="true" />
41+
```
42+
43+
## Propiedades
44+
45+
| Nombre | Tipo | Descripción |
46+
|------|------|-------------|
47+
| `title` | `String` | El título que se desea mostrar.
48+
| `android.icon` | `String` | El ícono para mostrar en Android.
49+
| `android.iconVisibility` | `String` | Indica cuando el ícono esta visible o no (solo Android).
50+
| `flat` | `boolean` | Remueve el borde y el filtro en iOS.<br> Valor por defecto: `false`.

‎content/docs/es/elements/action-bar/action-item.md

+56
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
---
2+
title: ActionItem
3+
apiRef: https://docs.nativescript.org/api-reference/classes/_ui_action_bar_.actionitem
4+
contributors: [ianaya89]
5+
---
6+
7+
El componente ActionItem es utilizado para agregar botones (con acciones) al componente `ActionBar`.
8+
9+
---
10+
11+
```html
12+
<ActionBar title="My App">
13+
<ActionItem @tap="onTapShare"
14+
ios.systemIcon="9" ios.position="left"
15+
android.systemIcon="ic_menu_share" android.position="actionBar" />
16+
<ActionItem @tap="onTapDelete"
17+
ios.systemIcon="16" ios.position="right"
18+
text="delete" android.position="popup" />
19+
</ActionBar>
20+
```
21+
22+
#### Mostrando items con condicionales
23+
24+
Los elementos `ActionItems` pueden ser represantados usando condiciones con la directiva `v-show`.
25+
26+
```html
27+
<ActionBar title="My App">
28+
<ActionItem @tap="onTapEdit"
29+
v-show="!isEditing"
30+
ios.systemIcon="2" ios.position="right"
31+
android.systemIcon="ic_menu_edit" />
32+
<ActionItem @tap="onTapSave"
33+
v-show="isEditing"
34+
ios.systemIcon="3" ios.position="right"
35+
android.systemIcon="ic_menu_save" />
36+
<ActionItem @tap="onTapCancel"
37+
v-show="isEditing"
38+
ios.systemIcon="1"
39+
android.systemIcon="ic_menu_close_clear_cancel" />
40+
</ActionBar>
41+
```
42+
43+
## Propiedades
44+
45+
| Nombre | Tipo | Descripcioón |
46+
|------|------|-------------|
47+
| `ios.systemIcon` | `String` | Estabelece el ícono para iOS.
48+
| `android.systemIcon` | `String` | Estabelece ícono para Android.
49+
| `ios.position` | `String` | Estabelece la posición del item en iOS.<br>Valores posibles:<br>- `left` (valor por defecto): Coloca el item en el lado izquierdo del componente ActionBar.<br>- `right`: Coloca el item en el lado derecho del componente ActionBar.
50+
| `android.position` | `String` | Estabelece la posición del item en Android.<br>Valores posibles:<br>- `actionBar` (valor por defecto): Coloca el item en el componente `ActionBar`.<br>- `popup`: Coloca el item en el menú de opciones (el item será mostrado como texto)<br>- `actionBarIfRoom`: Coloca el item en el componente `ActionBar`, siempre y cuando haya espacio suficiente. De lo contrario, coloca el item en el menú de opciones.
51+
52+
## Eventos
53+
54+
| Nombre | Descripción |
55+
|------|-------------|
56+
| `tap`| Emitido cada vez que el item es presionado.

‎content/docs/es/elements/action-bar/navigation-button.md

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
---
2+
title: NavigationButton
3+
apiRef: https://docs.nativescript.org/api-reference/classes/_ui_action_bar_.navigationbutton
4+
contributors: [ianaya89]
5+
---
6+
7+
El componente NavigationButton es una abstracción de NativeScript para el botón de Navegación de Android y el botón "atrás" de iOS.
8+
9+
---
10+
11+
```html
12+
<ActionBar title="My App">
13+
<NavigationButton text="Go back" android.systemIcon="ic_menu_back" @tap="goBack" />
14+
</ActionBar>
15+
```
16+
17+
## Propiedades
18+
19+
| Nombre | Tipo | Descripción |
20+
|------|------|-------------|
21+
| `text` | `String` | Establece el texto que se mostrará en iOS.
22+
| `android.systemIcon` | `String` | Establece el ícono que se mostrará en Android.
23+
24+
**La lista de posibles íconos para Android se puede encontrar en este [link](https://developer.android.com/reference/android/R.drawable.html), los íconos son aquellos que comienzan con el prefijo `ic_`.**
25+
26+
## Eventos
27+
28+
| Nombre | Descripción |
29+
|------|-------------|
30+
| `tap`| Emitido cada vez que el botón es presionado.

‎content/docs/es/elements/components/activity-indicator.md

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
---
2+
title: ActivityIndicator
3+
apiRef: https://docs.nativescript.org/api-reference/classes/_ui_activity_indicator_.activityindicator
4+
contributors: [ianaya89]
5+
---
6+
7+
`<ActivityIndicator>` es un componente de UI que muestra un indicador de progreso. Este componente permite señalar al usuario el estado de una operación que se ejecuta en segundo plano.
8+
9+
---
10+
11+
```html
12+
<ActivityIndicator busy="true" @busyChange="onBusyChanged" />
13+
```
14+
15+
[> screenshots for=ActivityIndicator <]
16+
17+
## Propiedades
18+
19+
| Nombre | Tipo | Descripción |
20+
|------|------|-------------|
21+
| `busy` | `Boolean` | Obtiene o establece si el indicador esta activo o no. El valor `true`, indica que esta activo.
22+
23+
## Eventos
24+
25+
| Nombre | Descripción |
26+
|------|-------------|
27+
| `busyChange`| Emitido cada vez que la propiedad `busy` cambia de valor.
28+
29+
## Componente nativo
30+
31+
| Android | iOS |
32+
|---------|-----|
33+
| [`android.widget.ProgressBar` (indeterminate = true)](https://developer.android.com/reference/android/widget/ProgressBar.html) | [`UIActivityIndicatorView`](https://developer.apple.com/documentation/uikit/uiactivityindicatorview)

‎content/docs/es/elements/components/button.md

+36
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
---
2+
title: Button
3+
apiRef: https://docs.nativescript.org/api-reference/classes/_ui_button_.button
4+
contributors: [ianaya89]
5+
---
6+
7+
`<Button>` es un componente de UI que muestra un botón, el cual puede reaccionar ante un gesto del usuario.
8+
9+
Para más informacion sobre los gestos disponibles, puedes ver [la documentación oficial de NativeScript](https://docs.nativescript.org/ui/gestures).
10+
11+
---
12+
13+
```html
14+
<Button text="Button" @tap="onButtonTap" />
15+
```
16+
17+
[> screenshots for=Button <]
18+
19+
## Propiedades
20+
21+
| Nombre | Tipo | Descripción |
22+
|------|------|-------------|
23+
| `text` | `String` | Obtiene o establece el texto del botón.
24+
| `textWrap` | `Boolean` | Obtiene o establece cuando el texto se ajusta o no al elemento que lo contiene.<br>Valor por defecto: `false`.
25+
26+
## Eventos
27+
28+
| Nombre | Descripción |
29+
|------|-------------|
30+
| `tap` | Emitido cada vez que el botón es presionado.
31+
32+
## Componente nativo
33+
34+
| Android | iOS |
35+
|---------|-----|
36+
| [`android.widget.Button`](https://developer.android.com/reference/android/widget/Button.html) | [`UIButton`](https://developer.apple.com/documentation/uikit/uibutton)

‎content/docs/es/elements/components/date-picker.md

+46
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
---
2+
title: DatePicker
3+
apiRef: https://docs.nativescript.org/api-reference/classes/_ui_date_picker_.datepicker
4+
contributors: [ianaya89]
5+
---
6+
7+
`<DatePicker>` es un componente de UI que permite al usuario seleccionar una fecha a partir de un rango pre-configurado.
8+
9+
> Puedes ver también: [TimePicker](/en/docs/elements/components/time-picker).
10+
11+
---
12+
13+
```html
14+
<DatePicker @loaded="onDatePickerLoaded" @dateChange="onDateChanged" />
15+
```
16+
17+
`<DatePicker>` provee enlace de datos bidireccional (*two-way data binding*) usando `v-model`.
18+
19+
```html
20+
<DatePicker v-model="selectedDate" />
21+
```
22+
23+
[> screenshots for=DatePicker <]
24+
25+
## Propiedades
26+
27+
| Nombre | Tipo | Descripción |
28+
|------|------|-------------|
29+
| `date` | `Date` | Obtiene o establece la fecha completa.
30+
| `minDate` | `Date` | Obtiene o establece la mínima fecha posible para seleccionar.
31+
| `maxDate` | `Date` | Obtiene o establece la máxima fecha posible para seleccionar.
32+
| `day` | `Number` | Obtiene o establece el día de la fecha.
33+
| `month` | `Number` | Obtiene o establece el mes de la fecha.
34+
| `year` | `Number` | Obtiene o establece el año de la fecha.
35+
36+
## Eventos
37+
38+
| Nombre | Descripción |
39+
|------|-------------|
40+
| `dateChange` | Emitido cada vez que la fecha seleccionada cambia.
41+
42+
## Componente nativo
43+
44+
| Android | iOS |
45+
|---------|-----|
46+
| [`android.widget.DatePicker`](https://developer.android.com/reference/android/widget/DatePicker.html) | [`UIDatePicker`](https://developer.apple.com/documentation/uikit/uidatepicker)

‎content/docs/es/elements/components/html-view.md

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
title: HtmlView
3+
apiRef: https://docs.nativescript.org/api-reference/classes/_ui_html_view_.htmlview
4+
contributors: [ianaya89]
5+
---
6+
7+
`<HtmlView>` es un component de UI que permite mostrar contenido HTML estático.
8+
9+
Puedes ver también: [WebView](/en/docs/elements/components/web-view).
10+
11+
---
12+
13+
```html
14+
<HtmlView html="<div><h1>HtmlView</h1></div>" />
15+
```
16+
17+
[> screenshots for=HtmlView <]
18+
19+
## Props
20+
21+
| Nombre | Tipo | Descripción |
22+
|------|------|-------------|
23+
| `html` | `String` | El contenido HTML que deseas mostrar.
24+
25+
## Componente native
26+
27+
| Android | iOS |
28+
|---------|-----|
29+
| [`android.widget.TextView`](https://developer.android.com/reference/android/widget/TextView.html) | [`UITextView`](https://developer.apple.com/documentation/uikit/uitextview)

‎content/docs/es/elements/components/image.md

+51
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
---
2+
title: Image
3+
apiRef: https://docs.nativescript.org/api-reference/classes/_ui_image_.image
4+
contributors: [ianaya89]
5+
---
6+
7+
`<Image>` es un componente de UI que permite mostrar una imágen a partir de un [ImageSource](https://docs.nativescript.org/api-reference/modules/_image_source_) o de una URL.
8+
9+
---
10+
11+
#### Mostrando una imágen relativa al directorio de la aplicación
12+
13+
```html
14+
<Image src="~/logo.png" stretch="none" />
15+
```
16+
17+
#### Mostrando una imágen desde una URL
18+
19+
```html
20+
<Image src="https://art.nativescript-vue.org/NativeScript-Vue-White-Green.png" stretch="none" />
21+
```
22+
23+
#### Mostrando una imágen desde `App_Resources`
24+
25+
```html
26+
<Image src="res://icon" stretch="none" />
27+
```
28+
29+
#### Mostrando una imágen en formato `base64`
30+
31+
```html
32+
<Image src="data:Image/png;base64,iVBORw..." stretch="none" />
33+
```
34+
35+
[> screenshots for=Image <]
36+
37+
## Propiedades
38+
39+
| Nombre | Tipo | Descripcioón |
40+
|------|------|-------------|
41+
| `src` | `String` o [`ImageSource`](https://docs.nativescript.org/api-reference/modules/_image_source_) | Obtiene o establece el origen de una imágen, sea como URL o *ImageSource*
42+
|`imageSource` | [`ImageSource`](https://docs.nativescript.org/api-reference/modules/_image_source_) | Obtiene o establece el *ImageSource* de una imágen.
43+
| `tintColor` | `Color` | (Style property) Establece un color para teñir la imágen.
44+
| `stretch` | `Stretch` | (Style property) Obtiene o establece la forma en la que la imágen se acomoda para rellenar el elemento que la contiene. <br/>Posibles valores: `none`, `aspectFill`, `aspectFit`, o `fill`.<br/>Para mas información, puedes ver [Stretch](https://docs.nativescript.org/api-reference/modules/_ui_enums_.stretch).
45+
| `loadMode` | | Obtiene o establece la estrategia de carga para imágenes en el sistema de archivos local.<br/>Posibles valores: `sync` o `async`.<br/>Valor por defecto: `async`.<br/>Para mas información, puedes ver [loadMode](https://docs.nativescript.org/api-reference/classes/_ui_image_.image#loadmode).
46+
47+
## Componente nativo
48+
49+
| Android | iOS |
50+
|---------|-----|
51+
| [`android.widget.ImageView`](https://developer.android.com/reference/android/widget/ImageView.html) | [`UIImageView`](https://developer.apple.com/documentation/uikit/uiimageview)

0 commit comments

Comments
 (0)