[Common UI] Generalize click-away behavior

Add a general-purpose controller for UI elements which
have 'click-away' behavior; that is, they should be
deactivated on document clicks.

This generalizes existing behavior added for the Create
menu, such that it may be used on other, similar menus
and UI elements.

Part of ongoing transition of common user interface
components, WTD-574.
This commit is contained in:
Victor Woeltjen
2014-11-24 07:12:45 -08:00
parent 42de4b8b13
commit 3a5a015097
3 changed files with 88 additions and 3 deletions

View File

@@ -1,8 +1,8 @@
<div class="menu-element wrapper" ng-controller="CreateButtonController">
<div class="btn btn-menu create-btn major" ng-click="toggle()">
<div class="menu-element wrapper" ng-controller="ClickAwayController as createController">
<div class="btn btn-menu create-btn major" ng-click="createController.toggle()">
<span class='ui-symbol major' href=''>+</span> Create<!--span class='ui-symbol invoke-menu'>v</span-->
</div>
<div class="menu dropdown super-menu" ng-show="createState.visible">
<div class="menu dropdown super-menu" ng-show="createController.isActive()">
<mct-representation mct-object="domainObject" key="'create-menu'">
</mct-representation>
</div>