javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(build): rename ionic directory to src and update all references in the build process.

Browse Source
This commit is contained in:
Josh Thomas
2016-05-19 13:20:59 -05:00
parent 8470ae04ac
commit c8f760f080
595 changed files with 73 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/grid/test/alignment/index.ts Normal file
View File

@@ -0,0 +1,7 @@
import {App} from '../../../../../ionic';
@App({
templateUrl: 'main.html'
})
class E2EApp {}

71
src/components/grid/test/alignment/main.html Normal file
View File

@@ -0,0 +1,71 @@
<ion-toolbar><ion-title>Grid Alignment</ion-title></ion-toolbar>
<ion-content class="alignment-demo">
<ion-row>
<ion-col>
ion-col
</ion-col>
<ion-col text-right>
ion-col[text-right]
</ion-col>
</ion-row>
<ion-row text-center>
<ion-col>
ion-row[text-center]
</ion-col>
<ion-col>
ion-row[text-center]
</ion-col>
<ion-col>
ion-row[text-center]
</ion-col>
</ion-row>
<ion-row>
<ion-col text-left>
ion-col[text-left]
</ion-col>
<ion-col text-left>
ion-col[text-left]
</ion-col>
<ion-col text-right>
ion-col[text-right]
</ion-col>
<ion-col text-right>
ion-col[text-right]
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<button small>Button 1</button>
</ion-col>
<ion-col width-50 text-center>
<button small>Button 2</button>
<button small>Button 3</button>
</ion-col>
<ion-col text-right>
<button small>Button 4</button>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<button small>Button 1</button>
<button small>Button 2</button>
</ion-col>
<ion-col text-right>
<button small>Button 3</button>
<button small>Button 4</button>
</ion-col>
</ion-row>
</ion-content>
<style>
.alignment-demo ion-row {
border: 1px solid #ddd;
margin: 10px 0;
}
</style>

0
src/components/grid/test/basic/e2e.ts Normal file
View File

7
src/components/grid/test/basic/index.ts Normal file
View File

@@ -0,0 +1,7 @@
import {App} from '../../../../../ionic';
@App({
templateUrl: 'main.html'
})
class E2EApp {}

260
src/components/grid/test/basic/main.html Normal file
View File

@@ -0,0 +1,260 @@
<ion-toolbar><ion-title>Grid</ion-title></ion-toolbar>
<ion-content class="grid-demo">
<ion-grid>
<ion-row>
<ion-col>
<div>
ion-col
</div>
</ion-col>
<ion-col>
<div>
ion-col
</div>
</ion-col>
<ion-col>
<div>
ion-col
</div>
</ion-col>
<ion-col>
<div>
ion-col
</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col width-50>
<div>
ion-col[width-50]
</div>
</ion-col>
<ion-col>
<div>
ion-col
</div>
</ion-col>
<ion-col>
<div>
ion-col
</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col width-25>
<div>
ion-col[width-25]
</div>
</ion-col>
<ion-col>
<div>
ion-col
</div>
</ion-col>
<ion-col width-25>
<div>
ion-col[width-25]
</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col width-25>
<div>
ion-col[width-25]
</div>
</ion-col>
<ion-col width-25 offset-25>
<div>
ion-col[width-25][offset-25]
</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<div>
ion-col
</div>
</ion-col>
<ion-col>
<div>
ion-col<br>#
</div>
</ion-col>
<ion-col>
<div>
ion-col<br>#<br>#
</div>
</ion-col>
<ion-col>
<div>
ion-col<br>#<br>#<br>#
</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col top>
<div>
ion-col[top]
</div>
</ion-col>
<ion-col center>
<div>
ion-col[center]
</div>
</ion-col>
<ion-col bottom>
<div>
ion-col[bottom]
</div>
</ion-col>
<ion-col>
<div>
ion-col<br>#<br>#
</div>
</ion-col>
</ion-row>
<ion-row top>
<ion-col>
<div>
[top] ion-col
</div>
</ion-col>
<ion-col>
<div>
[top] ion-col
</div>
</ion-col>
<ion-col bottom>
<div>
[top] ion-col[bottom]
</div>
</ion-col>
<ion-col>
<div>
ion-col<br>#<br>#
</div>
</ion-col>
</ion-row>
<ion-row center>
<ion-col>
<div>
[center] ion-col
</div>
</ion-col>
<ion-col>
<div>
[center] ion-col
</div>
</ion-col>
<ion-col>
<div>
[center] ion-col
</div>
</ion-col>
<ion-col>
<div>
ion-col<br>#<br>#
</div>
</ion-col>
</ion-row>
<ion-row bottom>
<ion-col>
<div>
[bottom] ion-col
</div>
</ion-col>
<ion-col top>
<div>
[bottom] ion-col[top]
</div>
</ion-col>
<ion-col>
<div>
[bottom] ion-col
</div>
</ion-col>
<ion-col>
<div>
ion-col<br>#<br>#
</div>
</ion-col>
</ion-row>
<ion-row responsive-sm>
<ion-col>
<div>
[responsive-sm] ion-col
</div>
</ion-col>
<ion-col>
<div>
[responsive-sm] ion-col
</div>
</ion-col>
<ion-col>
<div>
[responsive-sm] ion-col
</div>
</ion-col>
<ion-col>
<div>
[responsive-sm] ion-col
</div>
</ion-col>
</ion-row>
<ion-row responsive-md>
<ion-col>
<div>
[responsive-md] ion-col
</div>
</ion-col>
<ion-col>
<div>
[responsive-md] ion-col
</div>
</ion-col>
<ion-col>
<div>
[responsive-md] ion-col
</div>
</ion-col>
<ion-col>
<div>
[responsive-md] ion-col
</div>
</ion-col>
</ion-row>
<ion-row responsive-lg>
<ion-col width-50 offset-25>
<div>
[responsive-lg] ion-col[width-50][offset-25]
</div>
</ion-col>
<ion-col width-25>
<div>
[responsive-lg] ion-col[width-25]
</div>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
<style>
.grid-demo ion-col div {
background-color: #f7f7f7;
border: 1px solid #ddd;
padding: 10px 5px;
}
</style>

7
src/components/grid/test/full/index.ts Normal file
View File

@@ -0,0 +1,7 @@
import {App} from '../../../../../ionic';
@App({
templateUrl: 'main.html'
})
class E2EApp {}

60
src/components/grid/test/full/main.html Normal file
View File

@@ -0,0 +1,60 @@
<ion-toolbar><ion-title>Grid</ion-title></ion-toolbar>
<ion-content class="grid-full">
<ion-row>
<ion-col class="cell-1">
statistics
</ion-col>
<ion-col class="cell-2">
profile
</ion-col>
<ion-col class="cell-3">
photos
</ion-col>
<ion-col class="cell-4">
laboratory
</ion-col>
<ion-col class="cell-5">
calendar
</ion-col>
<ion-col class="cell-6">
alert
</ion-col>
</ion-row>
</ion-content>
<style>
.grid-full ion-row {
height: 100%;
padding: 0;
flex-wrap: wrap;
}
.grid-full ion-col {
flex: 0 0 50%;
max-width: 50%;
text-align: center;
padding: 10px 5px;
}
.cell-1 {
background-color: #C5DCFC;
}
.cell-2 {
background-color: #262B69;
}
.cell-3 {
background-color: #A0C5FA;
}
.cell-4 {
background-color: #B3D0FC;
}
.cell-5 {
background-color: #73A7F9;
}
.cell-6 {
background-color: #8CB9FA;
}
</style>