Skip to content

Commit 403122d

Browse files
woothuwoothu
committed
refactor: template changes to implement new CCard syntax
1 parent 7e3646e commit 403122d

36 files changed

+2647
-2817
lines changed

‎src/views/Charts.vue

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,34 @@
11
<template>
22
<div class="animated fadeIn">
33
<CCardGroup columns class="card-columns">
4-
<CCard header="Line Chart">
4+
<CCard header="Line Chart" bodyWrapper>
55
<LineExample/>
66
</CCard>
7-
<CCard header="Bar Chart">
7+
<CCard header="Bar Chart" bodyWrapper>
88
<BarExample/>
99
</CCard>
10-
<CCard header="Doughnut Chart">
10+
<CCard header="Doughnut Chart" bodyWrapper>
1111
<DoughnutExample/>
1212
</CCard>
13-
<CCard header="Radar Chart">
13+
<CCard header="Radar Chart" bodyWrapper>
1414
<RadarExample/>
1515
</CCard>
16-
<CCard header="Pie Chart">
16+
<CCard header="Pie Chart" bodyWrapper>
1717
<PieExample/>
1818
</CCard>
19-
<CCard header="Polar Area Chart">
19+
<CCard header="Polar Area Chart" bodyWrapper>
2020
<PolarAreaExample/>
2121
</CCard>
22-
<CCard header="Simple line chart">
22+
<CCard header="Simple line chart" bodyWrapper>
2323
<CSimpleLineChart style="height:80px" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'
2424
label='Sales' borderColor='success'/>
2525
</CCard>
26-
<CCard header="Simple pointed chart">
26+
<CCard header="Simple pointed chart" bodyWrapper>
2727
<CSimplePointedChart class='px-3' :data='[65, 59, 84, 84, 51, 55, 40]'
2828
:labels="['January', 'February', 'March', 'April', 'May', 'June', 'July']"
2929
style='height:80px' label='Members' pointHoverColor='warning' borderColor='warning'/>
3030
</CCard>
31-
<CCard header="Simple bar chart">
31+
<CCard header="Simple bar chart" bodyWrapper>
3232
<CSimpleBarChart style="height:80px" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'
3333
label='Sales' color='danger'/>
3434
</CCard>

‎src/views/Dashboard.vue

Lines changed: 32 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,10 @@
77
<CDropdown class="float-right"
88
variant="transparent p-0"
99
right
10-
button-content="<i class='icon-settings'></i>"
10+
buttonContent="<i class='icon-settings'></i>"
1111
tag="div"
1212
>
13-
<!-- <template slot="button-content">
13+
<!-- <template slot="buttonContent">
1414
1515
</template> -->
1616
<CDropdownItem>Action</CDropdownItem>
@@ -31,10 +31,10 @@
3131
variant="transparent p-0"
3232
right
3333
no-caret
34-
button-content="<i class='icon-location-pin'></i>"
34+
buttonContent="<i class='icon-location-pin'></i>"
3535
tag="div"
3636
>
37-
<!-- <i slot="button-content"
37+
<!-- <i slot="buttonContent"
3838
class="icon-location-pin"
3939
></i> -->
4040
<CDropdownItem>Action</CDropdownItem>
@@ -58,7 +58,7 @@
5858
<CDropdown class="float-right"
5959
variant="transparent p-0"
6060
right
61-
button-content="<i class='icon-settings'></i>"
61+
buttonContent="<i class='icon-settings'></i>"
6262
tag="div"
6363
>
6464

@@ -80,9 +80,9 @@
8080
<CDropdown class="float-right"
8181
variant="transparent p-0"
8282
right
83-
button-content="<i class='icon-settings'></i>"
83+
buttonContent="<i class='icon-settings'></i>"
8484
>
85-
<!-- <template slot="button-content">
85+
<!-- <template slot="buttonContent">
8686
<i class="icon-settings"></i>
8787
</template> -->
8888
<CDropdownItem>Action</CDropdownItem>
@@ -98,28 +98,30 @@
9898
</CRow>
9999

100100
<CCard>
101-
<CRow>
102-
<CCol sm="5">
103-
<h4 id="traffic" class="card-title mb-0">Traffic</h4>
104-
<div class="small text-muted">November 2017</div>
105-
</CCol>
106-
<CCol sm="7" class="d-none d-md-block">
107-
<CButton variant="primary" class="float-right"><i class="icon-cloud-download"></i></CButton>
108-
<CButtonGroup class="float-right mr-3">
109-
<CButton variant="outline-secondary"
110-
v-for="(value, key) in ['Day', 'Month', 'Year']"
111-
:key="key"
112-
class="mx-0"
113-
:pressed="value === selected ? true : false"
114-
@click="selected = value"
115-
>
116-
{{value}}
117-
</CButton>
118-
</CButtonGroup>
119-
</CCol>
120-
</CRow>
121-
<MainChartExample style="height:300px;margin-top:40px;" height="300"></MainChartExample>
122-
<CCardFooter slot="footer">
101+
<CCardBody>
102+
<CRow>
103+
<CCol sm="5">
104+
<h4 id="traffic" class="card-title mb-0">Traffic</h4>
105+
<div class="small text-muted">November 2017</div>
106+
</CCol>
107+
<CCol sm="7" class="d-none d-md-block">
108+
<CButton variant="primary" class="float-right"><i class="icon-cloud-download"></i></CButton>
109+
<CButtonGroup class="float-right mr-3">
110+
<CButton variant="outline-secondary"
111+
v-for="(value, key) in ['Day', 'Month', 'Year']"
112+
:key="key"
113+
class="mx-0"
114+
:pressed="value === selected ? true : false"
115+
@click="selected = value"
116+
>
117+
{{value}}
118+
</CButton>
119+
</CButtonGroup>
120+
</CCol>
121+
</CRow>
122+
<MainChartExample style="height:300px;margin-top:40px;" height="300"></MainChartExample>
123+
</CCardBody>
124+
<CCardFooter>
123125
<CRow class="text-center">
124126
<CCol md sm="12" class="mb-sm-2 mb-0">
125127
<div class="text-muted">Visits</div>
@@ -181,7 +183,7 @@
181183
</CRow><!--/.row-->
182184
<CRow>
183185
<CCol md="12">
184-
<CCard header="Traffic &amp; Sales">
186+
<CCard header="Traffic &amp; Sales" bodyWrapper>
185187
<CRow>
186188
<CCol sm="12" lg="6">
187189
<CRow>

‎src/views/Widgets.vue

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -203,8 +203,8 @@
203203
<CCol sm="6" lg="3">
204204
<CWidget06 header="9.823" text="Members online">
205205
<template slot='dropdown'>
206-
<CDropdownclass="float-right" variant="transparent p-0" right>
207-
<template slot="button-content">
206+
<CDropdown class="float-right" variant="transparent p-0" right>
207+
<template slot="buttonContent">
208208
<i class="icon-settings"></i>
209209
</template>
210210
<CDropdownItem>Action</CDropdownItem>
@@ -220,8 +220,8 @@
220220
</CCol>
221221
<CCol sm="6" lg="3">
222222
<CWidget06 variant="info" header="9.823" text="Members online">
223-
<CDropdownslot="dropdown" class="float-right" variant="transparent p-0" right no-caret>
224-
<i slot="button-content"
223+
<CDropdown slot="dropdown" class="float-right" variant="transparent p-0" right no-caret>
224+
<i slot="buttonContent"
225225
class="icon-location-pin"
226226
></i>
227227
<CDropdownItem>Action</CDropdownItem>
@@ -242,8 +242,8 @@
242242
<CCol sm="6" lg="3">
243243
<CWidget06 variant="warning" header="9.823" text="Members online">
244244
<template slot='dropdown'>
245-
<CDropdownclass="float-right" variant="transparent p-0" right>
246-
<template slot="button-content">
245+
<CDropdown class="float-right" variant="transparent p-0" right>
246+
<template slot="buttonContent">
247247
<i class="icon-settings"></i>
248248
</template>
249249
<CDropdownItem>Action</CDropdownItem>
@@ -261,8 +261,8 @@
261261
<CCol sm="6" lg="3">
262262
<CWidget06 variant="danger" header="9.823" text="Members online">
263263
<template slot="dropdown">
264-
<CDropdownclass="float-right" variant="transparent p-0" right>
265-
<template slot="button-content">
264+
<CDropdown class="float-right" variant="transparent p-0" right>
265+
<template slot="buttonContent">
266266
<i class="icon-settings"></i>
267267
</template>
268268
<CDropdownItem>Action</CDropdownItem>

‎src/views/base/Breadcrumbs.vue

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,19 @@
44
<CRow>
55
<CCol cols>
66
<CCard>
7-
<CCardHeader slot="header">
7+
<CCardHeader>
88
<i class="fa fa-align-justify"></i><strong> Bootstrap Breadcrumb</strong>
99
<div class="card-header-actions">
1010
<a href="https://bootstrap-vue.js.org/docs/components/breadcrumb" class="card-header-action" rel="noreferrer noopener" target="_blank">
1111
<small class="text-muted">docs</small>
1212
</a>
1313
</div>
1414
</CCardHeader>
15-
<CBreadcrumb :items="items" addLinkClasses="sss" lastItemClasses="aaa"/>
16-
<CBreadcrumb :items="items2"/>
17-
<CBreadcrumb :items="items3"/>
15+
<CCardBody>
16+
<CBreadcrumb :items="items" addLinkClasses="sss" lastItemClasses="aaa"/>
17+
<CBreadcrumb :items="items2"/>
18+
<CBreadcrumb :items="items3"/>
19+
</CCardBody>
1820
</CCard>
1921
</CCol>
2022
</CRow>

0 commit comments

Comments
 (0)