Skip to content

Commit

Permalink
Feature/card component
Browse files Browse the repository at this point in the history
  • Loading branch information
@Eugenizer
Eugenizer authored Mar 26, 2019
2 parents 409acfa + d303e90 commit 90de468
Show file tree
Hide file tree
Showing 52 changed files with 892 additions and 803 deletions.
4 changes: 2 additions & 2 deletions src/components/admin/app-breadcrumbs/AppBreadcrumbs.vue
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
<template>
<div class="va-row">
<div class="flex md12 xs12">
<vuestic-widget class="no-padding no-v-padding">
<va-card no-padding-v>
<vuestic-breadcrumbs
:breadcrumbs="breadcrumbs"
:currentRouteName="currentRouteName"
/>
</vuestic-widget>
</va-card>
</div>
</div>
</template>
Expand Down
16 changes: 8 additions & 8 deletions src/components/dashboard/Dashboard.vue
View file
Original file line number Diff line number Diff line change
@@ -1,28 +1,28 @@
<template>
<div class="dashboard">

<dashboard-info-widgets></dashboard-info-widgets>
<dashboard-info-widgets />

<vuestic-widget class="no-padding no-v-padding">
<va-card no-padding>
<vuestic-tabs
:names="[$t('dashboard.dataVisualization'), $t('dashboard.usersAndMembers'), $t('dashboard.setupProfile'), $t('dashboard.features')]"
ref="tabs">
<div :slot="$t('dashboard.dataVisualization')">
<data-visualisation-tab></data-visualisation-tab>
<data-visualisation-tab />
</div>
<div :slot="$t('dashboard.usersAndMembers')">
<users-members-tab></users-members-tab>
<users-members-tab />
</div>
<div :slot="$t('dashboard.setupProfile')">
<setup-profile-tab></setup-profile-tab>
<setup-profile-tab />
</div>
<div :slot="$t('dashboard.features')">
<features-tab></features-tab>
<features-tab />
</div>
</vuestic-tabs>
</vuestic-widget>
</va-card>

<dashboard-bottom-widgets></dashboard-bottom-widgets>
<dashboard-bottom-widgets />

</div>
</template>
Expand Down
10 changes: 5 additions & 5 deletions src/components/dashboard/DashboardBottomWidgets.vue
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
<template>
<div class="va-row dashboard-bottom-widgets">
<div class="flex md6 xs12">
<vuestic-widget class="no-h-padding no-v-padding">
<vuestic-feed :initialPosts="posts"></vuestic-feed>
</vuestic-widget>
<va-card no-padding>
<vuestic-feed :initialPosts="posts" />
</va-card>
</div>
<div class="flex md6 xs12">
<vuestic-widget class="business-posts">
<va-card class="business-posts">
<vuestic-social-news
class="vuestic-social-news" :news="news"
:url="'http://instagram.com/smartapant'"
/>
</vuestic-widget>
</va-card>
</div>
</div>
</template>
Expand Down
16 changes: 8 additions & 8 deletions src/components/dashboard/DashboardInfoWidgets.vue
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<div class="va-row dashboard-info-widgets">
<div class="flex md6 xl3 xs12">
<vuestic-widget class="info-widget">
<va-card class="info-widget" stripe="success">
<div class="info-widget-inner flex-center">
<div class="stats fill-height flex-center">
<div class="stats-number mb-2 flex-center">
Expand All @@ -11,10 +11,10 @@
<div class="stats-title">{{'dashboard.elements' | translate}}</div>
</div>
</div>
</vuestic-widget>
</va-card>
</div>
<div class="flex md6 xl3 xs12">
<vuestic-widget class="info-widget">
<va-card class="info-widget" stripe="success">
<div class="info-widget-inner flex-center">
<div class="stats fill-height flex-center">
<div class="stats-number mb-2 flex-center">
Expand All @@ -24,10 +24,10 @@
<div class="stats-title">{{'dashboard.versions' | translate}}</div>
</div>
</div>
</vuestic-widget>
</va-card>
</div>
<div class="flex md6 xl3 xs12">
<vuestic-widget class="info-widget brand-danger">
<va-card class="info-widget brand-danger">
<div class="info-widget-inner d-flex justify--space-between align--center">
<div class="stats fill-height d-flex align--center">
<div class="stats-number mb-2 flex-center">
Expand All @@ -41,10 +41,10 @@
</va-progress-circle>
</div>
</div>
</vuestic-widget>
</va-card>
</div>
<div class="flex md6 xl3 xs12">
<vuestic-widget class="info-widget brand-info">
<va-card class="info-widget brand-info">
<div class="info-widget-inner flex-center">
<div class="stats fill-height flex-center">
<div class="stats-number mb-2 flex-center">
Expand All @@ -55,7 +55,7 @@
</div>
</div>
</div>
</vuestic-widget>
</va-card>
</div>
</div>
</template>
Expand Down
31 changes: 16 additions & 15 deletions src/components/extra/Extra.vue
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
<template>
<div class="extra">
<vuestic-widget :headerText="'extra.tabs.title' | translate"
class="no-v-padding">
<va-card :title="$t('extra.tabs.title')">
<vuestic-tabs class="tabs mt-2"
:names="[$t('extra.tabs.maps'), $t('extra.tabs.setupProfile'), $t('extra.tabs.overview')]">
<div :slot="'extra.tabs.overview' | translate"
Expand All @@ -16,38 +15,40 @@
<setup-profile-tab wizardType="simple"></setup-profile-tab>
</div>
</vuestic-tabs>
</vuestic-widget>
</va-card>

<div class="va-row">
<div class="flex md4">
<vuestic-widget :headerText="$t('extra.profileCard')"
class="profile-card-widget">
<va-card :title="$t('extra.profileCard')"
class="profile-card-widget">
<vuestic-profile-card :name="'Veronique Lee'"
:location="'Malaga, Spain'"
photoSource="https://i.imgur.com/NLrdqsk.png"
:social="{twitter: 'twitter.com', facebook: 'facebook.com',
instagram: 'instagram.com'}">
</vuestic-profile-card>
</vuestic-widget>
</va-card>
</div>
<div class="flex md8">
<vuestic-widget :headerText="$t('extra.chat')" class="chat-widget">
<va-card :title="$t('extra.chat')" class="chat-widget">
<vuestic-chat v-model="chatMessages"></vuestic-chat>
</vuestic-widget>
</va-card>
</div>
</div>

<div class="va-row bottom-widgets">
<div class="flex md6">
<vuestic-widget class="no-h-padding no-v-padding">
<vuestic-feed :initialPosts="posts"></vuestic-feed>
</vuestic-widget>
<va-card no-padding>
<vuestic-feed :initialPosts="posts" />
</va-card>
</div>
<div class="flex md6">
<vuestic-widget class="business-posts">
<vuestic-social-news :news="news"
:url="'https://instagram.com/smartapant'"></vuestic-social-news>
</vuestic-widget>
<va-card class="business-posts">
<vuestic-social-news
:news="news"
:url="'https://instagram.com/smartapant'"
/>
</va-card>
</div>
</div>
</div>
Expand Down
16 changes: 8 additions & 8 deletions src/components/forms/form-elements/FormElements.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<div class="form-elements">
<div class="va-row">
<div class="flex md12">
<vuestic-widget :headerText="'forms.inputs.title' | translate">
<va-card :title="'forms.inputs.title' | translate">
<form>

<div class="va-row">
Expand Down Expand Up @@ -128,13 +128,13 @@
</div>

</form>
</vuestic-widget>
</va-card>
</div>
</div>

<div class="va-row">
<div class="flex md12">
<vuestic-widget :headerText="$t('forms.dateTimePicker.title')">
<va-card :title="$t('forms.dateTimePicker.title')">
<form>
<div class="va-row">
<div class="flex md4">
Expand Down Expand Up @@ -239,13 +239,13 @@
</div>
</div>
</form>
</vuestic-widget>
</va-card>
</div>
</div>

<div class="va-row">
<div class="flex md12">
<vuestic-widget :headerText="'forms.selects.title' | translate">
<va-card :title="$t('forms.selects.title')">
<form>
<div class="va-row">
<div class="flex md4">
Expand Down Expand Up @@ -280,13 +280,13 @@
</div>
</div>
</form>
</vuestic-widget>
</va-card>
</div>
</div>

<div class="va-row">
<div class="flex md12">
<vuestic-widget :headerText="'forms.controls.title' | translate">
<va-card :title="$t('forms.controls.title')">
<form>
<div class="va-row">
<div class="flex md3">
Expand Down Expand Up @@ -361,7 +361,7 @@
</div>
</div>
</form>
</vuestic-widget>
</va-card>
</div>
</div>
</div>
Expand Down
28 changes: 17 additions & 11 deletions src/components/forms/form-wizard/FormWizard.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,10 @@
<div class="form-wizard">
<div class="va-row">
<div class="flex md12">
<vuestic-widget class="no-h-padding"
:headerText="$t('forms.wizard.simple')">
<va-card
:title="$t('forms.wizard.simple')"
no-padding
>
<vuestic-wizard
:steps="hsSteps">
<div slot="page1" class="form-wizard-tab-content">
Expand Down Expand Up @@ -75,14 +77,16 @@
</p>
</div>
</vuestic-wizard>
</vuestic-widget>
</va-card>
</div>
</div>

<div class="va-row">
<div class="flex md12">
<vuestic-widget class="no-h-padding"
:headerText="$t('forms.wizard.rich')">
<va-card
class="no-h-padding"
:title="$t('forms.wizard.rich')"
>
<vuestic-wizard
:steps="hrSteps"
wizard-type="rich">
Expand Down Expand Up @@ -155,13 +159,13 @@
</p>
</div>
</vuestic-wizard>
</vuestic-widget>
</va-card>
</div>
</div>

<div class="va-row">
<div class="flex md12">
<vuestic-widget :headerText="$t('forms.wizard.verticalRich')">
<va-card :title="$t('forms.wizard.verticalRich')">
<vuestic-wizard
:steps="vrSteps"
wizard-layout="vertical"
Expand Down Expand Up @@ -235,14 +239,16 @@
</p>
</div>
</vuestic-wizard>
</vuestic-widget>
</va-card>
</div>
</div>

<div class="va-row">
<div class="flex md12">
<vuestic-widget class="simple-vertical-wizard-widget"
:headerText="$t('forms.wizard.verticalSimple')">
<va-card
class="simple-vertical-wizard-widget"
:title="$t('forms.wizard.verticalSimple')"
>
<vuestic-wizard
:steps="vsSteps"
wizard-layout="vertical"
Expand Down Expand Up @@ -316,7 +322,7 @@
</div>
</div>
</vuestic-wizard>
</vuestic-widget>
</va-card>
</div>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions src/components/forms/medium-editor/MediumEditor.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<div class="medium-editor">
<div class="va-row">
<div class="flex md12">
<vuestic-widget :headerText="'forms.mediumEditor.title' | translate">
<va-card :title="$t('forms.mediumEditor.title')">
<vuestic-medium-editor @initialized="handleEditorInitialization"
:editor-options="editorOptions">
<h1>Girl, no you don’t</h1>
Expand Down Expand Up @@ -85,7 +85,7 @@
href="https://medium.com/@dorn.anna/girl-no-you-dont-2e21e826c62c">Medium</a>
</p>
</vuestic-medium-editor>
</vuestic-widget>
</va-card>
</div>
</div>
</div>
Expand Down
8 changes: 4 additions & 4 deletions src/components/maps/bubble-maps/BubbleMapsPage.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,12 @@
<div class="bubble-maps-page">
<div class="va-row">
<div class="flex md12 xs12">
<vuestic-widget
<va-card
class="bubble-maps-page__widget"
headerText="Bubble Maps"
title="Bubble Maps"
>
<bubble-map v-bind:map-data="bubbleMapData"/>
</vuestic-widget>
</va-card>
</div>
</div>
</div>
Expand All @@ -33,7 +33,7 @@ export default {
<style lang="scss">
.bubble-maps-page {
&__widget {
.vuestic-widget-body {
.va-card__body {
height: 65vh;
}
}
Expand Down
Loading

0 comments on commit 90de468

Please sign in to comment.