forked from fabric8-launcher/ngx-launcher
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore(app-launcher): added getting started page to demo
This simulates the “Import Existing Application” and “Create a New Application” work flows
- Loading branch information
Showing
13 changed files
with
164 additions
and
24 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -6,6 +6,5 @@ | |
</div> | ||
</div> | ||
</nav> | ||
<hr /> | ||
<router-outlet></router-outlet> | ||
</main> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
@import (reference) '../assets/stylesheets/shared/main.less'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Empty file.
This file was deleted.
Oops, something went wrong.
2 changes: 1 addition & 1 deletion
2
src/demo/components/welcome.component.html → ...demo/create-app/create-app.component.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,7 @@ | ||
<div class="padding-15"> | ||
<div> | ||
<div> | ||
<f8launcher [importApp]="false"></f8launcher> | ||
<f8launcher></f8launcher> | ||
</div> | ||
</div> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
import { | ||
Component, | ||
OnInit | ||
} from '@angular/core'; | ||
|
||
@Component({ | ||
selector: 'create-app', | ||
templateUrl: './create-app.component.html' | ||
}) | ||
export class CreateAppComponent implements OnInit { | ||
constructor() { | ||
} | ||
|
||
ngOnInit(): void { | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,59 @@ | ||
<div class="getting-started"> | ||
<div> | ||
<div class="container-fluid"> | ||
<h1> | ||
Getting Started | ||
</h1> | ||
<p> | ||
When getting started with setting up a project, there are two different set up paths you can take. | ||
You can either choose to import an existing project or create a new project. | ||
</p> | ||
</div> | ||
</div> | ||
<div> | ||
<div class="container-fluid container-cards-pf"> | ||
<div class="row row-cards-pf"> | ||
<div class="col-xs-12 col-md-6"> | ||
<div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select card-pf--medium" | ||
[routerLink]="['/_importapp']"> | ||
<div class="card-title"> | ||
<h2 class="card-pf-title--title">Import Existing Application</h2> | ||
</div> | ||
<div class="card-pf-body--body"> | ||
<p class="card-description"> | ||
I have an existing project that I would like to import to use as the base for my application. | ||
</p> | ||
<div class="card-icon"> | ||
<i class="pficon pficon-import"></i> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="col-xs-12 col-md-6"> | ||
<div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select card-pf--medium" | ||
[routerLink]="['/_createapp']"> | ||
<div class="card-title"> | ||
<h2 class="card-pf-title--title">Create a New Application</h2> | ||
</div> | ||
<div> | ||
<p class="card-description"> | ||
I want to create a new project from scratch. I would like to use the preset technologies and missions | ||
within Openshift.io to help me create a new project. | ||
</p> | ||
<div class="card-icon"> | ||
<i class="fa fa-plus-square"></i> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div> | ||
<div class="container-fluid"> | ||
<div class="getting-started-return"> | ||
<button class="btn btn-link">Return to my dashboard</button> | ||
</div> | ||
</div> | ||
</div> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
@import (reference) '../../assets/stylesheets/shared/main.less'; | ||
|
||
.getting-started { | ||
background-color: @color-pf-black-200; | ||
height: 100vh; | ||
.card-pf { | ||
height: 300px; | ||
} | ||
.card-description { | ||
min-height: 40px; | ||
} | ||
.card-icon { | ||
padding-top: 40px; | ||
text-align: center; | ||
i { | ||
margin-top: 5px; | ||
font-size: 7em; | ||
&.fa { | ||
margin-top: 0; | ||
font-size: 8em; | ||
} | ||
} | ||
} | ||
} | ||
|
||
.getting-started-return { | ||
text-align: center; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,17 @@ | ||
import { | ||
Component, | ||
OnInit | ||
} from '@angular/core'; | ||
|
||
@Component({ | ||
selector: 'getting-started', | ||
styleUrls: ['./getting-started.component.less'], | ||
templateUrl: './getting-started.component.html' | ||
}) | ||
export class GettingStartedComponent implements OnInit { | ||
constructor() { | ||
} | ||
|
||
ngOnInit(): void { | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
<div class="padding-15"> | ||
<div> | ||
<div> | ||
<f8launcher [importApp]="true"></f8launcher> | ||
</div> | ||
</div> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
import { | ||
Component, | ||
OnInit | ||
} from '@angular/core'; | ||
|
||
@Component({ | ||
selector: 'import-app', | ||
templateUrl: './import-app.component.html' | ||
}) | ||
export class ImportAppComponent implements OnInit { | ||
constructor() { | ||
} | ||
|
||
ngOnInit(): void { | ||
} | ||
} |