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

feat: copy features from pro template

Browse Source
This commit is contained in:
woothu
2020-02-24 16:42:33 +01:00
parent c68263b85f
commit 7e9d384af2
21 changed files with 1511 additions and 1658 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/containers/TheContainer.vue
+2 -2
View File
@@ -1,7 +1,7 @@
<template>
<div class="c-app">
<TheSidebar/>
<div class="c-wrapper c-fixed-components">
<CWrapper>
<TheHeader/>
<div class="c-body">
<main class="c-main">
@@ -13,7 +13,7 @@
</main>
<TheFooter/>
</div>
</div>
</CWrapper>
</div>
</template>
src/containers/TheFooter.vue
+1 -1
View File
@@ -2,7 +2,7 @@
<CFooter :fixed="false">
<div>
<a href="https://coreui.io" target="_blank">CoreUI</a>
<span class="ml-1">&copy; 2020 creativeLabs.</span>
<span class="ml-1">&copy; {{new Date().getFullYear()}} creativeLabs.</span>
</div>
<div class="ml-auto">
<span class="mr-1">Powered by</span>
src/containers/_nav.js
+29 -59
View File
@@ -40,83 +40,67 @@ export default [
items: [
{
name: 'Breadcrumbs',
to: '/base/breadcrumbs',
icon: 'cil-puzzle'
to: '/base/breadcrumbs'
},
{
name: 'Cards',
to: '/base/cards',
icon: 'cil-puzzle'
to: '/base/cards'
},
{
name: 'Carousels',
to: '/base/carousels',
icon: 'cil-puzzle'
to: '/base/carousels'
},
{
name: 'Collapses',
to: '/base/collapses',
icon: 'cil-puzzle'
to: '/base/collapses'
},
{
name: 'Forms',
to: '/base/forms',
icon: 'cil-puzzle'
to: '/base/forms'
},
{
name: 'Jumbotrons',
to: '/base/jumbotrons',
icon: 'cil-puzzle'
to: '/base/jumbotrons'
},
{
name: 'List Groups',
to: '/base/list-groups',
icon: 'cil-puzzle'
to: '/base/list-groups'
},
{
name: 'Navs',
to: '/base/navs',
icon: 'cil-puzzle'
to: '/base/navs'
},
{
name: 'Navbars',
to: '/base/navbars',
icon: 'cil-puzzle'
to: '/base/navbars'
},
{
name: 'Paginations',
to: '/base/paginations',
icon: 'cil-puzzle'
to: '/base/paginations'
},
{
name: 'Popovers',
to: '/base/popovers',
icon: 'cil-puzzle'
to: '/base/popovers'
},
{
name: 'Progress Bars',
to: '/base/progress-bars',
icon: 'cil-puzzle'
to: '/base/progress-bars'
},
{
name: 'Switches',
to: '/base/switches',
icon: 'cil-puzzle'
to: '/base/switches'
},
{
name: 'Tables',
to: '/base/tables',
icon: 'cil-puzzle'
to: '/base/tables'
},
{
name: 'Tabs',
to: '/base/tabs',
icon: 'cil-puzzle'
to: '/base/tabs'
},
{
name: 'Tooltips',
to: '/base/tooltips',
icon: 'cil-puzzle'
to: '/base/tooltips'
}
]
},
@@ -128,23 +112,19 @@ export default [
items: [
{
name: 'Buttons',
to: '/buttons/standard-buttons',
icon: 'cil-cursor'
to: '/buttons/standard-buttons'
},
{
name: 'Button Dropdowns',
to: '/buttons/dropdowns',
icon: 'cil-cursor'
to: '/buttons/dropdowns'
},
{
name: 'Button Groups',
to: '/buttons/button-groups',
icon: 'cil-cursor'
to: '/buttons/button-groups'
},
{
name: 'Brand Buttons',
to: '/buttons/brand-buttons',
icon: 'cil-cursor'
to: '/buttons/brand-buttons'
}
]
},
@@ -163,7 +143,6 @@ export default [
{
name: 'CoreUI Icons',
to: '/icons/coreui-icons',
icon: 'cil-star',
badge: {
color: 'info',
text: 'NEW'
@@ -171,13 +150,11 @@ export default [
},
{
name: 'Brands',
to: '/icons/brands',
icon: 'cil-star'
to: '/icons/brands'
},
{
name: 'Flags',
to: '/icons/flags',
icon: 'cil-star'
to: '/icons/flags'
}
]
},
@@ -189,18 +166,15 @@ export default [
items: [
{
name: 'Alerts',
to: '/notifications/alerts',
icon: 'cil-bell'
to: '/notifications/alerts'
},
{
name: 'Badges',
to: '/notifications/badges',
icon: 'cil-bell'
to: '/notifications/badges'
},
{
name: 'Modals',
to: '/notifications/modals',
icon: 'cil-bell'
to: '/notifications/modals'
}
]
},
@@ -231,23 +205,19 @@ export default [
items: [
{
name: 'Login',
to: '/pages/login',
icon: 'cil-star'
to: '/pages/login'
},
{
name: 'Register',
to: '/pages/register',
icon: 'cil-star'
to: '/pages/register'
},
{
name: 'Error 404',
to: '/pages/404',
icon: 'cil-star'
to: '/pages/404'
},
{
name: 'Error 500',
to: '/pages/500',
icon: 'cil-star'
to: '/pages/500'
}
]
},
src/main.js
+1 -1
View File
@@ -2,7 +2,7 @@ import 'core-js/stable'
import Vue from 'vue'
import App from './App'
import router from './router'
import CoreuiVue from '@coreui/vue/src'
import CoreuiVue from '@coreui/vue'
import { iconsSet as icons } from './assets/icons/icons.js'
import store from './store'
src/views/base/Collapses.vue
+11
View File
@@ -37,6 +37,16 @@
</CCollapse>
</CCardBody>
</CCard>
<CCard>
<CCardHeader @click.native="cardCollapse = !cardCollapse">
<strong>Collapsible card</strong>
</CCardHeader>
<CCardBody>
<CCollapse :show="cardCollapse" class="mt-2">
<CCardText>Collapse contents Here</CCardText>
</CCollapse>
</CCardBody>
</CCard>
</CCol>
</CRow>
</template>
@@ -47,6 +57,7 @@ export default {
data () {
return {
collapse: false,
cardCollapse: true,
innerCollapse: false,
text: `
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
src/views/base/Paginations.vue
+4 -3
View File
@@ -3,7 +3,8 @@
<CCard>
<CCardHeader>
<CIcon name="cil-justify-center"/>
<strong> Responsive bootstrap Pagination</strong>
<strong> Pagination </strong>
<small>size</small>
<div class="card-header-actions">
<a
href="https://coreui.io/vue/docs/components/pagination"
@@ -31,7 +32,7 @@
:pages="10"/>
<br>
<div>
<div class="d-md-down-none">
<h6>Large</h6>
<CPagination
size="lg"
@@ -86,7 +87,7 @@ export default {
name: 'Paginations',
data () {
return {
currentPage: 3,
currentPage: 3
}
}
}
src/views/charts/MainChartExample.vue
+4 -4
View File
@@ -8,7 +8,7 @@
<script>
import { CChartLine } from '@coreui/vue-chartjs'
import { getColor, hexToRgba } from '@coreui/utils/src'
import { getStyle, hexToRgba } from '@coreui/utils/src'
function random (min, max) {
return Math.floor(Math.random() * (max - min + 1) + min)
@@ -21,9 +21,9 @@ export default {
},
computed: {
defaultDatasets () {
const brandSuccess = getColor('success') || '#4dbd74'
const brandInfo = getColor('info') || '#20a8d8'
const brandDanger = getColor('danger') || '#f86c6b'
const brandSuccess = getStyle('success2') || '#4dbd74'
const brandInfo = getStyle('info') || '#20a8d8'
const brandDanger = getStyle('danger') || '#f86c6b'
let elements = 27
const data1 = []
src/views/pages/Login.vue
+6 -6
View File
@@ -1,7 +1,7 @@
<template>
<CContainer class="d-flex align-items-center min-vh-100">
<CRow class="justify-content-center">
<CCol md="8">
<CContainer class="d-flex content-center min-vh-100">
<CRow>
<CCol>
<CCardGroup>
<CCard class="p-4">
<CCardBody>
@@ -22,11 +22,12 @@
<template #prepend-content><CIcon name="cil-lock-locked"/></template>
</CInput>
<CRow>
<CCol col="6">
<CCol col="6" class="text-left">
<CButton color="primary" class="px-4">Login</CButton>
</CCol>
<CCol col="6" class="text-right">
<CButton color="link" class="px-0">Forgot password?</CButton>
<CButton color="link" class="d-md-none">Register now!</CButton>
</CCol>
</CRow>
</CForm>
@@ -35,8 +36,7 @@
<CCard
color="primary"
text-color="white"
class="text-center py-5 d-md-down-none"
style="width:44%"
class="text-center py-5 d-sm-down-none"
body-wrapper
>
<h2>Sign up</h2>
src/views/pages/Register.vue
+57 -55
View File
@@ -1,59 +1,61 @@
<template>
<CContainer class="min-vh-100 d-flex align-items-center">
<CRow class="w-100 justify-content-center">
<CCol md="6" sm="8">
<CCard class="mx-4 mb-0">
<CCardBody class="p-4">
<CForm>
<h1>Register</h1>
<p class="text-muted">Create your account</p>
<CInput
placeholder="Username"
autocomplete="username"
>
<template #prepend-content><CIcon name="cil-user"/></template>
</CInput>
<CInput
placeholder="Email"
autocomplete="email"
prepend="@"
/>
<CInput
placeholder="Password"
type="password"
autocomplete="new-password"
>
<template #prepend-content><CIcon name="cil-lock-locked"/></template>
</CInput>
<CInput
placeholder="Repeat password"
type="password"
autocomplete="new-password"
class="mb-4"
>
<template #prepend-content><CIcon name="cil-lock-locked"/></template>
</CInput>
<CButton color="success" block>Create Account</CButton>
</CForm>
</CCardBody>
<CCardFooter class="p-4">
<CRow>
<CCol col="6">
<CButton block color="facebook">
Facebook
</CButton>
</CCol>
<CCol col="6">
<CButton block color="twitter">
Twitter
</CButton>
</CCol>
</CRow>
</CCardFooter>
</CCard>
</CCol>
</CRow>
</CContainer>
<div class="d-flex align-items-center min-vh-100">
<CContainer fluid>
<CRow class="justify-content-center">
<CCol md="6">
<CCard class="mx-4 mb-0">
<CCardBody class="p-4">
<CForm>
<h1>Register</h1>
<p class="text-muted">Create your account</p>
<CInput
placeholder="Username"
autocomplete="username"
>
<template #prepend-content><CIcon name="cil-user"/></template>
</CInput>
<CInput
placeholder="Email"
autocomplete="email"
prepend="@"
/>
<CInput
placeholder="Password"
type="password"
autocomplete="new-password"
>
<template #prepend-content><CIcon name="cil-lock-locked"/></template>
</CInput>
<CInput
placeholder="Repeat password"
type="password"
autocomplete="new-password"
class="mb-4"
>
<template #prepend-content><CIcon name="cil-lock-locked"/></template>
</CInput>
<CButton color="success" block>Create Account</CButton>
</CForm>
</CCardBody>
<CCardFooter class="p-4">
<CRow>
<CCol col="6">
<CButton block color="facebook">
Facebook
</CButton>
</CCol>
<CCol col="6">
<CButton block color="twitter">
Twitter
</CButton>
</CCol>
</CRow>
</CCardFooter>
</CCard>
</CCol>
</CRow>
</CContainer>
</div>
</template>
<script>
src/views/users/User.vue
+4 -5
View File
@@ -29,11 +29,7 @@ export default {
computed: {
fields () {
return [
{
key: 'key',
label: this.userData.filter(param => param.key === 'username')[0].value,
_style: 'width:150px'
},
{ key: 'key', label: this.username, _style: 'width:150px'},
{ key: 'value', label: '', _style: 'width:150px;' }
]
},
@@ -45,6 +41,9 @@ export default {
},
visibleData () {
return this.userData.filter(param => param.key !== 'username')
},
username () {
return this.userData.filter(param => param.key === 'username')[0].value
}
},
methods: {