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

refactor: small changes

Browse Source
This commit is contained in:
woothu
2019-07-08 11:26:05 +02:00
parent f4a35cffc2
commit 4e1fd70b45
9 changed files with 42 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/base/Carousels.vue
+6 -4
View File
@@ -23,18 +23,20 @@
arrows
indicators
animate
height="400px"
>
<CCarouselItem
caption="First Slide"
img-src="https://lorempixel.com/1024/480/technics/2/"
image="https://lorempixel.com/1024/480/technics/2/"
text="Nulla vitae elit libero, a pharetra augue mollis interdum."
/>
<CCarouselItem
active
img-src="https://lorempixel.com/1024/480/technics/4/"
caption="Blank page"
:image="{ blankColor: 'grey' }"
text="Nulla vitae elit libero, a pharetra augue mollis interdum."
/>
<CCarouselItem
img-src="https://lorempixel.com/1024/480/technics/8/"
image="https://lorempixel.com/1024/480/technics/8/"
/>
</CCarousel>
</CCardBody>
src/views/base/Forms.vue
+11 -22
View File
@@ -487,12 +487,12 @@
type="email"
placeholder="Email"
autocomplete="email"
appendHtml="<i class='cui-envelope-open'></i>"
append-html="<i class='cui-envelope-open'></i>"
/>
<CFormInput
prependHtml="<i class='cui-euro'></i>"
placeholder="ex. $1.000.000"
appendHtml=".00"
append-html=".00"
/>
</CCardBody>
<CCardFooter>
@@ -529,10 +529,10 @@
autocomplete="email"
>
<template #prepend>
<CButton variant="primary"><i class="fa fa-facebook"></i></CButton>
<CButton variant="primary"><CIcon name="facebook" height="14"/></CButton>
</template>
<template #append>
<CButton variant="primary"><i class="fa fa-twitter"></i></CButton>
<CButton variant="primary"><CIcon name="twitter" height="14"/></CButton>
</template>
</CFormInput>
</CCardBody>
@@ -684,19 +684,19 @@
<CForm>
<CFormInput
prepend-html="Username"
appendHtml="<i class='cui-user'></i>"
append-html="<i class='cui-user'></i>"
/>
<CFormInput
prepend-html="Email"
type="email"
autocomplete="email"
appendHtml="<i class='cui-envelope-closed'></i>"
append-html="<i class='cui-envelope-closed'></i>"
/>
<CFormInput
prepend-html="Password"
type="password"
autocomplete="current-password"
appendHtml="<i class='fa fa-asterisk'></i>"
append-html="<i class='cui-shield'></i>"
/>
<div class="c-form-group c-form-actions">
<CButton type="submit" size="sm" variant="primary">
@@ -716,19 +716,19 @@
<CForm>
<CFormInput
placeholder="Username"
appendHtml="<i class='cui-user'></i>"
append-html="<i class='cui-user'></i>"
/>
<CFormInput
placeholder="Email"
type="email"
autocomplete="email"
appendHtml="<i class='cui-envelope-closed'></i>"
append-html="<i class='cui-envelope-closed'></i>"
/>
<CFormInput
placeholder="Password"
type="password"
autocomplete="current-password"
appendHtml="<i class='fa fa-asterisk'></i>"
append-html="<i class='cui-shield'></i>"
/>
<div class="c-form-group c-form-actions">
<CButton type="submit" class="c-btn c-btn-sm c-btn-secondary">
@@ -760,7 +760,7 @@
placeholder="Password"
type="password"
autocomplete="current-password"
prependHtml="<i class='fa fa-asterisk'></i>"
prependHtml="<i class='cui-shield'></i>"
/>
<div class="c-form-group c-form-actions">
<CButton type="submit" size="sm" variant="success">
@@ -847,14 +847,6 @@ export default {
return {
selected: [], // Must be an array reference!
show: true,
id: 'sdfjosdf22',
cInput: '',
smh: 'shnsad',
trueValue:'someTrueValue',
falseValue:'someFalseValue',
checks: ['someTrueValue','hehehe2','',1,1,1,1,1,1,1,1,1,1,1,1],
isValid: '',
testkkk: 2,
horizontal: { label:'col-3', input:'col-9' },
options: ['Option 1', 'Option 2', 'Option 3'],
selectOptions: [
@@ -869,9 +861,6 @@ export default {
'Radios - custom', 'Inline Radios - custom']
}
},
updated () {
console.log('parent updated')
},
methods: {
validator (val) {
return val ? val.length >= 4 : false
src/views/base/Navbars.vue
+6 -5
View File
@@ -43,7 +43,6 @@
<CCardBody>
<CNavbar
toggleable="md"
type="dark"
variant="info"
sticky
>
@@ -63,7 +62,9 @@
placeholder="Search"
size="sm"
/>
<CButton size="sm" class="c-my-2 c-my-sm-0" type="submit">Search</CButton>
<CButton variant="light" size="sm" class="c-my-2 c-my-sm-0">
Search
</CButton>
</CForm>
<CDropdown
@@ -128,7 +129,7 @@
<small>dropdown</small>
</CCardHeader>
<CCardBody>
<CNavbar type="dark" variant="primary">
<CNavbar>
<!-- <CNavbarToggle @click="navbarDropdown = !navbarDropdown"></CNavbarToggle>
<CCollapse :show="navbarDropdown" navbar> -->
<CNavbarNav>
@@ -164,7 +165,7 @@
<small>form</small>
</CCardHeader>
<CCardBody>
<CNavbar type="light" variant="light">
<CNavbar light variant="light">
<CForm inline>
<CFormInput
class="c-mr-sm-2"
@@ -182,7 +183,7 @@
<small>input group</small>
</CCardHeader>
<CCardBody>
<CNavbar type="light" variant="light">
<CNavbar light variant="light">
<CForm inline>
<CFormInput
class="c-mr-sm-2"
src/views/base/Paginations.vue
+3 -1
View File
@@ -4,7 +4,7 @@
<CCard>
<CCardHeader>
<i class="fa fa-align-justify"></i>
<strong> Bootstrap Pagination</strong>
<strong> Responsive bootstrap Pagination</strong>
<!-- <div class="c-card-header-actions">
<a href="https://bootstrap-vue.js.org/docs/components/pagination" class="c-card-header-action" rel="noreferrer noopener" target="_blank">
<small class="c-text-muted">docs</small>
@@ -16,6 +16,7 @@
<CPagination
:active-page.sync="currentPage"
:pages="10"
responsive
/>
<br>
@@ -32,6 +33,7 @@
size="lg"
:active-page.sync="currentPage"
:pages="10"
responsive
/>
<br>
</div>
src/views/base/Tabs.vue
+4 -7
View File
@@ -7,7 +7,7 @@
Tabs
</CCardHeader>
<CCardBody>
<CTabs add-tab-classes="c-mt-1">
<CTabs>
<CTab title-html="Home" active>
1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
@@ -39,10 +39,7 @@
Tabs
</CCardHeader>
<CCardBody>
<CTabs
pills
add-nav-classes="c-mb-3"
>
<CTabs pills>
<CTab title-html="Home" active>
1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
@@ -74,7 +71,7 @@
Tabs with icons
</CCardHeader>
<CCardBody>
<CTabs add-tab-classes="c-mt-1">
<CTabs>
<CTab active>
<template slot="title">
<i class="cui-calculator"></i>
@@ -156,7 +153,7 @@
Tabs vertical
</CCardHeader>
<CCardBody>
<CTabs pills vertical="4">
<CTabs pills vertical add-tabs-wrapper-classes="c-pl-3">
<CTab active>
<template slot="title">
<i class="cui-calculator"></i> {{tabs[0]}}