sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

refactor: view fixes and changes, update packages, add e2e sidebar tests

Browse Source
This commit is contained in:
woothu
2020-07-16 11:55:13 +02:00
parent 5a23cd1890
commit 8c14ca9331
11 changed files with 2719 additions and 1105 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/base/Collapses.vue
+79 -6
View File
@@ -40,17 +40,89 @@
</CCol>
<CCol col="12" md="6">
<CCard>
<CCardHeader
@click="cardCollapse = !cardCollapse"
class="btn text-left"
<CButton
@click="cardCollapse = !cardCollapse"
tag="button"
color="link"
block
class="text-left shadow-none card-header"
>
<strong>Collapsible card</strong>
</CCardHeader>
<h5 class="m-0">Collapsible card</h5>
</CButton>
<CCollapse :show="cardCollapse">
<CCardBody class="m-1">
{{text}}
</CCardBody>
</CCollapse>
</CCollapse>
</CCard>
</CCol>
<CCol xl="6">
<CCard>
<CCardHeader>
Collapse
<small> accordion</small>
</CCardHeader>
<CCardBody>
<div>
<CCard class="mb-0">
<CButton
block
color="link"
class="text-left shadow-none card-header"
@click="accordion = accordion === 0 ? false : 0"
>
<h5 class="m-0">Collapsible Group Item #1</h5>
</CButton>
<CCollapse :show="accordion === 0">
<CCardBody>
1. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non
cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven''t heard of them accusamus labore sustainable VHS.
</CCardBody>
</CCollapse>
</CCard>
<CCard class="mb-0">
<CButton
block
color="link"
class="text-left shadow-none card-header"
@click="accordion = accordion === 1 ? false : 1"
>
<h5 class="m-0">Collapsible Group Item #2</h5>
</CButton>
<CCollapse :show="accordion === 1">
<CCardBody>
2. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non
cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven''t heard of them accusamus labore sustainable VHS.
</CCardBody>
</CCollapse>
</CCard>
<CCard class="mb-0">
<CButton
block
color="link"
class="text-left shadow-none card-header"
@click="accordion = accordion === 2 ? false : 2"
>
<h5 class="m-0">Collapsible Group Item #3</h5>
</CButton>
<CCollapse :show="accordion === 2">
<CCardBody>
3. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non
cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
beer farm-to-table, raw denim aesthetic synth nesciunt you probably havent heard of them accusamus labore sustainable VHS.
</CCardBody>
</CCollapse>
</CCard>
</div>
</CCardBody>
</CCard>
</CCol>
</CRow>
@@ -64,6 +136,7 @@ export default {
collapse: false,
cardCollapse: true,
innerCollapse: false,
accordion: 0,
text: `
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor