Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit3b573a3

Browse files
committed
Added code preset
1 parent96699da commit3b573a3

File tree

8 files changed

+51
-14
lines changed

8 files changed

+51
-14
lines changed

‎README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,7 @@ export class AppModule {}
4848
####Available presets
4949
- ngx-facebook-preset
5050
- ngx-instagram-preset
51+
- ngx-code-preset
5152

5253

5354
###Custom templates

‎demo/app/app.component.html‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,13 @@
11
<divclass="container">
2-
<ngx-content-loading[width]="800"[height]="800">
2+
<ngx-content-loading[width]="800"[height]="200">
3+
<svg:gngx-facebook-preset></svg:g>
4+
</ngx-content-loading>
5+
6+
<ngx-content-loading[width]="800"[height]="300">
37
<svg:gngx-instagram-preset></svg:g>
48
</ngx-content-loading>
9+
10+
<ngx-content-loading[width]="800"[height]="300">
11+
<svg:gngx-code-preset></svg:g>
12+
</ngx-content-loading>
513
</div>

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name":"ngx-content-loading",
3-
"version":"0.0.3",
3+
"version":"0.0.4",
44
"license":"MIT",
55
"scripts": {
66
"ng":"ng",

‎src/ngx-content-loading.module.ts‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ import { SvgStopComponent } from './ngx-content-loading/svg-stop/svg-stop.compon
88
import{FacebookPresetComponent}from'./ngx-content-loading/facebook-preset/facebook-preset.component';
99
import{InstagramPresetComponent}from'./ngx-content-loading/instagram-preset/instagram-preset.component';
1010
import{CircleComponent}from'./ngx-content-loading/circle/circle.component';
11+
import{CodePresetComponent}from'./ngx-content-loading/code-preset/code-preset.component';
1112

1213
@NgModule({
1314
imports:[
@@ -20,14 +21,16 @@ import { CircleComponent } from './ngx-content-loading/circle/circle.component';
2021
SvgElementComponent,
2122
SvgStopComponent,
2223
FacebookPresetComponent,
23-
InstagramPresetComponent
24+
InstagramPresetComponent,
25+
CodePresetComponent
2426
],
2527
exports:[
2628
NgxContentLoadingComponent,
2729
RectComponent,
2830
CircleComponent,
2931
FacebookPresetComponent,
30-
InstagramPresetComponent
32+
InstagramPresetComponent,
33+
CodePresetComponent
3134
]
3235
})
3336
exportclassNgxContentLoadingModule{}
Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<svg:gngx-rectwidth="60"height="10"y="15"x="0"rx="5"ry="5"></svg:g>
2+
<svg:gngx-rectwidth="90"height="10"y="15"x="70"rx="5"ry="5"></svg:g>
3+
<svg:gngx-rectwidth="20"height="10"y="15"x="170"rx="5"ry="5"></svg:g>
4+
5+
<svg:gngx-rectwidth="100"height="10"y="35"x="9"rx="5"ry="5"></svg:g>
6+
<svg:gngx-rectwidth="120"height="10"y="35"x="120"rx="5"ry="5"></svg:g>
7+
8+
<svg:gngx-rectwidth="90"height="10"y="55"x="5"rx="5"ry="5"></svg:g>
9+
<svg:gngx-rectwidth="90"height="10"y="55"x="105"rx="5"ry="5"></svg:g>
10+
<svg:gngx-rectwidth="70"height="10"y="55"x="205"rx="5"ry="5"></svg:g>
11+
12+
<svg:gngx-rectwidth="30"height="10"y="75"x="0"rx="5"ry="5"></svg:g>
Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import{ChangeDetectionStrategy,Component,OnInit}from'@angular/core';
2+
3+
@Component({
4+
selector:'[ngx-code-preset]',
5+
templateUrl:'./code-preset.component.html',
6+
changeDetection:ChangeDetectionStrategy.OnPush
7+
})
8+
exportclassCodePresetComponentimplementsOnInit{
9+
constructor(){}
10+
11+
ngOnInit(){
12+
}
13+
}
Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<svg:gngx-rectwidth="50"height="50"y="0"x="0"rx="5"ry="5"></svg:g>
2-
<svg:gngx-rectwidth="150"height="10"y="10"x="60"rx="5"ry="5"></svg:g>
3-
<svg:gngx-rectwidth="130"height="10"y="30"x="60"rx="5"ry="5"></svg:g>
4-
<svg:gngx-rectwidth="200"height="10"y="60"x="0"rx="5"ry="5"></svg:g>
5-
<svg:gngx-rectwidth="220"height="10"y="80"x="0"rx="5"ry="5"></svg:g>
6-
<svg:gngx-rectwidth="200"height="10"y="100"x="0"rx="5"ry="5"></svg:g>
1+
<svg:gngx-circlecx="25"cy="25"r="25"></svg:g>
2+
<svg:gngx-rectwidth="100"height="5"y="15"x="60"rx="5"ry="5"></svg:g>
3+
<svg:gngx-rectwidth="60"height="5"y="30"x="60"rx="5"ry="5"></svg:g>
4+
<svg:gngx-rectwidth="170"height="5"y="65"x="0"rx="5"ry="5"></svg:g>
5+
<svg:gngx-rectwidth="220"height="5"y="80"x="0"rx="5"ry="5"></svg:g>
6+
<svg:gngx-rectwidth="130"height="5"y="95"x="0"rx="5"ry="5"></svg:g>
Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<svg:gngx-circlecx="30"cy="30"r="30"></svg:g>
2-
<svg:gngx-rectwidth="120"height="10"y="20"x="80"rx="5"ry="5"></svg:g>
3-
<svg:gngx-rectwidth="60"height="10"y="40"x="80"rx="5"ry="5"></svg:g>
4-
<svg:gngx-rectwidth="250"height="250"y="70"x="0"rx="5"ry="5"></svg:g>
1+
<svg:gngx-circlecx="25"cy="25"r="25"></svg:g>
2+
<svg:gngx-rectwidth="120"height="10"y="10"x="60"rx="5"ry="5"></svg:g>
3+
<svg:gngx-rectwidth="40"height="5"y="30"x="60"rx="5"ry="5"></svg:g>
4+
<svg:gngx-rectwidth="250"height="250"y="60"x="0"rx="5"ry="5"></svg:g>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp