Skip to content

Commit

Permalink
Merge pull request #6 from gasolin/port_to_gaia_component
Browse files Browse the repository at this point in the history
Bug 1168044 - [gaia-dialog] based on gaia-component
  • Loading branch information
wilsonpage committed Jun 11, 2015
2 parents 8fd15d2 + 50ddb6a commit 8997e47
Show file tree
Hide file tree
Showing 14 changed files with 1,169 additions and 1,258 deletions.
33 changes: 33 additions & 0 deletions .jshintrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
{
"camelcase": false,
"curly": true,
"forin": false,
"latedef": "nofunc",
"newcap": false,
"noarg": true,
"node": true,
"nonew": true,
"quotmark": "single",
"undef": true,
"unused": "vars",
"strict": true,
"trailing": true,
"maxlen": 80,

"eqnull": true,
"esnext": true,
"expr": true,
"globalstrict": true,

"maxerr": 1000,
"regexdash": true,
"laxcomma": true,
"proto": true,

"browser": true,
"devel": true,
"nonstandard": true,
"worker": true,

"-W078": true
}
14 changes: 14 additions & 0 deletions .travis.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
language: node_js

node_js:
- '0.10'

install:
- npm install

script:
- $CI_ACTION

env:
matrix:
- CI_ACTION="npm run lint"
125 changes: 115 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,24 +1,129 @@
# <gaia-dialog>
# <gaia-dialog> [![](https://travis-ci.org/gaia-components/gaia-dialog.svg)](https://travis-ci.org/gaia-components/gaia-dialog) [![devDependency Status](https://david-dm.org/gaia-components/gaia-dialog/dev-status.svg)](https://david-dm.org/gaia-components/gaia-dialog#info=devDependencies)

gaia-dialog contains several type of dialogs, including alert, confirm, prompt, action, select, and menu.

## Installation

```bash
$ bower install gaia-components/gaia-dialog
```

## Usage
## Alert Dialog

Include folowing files in HTML

```html
<script src="bower_components/gaia-list/gaia-dialog.js"></script>
<script src="bower_components/gaia-list/gaia-dialog-alert.js"></script>
```

### Usage

```html
<gaia-dialog-alert>No SIM card is present</gaia-dialog-alert>
```

## Confirm Dialog

Include folowing files in HTML

```html
<script src="bower_components/gaia-list/gaia-dialog.js"></script>
<script src="bower_components/gaia-list/gaia-dialog-confirm.js"></script>
```

### Usage

```html
<gaia-dialog-confirm>Are you sure you want to delete this contact?</gaia-dialog-confirm>
```

## Prompt Dialog

Include folowing files in HTML

```html
<script src="bower_components/gaia-list/gaia-dialog.js"></script>
<script src="bower_components/gaia-list/gaia-dialog-prompt.js"></script>
```

### Usage

```html
<gaia-dialog-prompt>Device name</gaia-dialog-prompt>
```

## Action Dialog

Include folowing files in HTML

```html
<gaia-dialog>
<h1>Application Download</h1>
<p>Do you want to download and install this application?</p>
<section>
<button>Cancel</button>
<button>Action</button>
</section>
</gaia-dialog>
<script src="bower_components/gaia-list/gaia-dialog.js"></script>
<script src="bower_components/gaia-list/gaia-dialog-action.js"></script>
```

### Usage

```html
<gaia-dialog-action>
<h1>Descriptions...</h1>
<button>Action 1</button>
<button>Action 2</button>
</gaia-dialog-action>
```

## Select Dialog

Include folowing files in HTML

```html
<script src="bower_components/gaia-list/gaia-dialog.js"></script>
<script src="bower_components/gaia-list/gaia-dialog-select.js"></script>
```

### Usage

```html
<gaia-dialog-select>
<h1>Ring tone</h1>
<li>Classic prism</li>
<li>Wallphone</li>
</gaia-dialog-select>
```

#### Multiple Select

Add `multiple` attribute in `gaia-dialog-select` element to enable multiple selection.

```html
<gaia-dialog-select multiple>
<h1>Ring tone</h1>
<li>Classic prism</li>
<li>Wallphone</li>
</gaia-dialog-select>
```

## Menu Dialog

Include folowing files in HTML

```html
<script src="bower_components/gaia-list/gaia-dialog.js"></script>
<script src="bower_components/gaia-list/gaia-dialog-menu.js"></script>
```

### Usage

```html
<gaia-dialog-menu>
<button data-icon="firefox">Open in new window</button>
<button data-icon="firefox">Add to Home Screen</button>
<button data-icon="firefox">Share link</button>
<button data-icon="firefox">Settings</button>
</gaia-dialog-menu>
```


## Examples

- [Example](http://gaia-components.github.io/gaia-dialog/)
10 changes: 9 additions & 1 deletion bower.json
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,16 @@
"tests",
"README.md"
],
"devDependencies": {
"base": "gaia-components/base",
"pressed": "gaia-components/pressed",
"gaia-fonts": "gaia-components/gaia-fonts",
"gaia-theme": "gaia-components/gaia-theme",
"gaia-button": "gaia-components/gaia-button"
},
"dependencies": {
"gaia-text-input": "gaia-components/gaia-text-input",
"gaia-icons": "gaia-components/gaia-icons#~0.8.0"
"gaia-icons": "gaia-components/gaia-icons#^0.8.0",
"gaia-component": "gaia-components/gaia-component#^0.3.7"
}
}

0 comments on commit 8997e47

Please sign in to comment.