diff --git a/css/lib/angucomplete/angucomplete-alt.css b/css/lib/angucomplete/angucomplete-alt.css index 82bc75d..c3f5ace 100644 --- a/css/lib/angucomplete/angucomplete-alt.css +++ b/css/lib/angucomplete/angucomplete-alt.css @@ -10,15 +10,13 @@ border-width: 1px; border-style: solid; border-radius: 2px; - width: 250px; + width: 100%; padding: 6px; cursor: pointer; z-index: 9999; position: absolute; - /*top: 32px; + top: 32px; left: 0px; - */ - margin-top: -6px; background-color: #ffffff; } @@ -39,7 +37,7 @@ } .angucomplete-selected-row { - background-color: lightblue; + background-color: steelblue; color: #ffffff; } diff --git a/js/controllers/website-controller.js b/js/controllers/website-controller.js index 3147fb5..9f0be2b 100644 --- a/js/controllers/website-controller.js +++ b/js/controllers/website-controller.js @@ -25,8 +25,8 @@ function handleFiles(ev) { window.document.body.addEventListener('change', handleFiles); app.controller('websiteCtrl', [ - '$scope', '$q', 'Auth', 'azp@oauth3.org' -, function ($scope, $q, Auth, Oauth3) { + '$scope', '$q', 'Auth', 'azp@oauth3.org', '$timeout' +, function ($scope, $q, Auth, Oauth3, $timeout) { var vm = this; vm.domains = []; @@ -307,6 +307,18 @@ app.controller('websiteCtrl', [ }); vm.listSites(); + vm.triggerDropdown = function() { + $timeout(function() { + var el = document.querySelector('.trigger-dropdown'); + angular.element(el).triggerHandler('focus'); + }, 0); + }; + + $scope.$watch('vm.selectedDomain', function(domainSelected) { + if (domainSelected !== undefined) { + vm.selectDomain(vm.selectedDomain.title); + } + }); $scope.localDomainSearch = function(str, domain) { var matches = []; diff --git a/templates/website.html b/templates/website.html index 2cc3b1e..e2d4dd0 100644 --- a/templates/website.html +++ b/templates/website.html @@ -24,15 +24,23 @@ . - +
+
+ +
-
- -
@@ -81,18 +89,4 @@ - - - - -