Skip to content

Commit c6eadca

Browse files
annieywannieyw
committed
add demo of mdc-based MatProgressSpinner at localhost:4200/mdc-progress-spinner
1 parent f48709e commit c6eadca

File tree

10 files changed

+159
-1
lines changed

10 files changed

+159
-1
lines changed

‎src/dev-app/BUILD.bazel

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,7 @@ ng_module(
5353
"//src/dev-app/mdc-list",
5454
"//src/dev-app/mdc-menu",
5555
"//src/dev-app/mdc-progress-bar",
56+
"//src/dev-app/mdc-progress-spinner",
5657
"//src/dev-app/mdc-radio",
5758
"//src/dev-app/mdc-sidenav",
5859
"//src/dev-app/mdc-slide-toggle",

‎src/dev-app/dev-app/dev-app-layout.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,7 @@ export class DevAppLayout {
8181
{name: 'MDC Menu', route: '/mdc-menu'},
8282
{name: 'MDC Radio', route: '/mdc-radio'},
8383
{name: 'MDC Progress Bar', route: '/mdc-progress-bar'},
84+
{name: 'MDC Progress Spinner', route: '/mdc-progress-spinner'},
8485
{name: 'MDC Tabs', route: '/mdc-tabs'},
8586
{name: 'MDC Sidenav', route: '/mdc-sidenav'},
8687
{name: 'MDC Slide Toggle', route: '/mdc-slide-toggle'},

‎src/dev-app/dev-app/routes.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,11 @@ export const DEV_APP_ROUTES: Routes = [
7575
{path: 'mdc-input', loadChildren: 'mdc-input/mdc-input-demo-module#MdcInputDemoModule'},
7676
{path: 'mdc-list', loadChildren: 'mdc-list/mdc-list-demo-module#MdcListDemoModule'},
7777
{path: 'mdc-menu', loadChildren: 'mdc-menu/mdc-menu-demo-module#MdcMenuDemoModule'},
78+
{
79+
path: 'mdc-progress-spinner',
80+
loadChildren:
81+
'mdc-progress-spinner/mdc-progress-spinner-demo-module#MdcProgressSpinnerDemoModule'
82+
},
7883
{path: 'mdc-radio', loadChildren: 'mdc-radio/mdc-radio-demo-module#MdcRadioDemoModule'},
7984
{path: 'mdc-sidenav', loadChildren: 'mdc-sidenav/mdc-sidenav-demo-module#MdcSidenavDemoModule'},
8085
{

‎src/dev-app/mdc-progress-spinner/BUILD.bazel

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
load("//tools:defaults.bzl", "ng_module", "sass_binary")
2+
3+
package(default_visibility = ["//visibility:public"])
4+
5+
ng_module(
6+
name = "mdc-progress-spinner",
7+
srcs = glob(["**/*.ts"]),
8+
assets = [
9+
"mdc-progress-spinner-demo.html",
10+
":mdc_progress_spinner_demo_scss",
11+
],
12+
deps = [
13+
"//src/material-experimental/mdc-progress-spinner",
14+
"@npm//@angular/router",
15+
],
16+
)
17+
18+
sass_binary(
19+
name = "mdc_progress_spinner_demo_scss",
20+
src = "mdc-progress-spinner-demo.scss",
21+
)

‎src/dev-app/mdc-progress-spinner/mdc-progress-spinner-demo-module.ts

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
/**
2+
* @license
3+
* Copyright Google LLC All Rights Reserved.
4+
*
5+
* Use of this source code is governed by an MIT-style license that can be
6+
* found in the LICENSE file at https://angular.io/license
7+
*/
8+
9+
import {NgModule} from '@angular/core';
10+
import {MatProgressSpinnerModule} from '@angular/material-experimental/mdc-progress-spinner';
11+
import {RouterModule} from '@angular/router';
12+
import {MdcProgressSpinnerDemo} from './mdc-progress-spinner-demo';
13+
14+
@NgModule({
15+
imports: [
16+
MatProgressSpinnerModule,
17+
RouterModule.forChild([{path: '', component: MdcProgressSpinnerDemo}]),
18+
],
19+
declarations: [MdcProgressSpinnerDemo],
20+
})
21+
export class MdcProgressSpinnerDemoModule {}

‎src/dev-app/mdc-progress-spinner/mdc-progress-spinner-demo.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<mat-progress-spinner></mat-progress-spinner>

‎src/dev-app/mdc-progress-spinner/mdc-progress-spinner-demo.scss

Whitespace-only changes.

‎src/dev-app/mdc-progress-spinner/mdc-progress-spinner-demo.ts

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
/**
2+
* @license
3+
* Copyright Google LLC All Rights Reserved.
4+
*
5+
* Use of this source code is governed by an MIT-style license that can be
6+
* found in the LICENSE file at https://angular.io/license
7+
*/
8+
9+
import {Component} from '@angular/core';
10+
11+
@Component({
12+
selector: 'mdc-progress-spinner-demo',
13+
templateUrl: 'mdc-progress-spinner-demo.html',
14+
styleUrls: ['mdc-progress-spinner-demo.css'],
15+
})
16+
export class MdcProgressSpinnerDemo {}

‎src/material-experimental/mdc-progress-spinner/BUILD.bazel

Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
load("//src/e2e-app:test_suite.bzl", "e2e_test_suite")
2+
load(
3+
"//tools:defaults.bzl",
4+
"ng_e2e_test_library",
5+
"ng_module",
6+
"ng_test_library",
7+
"ng_web_test_suite",
8+
"sass_binary",
9+
"sass_library",
10+
)
11+
12+
package(default_visibility = ["//visibility:public"])
13+
14+
ng_module(
15+
name = "mdc-progress-spinner",
16+
srcs = glob(
17+
["**/*.ts"],
18+
exclude = [
19+
"**/*.spec.ts",
20+
],
21+
),
22+
assets = [":progress_spinner_scss"] + glob(["**/*.html"]),
23+
module_name = "@angular/material-experimental/mdc-progress-spinner",
24+
deps = [
25+
"//src/cdk/bidi",
26+
"//src/material/core",
27+
"//src/material/progress-spinner",
28+
"@npm//@angular/core",
29+
"@npm//@material/circular-progress",
30+
],
31+
)
32+
33+
sass_library(
34+
name = "mdc_progress_spinner_scss_lib",
35+
srcs = glob(["**/_*.scss"]),
36+
deps = [
37+
"//src/material-experimental/mdc-helpers:mdc_helpers_scss_lib",
38+
"//src/material-experimental/mdc-helpers:mdc_scss_deps_lib",
39+
],
40+
)
41+
42+
sass_binary(
43+
name = "progress_spinner_scss",
44+
src = "progress-spinner.scss",
45+
include_paths = [
46+
"external/npm/node_modules",
47+
],
48+
deps = [
49+
"//src/material-experimental/mdc-helpers:mdc_helpers_scss_lib",
50+
"//src/material-experimental/mdc-helpers:mdc_scss_deps_lib",
51+
],
52+
)
53+
54+
ng_test_library(
55+
name = "progress_spinner_tests_lib",
56+
srcs = glob(
57+
["**/*.spec.ts"],
58+
exclude = ["**/*.e2e.spec.ts"],
59+
),
60+
deps = [
61+
":mdc-progress-spinner",
62+
"//src/cdk/testing/private",
63+
"@npm//@angular/platform-browser",
64+
],
65+
)
66+
67+
ng_web_test_suite(
68+
name = "unit_tests",
69+
static_files = [
70+
"@npm//:node_modules/@material/circular-progress/dist/mdc.circularProgress.js",
71+
],
72+
deps = [
73+
":progress_spinner_tests_lib",
74+
"//src/material-experimental:mdc_require_config.js",
75+
],
76+
)
77+
78+
ng_e2e_test_library(
79+
name = "e2e_test_sources",
80+
srcs = glob(["**/*.e2e.spec.ts"]),
81+
deps = [
82+
"//src/cdk/testing/private/e2e",
83+
],
84+
)
85+
86+
e2e_test_suite(
87+
name = "e2e_tests",
88+
deps = [
89+
":e2e_test_sources",
90+
"//src/cdk/testing/private/e2e",
91+
],
92+
)

‎src/material-experimental/mdc-progress-spinner/public-api.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,5 +6,5 @@
66
* found in the LICENSE file at https://angular.io/license
77
*/
88

9-
export * from './checkbox';
9+
export * from './progress-spinner';
1010
export * from './module';

0 commit comments

Comments
 (0)