<commit_before># Ember-bootstrap-controls

This README outlines the details of collaborating on this Ember addon.

## Installation

Add the following to your `package.json`:
- `"ember-bootstrap-controls": "git+https://github.com/wildland/ember-bootstrap-controls#v0.1.0",`

Run
`ember g ember-bootstrap-controls`

## Usage
- `bootstrap-form` form helper
- `bootstrap-input` input field helper
- `bootstrap-textarea` text area helper

### Bootstrap Form

---

### Bootstrap Input
A field helper to simplify making an input field for a form.

*Use Example:*

```
{{bootstrap-input value=user.email  label="Email”}}
```

Would render

```
<div class="form-group bootstrap-input-component">
  <label for="bootstrap-component-0" class="control-label" >Email</label>
  <input id="bootstrap-component-0" className="form-control ember-view ember-text-field">
<div>
```

*Required Arguments:*
- `value` - Ember model attribute attached to the input.
- `label` - String displayed as the labels text.

*Optional Arguments:*
- `errors` - Collection of DS.errors.
- `customLabelCss` - Custom css to be added to the label.
- `srOnly` - Boolean srOnly class to the label for screen readers.

---

### Bootstrap Date-Picker

*Use Example*

```
{{bootstrap-datepicker
  id=inputId
  value=value
  todayHighlight=todayHighlight
  class="form-control"}}
```

Rendered Output is a `<table>` structured like a calandar which allows the user to choose a specific date.

*Required Arguments:*
- `value` - Ember model attribute attached to the input.
- `label` - String displayed as the labels text.

*Optional Arguments:*
- `errors` - Collection of DS.errors.
- `customLabelCss` - Custom css to be added to the label.
- `todayHighlight` - Highlights the current date on calandar UI.

---

### Bootstrap Selectize

*Use Example:*

```
{{ember-selectize
  elementId=inputId
  content=content
  selection=selection
  value=value
  optionValuePath=optionValuePath
  optionLabelPath=optionLabelPath
  placeholder=placeholder}}
```

Rendered Output:

```
 <select id="bootstrap-component-1" autocomplete="off" class="ember-view ember-selectize selectized" tabindex="-1" style="display: none;">
    <option value="" selected="selected"></option>
    <option value=""></option>
    . . .
  </select>
```

*Required Arguments:*
- `value` - Ember model attribute attached to the input.
- `label` - String displayed as the labels text.
- `optionValuePath` - Values pertaining to dropdown options.
- `optionLabelPath` - Labels for drop down options (usually equal to option value attribute).

*Optional Arguments:*
- `errors` - Collection of DS.errors.
- `customLabelCss` - Custom css to be added to the label.

----

### Bootstrap TextArea

A helper for simplifying textarea input fields.

*Use Example:*

```
{{bootstrap-textarea
  value=value
   label="label"
   content=content
   disabled=isNotEditing
   placeholder="Enter text..."}}
```
Rendered output:

```
<textarea id="bootstrap-component-3" placeholder="Enter text here..." class="ember-view ember-text-area form-control"></textarea>

```

*Required Arguments:*
- `value` - Ember model attribute attached to the input.
- `label` - String displayed as the labels text.

*Optional Arguments:*
- `errors` - Collection of DS.errors.
- `customLabelCss` - Custom css to be added to the label.
- `srOnly` - Boolean srOnly class to the label for screen readers.

---

## Running

* `ember server`
* Visit your app at http://localhost:4200.

## Running Tests

* `ember test`
* `ember test --server`

## Building

* `ember build`

For more information on using ember-cli, visit [http://www.ember-cli.com/](http://www.ember-cli.com/).
<commit_msg>updated readme and expanded on installation instructions.<commit_after># Ember-bootstrap-controls

Ember-bootstrap-controls is a small library for quickly creating EmberJS forms that utilize the Bootstrap form and input stylings.

This README outlines the details of using and collaborating on this Ember addon.

## Installation

Add the following the list of dependencies in your `package.json` which can be found in the `app-ember` directory:
- `"ember-bootstrap-controls": "git+https://github.com/wildland/ember-bootstrap-controls#v0.1.0",`

Now run `npm install`.


Move into your root ember directory `app-ember` and run:

`ember g ember-bootstrap-controls`

## Usage
- `bootstrap-form` form helper
- `bootstrap-input` input field helper
- `bootstrap-textarea` text area helper
- `bootstrap-selectize` select tag helper
- `bootstrap-datepicker` calendar style date select helper

---

### Bootstrap Form

---

### Bootstrap Input
A field helper to simplify making an input field for a form.

*Use Example:*

```
{{bootstrap-input value=user.email  label="Email”}}
```

Would render

```
<div class="form-group bootstrap-input-component">
  <label for="bootstrap-component-0" class="control-label" >Email</label>
  <input id="bootstrap-component-0" className="form-control ember-view ember-text-field">
<div>
```

*Required Arguments:*
- `value` - Ember model attribute attached to the input.
- `label` - String displayed as the labels text.

*Optional Arguments:*
- `errors` - Collection of DS.errors.
- `customLabelCss` - Custom css to be added to the label.
- `srOnly` - Boolean srOnly class to the label for screen readers.

---

### Bootstrap Date-Picker

*Use Example*

```
{{bootstrap-datepicker
  id=inputId
  value=value
  todayHighlight=todayHighlight
  class="form-control"}}
```

Rendered Output is a `<table>` structured like a calandar which allows the user to choose a specific date.

*Required Arguments:*
- `value` - Ember model attribute attached to the input.
- `label` - String displayed as the labels text.

*Optional Arguments:*
- `errors` - Collection of DS.errors.
- `customLabelCss` - Custom css to be added to the label.
- `todayHighlight` - Highlights the current date on calandar UI.

---

### Bootstrap Selectize

*Use Example:*

```
{{ember-selectize
  elementId=inputId
  content=content
  selection=selection
  value=value
  optionValuePath=optionValuePath
  optionLabelPath=optionLabelPath
  placeholder=placeholder}}
```

Rendered Output:

```
 <select id="bootstrap-component-1" autocomplete="off" class="ember-view ember-selectize selectized" tabindex="-1" style="display: none;">
    <option value="" selected="selected"></option>
    <option value=""></option>
    . . .
  </select>
```

*Required Arguments:*
- `value` - Ember model attribute attached to the input.
- `label` - String displayed as the labels text.
- `optionValuePath` - Values pertaining to dropdown options.
- `optionLabelPath` - Labels for drop down options (usually equal to option value attribute).

*Optional Arguments:*
- `errors` - Collection of DS.errors.
- `customLabelCss` - Custom css to be added to the label.

----

### Bootstrap TextArea

A helper for simplifying textarea input fields.

*Use Example:*

```
{{bootstrap-textarea
  value=value
   label="label"
   content=content
   disabled=isNotEditing
   placeholder="Enter text..."}}
```
Rendered output:

```
<textarea id="bootstrap-component-3" placeholder="Enter text here..." class="ember-view ember-text-area form-control"></textarea>

```

*Required Arguments:*
- `value` - Ember model attribute attached to the input.
- `label` - String displayed as the labels text.

*Optional Arguments:*
- `errors` - Collection of DS.errors.
- `customLabelCss` - Custom css to be added to the label.
- `srOnly` - Boolean srOnly class to the label for screen readers.

---

## Running

* `ember server`
* Visit your app at http://localhost:4200.

## Running Tests

* `ember test`
* `ember test --server`

## Building

* `ember build`

For more information on using ember-cli, visit [http://www.ember-cli.com/](http://www.ember-cli.com/).

{'fraction_non_alphanumeric': 0.1296010296010296, 'fraction_numerical': 0.003088803088803089, 'mean_word_length': 4.12937293729373, 'pattern_counts': {'":': 2, '<': 31, '<?xml version=': 0, '>': 31, 'https://': 2, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '691468', 'n_tokens_mistral': 2373, 'n_tokens_neox': 2274, 'n_words': 776}