mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-16 23:40:14 +01:00
appPicturePipe -> baAppPicturePipe
This commit is contained in:
parent
11c9a3d239
commit
e3982b255e
16 changed files with 28 additions and 28 deletions
|
|
@ -1,13 +1,13 @@
|
|||
import {Component, ViewEncapsulation} from '@angular/core';
|
||||
|
||||
import {ProfilePicturePipe, AppPicturePipe} from '../../../theme/pipes';
|
||||
import {ProfilePicturePipe, BaAppPicturePipe} from '../../../theme/pipes';
|
||||
import {FeedService} from './feed.service';
|
||||
|
||||
@Component({
|
||||
selector: 'feed',
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
providers: [FeedService],
|
||||
pipes: [ProfilePicturePipe, AppPicturePipe],
|
||||
pipes: [ProfilePicturePipe, BaAppPicturePipe],
|
||||
styles: [require('./feed.scss')],
|
||||
template: require('./feed.html')
|
||||
})
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
</div>
|
||||
<div class="preview" [ngClass]="{'hidden': !message.expanded}" *ngIf="message.preview">
|
||||
<a href="{{ message.link }}" target="_blank">
|
||||
<img src="{{ ( message.preview | appPicture )}}">
|
||||
<img src="{{ ( message.preview | baAppPicture )}}">
|
||||
</a>
|
||||
</div>
|
||||
<div [ngClass]="{'hidden': !message.expanded}" class="message-time">
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
import {Component, ViewEncapsulation} from '@angular/core';
|
||||
|
||||
import {AppPicturePipe} from '../../../theme/pipes';
|
||||
import {BaAppPicturePipe} from '../../../theme/pipes';
|
||||
|
||||
@Component({
|
||||
selector: 'popular-app',
|
||||
encapsulation: ViewEncapsulation.None,
|
||||
pipes: [AppPicturePipe],
|
||||
pipes: [BaAppPicturePipe],
|
||||
styles: [require('./popularApp.scss')],
|
||||
template: require('./popularApp.html')
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<div class="popular-app-img-container">
|
||||
<div class="popular-app-img">
|
||||
<img src="{{ ( 'app/my-app-logo.png' | appPicture ) }}"/>
|
||||
<img src="{{ ( 'app/my-app-logo.png' | baAppPicture ) }}"/>
|
||||
<span class="logo-text">Super App</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
import {Component} from '@angular/core';
|
||||
|
||||
import {AppPicturePipe} from '../../../../../../theme/pipes';
|
||||
import {BaAppPicturePipe} from '../../../../../../theme/pipes';
|
||||
import {BasicTablesService} from '../../basicTables.service';
|
||||
|
||||
@Component({
|
||||
selector: 'bordered-table',
|
||||
template: require('./borderedTable.html'),
|
||||
pipes: [AppPicturePipe]
|
||||
pipes: [BaAppPicturePipe]
|
||||
})
|
||||
export class BorderedTable {
|
||||
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let item of metricsTableData">
|
||||
<td><img src="{{ ( item.image | appPicture )}}" width="20" height="20"></td>
|
||||
<td><img src="{{ ( item.image | baAppPicture )}}" width="20" height="20"></td>
|
||||
<td ngClass="nowrap">{{ item.browser }}</td>
|
||||
<td class="align-right">{{ item.visits }}</td>
|
||||
<td class="align-right">{{ item.purchases }}</td>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
import {Component} from '@angular/core';
|
||||
|
||||
import {AppPicturePipe} from '../../../../../../theme/pipes';
|
||||
import {BaAppPicturePipe} from '../../../../../../theme/pipes';
|
||||
import {BasicTablesService} from '../../basicTables.service';
|
||||
|
||||
@Component({
|
||||
selector: 'condensed-table',
|
||||
template: require('./condensedTable.html'),
|
||||
pipes: [AppPicturePipe]
|
||||
pipes: [BaAppPicturePipe]
|
||||
})
|
||||
export class CondensedTable {
|
||||
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
import {Component} from '@angular/core';
|
||||
|
||||
import {AppPicturePipe} from '../../../../../../theme/pipes';
|
||||
import {BaAppPicturePipe} from '../../../../../../theme/pipes';
|
||||
import {BasicTablesService} from '../../basicTables.service';
|
||||
|
||||
@Component({
|
||||
selector: 'hover-table',
|
||||
template: require('./hoverTable.html'),
|
||||
pipes: [AppPicturePipe]
|
||||
pipes: [BaAppPicturePipe]
|
||||
})
|
||||
export class HoverTable {
|
||||
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let item of metricsTableData" class="no-top-border">
|
||||
<td><img src="{{ ( item.image | appPicture ) }}" width="20" height="20"></td>
|
||||
<td><img src="{{ ( item.image | baAppPicture ) }}" width="20" height="20"></td>
|
||||
<td ngClass="nowrap">{{item.browser}}</td>
|
||||
<td class="align-right">{{item.visits}}</td>
|
||||
<td class="table-arr"><i [ngClass]="{'icon-up': item.isVisitsUp, 'icon-down': !item.isVisitsUp }"></i></td>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
import {Component} from '@angular/core';
|
||||
|
||||
import {AppPicturePipe} from '../../../../../../theme/pipes';
|
||||
import {BaAppPicturePipe} from '../../../../../../theme/pipes';
|
||||
import {BasicTablesService} from '../../basicTables.service';
|
||||
|
||||
@Component({
|
||||
selector: 'striped-table',
|
||||
template: require('./stripedTable.html'),
|
||||
pipes: [AppPicturePipe]
|
||||
pipes: [BaAppPicturePipe]
|
||||
})
|
||||
export class StripedTable {
|
||||
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
import {Component, ViewEncapsulation} from '@angular/core';
|
||||
|
||||
|
||||
import {AppPicturePipe} from '../../../../theme/pipes';
|
||||
import {BaAppPicturePipe} from '../../../../theme/pipes';
|
||||
import {BaCard} from '../../../../theme/components';
|
||||
|
||||
@Component({
|
||||
selector: 'typography',
|
||||
pipes: [AppPicturePipe],
|
||||
pipes: [BaAppPicturePipe],
|
||||
directives: [BaCard],
|
||||
providers: [],
|
||||
styles: [],
|
||||
|
|
|
|||
|
|
@ -170,7 +170,7 @@
|
|||
<ba-card baCardClass="banner-column-panel">
|
||||
<div class="banner">
|
||||
<div class="large-banner-wrapper">
|
||||
<img src="{{ ( 'app/typography/banner.png' | appPicture ) }}" alt=""/>
|
||||
<img src="{{ ( 'app/typography/banner.png' | baAppPicture ) }}" alt=""/>
|
||||
</div>
|
||||
<div class="banner-text-wrapper">
|
||||
<div class="banner-text">
|
||||
|
|
@ -187,7 +187,7 @@
|
|||
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="img-wrapper"><img src="{{ ( 'app/typography/typo03.png' | appPicture ) }}" alt="" title=""/>
|
||||
<div class="img-wrapper"><img src="{{ ( 'app/typography/typo03.png' | baAppPicture ) }}" alt="" title=""/>
|
||||
</div>
|
||||
<p>Vel elit, eros elementum, id lacinia, duis non ut ut tortor blandit. Mauris <a
|
||||
href>dapibus</a> magna rutrum. Ornare neque suspendisse <a
|
||||
|
|
@ -198,7 +198,7 @@
|
|||
arcu nulla.</p>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="img-wrapper"><img src="{{ ( 'app/typography/typo01.png' | appPicture ) }}" alt="" title=""/>
|
||||
<div class="img-wrapper"><img src="{{ ( 'app/typography/typo01.png' | baAppPicture ) }}" alt="" title=""/>
|
||||
</div>
|
||||
<p>Et suspendisse, adipiscing fringilla ornare sit ligula sed, vel nam. Interdum et justo nulla,
|
||||
fermentum
|
||||
|
|
@ -213,14 +213,14 @@
|
|||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<h4>Column heading example</h4>
|
||||
<div class="img-wrapper"><img src="{{ ( 'app/typography/typo04.png' | appPicture ) }}" alt=""/></div>
|
||||
<div class="img-wrapper"><img src="{{ ( 'app/typography/typo04.png' | baAppPicture ) }}" alt=""/></div>
|
||||
<p>Eget augue, lacus erat ante egestas scelerisque aliquam, metus molestie leo in habitasse magna
|
||||
maecenas</p>
|
||||
<a href class="learn-more">Lean more</a>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<h4>Yet another column heading example</h4>
|
||||
<div class="img-wrapper"><img src="{{ ( 'app/typography/typo05.png' | appPicture ) }}" alt=""/></div>
|
||||
<div class="img-wrapper"><img src="{{ ( 'app/typography/typo05.png' | baAppPicture ) }}" alt=""/></div>
|
||||
<p>Augue massa et parturient, suspendisse orci nec scelerisque sit, integer nam mauris pede consequat
|
||||
in
|
||||
velit</p>
|
||||
|
|
@ -228,7 +228,7 @@
|
|||
</div>
|
||||
<div class="col-sm-4">
|
||||
<h4>Third column heading example</h4>
|
||||
<div class="img-wrapper"><img src="{{ ( 'app/typography/typo06.png' | appPicture ) }}" alt=""/></div>
|
||||
<div class="img-wrapper"><img src="{{ ( 'app/typography/typo06.png' | baAppPicture ) }}" alt=""/></div>
|
||||
<p>Eget turpis, tortor lobortis porttitor, vestibulum nullam vehicula aliquam</p>
|
||||
<a href class="learn-more">Lean more</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1 +0,0 @@
|
|||
export * from './appPicture.pipe.ts';
|
||||
|
|
@ -1,8 +1,8 @@
|
|||
import {Pipe, PipeTransform} from '@angular/core';
|
||||
import {layoutPaths} from '../../../theme';
|
||||
|
||||
@Pipe({name: 'appPicture'})
|
||||
export class AppPicturePipe implements PipeTransform {
|
||||
@Pipe({name: 'baAppPicture'})
|
||||
export class BaAppPicturePipe implements PipeTransform {
|
||||
|
||||
transform(input:string):string {
|
||||
return layoutPaths.images.root + input;
|
||||
1
src/app/theme/pipes/baAppPicture/index.ts
Normal file
1
src/app/theme/pipes/baAppPicture/index.ts
Normal file
|
|
@ -0,0 +1 @@
|
|||
export * from './baAppPicture.pipe.ts';
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
export * from './profilePicture';
|
||||
export * from './appPicture';
|
||||
export * from './baAppPicture';
|
||||
export * from './kameleonPicture';
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue