Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
Add documentation for zero clipboard and autodropdown and fix a sizin…
…g bug in autodropdown
- Loading branch information
Showing
7 changed files
with
83 additions
and
6 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
### UI | ||
|
||
The **UI** plugin provides a number of [AngularJS](http://angularjs.org/) directives for creating a number of UI widgets. The following examples can be edited and are re-compiled on the fly. | ||
|
||
For details on form widgets take a look at the [Form documentation](index.html#/help/forms/developer) | ||
|
||
## General UI widgets (Page 2) | ||
<div ng-include="'app/ui/html/test2.html'"></div> | ||
|
||
|
||
|
2 changes: 1 addition & 1 deletion
2
...web/src/main/webapp/app/ui/html/test.html → ...eb/src/main/webapp/app/ui/html/test1.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
<div ng-controller="UI.UITestController"> | ||
<div ng-controller="UI.UITestController1"> | ||
|
||
<div> | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,46 @@ | ||
<div ng-controller="UI.UITestController2"> | ||
|
||
<div> | ||
<div class="row-fluid"> | ||
<h3>Auto Drop Down</h3> | ||
<p>Handy for horizontal lists of things like menus, if the width of the element is smaller than the items inside any overflowing elements will be collected into a special dropdown element that's required at the end of the list</p> | ||
<script type="text/ng-template" id="autoDropDownTemplate"> | ||
<ul class="nav nav-tabs" hawtio-auto-dropdown> | ||
<!-- All of our menu items --> | ||
<li ng-repeat="item in menuItems"> | ||
<a href="">{{item}}</a> | ||
</li> | ||
<!-- The dropdown that will collect overflow elements --> | ||
<li class="dropdown overflow" style="float: right !important; visibility: hidden;"> | ||
<a href="" class="dropdown-toggle" data-toggle="dropdown"> | ||
<i class="icon-chevron-down"></i> | ||
</a> | ||
<ul class="dropdown-menu right"></ul> | ||
</li> | ||
</ul> | ||
</script> | ||
<div hawtio-editor="autoDropDown" mode="fileUploadExMode"></div> | ||
<div class="directive-example"> | ||
<div compile="autoDropDown"></div> | ||
</div> | ||
</div> | ||
|
||
<div class="row-fluid"> | ||
<h3>Zero Clipboard</h3> | ||
<p>Directive that attaches a zero clipboard instance to an element so a user can click on a button to copy some text to the clipboard</p> | ||
<p>Best way to use this is next to a readonly input that displays the same data to be copied, that way folks that have Flash disabled can still copy the text.</p> | ||
<script type="text/ng-template" id="zeroClipboardTemplate"> | ||
<input type="text" class="no-bottom-margin" readonly value="Some Text!"> | ||
<button class="btn" zero-clipboard data-clipboard-text="Some Text!" title="Click to copy!"> | ||
<i class="icon-copy"></i> | ||
</button> | ||
</script> | ||
<div hawtio-editor="zeroClipboard" mode="fileUploadExMode"></div> | ||
<div class="directive-example"> | ||
<div compile="zeroClipboard"></div> | ||
</div> | ||
</div> | ||
|
||
|
||
</div> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters