Skip to content

Commit 6b6a718

Browse files
luisDanielRoviraContrerasluisDanielRoviraContreras
committed
'deploy'
1 parent dc177cd commit 6b6a718

Some content is hidden

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

45 files changed

+1398
-174
lines changed

‎README.md‎

Lines changed: 28 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -68,33 +68,34 @@ If you feel awesome and want to support us in a small way, please consider starr
6868

6969
## Components
7070

71-
- [Buttons](https://lusaxweb.github.io/vuesax/components/) - SSR
72-
- [Selects](https://lusaxweb.github.io/vuesax/components/selects.html) - SSR
73-
- [Notifications](https://lusaxweb.github.io/vuesax/components/notifications.html) - SSR
74-
- [Switch](https://lusaxweb.github.io/vuesax/components/switch.html) - SSR
75-
- [CheckBox](https://lusaxweb.github.io/vuesax/components/checkbox.html) - SSR
76-
- [Radio](https://lusaxweb.github.io/vuesax/components/radio.html) - SSR
77-
- [Input](https://lusaxweb.github.io/vuesax/components/input.html) - SSR
78-
- [Dialogs](https://lusaxweb.github.io/vuesax/components/dialog.html) - SSR
79-
- [Tabs](https://lusaxweb.github.io/vuesax/components/tabs.html) - SSR
80-
- [Slider](https://lusaxweb.github.io/vuesax/components/slider.html) - SSR
81-
- [InputNumber](https://lusaxweb.github.io/vuesax/components/number.html) - SSR
82-
- [Tooltip](https://lusaxweb.github.io/vuesax/components/tooltip.html) - SSR
83-
- [Upload](https://lusaxweb.github.io/vuesax/components/upload.html) - SSR
84-
- [Loading](https://lusaxweb.github.io/vuesax/components/loading.html) - SSR
85-
- [Popup](https://lusaxweb.github.io/vuesax/components/popup.html) - SSR
86-
- [Avatar](https://lusaxweb.github.io/vuesax/components/avatar.html) - SSR
87-
- [Breadcrumb](https://lusaxweb.github.io/vuesax/components/breadcrumb.html) - SSR
88-
- [Alert](https://lusaxweb.github.io/vuesax/components/alert.html) - SSR
89-
- [Divider](https://lusaxweb.github.io/vuesax/components/divider.html) - SSR
90-
- [Chip](https://lusaxweb.github.io/vuesax/components/chip.html) - SSR
91-
- [Progress](https://lusaxweb.github.io/vuesax/components/progress.html) - SSR
92-
- [Card](https://lusaxweb.github.io/vuesax/components/card.html) - SSR
93-
- [List](https://lusaxweb.github.io/vuesax/components/list.html) - SSR
94-
- [Pagination](https://lusaxweb.github.io/vuesax/components/pagination.html) - SSR
95-
- [Topbar](https://lusaxweb.github.io/vuesax/components/topbar.html) - SSR
96-
- [SideBar](https://lusaxweb.github.io/vuesax/components/sideBar.html) - SSR
97-
- [DropDown](https://lusaxweb.github.io/vuesax/components/dropDown.html) - SSR
71+
- [Buttons](https://lusaxweb.github.io/vuesax/components/)
72+
- [Selects](https://lusaxweb.github.io/vuesax/components/selects.html)
73+
- [Notifications](https://lusaxweb.github.io/vuesax/components/notifications.html)
74+
- [Switch](https://lusaxweb.github.io/vuesax/components/switch.html)
75+
- [CheckBox](https://lusaxweb.github.io/vuesax/components/checkbox.html)
76+
- [Radio](https://lusaxweb.github.io/vuesax/components/radio.html)
77+
- [Input](https://lusaxweb.github.io/vuesax/components/input.html)
78+
- [Dialogs](https://lusaxweb.github.io/vuesax/components/dialog.html)
79+
- [Tabs](https://lusaxweb.github.io/vuesax/components/tabs.html)
80+
- [Slider](https://lusaxweb.github.io/vuesax/components/slider.html)
81+
- [InputNumber](https://lusaxweb.github.io/vuesax/components/number.html)
82+
- [Tooltip](https://lusaxweb.github.io/vuesax/components/tooltip.html)
83+
- [Upload](https://lusaxweb.github.io/vuesax/components/upload.html)
84+
- [Loading](https://lusaxweb.github.io/vuesax/components/loading.html)
85+
- [Popup](https://lusaxweb.github.io/vuesax/components/popup.html)
86+
- [Avatar](https://lusaxweb.github.io/vuesax/components/avatar.html)
87+
- [Breadcrumb](https://lusaxweb.github.io/vuesax/components/breadcrumb.html)
88+
- [Alert](https://lusaxweb.github.io/vuesax/components/alert.html)
89+
- [Divider](https://lusaxweb.github.io/vuesax/components/divider.html)
90+
- [Chip](https://lusaxweb.github.io/vuesax/components/chip.html)
91+
- [Progress](https://lusaxweb.github.io/vuesax/components/progress.html)
92+
- [Card](https://lusaxweb.github.io/vuesax/components/card.html)
93+
- [List](https://lusaxweb.github.io/vuesax/components/list.html)
94+
- [Pagination](https://lusaxweb.github.io/vuesax/components/pagination.html)
95+
- [Topbar](https://lusaxweb.github.io/vuesax/components/topbar.html)
96+
- [SideBar](https://lusaxweb.github.io/vuesax/components/sideBar.html)
97+
- [DropDown](https://lusaxweb.github.io/vuesax/components/dropDown.html)
98+
- [Table](https://lusaxweb.github.io/vuesax/components/table.html) - New
9899

99100
## Browser Support
100101
Recent versions of **Firefox**, **Chrome**, **Edge**, **Opera** and **Safari**. **IE10+**

‎docs/.vuepress/components/Demos/Table/Edit.vue‎

Lines changed: 40 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,68 +1,70 @@
11
<template lang="html">
22
<div>
3-
<vs-table >
3+
<vs-table :data="users">
44
<template slot="thead">
55
<vs-th>
6-
Email - Input
6+
Email
77
</vs-th>
88
<vs-th>
9-
Name - Select
9+
Name
1010
</vs-th>
1111
<vs-th>
12-
Nro - Input-number
12+
Nro1
1313
</vs-th>
1414
<vs-th>
15-
Nro - Slider
15+
Nro2
1616
</vs-th>
1717
</template>
18-
<vs-tr :key="indextr" v-for="(tr, indextr) in dataTable" >
19-
<vs-td :data="dataTable[indextr].email">
20-
{{dataTable[indextr].email}}
2118

22-
<template slot="edit">
23-
<vs-input v-model="dataTable[indextr].email" class="inputx" placeholder="Email"/>
24-
</template>
25-
</vs-td>
19+
<template slot-scope="{data}">
20+
<vs-tr :key="indextr" v-for="(tr, indextr) in data" >
21+
<vs-td :data="tr.email">
22+
{{tr.email}}
2623

27-
<vs-td :data="dataTable[indextr].username">
28-
{{dataTable[indextr].username}}
24+
<template slot="edit">
25+
<vs-input v-model="tr.email" class="inputx" placeholder="Email"/>
26+
</template>
27+
</vs-td>
2928

30-
<template slot="edit">
31-
<!-- <vs-input v-model="dataTable[indextr].username" class="inputx" placeholder="Email"/> -->
32-
<vs-select
33-
label="Users"
34-
v-model="dataTable[indextr].username"
35-
>
36-
<vs-select-item :key="index" :vs-value="item.value" :vs-text="item.text" v-for="(item,index) in users" />
37-
</vs-select>
38-
</template>
39-
</vs-td>
29+
<vs-td :data="tr.username">
30+
{{tr.username}}
4031

41-
<vs-td :data="dataTable[indextr].id">
42-
{{dataTable[indextr].id}}
32+
<template slot="edit">
33+
<vs-select
34+
label="Users"
35+
v-model="tr.username"
36+
>
37+
<vs-select-item :key="index" :vs-value="item.name" :vs-text="item.name" v-for="(item,index) in users" />
38+
</vs-select>
39+
</template>
40+
</vs-td>
4341

44-
<template slot="edit">
45-
<vs-input-number v-model="dataTable[indextr].id"/>
46-
</template>
47-
</vs-td>
42+
<vs-td :data="tr.id">
43+
{{tr.id}}
4844

49-
<vs-td :data="dataTable[indextr].id">
50-
{{dataTable[indextr].id}}
45+
<template slot="edit">
46+
<vs-input-number v-model="tr.id"/>
47+
</template>
48+
</vs-td>
5149

52-
<template slot="edit">
53-
<!-- <vs-input-number v-model="dataTable[indextr].id"/> -->
54-
<vs-slider :max="20" v-model="dataTable[indextr].id"/>
55-
</template>
56-
</vs-td>
50+
<vs-td :data="tr.id">
51+
{{tr.id}}
5752

58-
</vs-tr>
53+
<template slot="edit">
54+
<vs-slider :max="20" v-model="tr.id"/>
55+
</template>
56+
</vs-td>
57+
58+
</vs-tr>
59+
</template>
5960
</vs-table>
6061
</div>
6162
</template>
6263

6364
<script>
6465
export default {
6566
data:()=>({
67+
6668
users:[
6769
{
6870
"id": 1,
@@ -138,6 +140,3 @@ export default {
138140
}),
139141
}
140142
</script>
141-
142-
<style lang="stylus">
143-
</style>

‎docs/.vuepress/components/Demos/Table/Expandable.vue‎

Lines changed: 69 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,72 @@
11
<template lang="html">
22
<div>
3-
<vs-table>
3+
<vs-table
4+
:data="users">
5+
<template slot="header">
6+
<h3>
7+
Users
8+
</h3>
9+
</template>
410
<template slot="thead">
511
<vs-th>
6-
Date
12+
Email
713
</vs-th>
814
<vs-th>
915
Name
1016
</vs-th>
17+
<vs-th>
18+
Website
19+
</vs-th>
1120
<vs-th>
1221
Nro
1322
</vs-th>
1423
</template>
15-
<vs-tr :key="indextr" v-for="(tr, indextr) in dataTable" >
16-
<vs-td :key="indextd" v-for="(td, indextd) in tr" >
17-
{{td}}
18-
</vs-td>
1924

20-
<template v-if="indextr == 2" slot="expand">
21-
<p><b>Date:</b> {{ tr.date }}</p>
22-
<p><b>Name:</b> {{ tr.name }}</p>
23-
<p><b>Address:</b> {{ tr.address }}</p>
24-
</template>
25-
</vs-tr>
25+
<template slot-scope="{data}">
26+
<vs-tr :data="tr" :key="indextr" v-for="(tr, indextr) in data" >
27+
<vs-td :data="tr.email">
28+
{{tr.email}}
29+
</vs-td>
30+
31+
<vs-td :data="tr.username">
32+
{{tr.name}}
33+
</vs-td>
34+
35+
<vs-td :data="tr.website">
36+
{{tr.website}}
37+
</vs-td>
38+
39+
<vs-td :data="tr.id">
40+
{{tr.id}}
41+
</vs-td>
42+
43+
<template class="expand-user" slot="expand">
44+
<div class="con-expand-users">
45+
<div class="con-btns-user">
46+
<div class="con-userx">
47+
<vs-avatar :badge="tr.id" size="45px" :src="`https://randomuser.me/api/portraits/women/${indextr}.jpg`"/>
48+
<span>
49+
{{ tr.name }}
50+
</span>
51+
</div>
52+
53+
<div>
54+
<vs-button vs-type="border" vs-size="small" vs-icon="phone_in_talk"></vs-button>
55+
<vs-button vs-type="gradient" vs-size="small" vs-color="success" vs-icon="send"></vs-button>
56+
<vs-button vs-type="flat" vs-size="small" vs-color="danger" vs-icon="delete_sweep"></vs-button>
57+
</div>
58+
</div>
59+
<vs-list>
60+
<vs-list-item icon="mail" title="Email" :subtitle="tr.email"></vs-list-item>
61+
<vs-list-item icon="check" title="Website" :subtitle="tr.website"></vs-list-item>
62+
</vs-list>
63+
</div>
64+
</template>
65+
</vs-tr>
66+
</template>
2667
</vs-table>
68+
69+
<pre>{{ selected }}</pre>
2770
</div>
2871
</template>
2972

@@ -105,6 +148,19 @@ export default {
105148
})
106149
}
107150
</script>
108-
109151
<style lang="stylus">
152+
.con-expand-users
153+
.con-btns-user
154+
display flex
155+
padding 10px
156+
padding-bottom 0px
157+
align-items center
158+
justify-content space-between
159+
.con-userx
160+
display flex
161+
align-items center
162+
justify-content flex-start
163+
.list-icon
164+
i
165+
font-size .9rem !important
110166
</style>

‎docs/.vuepress/components/Demos/Table/Filter.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template lang="html">
22
<div>
3-
<vs-table search :data="users">
3+
<vs-table hoverFlat search :data="users">
44
<template slot="header">
55
<h3>
66
Users

‎docs/.vuepress/components/Demos/Table/Multiple.vue‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
<template lang="html">
22
<div>
33
<vs-table
4+
multiple
45
v-model="selected"
5-
@selected="handleSelected"
66
:data="users">
77
<template slot="header">
88
<h3>
@@ -16,6 +16,9 @@
1616
<vs-th>
1717
Name
1818
</vs-th>
19+
<vs-th>
20+
Website
21+
</vs-th>
1922
<vs-th>
2023
Nro
2124
</vs-th>
@@ -31,6 +34,10 @@
3134
{{data[indextr].username}}
3235
</vs-td>
3336

37+
<vs-td :data="data[indextr].website">
38+
{{data[indextr].id}}
39+
</vs-td>
40+
3441
<vs-td :data="data[indextr].id">
3542
{{data[indextr].id}}
3643
</vs-td>
@@ -118,14 +125,6 @@ export default {
118125
"website": "ambrose.net",
119126
}
120127
]
121-
}),
122-
methods:{
123-
handleSelected(tr) {
124-
this.$vs.notify({
125-
title:`Selected ${tr.username}`,
126-
text:`Email: ${tr.email}`
127-
})
128-
}
129-
}
128+
})
130129
}
131130
</script>

‎docs/.vuepress/components/Demos/Table/Pagination.vue‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template lang="html">
22
<div>
3-
<vs-table :data="users">
3+
<vs-table max-items="3" pagination :data="users">
44
<template slot="header">
55
<h3>
66
Users
@@ -13,6 +13,9 @@
1313
<vs-th>
1414
Name
1515
</vs-th>
16+
<vs-th>
17+
Website
18+
</vs-th>
1619
<vs-th>
1720
Nro
1821
</vs-th>
@@ -28,6 +31,10 @@
2831
{{data[indextr].username}}
2932
</vs-td>
3033

34+
<vs-td :data="data[indextr].id">
35+
{{data[indextr].website}}
36+
</vs-td>
37+
3138
<vs-td :data="data[indextr].id">
3239
{{data[indextr].id}}
3340
</vs-td>

‎docs/.vuepress/components/Demos/Table/Single.vue‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,9 @@
1616
<vs-th>
1717
Name
1818
</vs-th>
19+
<vs-th>
20+
Website
21+
</vs-th>
1922
<vs-th>
2023
Nro
2124
</vs-th>
@@ -31,6 +34,10 @@
3134
{{data[indextr].username}}
3235
</vs-td>
3336

37+
<vs-td :data="data[indextr].website">
38+
{{data[indextr].website}}
39+
</vs-td>
40+
3441
<vs-td :data="data[indextr].id">
3542
{{data[indextr].id}}
3643
</vs-td>

0 commit comments

Comments
 (0)