fix(theme): replace title with cardTitle for the card component (#1064)

This commit is contained in:
Venkatraman 2017-07-08 08:55:00 -05:00 committed by Lex Zhukov
parent a75cf58315
commit d23dc3da98
21 changed files with 59 additions and 59 deletions

View file

@ -1,7 +1,7 @@
<section class="chartist">
<div class="row">
<div class="col-md-6 ">
<ba-card title="chart.lines" baCardClass="with-scroll">
<ba-card cardTitle="chart.lines" baCardClass="with-scroll">
<h5 translate>{{'chart.simple_line_chart'}}</h5>
<ba-chartist-chart baChartistChartClass="ct-chart"
baChartistChartType="Line"
@ -26,7 +26,7 @@
</div>
<div class="col-md-6 ">
<ba-card title="chart.bars" baCardClass="with-scroll">
<ba-card cardTitle="chart.bars" baCardClass="with-scroll">
<h5 translate>{{'chart.simple_bar_chart'}}</h5>
<ba-chartist-chart baChartistChartClass="ct-chart"
baChartistChartType="Bar"
@ -54,7 +54,7 @@
<div class="row">
<div class="col-md-12">
<ba-card title="chart.pies_and_donuts" baCardClass="with-scroll">
<ba-card cardTitle="chart.pies_and_donuts" baCardClass="with-scroll">
<div class="row">
<div class="col-md-12 col-lg-4"><h5 translate>{{'chart.simple_pie'}}</h5>
<ba-chartist-chart baChartistChartClass="ct-chart stacked-bar"

View file

@ -1,5 +1,5 @@
<div class="col-md-6">
<ba-card title="tree_view.title">
<ba-card cardTitle="tree_view.title">
<tree id="tree-view" [tree]="tree"></tree>
</ba-card>
</div>

View file

@ -6,12 +6,12 @@
<div class="row">
<ba-card class="col-xlg-6 col-xl-6 col-lg-12 col-sm-12 col-12"
title="dashboard.acquisition_channels" baCardClass="traffic-panel medium-card">
cardTitle="dashboard.acquisition_channels" baCardClass="traffic-panel medium-card">
<traffic-chart></traffic-chart>
</ba-card>
<ba-card class="col-xlg-6 col-xl-6 col-lg-12 col-sm-12 col-12"
title="dashboard.users_by_country" baCardClass="medium-card">
cardTitle="dashboard.users_by_country" baCardClass="medium-card">
<users-map></users-map>
</ba-card>
</div>
@ -20,7 +20,7 @@
<div class="col-xlg-9 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
<div class="row">
<ba-card class="col-xlg-8 col-xl-12 col-lg-12 col-md-7 col-sm-12 col-12"
title="dashboard.revenue" baCardClass="medium-card">
cardTitle="dashboard.revenue" baCardClass="medium-card">
<line-chart></line-chart>
</ba-card>
<ba-card class="col-xlg-4 col-xl-12 col-lg-12 col-md-5 col-sm-12 col-12"
@ -31,7 +31,7 @@
</div>
<div class="col-xlg-3 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
<ba-card title="dashboard.feed"
<ba-card cardTitle="dashboard.feed"
baCardClass="large-card with-scroll feed-panel">
<feed></feed>
</ba-card>
@ -40,11 +40,11 @@
</div>
<div class="row shift-up">
<ba-card class="col-xlg-3 col-lg-6 col-md-12 col-sm-12 col-12" title="dashboard.todo_list"
<ba-card class="col-xlg-3 col-lg-6 col-md-12 col-sm-12 col-12" cardTitle="dashboard.todo_list"
baCardClass="xmedium-card feed-comply-panel with-scroll todo-panel">
<todo></todo>
</ba-card>
<ba-card class="col-xlg-6 col-lg-6 col-md-12 col-sm-12 col-12" title="dashboard.calendar"
<ba-card class="col-xlg-6 col-lg-6 col-md-12 col-sm-12 col-12" cardTitle="dashboard.calendar"
baCardClass="xmedium-card feed-comply-panel with-scroll calendar-panel">
<calendar></calendar>
</ba-card>

View file

@ -1,6 +1,6 @@
<div class="row">
<div class="col-md-12">
<ba-card title="ckeditor" baCardClass="with-scroll">
<ba-card cardTitle="ckeditor" baCardClass="with-scroll">
<ckeditor [(ngModel)]="ckeditorContent" [config]="config"></ckeditor>
</ba-card>
</div>

View file

@ -2,29 +2,29 @@
<div class="row">
<div class="col-md-6">
<ba-card title="Standard Fields" baCardClass="with-scroll">
<ba-card cardTitle="Standard Fields" baCardClass="with-scroll">
<standard-inputs></standard-inputs>
</ba-card>
<ba-card title="Input Groups" baCardClass="with-scroll">
<ba-card cardTitle="Input Groups" baCardClass="with-scroll">
<group-inputs></group-inputs>
</ba-card>
<ba-card title="Selects" baCardClass="with-scroll">
<ba-card cardTitle="Selects" baCardClass="with-scroll">
<select-inputs></select-inputs>
</ba-card>
</div>
<div class="col-md-6">
<ba-card title="Validation States" baCardClass="with-scroll">
<ba-card cardTitle="Validation States" baCardClass="with-scroll">
<validation-inputs></validation-inputs>
</ba-card>
<ba-card title="Checkboxes & Radios" baCardClass="with-scroll">
<ba-card cardTitle="Checkboxes & Radios" baCardClass="with-scroll">
<checkbox-inputs></checkbox-inputs>
</ba-card>
<ba-card title="Rating" baCardClass="with-scroll">
<ba-card cardTitle="Rating" baCardClass="with-scroll">
<rating-inputs></rating-inputs>
</ba-card>
</div>

View file

@ -2,7 +2,7 @@
<div class="row">
<div class="col-md-12">
<ba-card title="Inline Form" baCardClass="with-scroll">
<ba-card cardTitle="Inline Form" baCardClass="with-scroll">
<inline-form></inline-form>
</ba-card>
</div>
@ -11,25 +11,25 @@
<div class="row">
<div class="col-md-6">
<div>
<ba-card title="Basic Form" baCardClass="with-scroll">
<ba-card cardTitle="Basic Form" baCardClass="with-scroll">
<basic-form></basic-form>
</ba-card>
</div>
<div>
<ba-card title="Horizontal Form" baCardClass="with-scroll">
<ba-card cardTitle="Horizontal Form" baCardClass="with-scroll">
<horizontal-form></horizontal-form>
</ba-card>
</div>
</div>
<div class="col-md-6">
<div>
<ba-card title="Form Without Labels" baCardClass="with-scroll">
<ba-card cardTitle="Form Without Labels" baCardClass="with-scroll">
<without-labels-form></without-labels-form>
</ba-card>
</div>
<div>
<ba-card title="Block Form" baCardClass="with-scroll">
<ba-card cardTitle="Block Form" baCardClass="with-scroll">
<block-form></block-form>
</ba-card>
</div>
@ -37,12 +37,12 @@
</div>
<div class="row">
<div class="col-md-6">
<ba-card title="Picture Uploader" baCardClass="with-scroll">
<ba-card cardTitle="Picture Uploader" baCardClass="with-scroll">
<ba-picture-uploader [picture]="profile.picture" [defaultPicture]="defaultPicture" [uploaderOptions]="uploaderOptions"></ba-picture-uploader>
</ba-card>
</div>
<div class="col-md-6">
<ba-card title="File Uploader" baCardClass="with-scroll">
<ba-card cardTitle="File Uploader" baCardClass="with-scroll">
<ba-file-uploader [fileUploaderOptions]="fileUploaderOptions"></ba-file-uploader>
</ba-card>
</div>

View file

@ -1,3 +1,3 @@
<ba-card title="Map with bubbles">
<ba-card cardTitle="Map with bubbles">
<ba-am-chart baAmChartClass="bubble-maps" [baAmChartConfiguration]="chartData"></ba-am-chart>
</ba-card>

View file

@ -1,3 +1,3 @@
<ba-card title="Google Maps">
<ba-card cardTitle="Google Maps">
<div class="google-maps"></div>
</ba-card>

View file

@ -1,3 +1,3 @@
<ba-card title="Leaflet Maps">
<ba-card cardTitle="Leaflet Maps">
<div class="leaflet-maps"></div>
</ba-card>

View file

@ -1,4 +1,4 @@
<ba-card title="Line Maps">
<ba-card cardTitle="Line Maps">
<ba-am-chart id="map-lines" baAmChartClass="line-maps" [baAmChartConfiguration]="chartData"></ba-am-chart>
</ba-card>

View file

@ -2,36 +2,36 @@
<div class="row">
<div class="col-lg-6 col-md-12">
<ba-card title="Hover Rows" baCardClass="with-scroll table-panel">
<ba-card cardTitle="Hover Rows" baCardClass="with-scroll table-panel">
<hover-table></hover-table>
</ba-card>
</div>
<div class="col-lg-6 col-md-12">
<ba-card title="Bordered Table" baCardClass="with-scroll table-panel">
<ba-card cardTitle="Bordered Table" baCardClass="with-scroll table-panel">
<bordered-table></bordered-table>
</ba-card>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12">
<ba-card title="Condensed Table" baCardClass="with-scroll table-panel">
<ba-card cardTitle="Condensed Table" baCardClass="with-scroll table-panel">
<condensed-table></condensed-table>
</ba-card>
</div>
<div class="col-lg-6 col-md-12">
<ba-card title="Striped Rows" baCardClass="with-scroll table-panel">
<ba-card cardTitle="Striped Rows" baCardClass="with-scroll table-panel">
<striped-table></striped-table>
</ba-card>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12">
<ba-card title="Contextual Table" baCardClass="with-scroll table-panel">
<ba-card cardTitle="Contextual Table" baCardClass="with-scroll table-panel">
<contextual-table></contextual-table>
</ba-card>
</div>
<div class="col-lg-6 col-md-12">
<ba-card title="Responsive Table" baCardClass="with-scroll table-panel">
<ba-card cardTitle="Responsive Table" baCardClass="with-scroll table-panel">
<responsive-table></responsive-table>
</ba-card>
</div>

View file

@ -6,7 +6,7 @@ import { Component } from '@angular/core';
<div class="widgets">
<div class="row">
<div class="col-md-12">
<ba-card title="Examples">
<ba-card cardTitle="Examples">
<section id="handsontable">
<div class="row">
<div class="col-md-12">

View file

@ -1,7 +1,7 @@
<div class="widgets">
<div class="row">
<ba-card title="Basic Example" baCardClass="with-scroll" class="smart-table-container">
<ba-card cardTitle="Basic Example" baCardClass="with-scroll" class="smart-table-container">
<ng2-smart-table [settings]="settings" [source]="source" (deleteConfirm)="onDeleteConfirm($event)"></ng2-smart-table>
</ba-card>
</div>

View file

@ -1,22 +1,22 @@
<div class="widgets">
<div class="row">
<div class="col-xl-3 col-lg-6 col-md-6">
<ba-card title="Flat Buttons" baCardClass="with-scroll button-panel">
<ba-card cardTitle="Flat Buttons" baCardClass="with-scroll button-panel">
<flat-buttons></flat-buttons>
</ba-card>
</div>
<div class="col-xl-3 col-lg-6 col-md-6">
<ba-card title="Raised Buttons" baCardClass="with-scroll button-panel">
<ba-card cardTitle="Raised Buttons" baCardClass="with-scroll button-panel">
<raised-buttons></raised-buttons>
</ba-card>
</div>
<div class="col-xl-3 col-lg-6 col-md-6">
<ba-card title="Different Sizes" baCardClass="with-scroll button-panel df-size-button-panel">
<ba-card cardTitle="Different Sizes" baCardClass="with-scroll button-panel df-size-button-panel">
<sized-buttons></sized-buttons>
</ba-card>
</div>
<div class="col-xl-3 col-lg-6 col-md-6">
<ba-card title="Disabled" baCardClass="with-scroll button-panel">
<ba-card cardTitle="Disabled" baCardClass="with-scroll button-panel">
<disabled-buttons></disabled-buttons>
</ba-card>
</div>
@ -25,22 +25,22 @@
<div class="row">
<div class="col-md-6">
<ba-card title="Icon Buttons" baCardClass="with-scroll">
<ba-card cardTitle="Icon Buttons" baCardClass="with-scroll">
<icon-buttons></icon-buttons>
</ba-card>
<ba-card title="Large Buttons" baCardClass="with-scroll large-buttons-panel">
<ba-card cardTitle="Large Buttons" baCardClass="with-scroll large-buttons-panel">
<large-buttons></large-buttons>
</ba-card>
</div>
<div class="col-md-6">
<ba-card title="Button Dropdowns" baCardClass="with-scroll">
<ba-card cardTitle="Button Dropdowns" baCardClass="with-scroll">
<dropdown-buttons></dropdown-buttons>
</ba-card>
<ba-card title="Button Groups" baCardClass="with-scroll">
<ba-card cardTitle="Button Groups" baCardClass="with-scroll">
<group-buttons></group-buttons>
</ba-card>

View file

@ -3,7 +3,7 @@
<div class="row">
<div class="col-md-12">
<ba-card title="Inline Form" baCardClass="with-scroll">
<ba-card cardTitle="Inline Form" baCardClass="with-scroll">
<h4 class="grid-h">Stacked to horizontal</h4>
<div class="row show-grid">

View file

@ -2,7 +2,7 @@
<div class="row">
<div class="col-md-6">
<ba-card title="Kameleon SVG Icons" baCardClass="with-scroll">
<ba-card cardTitle="Kameleon SVG Icons" baCardClass="with-scroll">
<div class="row clearfix">
<div class="kameleon-row" *ngFor="let icon of icons.kameleonIcons">
<div class="kameleon-icon"><img src="{{ (icon.img | baKameleonPicture )}}"><span>{{ icon.name }}</span></div>
@ -11,7 +11,7 @@
<a href="http://www.kameleon.pics/" target="_blank" class="see-all-icons">See all Kamaleon icons</a>
</ba-card>
<ba-card title="Socicon" baCardClass="with-scroll">
<ba-card cardTitle="Socicon" baCardClass="with-scroll">
<div class="row icons-list danger">
<div class="col-2" *ngFor="let icon of icons.socicon"><i class="socicon">{{ icon }}</i></div>
</div>
@ -19,7 +19,7 @@
</ba-card>
</div>
<div class="col-md-6">
<ba-card title="Icons With Rounded Background" baCardClass="with-scroll">
<ba-card cardTitle="Icons With Rounded Background" baCardClass="with-scroll">
<div class="row clearfix">
<div class="kameleon-row" *ngFor="let icon of icons.kameleonRoundedIcons">
<div class="kameleon-icon with-round-bg {{ icon.color }}"><img src="{{ ( icon.img | baKameleonPicture ) }}"><span>{{ icon.name }}</span></div>
@ -28,14 +28,14 @@
<a href="http://www.kameleon.pics/" target="_blank" class="see-all-icons">See all Kamaleon icons</a>
</ba-card>
<ba-card title="Ionicons" baCardClass="with-scroll">
<ba-card cardTitle="Ionicons" baCardClass="with-scroll">
<div class="row icons-list primary">
<div class="col-2" *ngFor="let icon of icons.ionicons"><i class="{{ icon }}"></i></div>
</div>
<a href="http://ionicons.com/" target="_blank" class="see-all-icons">See all ionicons icons</a>
</ba-card>
<ba-card title="Font Awesome Icons" baCardClass="with-scroll">
<ba-card cardTitle="Font Awesome Icons" baCardClass="with-scroll">
<div class="row icons-list success awesomeIcons">
<div class="col-2" *ngFor="let icon of icons.fontAwesomeIcons"><i class="fa {{ icon }}"></i></div>
</div>

View file

@ -1,7 +1,7 @@
<div class="widgets">
<div class="row">
<div class="col-md-12">
<ba-card title="Modals" class="modal-buttons">
<ba-card cardTitle="Modals" class="modal-buttons">
<button class="btn btn-success" (click)="lgModalShow()">Large modal</button>
<button class="btn btn-warning" (click)="smModalShow()">Small modal</button>
<button class="btn btn-primary" (click)="staticModalShow()">Static modal</button>

View file

@ -1,7 +1,7 @@
<div class="widgets">
<div class="row">
<div class="col-md-12">
<ba-card title="Slim loading bar" class="slim-loading-bar-block">
<ba-card cardTitle="Slim loading bar" class="slim-loading-bar-block">
<button class="btn btn-default" (click)="setProgres30()">Set progress equals 30</button>
<br>
<button class="btn btn-default" (click)="incrementProgress()">Increment progress</button>

View file

@ -3,7 +3,7 @@
<div class="typography-document-samples row">
<div class="col-xlg-3 col-lg-6 col-md-6 col-sm-6 col-12 typography-widget">
<ba-card title="Text Size" baCardClass="with-scroll heading-widget">
<ba-card cardTitle="Text Size" baCardClass="with-scroll heading-widget">
<div class="section-block">
<h1>H1. Heading 1</h1>
@ -39,7 +39,7 @@
<div class="col-xlg-3 col-lg-6 col-md-6 col-sm-6 col-12 typography-widget">
<ba-card title="Some more text" baCardClass="with-scroll more-text-widget">
<ba-card cardTitle="Some more text" baCardClass="with-scroll more-text-widget">
<div class="section-block light-text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis
@ -83,7 +83,7 @@
<div class="col-xlg-3 col-lg-6 col-md-6 col-sm-6 col-12 typography-widget">
<ba-card title="Lists" baCardClass="with-scroll lists-widget">
<ba-card cardTitle="Lists" baCardClass="with-scroll lists-widget">
<div class="section-block">
<h5 class="list-header">Unordered list:</h5>
@ -128,7 +128,7 @@
<div class="col-xlg-3 col-lg-6 col-md-6 col-sm-6 col-12 typography-widget">
<ba-card title="Text Color" baCardClass="with-scroll color-widget">
<ba-card cardTitle="Text Color" baCardClass="with-scroll color-widget">
<div class="section-block red-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis
ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed

View file

@ -5,7 +5,7 @@ import {Component, Input} from '@angular/core';
templateUrl: './baCard.html',
})
export class BaCard {
@Input() title:String;
@Input() cardTitle:String;
@Input() baCardClass:String;
@Input() cardType:String;
}

View file

@ -1,6 +1,6 @@
<div baCardBlur class="animated fadeIn card {{cardType}} {{baCardClass || ''}}" zoom-in>
<div *ngIf="title" class="card-header clearfix">
<h3 class="card-title" translate>{{title}}</h3>
<div *ngIf="cardTitle" class="card-header clearfix">
<h3 class="card-title" translate>{{cardTitle}}</h3>
</div>
<div class="card-body">
<ng-content></ng-content>