coolaj86/walnut_launchpad.html
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

combox added

Browse Source
This commit is contained in:
Jon Lambson 2017-08-24 11:02:31 -06:00
parent f59cdd96a0
commit a566dbee9b
3 changed files with 31 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/lib/angucomplete/angucomplete-alt.css
View File

@ -10,15 +10,13 @@
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-radius: 2px; border-radius: 2px;
width: 250px; width: 100%;
padding: 6px; padding: 6px;
cursor: pointer; cursor: pointer;
z-index: 9999; z-index: 9999;
position: absolute; position: absolute;
/*top: 32px; top: 32px;
left: 0px; left: 0px;
*/
margin-top: -6px;
background-color: #ffffff; background-color: #ffffff;
} }
@ -39,7 +37,7 @@
} }
.angucomplete-selected-row { .angucomplete-selected-row {
background-color: lightblue; background-color: steelblue;
color: #ffffff; color: #ffffff;
} }

16
js/controllers/website-controller.js
View File

@ -25,8 +25,8 @@ function handleFiles(ev) {
window.document.body.addEventListener('change', handleFiles); window.document.body.addEventListener('change', handleFiles);
app.controller('websiteCtrl', [ app.controller('websiteCtrl', [
'$scope', '$q', 'Auth', 'azp@oauth3.org' '$scope', '$q', 'Auth', 'azp@oauth3.org', '$timeout'
, function ($scope, $q, Auth, Oauth3) { , function ($scope, $q, Auth, Oauth3, $timeout) {
var vm = this; var vm = this;
vm.domains = []; vm.domains = [];
@ -307,6 +307,18 @@ app.controller('websiteCtrl', [
}); });
vm.listSites(); 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) { $scope.localDomainSearch = function(str, domain) {
var matches = []; var matches = [];

34
templates/website.html
View File

@ -24,15 +24,23 @@
</div> </div>
<span class="input-group-addon">.</span> <span class="input-group-addon">.</span>
<input type="text" class="form-control" placeholder="Select a domain" aria-label="Domain Name" ng-model="vm.newDomain" ng-change="vm.setDomain()" /> <div angucomplete-alt
placeholder="Select a domain"
pause="300"
selected-object="vm.selectedDomain"
local-data="domain"
local-search="localDomainSearch"
title-field="domain"
minlength="0"
input-class="form-control trigger-dropdown"
match-class="highlight">
</div>
<!-- <input type="text" class="form-control" placeholder="Select a domain" aria-label="Domain Name" ng-model="vm.newDomain" ng-change="vm.setDomain()" /> -->
<div class="input-group-btn"> <div class="input-group-btn">
<!-- Single button -->
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span> <button type="button" class="btn btn-default trigger-dropdown" aria-haspopup="true" aria-expanded="false" ng-click="vm.triggerDropdown()"><span class="caret"></span>
</button> </button>
<ul class="dropdown-menu">
<li ng-repeat="domain in vm.domains track by $index"><button class="btn btn-link" ng-bind="domain.domain" ng-click="vm.selectDomain(domain)">example.com</button></li>
</ul>
</div> </div>
</div> </div>
@ -81,18 +89,4 @@
</tbody> </tbody>
</table> </table>
</div> </div>
</div>
<div angucomplete-alt
placeholder="Select a domain"
pause="300"
selected-object="selectedDomain"
local-data="domain"
local-search="localDomainSearch"
title-field="domain"
minlength="0"
input-class="form-control form-control-small"
match-class="highlight">
</div> </div>