Merge pull request #51 from seedtag/dev

Linter added. Editorconfig added.

Author: softsimon

.editorconfig

@@ -0,0 +1,12 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

package.json

@@ -20,9 +20,15 @@
   "homepage": "http://softsimon.github.io/angular-2-dropdown-multiselect",
   "dependencies": {
     "@angular/common": "^2.4.0",
+    "@angular/compiler": "^2.4.0",
     "@angular/core": "^2.4.0",
     "@angular/forms": "^2.4.0",
     "rxjs": "^5.0.2",
     "zone.js": "^0.7.2"
+  },
+  "devDependencies": {
+    "codelyzer": "^2.0.0-beta.4",
+    "tslint": "^4.0.0",
+    "typescript": "^2.1.0"
   }
 }

src/multiselect-dropdown.html

@@ -0,0 +1,39 @@
+<div class="dropdown">
+    <button type="button" class="dropdown-toggle" [ngClass]="settings.buttonClasses"
+    (click)="toggleDropdown()">{{ title }}&nbsp;<span class="caret"></span></button>
+    <ul *ngIf="isVisible" class="dropdown-menu" [class.pull-right]="settings.pullRight"
+    [style.max-height]="settings.maxHeight" style="display: block; height: auto; overflow-y: auto;">
+        <li class="dropdown-item" *ngIf="settings.enableSearch">
+            <div class="input-group input-group-sm">
+                <span class="input-group-addon" id="sizing-addon3"><i class="fa fa-search"></i></span>
+                <input type="text" class="form-control" placeholder="{{ texts.searchPlaceholder }}"
+                aria-describedby="sizing-addon3" [(ngModel)]="searchFilterText">
+                <span class="input-group-btn" *ngIf="searchFilterText.length > 0">
+                    <button class="btn btn-default" type="button" (click)="clearSearch()"><i class="fa fa-times"></i></button>
+                </span>
+            </div>
+        </li>
+        <li class="dropdown-divider divider" *ngIf="settings.enableSearch"></li>
+        <li class="dropdown-item" *ngIf="settings.showCheckAll">
+            <a href="javascript:;" role="menuitem" tabindex="-1" (click)="checkAll()">
+                <span style="width: 16px;" class="glyphicon glyphicon-ok"></span>
+                {{ texts.checkAll }}
+            </a>
+        </li>
+        <li class="dropdown-item" *ngIf="settings.showUncheckAll">
+            <a href="javascript:;" role="menuitem" tabindex="-1" (click)="uncheckAll()">
+                <span style="width: 16px;" class="glyphicon glyphicon-remove"></span>
+                {{ texts.uncheckAll }}
+            </a>
+        </li>
+        <li *ngIf="settings.showCheckAll || settings.showUncheckAll" class="dropdown-divider divider"></li>
+        <li class="dropdown-item" *ngFor="let option of options | searchFilter:searchFilterText">
+            <a href="javascript:;" role="menuitem" tabindex="-1" (click)="setSelected($event, option)">
+                <input *ngIf="settings.checkedStyle == 'checkboxes'" type="checkbox" [checked]="isSelected(option)" />
+                <span *ngIf="settings.checkedStyle == 'glyphicon'" style="width: 16px;"
+                class="glyphicon" [class.glyphicon-ok]="isSelected(option)"></span>
+                {{ option.name }}
+            </a>
+        </li>
+    </ul>
+</div>