Add focus to our modals. refs #207"

openhealthcare · Jul 30, 2014 · 3fc4979 · 3fc4979
1 parent 3dc3912
commit 3fc4979
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 3 deletions.
diff --git a/opal/static/js/opal/directives.js b/opal/static/js/opal/directives.js
@@ -84,3 +84,14 @@ directives.directive('focusOnThis', function($timeout){
  }
  }
 });
+
+angular.module('ui.bootstrap.modal').directive('modalWindow', function ($timeout) {
+ return {
+ priority: 1,
+ link: function (scope, element, attrs) {
+ $timeout(function () {
+ element.find('[autofocus]').focus();
+ });
+ }
+ };
+});
diff --git a/opal/templates/add_episode_modal.html b/opal/templates/add_episode_modal.html
@@ -11,7 +11,7 @@ <h3>New record</h3>
  <div class="control-group">
  <label class="control-label">Name</label>
  <div class="controls">
- <input type="text" ng-model="editing.demographics.name">
+ <input type="text" ng-model="editing.demographics.name" autofocus>
  </div>
  </div>
  <div class="control-group">

diff --git a/opal/templates/hospital_number_modal.html b/opal/templates/hospital_number_modal.html
@@ -8,7 +8,8 @@ <h3>Add Patient</h3>
  <div class="col-sm-8">
  <input class="form-control" 
  ng-model="model.hospitalNumber" 
- ng-keypress="$event.keyCode == 13 && findByHospitalNumber()">
+ ng-keypress="$event.keyCode == 13 && findByHospitalNumber()"
+ autofocus>
  </div>
  </div>
 </div>

diff --git a/opal/templates/save_filter_modal.html b/opal/templates/save_filter_modal.html
@@ -11,7 +11,8 @@ <h3>
  <label for="name">Name</label>
  <input type="text" class="form-control"
  id="name" placeholder="Name for this search"
- ng-model="model.name">
+ ng-model="model.name"
+ autofocus>
  </div>
  </form>