http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/tree/doc/developer.md ---------------------------------------------------------------------- diff --git a/console/app/tree/doc/developer.md b/console/app/tree/doc/developer.md new file mode 100644 index 0000000..d594032 --- /dev/null +++ b/console/app/tree/doc/developer.md @@ -0,0 +1,38 @@ +### Tree + +This plugin provides a simple HTML directive for working with [jQuery DynaTree widgets](http://wwwendt.de/tech/dynatree/doc/dynatree-doc.html) from AngularJS + +To use the directive, in your $scope create a tree model (e.g. using the Folder class) and assign it to some scope value... + + $scope.foo = new Folder("cheese"); + // populate the folders + + $scope.onFooSelected = function (selection) { + // do something... + }; + +Then in your HTML use + + <div hawtio-tree="foo"></div> + +To invoke a function on your $scope when a node is selected add the **onSelect** attribute: + + <div hawtio-tree="foo" onSelect="onFooSelected"></div> + +If you want to hide the root tree node you can add a hideRoot flag: + + <div hawtio-tree="foo" hideRoot="true"></div> + +You can add support for drag and drop by adding one of the drag and drop functions on your scope and them mentioning its name on the **onDragStart**, **onDragEnter**, **onDrop**, + +If you wish to be called back with the root node after population of the tree add the **onRoot** attribute + + <div hawtio-tree="foo" onRoot="onMyRootThingy"></div> + +Then add: + + $scope.onMyRootThingy = (rootNode) => { + // process the rootNode + }; + +If you wish to activate/select a number of nodes on startup then use the **activateNodes** attribute to map to a $scope variable which is an id or a list of IDs to activate on startup. \ No newline at end of file
http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/doc/developerPage1.md ---------------------------------------------------------------------- diff --git a/console/app/ui/doc/developerPage1.md b/console/app/ui/doc/developerPage1.md new file mode 100644 index 0000000..11959e1 --- /dev/null +++ b/console/app/ui/doc/developerPage1.md @@ -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 +<div ng-include="'app/ui/html/test1.html'"></div> + + + http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/doc/developerPage2.md ---------------------------------------------------------------------- diff --git a/console/app/ui/doc/developerPage2.md b/console/app/ui/doc/developerPage2.md new file mode 100644 index 0000000..eb06f4b --- /dev/null +++ b/console/app/ui/doc/developerPage2.md @@ -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> + + + http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/breadcrumbs.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/breadcrumbs.html b/console/app/ui/html/breadcrumbs.html new file mode 100644 index 0000000..3a7dde6 --- /dev/null +++ b/console/app/ui/html/breadcrumbs.html @@ -0,0 +1,5 @@ +<span class="hawtio-breadcrumb"> + <li ng-repeat="(level, config) in levels track by level" ng-show="config"> + <div hawtio-drop-down="config" process-submenus="false"></div> + </li> +</span> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/colorPicker.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/colorPicker.html b/console/app/ui/html/colorPicker.html new file mode 100644 index 0000000..e22bab1 --- /dev/null +++ b/console/app/ui/html/colorPicker.html @@ -0,0 +1,19 @@ +<div class="color-picker"> + <div class="wrapper"> + <div class="selected-color" style="background-color: {{property}};" ng-click="popout = !popout"></div> + </div> + <div class="color-picker-popout"> + <table> + <tr> + <td ng-repeat="color in colorList"> + <div class="{{color.select}}" style="background-color: {{color.color}};" + ng-click="selectColor(color)"> + </div> + <td> + <td> + <i class="icon-remove clickable" ng-click="popout = !popout"></i> + </td> + </tr> + </table> + </div> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/confirmDialog.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/confirmDialog.html b/console/app/ui/html/confirmDialog.html new file mode 100644 index 0000000..bdf0ca0 --- /dev/null +++ b/console/app/ui/html/confirmDialog.html @@ -0,0 +1,11 @@ +<div modal="show"> + <form class="form-horizontal no-bottom-margin"> + <div class="modal-header"><h4>{{title}}</h4></div> + <div class="modal-body"> + </div> + <div class="modal-footer"> + <input class="btn btn-danger" ng-show="{{showOkButton != 'false'}}" type="submit" value="{{okButtonText}}" ng-click="submit()"> + <button class="btn btn-primary" ng-click="cancel()">{{cancelButtonText}}</button> + </div> + </form> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/developerPage.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/developerPage.html b/console/app/ui/html/developerPage.html new file mode 100644 index 0000000..f5caccf --- /dev/null +++ b/console/app/ui/html/developerPage.html @@ -0,0 +1,59 @@ +<div class="row-fluid" ng-controller="UI.DeveloperPageController"> + + <div class="tocify" wiki-href-adjuster> + <div hawtio-toc-display + get-contents="getContents(filename, cb)"> + <ul> + <li> + <a href="app/ui/html/test/icon.html" chapter-id="icons">icons</a> + </li> + <li> + <a href="app/ui/html/test/auto-columns.html" chapter-id="auto-columns">auto-columns</a> + </li> + <li> + <a href="app/ui/html/test/auto-dropdown.html" chapter-id="auto-dropdown">auto-dropdown</a> + </li> + <li> + <a href="app/ui/html/test/breadcrumbs.html" chapter-id="breadcrumbs">breadcrumbs</a> + </li> + <li> + <a href="app/ui/html/test/color-picker.html" chapter-id="color-picker">color-picker</a> + </li> + <li> + <a href="app/ui/html/test/confirm-dialog.html" chapter-id="confirm-dialog">confirm-dialog</a> + </li> + <li> + <a href="app/ui/html/test/drop-down.html" chapter-id="drop-down">drop-down</a> + </li> + <li> + <a href="app/ui/html/test/editable-property.html" chapter-id="editableProperty">editable-property</a> + </li> + <li> + <a href="app/ui/html/test/editor.html" chapter-id="editor">editor</a> + </li> + <li> + <a href="app/ui/html/test/expandable.html" chapter-id="expandable">expandable</a> + </li> + <li> + <a href="app/ui/html/test/file-upload.html" chapter-id="file-upload">file-upload</a> + </li> + <li> + <a href="app/ui/html/test/jsplumb.html" chapter-id="jsplumb">jsplumb</a> + </li> + <li> + <a href="app/ui/html/test/pager.html" chapter-id="pager">pager</a> + </li> + <li> + <a href="app/ui/html/test/slideout.html" chapter-id="slideout">slideout</a> + </li> + <li> + <a href="app/ui/html/test/template-popover.html" chapter-id="template-popover">template-popover</a> + </li> + <li> + <a href="app/ui/html/test/zero-clipboard.html" chapter-id="zero-clipboard">zero-clipboard</a> + </li> + </ul> + </div> + </div> + <div class="toc-content" id="toc-content"></div> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/dropDown.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/dropDown.html b/console/app/ui/html/dropDown.html new file mode 100644 index 0000000..631fc45 --- /dev/null +++ b/console/app/ui/html/dropDown.html @@ -0,0 +1,41 @@ +<span> + + <script type="text/ng-template" id="withsubmenus.html"> + <span class="hawtio-dropdown dropdown" ng-class="open(config)" ng-click="action(config, $event)"> + <p ng-show="config.heading" ng-bind="config.heading"></p> + <span ng-show="config.title"> + <i ng-class="icon(config)"></i> <span ng-bind="config.title"></span> + <span ng-show="config.items" ng-hide="config.submenu" class="caret"></span> + <span ng-show="config.items && config.submenu" class="submenu-caret"></span> + </span> + + <ul ng-hide="config.action" ng-show="config.items" class="dropdown-menu" ng-class="submenu(config)"> + <li ng-repeat="item in config.items track by $index" ng-init="config=item; config['submenu']=true" ng-include="'withsubmenus.html'" hawtio-show object-name="{{item.objectName}}" method-name="{{item.methodName}}" argument-types="{{item.argumentTypes}}" mode="remove"> + </li> + </ul> + </span> + </script> + + <script type="text/ng-template" id="withoutsubmenus.html"> + <span class="hawtio-dropdown dropdown" ng-class="open(config)" ng-click="action(config, $event)"> + <p ng-show="config.heading" ng-bind="config.heading"></p> + <span ng-show="config.title"> + <i ng-class="icon(config)"></i> <span ng-bind="config.title"></span> + <span ng-show="config.items && config.items.length > 0" class="caret"></span> + </span> + + <ul ng-hide="config.action" ng-show="config.items" class="dropdown-menu" ng-class="submenu(config)"> + <li ng-repeat="item in config.items track by $index" hawtio-show object-name="{{item.objectName}}" method-name="{{item.methodName}}" argument-types="{{item.argumentTypes}}" mode="remove"> + <span class="menu-item" ng-click="action(item, $event)"> + <i ng-class="icon(item)"></i> <span ng-bind="item.title"></span> + <span ng-show="item.items" class="submenu-caret"></span> + </span> + </li> + </ul> + + </span> + </script> + + <span compile="menuStyle"></span> + +</span> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/editableProperty.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/editableProperty.html b/console/app/ui/html/editableProperty.html new file mode 100644 index 0000000..33ba0c7 --- /dev/null +++ b/console/app/ui/html/editableProperty.html @@ -0,0 +1,22 @@ +<div ng-mouseenter="showEdit()" ng-mouseleave="hideEdit()" class="ep" ng-dblclick="doEdit()"> + {{getText()}} <i class="ep-edit icon-pencil" title="Edit this item" ng-click="doEdit()" no-click></i> +</div> +<div class="ep editing" ng-show="editing" no-click> + <form class="form-inline no-bottom-margin" ng-submit="saveEdit()"> + <fieldset> + <span ng-switch="inputType"> + <span ng-switch-when="number"> + <input type="number" size="{{text.length}}" ng-style="getInputStyle()" value="{{text}}" max="{{max}}" min="{{min}}"> + </span> + <span ng-switch-when="password"> + <input type="password" size="{{text.length}}" ng-style="getInputStyle()" value="{{text}}"> + </span> + <span ng-switch-default> + <input type="text" size="{{text.length}}" ng-style="getInputStyle()" value="{{text}}"> + </span> + </span> + <i class="green clickable icon-ok icon1point5x" title="Save changes" ng-click="saveEdit()"></i> + <i class="red clickable icon-remove icon1point5x" title="Discard changes" ng-click="stopEdit()"></i> + </fieldset> + </form> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/editor.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/editor.html b/console/app/ui/html/editor.html new file mode 100644 index 0000000..151acf5 --- /dev/null +++ b/console/app/ui/html/editor.html @@ -0,0 +1,3 @@ +<div class="editor-autoresize"> + <textarea name="{{name}}" ng-model="text"></textarea> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/editorPreferences.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/editorPreferences.html b/console/app/ui/html/editorPreferences.html new file mode 100644 index 0000000..de172ed --- /dev/null +++ b/console/app/ui/html/editorPreferences.html @@ -0,0 +1,55 @@ +<div ng-controller="CodeEditor.PreferencesController"> + <form class="form-horizontal"> + <div class="control-group"> + <label class="control-label" for="theme" title="The default theme to be used by the code editor">Theme</label> + + <div class="controls"> + <select id="theme" ng-model="preferences.theme"> + <option value="default">Default</option> + <option value="ambiance">Ambiance</option> + <option value="blackboard">Blackboard</option> + <option value="cobalt">Cobalt</option> + <option value="eclipse">Eclipse</option> + <option value="monokai">Monokai</option> + <option value="neat">Neat</option> + <option value="twilight">Twilight</option> + <option value="vibrant-ink">Vibrant ink</option> + </select> + </div> + </div> + </form> + + <form name="editorTabForm" class="form-horizontal"> + <div class="control-group"> + <label class="control-label" for="tabSIze">Tab size</label> + + <div class="controls"> + <input type="number" id="tabSize" name="tabSize" ng-model="preferences.tabSize" ng-required="ng-required" min="1" max="10"/> + <span class="help-block" + ng-hide="editorTabForm.tabSize.$valid">Please specify correct size (1-10).</span> + </div> + </div> + </form> + + <div compile="codeMirrorEx"></div> + +<!-- please do not change the tabs into spaces in the following script! --> +<script type="text/ng-template" id="exampleText"> +var foo = "World!"; + +var myObject = { + message: "Hello", + getMessage: function() { + return message + " "; + } +}; + +window.alert(myObject.getMessage() + foo); +</script> + +<script type="text/ng-template" id="codeMirrorExTemplate"> + <div hawtio-editor="exampleText" mode="javascript"></div> +</script> +</div> + +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/filter.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/filter.html b/console/app/ui/html/filter.html new file mode 100644 index 0000000..9ea62f1 --- /dev/null +++ b/console/app/ui/html/filter.html @@ -0,0 +1,10 @@ +<div class="inline-block section-filter"> + <input type="text" + class="search-query" + ng-class="getClass()" + ng-model="ngModel" + placeholder="{{placeholder}}"> + <i class="icon-remove clickable" + title="Clear Filter" + ng-click="ngModel = ''"></i> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/icon.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/icon.html b/console/app/ui/html/icon.html new file mode 100644 index 0000000..aea4fd9 --- /dev/null +++ b/console/app/ui/html/icon.html @@ -0,0 +1,10 @@ +<span> + <span ng-show="icon && icon.type && icon.src" title="{{icon.title}}" ng-switch="icon.type"> + <i ng-switch-when="icon" class="{{icon.src}} {{icon.class}}"></i> + <img ng-switch-when="img" ng-src="{{icon.src}}" class="{{icon.class}}"> + </span> + <span ng-hide="icon && icon.type && icon.src"> + + </span> +</span> + http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/list.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/list.html b/console/app/ui/html/list.html new file mode 100644 index 0000000..45dac76 --- /dev/null +++ b/console/app/ui/html/list.html @@ -0,0 +1,26 @@ +<div> + + <!-- begin cell template --> + <script type="text/ng-template" id="cellTemplate.html"> + <div class="ngCellText"> + {{row.entity}} + </div> + </script> + <!-- end cell template --> + + <!-- begin row template --> + <script type="text/ng-template" id="rowTemplate.html"> + <div class="list-row"> + <div ng-show="config.showSelectionCheckbox" + class="list-row-select"> + <input type="checkbox" ng-model="row.selected"> + </div> + <div class="list-row-contents"></div> + </div> + </script> + <!-- end row template --> + + <!-- must have a little margin in the top --> + <div class="list-root" style="margin-top: 15px"></div> + +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/multiItemConfirmActionDialog.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/multiItemConfirmActionDialog.html b/console/app/ui/html/multiItemConfirmActionDialog.html new file mode 100644 index 0000000..f3413f1 --- /dev/null +++ b/console/app/ui/html/multiItemConfirmActionDialog.html @@ -0,0 +1,26 @@ +<div> + <form class="no-bottom-margin"> + <div class="modal-header"> + <span>{{options.title || 'Are you sure?'}}</span> + </div> + <div class="modal-body"> + <p ng-show='options.action' + ng-class='options.actionClass' + ng-bind='options.action'></p> + <ul> + <li ng-repeat="item in options.collection">{{item[options.index]}}</li> + </ul> + <p ng-show="options.custom" + ng-class="options.customClass" + ng-bind="options.custom"></p> + </div> + <div class="modal-footer"> + <button class="btn" + ng-class="options.okClass" + ng-click="close(true)">{{options.okText || 'Ok'}}</button> + <button class="btn" + ng-class="options.cancelClass" + ng-click="close(false)">{{options.cancelText || 'Cancel'}}</button> + </div> + </form> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/object.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/object.html b/console/app/ui/html/object.html new file mode 100644 index 0000000..1131985 --- /dev/null +++ b/console/app/ui/html/object.html @@ -0,0 +1,82 @@ +<div> + <script type="text/ng-template" id="primitiveValueTemplate.html"> + <span ng-show="data" object-path="{{path}}">{{data}}</span> + </script> + <script type="text/ng-template" id="arrayValueListTemplate.html"> + <ul class="zebra-list" ng-show="data" object-path="{{path}}"> + <li ng-repeat="item in data"> + <div hawtio-object="item" config="config" path="path" row="row"></div> + </li> + </ul> + </script> + <script type="text/ng-template" id="arrayValueTableTemplate.html"> + <table class="table table-striped" object-path="{{path}}"> + <thead> + </thead> + <tbody> + </tbody> + </table> + </script> + <script type="text/ng-template" id="dateAttributeTemplate.html"> + <dl class="" ng-show="data" object-path="{{path}}"> + <dt>{{key}}</dt> + <dd ng-show="data && data.getTime() > 0">{{data | date:"EEEE, MMMM dd, yyyy 'at' hh : mm : ss a Z"}}</dd> + <dd ng-show="data && data.getTime() <= 0"></dd> + + </dl> + </script> + <script type="text/ng-template" id="dateValueTemplate.html"> + <span ng-show="data"> + <span ng-show="data && data.getTime() > 0" object-path="{{path}}">{{data | date:"EEEE, MMMM dd, yyyy 'at' hh : mm : ss a Z"}}</span> + <span ng-show="data && data.getTime() <= 0" object-path="{{path}}"></span> + </span> + </script> + <script type="text/ng-template" id="primitiveAttributeTemplate.html"> + <dl class="" ng-show="data" object-path="{{path}}"> + <dt>{{key}}</dt> + <dd>{{data}}</dd> + </dl> + </script> + <script type="text/ng-template" id="objectAttributeTemplate.html"> + <dl class="" ng-show="data" object-path="{{path}}"> + <dt>{{key}}</dt> + <dd> + <div hawtio-object="data" config="config" path="path" row="row"></div> + </dd> + </dl> + </script> + <script type="text/ng-template" id="arrayAttributeListTemplate.html"> + <dl class="" ng-show="data" object-path="{{path}}"> + <dt>{{key}}</dt> + <dd> + <ul class="zebra-list"> + <li ng-repeat="item in data" ng-init="path = path + '/' + $index"> + <div hawtio-object="item" config="config" path="path" row="row"></div> + </li> + </ul> + </dd> + </dl> + </script> + <script type="text/ng-template" id="arrayAttributeTableTemplate.html"> + <dl class="" ng-show="data" object-path="{{path}}"> + <dt>{{key}}</dt> + <dd> + <table class="table table-striped"> + <thead> + </thead> + <tbody> + </tbody> + </table> + </dd> + </dl> + </script> + <script type="text/ng-template" id="headerTemplate.html"> + <th object-path="{{path}}">{{key}}</th> + </script> + <script type="text/ng-template" id="rowTemplate.html"> + <tr object-path="{{path}}"></tr> + </script> + <script type="text/ng-template" id="cellTemplate.html"> + <td object-path="{{path}}"></td> + </script> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/pane.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/pane.html b/console/app/ui/html/pane.html new file mode 100644 index 0000000..c6c4025 --- /dev/null +++ b/console/app/ui/html/pane.html @@ -0,0 +1,13 @@ +<div class="pane"> + <div class="pane-wrapper"> + <div class="pane-header-wrapper"> + </div> + <div class="pane-viewport"> + <div class="pane-content"> + </div> + </div> + <div class="pane-bar" + ng-mousedown="startMoving($event)" + ng-click="toggle()"></div> + </div> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/slideout.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/slideout.html b/console/app/ui/html/slideout.html new file mode 100644 index 0000000..cf1de6e --- /dev/null +++ b/console/app/ui/html/slideout.html @@ -0,0 +1,11 @@ +<div class="slideout {{direction}}"> + <div class=slideout-title> + <div class="mouse-pointer pull-right" ng-click="hidePanel($event)" title="Close panel"> + <i class="icon-remove"></i> + </div> + <span>{{title}}</span> + </div> + <div class="slideout-content"> + <div class="slideout-body"></div> + </div> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/tablePager.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/tablePager.html b/console/app/ui/html/tablePager.html new file mode 100644 index 0000000..481cdd7 --- /dev/null +++ b/console/app/ui/html/tablePager.html @@ -0,0 +1,9 @@ +<div class="hawtio-pager clearfix"> + <label>{{rowIndex() + 1}} / {{tableLength()}}</label> + <div class=btn-group> + <button class="btn" ng-disabled="isEmptyOrFirst()" ng-click="first()"><i class="icon-fast-backward"></i></button> + <button class="btn" ng-disabled="isEmptyOrFirst()" ng-click="previous()"><i class="icon-step-backward"></i></button> + <button class="btn" ng-disabled="isEmptyOrLast()" ng-click="next()"><i class="icon-step-forward"></i></button> + <button class="btn" ng-disabled="isEmptyOrLast()" ng-click="last()"><i class="icon-fast-forward"></i></button> + </div> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/tagFilter.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/tagFilter.html b/console/app/ui/html/tagFilter.html new file mode 100644 index 0000000..a1baf97 --- /dev/null +++ b/console/app/ui/html/tagFilter.html @@ -0,0 +1,18 @@ +<div> + <ul class="unstyled label-list"> + <li ng-repeat="tag in visibleTags | orderBy:'tag.id || tag'" + class="mouse-pointer" + ng-click="toggleSelectionFromGroup(selected, tag.id || tag)"> + <span class="badge" + ng-class="isInGroup(selected, tag.id || tag, 'badge-success', '')" + >{{tag.id || tag}}</span> + <span class="pull-right" + ng-show="tag.count">{{tag.count}} </span> + </li> + </ul> + <div class="mouse-pointer" + ng-show="selected.length" + ng-click="clearGroup(selected)"> + <i class="icon-remove" ></i> Clear Tags + </div> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/auto-columns.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/auto-columns.html b/console/app/ui/html/test/auto-columns.html new file mode 100644 index 0000000..9560ab1 --- /dev/null +++ b/console/app/ui/html/test/auto-columns.html @@ -0,0 +1,33 @@ +<div ng-controller="UI.UITestController2"> + + <div> + <div class="row-fluid"> + <h3>Auto Columns</h3> + <p>Lays out a bunch of inline-block child elements into columns automatically based on the size of the parent container. Specify the selector for the child items as an argument</p> + + <script type="text/ng-template" id="autoColumnTemplate"> +<div id="container" + style="height: 225px; + width: 785px; + background: lightgrey; + border-radius: 4px;" + hawtio-auto-columns=".ex-children" + min-margin="5"> + <div class="ex-children" + style="display: inline-block; + width: 64px; height: 64px; + border-radius: 4px; + background: lightgreen; + text-align: center; + vertical-align: middle; + margin: 5px;" + ng-repeat="div in divs">{{div}}</div> +</div> + </script> + <div hawtio-editor="autoColumnEx" mode="fileUploadExMode"></div> + <div class="directive-example"> + <div compile="autoColumnEx"></div> + </div> + </div> + </div> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/auto-dropdown.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/auto-dropdown.html b/console/app/ui/html/test/auto-dropdown.html new file mode 100644 index 0000000..5b98caf --- /dev/null +++ b/console/app/ui/html/test/auto-dropdown.html @@ -0,0 +1,28 @@ +<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> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/breadcrumbs.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/breadcrumbs.html b/console/app/ui/html/test/breadcrumbs.html new file mode 100644 index 0000000..ab4f5ff --- /dev/null +++ b/console/app/ui/html/test/breadcrumbs.html @@ -0,0 +1,24 @@ +<div ng-controller="UI.UITestController2"> + + <div> + + <div class="row-fluid"> + <h3>BreadCrumbs</h3> + <p>A breadcrumb implementation that supports dropdowns for each node. The data structure is a tree structure with a single starting node. When the user makes a selection the directive will update the 'path' property of the config object. The directive also watches the 'path' property, allowing you to also set the initial state of the breadcrumbs.</p> + <script type="text/ng-template" id="breadcrumbTemplate"> +<p>path: {{breadcrumbConfig.path}}</p> +<ul class="nav nav-tabs"> +<hawtio-breadcrumbs config="breadcrumbConfig"></hawtio-breadcrumbs> +</ul> + </script> + <h5>HTML</h5> + <div hawtio-editor="breadcrumbEx" mode="fileUploadExMode"></div> + <h5>JSON</h5> + <div hawtio-editor="breadcrumbConfigTxt" mode="javascript"></div> + <div class="directive-example"> + <div compile="breadcrumbEx"></div> + </div> + </div> + + </div> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/color-picker.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/color-picker.html b/console/app/ui/html/test/color-picker.html new file mode 100644 index 0000000..6add0f4 --- /dev/null +++ b/console/app/ui/html/test/color-picker.html @@ -0,0 +1,16 @@ +<div ng-controller="UI.UITestController1"> + + <div class="row-fluid"> + <h3>Color picker</h3> + + <p>Currently used on the preferences page to associate a color with a given URL regex</p> + + <div hawtio-editor="colorPickerEx" mode="fileUploadExMode"></div> + <div class="directive-example"> + <div compile="colorPickerEx"></div> + </div> + <hr> + </div> + + +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/confirm-dialog.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/confirm-dialog.html b/console/app/ui/html/test/confirm-dialog.html new file mode 100644 index 0000000..305b9cf --- /dev/null +++ b/console/app/ui/html/test/confirm-dialog.html @@ -0,0 +1,21 @@ +<div ng-controller="UI.UITestController1"> + + <div class="row-fluid"> + <h3>Confirmation Dialog</h3> + + <p>Displays a simple confirmation dialog with a standard title and buttons, just the dialog body needs to be + provided. The buttons can be customized as well as the actions when the ok or cancel button is clicked</p> + + <div hawtio-editor="confirmationEx1" mode="fileUploadExMode"></div> + <div class="directive-example"> + <div compile="confirmationEx1"></div> + </div> + + <div hawtio-editor="confirmationEx2" mode="fileUploadExMode"></div> + <div class="directive-example"> + <div compile="confirmationEx2"></div> + </div> + <hr> + </div> + +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/drop-down.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/drop-down.html b/console/app/ui/html/test/drop-down.html new file mode 100644 index 0000000..2a9b84f --- /dev/null +++ b/console/app/ui/html/test/drop-down.html @@ -0,0 +1,21 @@ +<div ng-controller="UI.UITestController2"> + + <div> + + <div class="row-fluid"> + <h3>Drop Down</h3> + <p>A bootstrap.js drop-down widget driven by a simple json structure</p> + <script type="text/ng-template" id="dropDownTemplate"> +<p>someVal: {{someVal}}</p> + <div hawtio-drop-down="dropDownConfig"></div> + </script> + <h5>HTML</h5> + <div hawtio-editor="dropDownEx" mode="fileUploadExMode"></div> + <h5>JSON</h5> + <div hawtio-editor="dropDownConfigTxt" mode="javascript"></div> + <div class="directive-example"> + <div compile="dropDownEx"></div> + </div> + </div> + </div> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/editable-property.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/editable-property.html b/console/app/ui/html/test/editable-property.html new file mode 100644 index 0000000..610e8e5 --- /dev/null +++ b/console/app/ui/html/test/editable-property.html @@ -0,0 +1,15 @@ +<div ng-controller="UI.UITestController1"> + + <div class="row-fluid"> + <h3>Editable Property</h3> + + <p>Use to display a value that the user can edit at will</p> + + <div hawtio-editor="editablePropertyEx1" mode="fileUploadExMode"></div> + <div class="directive-example"> + <div compile="editablePropertyEx1"></div> + </div> + <hr> + </div> + +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/editor.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/editor.html b/console/app/ui/html/test/editor.html new file mode 100644 index 0000000..dff116e --- /dev/null +++ b/console/app/ui/html/test/editor.html @@ -0,0 +1,17 @@ +<div ng-controller="UI.UITestController1"> + + <div> + <div class="row-fluid"> + <h3>CodeMirror</h3> + + <p>A directive that wraps the codeMirror editor.</p> + + <div hawtio-editor="editorEx1" mode="fileUploadExMode"></div> + <div class="directive-example"> + <div compile="editorEx1"></div> + </div> + </div> + </div> + + +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/expandable.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/expandable.html b/console/app/ui/html/test/expandable.html new file mode 100644 index 0000000..865fac7 --- /dev/null +++ b/console/app/ui/html/test/expandable.html @@ -0,0 +1,15 @@ +<div ng-controller="UI.UITestController1"> + + <div class="row-fluid"> + <h3>Expandable</h3> + + <p>Use to hide content under a header that a user can display when necessary</p> + + <div hawtio-editor="expandableEx" mode="fileUploadExMode"></div> + <div class="directive-example"> + <div compile="expandableEx"></div> + </div> + <hr> + </div> + +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/file-upload.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/file-upload.html b/console/app/ui/html/test/file-upload.html new file mode 100644 index 0000000..180034f --- /dev/null +++ b/console/app/ui/html/test/file-upload.html @@ -0,0 +1,26 @@ +<div ng-controller="UI.UITestController1"> + + <div class="row-fluid"> + <h3>File upload</h3> + + <p>Use to upload files to the hawtio webapp backend. Files are stored in a temporary directory and managed via the + UploadManager JMX MBean</p> + + <p>Showing files:</p> + + <div hawtio-editor="fileUploadEx1" mode="fileUploadExMode"></div> + <div class="directive-example"> + <div compile="fileUploadEx1"></div> + </div> + <hr> + <p>Not showing files:</p> + + <div hawtio-editor="fileUploadEx2" mode="fileUploadExMode"></div> + <div class="directive-example"> + <div compile="fileUploadEx2"></div> + </div> + </div> + <hr> +</div> + +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/icon.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/icon.html b/console/app/ui/html/test/icon.html new file mode 100644 index 0000000..64d6ca9 --- /dev/null +++ b/console/app/ui/html/test/icon.html @@ -0,0 +1,73 @@ +<div ng-controller="UI.IconTestController"> + + <script type="text/ng-template" id="example-html"> + +<style> + +/* Define icon sizes in CSS + use the 'class' attribute + to handle icons that are + wider than they are tall */ +.icon-example i:before, +.icon-example img { + vertical-align: middle; + line-height: 32px; + font-size: 32px; + height: 32px; + width: auto; +} + +.icon-example img.girthy { + height: auto; + width: 32px; +} +</style> + +<!-- Here we turn an array of + simple objects into icons! --> +<ul class="icon-example inline"> + <li ng-repeat="icon in icons"> + <hawtio-icon config="icon"></hawtio-icon> + </li> +</ul> + </script> + + <script type="text/ng-template" id="example-config-json"> +[{ + "title": "Awesome!", + "src": "icon-thumbs-up" +}, +{ + "title": "Apache Karaf", + "type": "icon", + "src": "icon-beaker" +}, +{ + "title": "Fabric8", + "type": "img", + "src": "img/icons/fabric8_icon.svg" +}, +{ + "title": "Apache Cassandra", + "src": "img/icons/cassandra.svg", + "class": "girthy" +}] + </script> + + + <div class="row-fluid"> + <h3>Icons</h3> + <p>A simple wrapper to handle arbitrarily using FontAwesome icons or images via a simple configuration</p> + <h5>HTML</h5> + <p>The icon sizes are specified in CSS, we can also pass a 'class' field to the icon as well to handle icons that are wider than they are tall for certain layouts</p> + <div hawtio-editor="exampleHtml" mode="html"></div> + <h5>JSON</h5> + <p>Here we define the configuration for our icons, in this case we're just creating a simple array of icon definitions to show in a list</p> + <div hawtio-editor="exampleConfigJson" mode="javascript"></div> + <div class="directive-example"> + <div compile="exampleHtml"></div> + </div> + </div> + + +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/jsplumb.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/jsplumb.html b/console/app/ui/html/test/jsplumb.html new file mode 100644 index 0000000..d68e25c --- /dev/null +++ b/console/app/ui/html/test/jsplumb.html @@ -0,0 +1,41 @@ +<div ng-controller="UI.UITestController1"> + + <div> + + <div class="row-fluid"> + <h3>JSPlumb</h3> + <p>Use to create an instance of JSPlumb</p> + <script type="text/ng-template" id="jsplumbTemplate"> +<div> + <div class="ex-node-container" hawtio-jsplumb> + <!-- Nodes just need to have an ID and the jsplumb-node class --> + <div ng-repeat="node in nodes" + id="{{node}}" + anchors="AutoDefault" + class="jsplumb-node ex-node"> + <i class="icon-plus clickable" ng-click="createEndpoint(node)"></i> Node: {{node}} + </div> + <!-- You can specify a connect-to attribute and a comma separated list of IDs to connect nodes --> + <div id="node3" + class="jsplumb-node ex-node" + anchors="Left,Right" + connect-to="node1,node2"> + <i class="icon-plus clickable" ng-click="createEndpoint('node3')"></i> Node 3 + </div> + <!-- Expressions and stuff will work too --> + <div ng-repeat="node in otherNodes" + id="{{node}}" + class="jsplumb-node ex-node" + anchors="Continuous" + connect-to="{{otherNodes[$index - 1]}}"><i class="icon-plus clickable" ng-click="createEndpoint(node)"></i> Node: {{node}}</div> + </div> + +</div> + </script> + <div hawtio-editor="jsplumbEx" mode="fileUploadExMode"></div> + + <div class="directive-example"> + <div compile="jsplumbEx"></div> + </div> + </div> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/pager.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/pager.html b/console/app/ui/html/test/pager.html new file mode 100644 index 0000000..0e17c54 --- /dev/null +++ b/console/app/ui/html/test/pager.html @@ -0,0 +1,10 @@ +<div ng-controller="UI.UITestController1"> + + <div> + <div class="row-fluid"> + <h3>Pager</h3> + <hr> + </div> + </div> + +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/slideout.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/slideout.html b/console/app/ui/html/test/slideout.html new file mode 100644 index 0000000..362f1e8 --- /dev/null +++ b/console/app/ui/html/test/slideout.html @@ -0,0 +1,19 @@ +<div ng-controller="UI.UITestController1"> + + <div class="row-fluid"> + <h3>Slideout</h3> + <p>Displays a panel that slides out from either the left or right and immediately disappears when closed</p> + + <div hawtio-editor="sliderEx1" mode="fileUploadExMode"></div> + <div class="directive-example"> + <div compile="sliderEx1"></div> + </div> + + <div hawtio-editor="sliderEx2" mode="fileUploadExMode"></div> + <div class="directive-example"> + <div compile="sliderEx2"></div> + </div> + <hr> + </div> + +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/template-popover.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/template-popover.html b/console/app/ui/html/test/template-popover.html new file mode 100644 index 0000000..4068b19 --- /dev/null +++ b/console/app/ui/html/test/template-popover.html @@ -0,0 +1,35 @@ +<div ng-controller="UI.UITestController2"> + + <div> + <div class="row-fluid"> + <h3>Template Popover</h3> + <p>Uses bootstrap popover but lets you supply an angular template to render as the popover body. For example here's a simple template for the popover body:</p> + <script type="text/ng-template" id="myTemplate"> +<table> + <tbody> + <tr ng-repeat="(k, v) in stuff track by $index"> + <td>{{k}}</td> + <td>{{v}}</td> + </tr> + </tbody> +</table> + </script> + <div hawtio-editor="popoverEx" mode="fileUploadExMode"></div> + + <p> + You can then supply this template as an argument to hawtioTemplatePopover. By default it will look for a template in $templateCache called "popoverTemplate", or specify a templte for the "content" argument. You can specify "placement" if you want the popover to appear on a certain side, or "auto" and the directive will calculate an appropriate side ("right" or "left") depending on where the element is in the window. + </p> + + <script type="text/ng-template" id="popoverExTemplate"> +<ul> + <li ng-repeat="stuff in things" hawtio-template-popover content="myTemplate">{{stuff.name}}</li> +</ul> + </script> + <div hawtio-editor="popoverUsageEx" mode="fileUploadExMode"></div> + <div class="directive-example"> + <div compile="popoverUsageEx"></div> + </div> + </div> + + </div> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/test/zero-clipboard.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/test/zero-clipboard.html b/console/app/ui/html/test/zero-clipboard.html new file mode 100644 index 0000000..6cd1841 --- /dev/null +++ b/console/app/ui/html/test/zero-clipboard.html @@ -0,0 +1,22 @@ +<div ng-controller="UI.UITestController2"> + + <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> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/app/ui/html/toc.html ---------------------------------------------------------------------- diff --git a/console/app/ui/html/toc.html b/console/app/ui/html/toc.html new file mode 100644 index 0000000..a1fe11d --- /dev/null +++ b/console/app/ui/html/toc.html @@ -0,0 +1,6 @@ +<div> + <div ng-repeat="item in myToc"> + <div id="{{item['href']}}Target" ng-bind-html-unsafe="item.text"> + </div> + </div> +</div> http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/bower_components/Font-Awesome/.bower.json ---------------------------------------------------------------------- diff --git a/console/bower_components/Font-Awesome/.bower.json b/console/bower_components/Font-Awesome/.bower.json new file mode 100644 index 0000000..c676a97 --- /dev/null +++ b/console/bower_components/Font-Awesome/.bower.json @@ -0,0 +1,14 @@ +{ + "name": "Font-Awesome", + "homepage": "https://github.com/FortAwesome/Font-Awesome";, + "version": "3.2.1", + "_release": "3.2.1", + "_resolution": { + "type": "version", + "tag": "v3.2.1", + "commit": "8d6f493a347c6408f47b8526bf815fecdb0d827a" + }, + "_source": "git://github.com/FortAwesome/Font-Awesome.git", + "_target": "3.2.1", + "_originalSource": "Font-Awesome" +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/bower_components/Font-Awesome/.ruby-version ---------------------------------------------------------------------- diff --git a/console/bower_components/Font-Awesome/.ruby-version b/console/bower_components/Font-Awesome/.ruby-version new file mode 100644 index 0000000..ae6d5b9 --- /dev/null +++ b/console/bower_components/Font-Awesome/.ruby-version @@ -0,0 +1 @@ +1.9.3-p392 http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/bower_components/Font-Awesome/CONTRIBUTING.md ---------------------------------------------------------------------- diff --git a/console/bower_components/Font-Awesome/CONTRIBUTING.md b/console/bower_components/Font-Awesome/CONTRIBUTING.md new file mode 100644 index 0000000..cc2530c --- /dev/null +++ b/console/bower_components/Font-Awesome/CONTRIBUTING.md @@ -0,0 +1,75 @@ +# Contributing to Font Awesome + +Looking to contribute something to Font Awesome? **Here's how you can help.** + + + +## Reporting issues + +We only accept issues that are icon requests, bug reports, or feature requests. Bugs must be isolated and reproducible problems that we can fix within the Font Awesome core. Please read the following guidelines to ensure you are the paragon of bug reporting. + +1. **Search for existing issues.** We get a lot of duplicate issues, and you'd help us out a lot by first checking if someone else has reported the same issue. Moreover, the issue may have already been resolved with a fix available. +2. **Create an isolated and reproducible test case.** Be sure the problem exists in Font Awesome's code with a [reduced test case](http://css-tricks.com/reduced-test-cases/) that should be included in each bug report. +3. **Include a live example.** Make use of jsFiddle, jsBin, or Codepen to share your isolated test cases. +4. **Share as much information as possible.** Include operating system and version, browser and version, version of Font Awesome, etc. where appropriate. Also include steps to reproduce the bug. + + + +## Key branches + +- `master` is the latest, deployed version (not to be used for pull requests) +- `gh-pages` is the hosted docs (not to be used for pull requests) +- `*-wip` branches are the official work in progress branches for the next releases. All pull requests should be submitted against the appropriate branch + + + +## Notes on the repo + +As of v3.2.0, Font Awesome's CSS, LESS, SCSS, and documentation are all powered by Jekyll templates and built before each commit and release. +- `_config.yml` - much of the site is driven off variables from this file, including Font Awesome and Bootstrap versions +- `src/` - All edits to documentation, LESS, SCSS, and CSS should be made to files and templates in this directory +- `src/icons.yml` - all LESS, SCSS, and CSS icon definitions are driven off this single file + + + +## Pull requests + +- Submit all pull requests against the appropriate `*-wip` branch for easier merging +- Any changes to the docs must be made to the Liquid templates in the `src` directory +- CSS changes must be done in .less and .scss files first, never the compiled files +- If modifying the .less and .scss files, always recompile and commit the compiled files +- Try not to pollute your pull request with unintended changes--keep them simple and small +- Try to share which browsers your code has been tested in before submitting a pull request + + + +## Coding standards: HTML + +- Two spaces for indentation, never tabs +- Double quotes only, never single quotes +- Always use proper indentation +- Use tags and elements appropriate for an HTML5 doctype (e.g., self-closing tags) + + + +## Coding standards: CSS + +- Adhere to the [Recess CSS property order](http://markdotto.com/2011/11/29/css-property-order/) +- Multiple-line approach (one property and value per line) +- Always a space after a property's colon (.e.g, `display: block;` and not `display:block;`) +- End all lines with a semi-colon +- For multiple, comma-separated selectors, place each selector on it's own line +- Attribute selectors, like `input[type="text"]` should always wrap the attribute's value in double quotes, for consistency and safety (see this [blog post on unquoted attribute values](http://mathiasbynens.be/notes/unquoted-attribute-values) that can lead to XSS attacks) + + + +## License + +By contributing your code, you agree to license your contribution under the terms of the MIT License: +- http://opensource.org/licenses/mit-license.html + + + +## Thanks + +Thanks to Bootstrap for their wonderful CONTRIBUTING.MD doc. It was modified to create this one. http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/bower_components/Font-Awesome/Gemfile ---------------------------------------------------------------------- diff --git a/console/bower_components/Font-Awesome/Gemfile b/console/bower_components/Font-Awesome/Gemfile new file mode 100644 index 0000000..499bcea --- /dev/null +++ b/console/bower_components/Font-Awesome/Gemfile @@ -0,0 +1,4 @@ +source 'https://rubygems.org' + +gem 'jekyll', '~> 1.0' +gem 'debugger' http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/bower_components/Font-Awesome/Gemfile.lock ---------------------------------------------------------------------- diff --git a/console/bower_components/Font-Awesome/Gemfile.lock b/console/bower_components/Font-Awesome/Gemfile.lock new file mode 100644 index 0000000..a00e13f --- /dev/null +++ b/console/bower_components/Font-Awesome/Gemfile.lock @@ -0,0 +1,46 @@ +GEM + remote: https://rubygems.org/ + specs: + classifier (1.3.3) + fast-stemmer (>= 1.0.0) + colorator (0.1) + columnize (0.3.6) + commander (4.1.3) + highline (~> 1.6.11) + debugger (1.6.0) + columnize (>= 0.3.1) + debugger-linecache (~> 1.2.0) + debugger-ruby_core_source (~> 1.2.1) + debugger-linecache (1.2.0) + debugger-ruby_core_source (1.2.2) + directory_watcher (1.4.1) + fast-stemmer (1.0.2) + highline (1.6.19) + jekyll (1.0.0) + classifier (~> 1.3) + colorator (~> 0.1) + commander (~> 4.1.3) + directory_watcher (~> 1.4.1) + kramdown (~> 0.14) + liquid (~> 2.3) + maruku (~> 0.5) + pygments.rb (~> 0.4.2) + safe_yaml (~> 0.7.0) + kramdown (0.14.2) + liquid (2.5.0) + maruku (0.6.1) + syntax (>= 1.0.0) + posix-spawn (0.3.6) + pygments.rb (0.4.2) + posix-spawn (~> 0.3.6) + yajl-ruby (~> 1.1.0) + safe_yaml (0.7.1) + syntax (1.0.0) + yajl-ruby (1.1.0) + +PLATFORMS + ruby + +DEPENDENCIES + debugger + jekyll (= 1.0) http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/bower_components/Font-Awesome/README.md ---------------------------------------------------------------------- diff --git a/console/bower_components/Font-Awesome/README.md b/console/bower_components/Font-Awesome/README.md new file mode 100644 index 0000000..ca526d9 --- /dev/null +++ b/console/bower_components/Font-Awesome/README.md @@ -0,0 +1,62 @@ +#[Font Awesome v3.2.1](http://fontawesome.io) +###the iconic font designed for Bootstrap + +Font Awesome is a full suite of 361 pictographic icons for easy scalable vector graphics on websites, created and +maintained by [Dave Gandy](http://twitter.com/byscuits). Stay up to date [@fontawesome](http://twitter.com/fontawesome). + +Get started at http://fontawesome.io! + +##License +- The Font Awesome font is licensed under the SIL OFL 1.1: + - http://scripts.sil.org/OFL +- Font Awesome CSS, LESS, and SASS files are licensed under the MIT License: + - http://opensource.org/licenses/mit-license.html +- The Font Awesome documentation is licensed under the CC BY 3.0 License: + - http://creativecommons.org/licenses/by/3.0/ +- Attribution is no longer required as of Font Awesome 3.0, but much appreciated: + - `Font Awesome by Dave Gandy - http://fontawesome.io` +- Full details: http://fontawesome.io/license + +##Changelog +- v3.0.0 - all icons redesigned from scratch, optimized for Bootstrap's 14px default +- v3.0.1 - much improved rendering in webkit, various bug fixes +- v3.0.2 - much improved rendering and alignment in IE7 +- v3.1.0 - Added 54 icons, icon stacking styles, flipping and rotating icons, removed SASS support +- [v3.1.1 GitHub milestones](https://github.com/FortAwesome/Font-Awesome/issues?milestone=4&page=1&state=closed) +- [v3.2.0 GitHub milestones](https://github.com/FortAwesome/Font-Awesome/issues?milestone=3&page=1&state=closed) +- [v3.2.1 GitHub milestones](https://github.com/FortAwesome/Font-Awesome/issues?milestone=5&page=1&state=closed) + +##Versioning + +Font Awesome will be maintained under the Semantic Versioning guidelines as much as possible. Releases will be numbered with the following format: + +`<major>.<minor>.<patch>` + +And constructed with the following guidelines: + +* Breaking backward compatibility bumps the major (and resets the minor and patch) +* New additions, including new icons, without breaking backward compatibility bumps the minor (and resets the patch) +* Bug fixes and misc changes bumps the patch + +For more information on SemVer, please visit http://semver.org. + +##Author +- Email: d...@fontawesome.io +- Twitter: http://twitter.com/byscuits +- GitHub: https://github.com/davegandy +- Work: Lead Product Designer @ http://kyru.us + +## Hacking on Font Awesome + +From the root of the repository, install the tools used to develop. + + $ bundle install + $ npm install + +Build the project and documentation: + + $ bundle exec jekyll build + +Or serve it on a local server on http://localhost:7998/Font-Awesome/: + + $ bundle exec jekyll serve http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/bower_components/Font-Awesome/_config.yml ---------------------------------------------------------------------- diff --git a/console/bower_components/Font-Awesome/_config.yml b/console/bower_components/Font-Awesome/_config.yml new file mode 100644 index 0000000..2a1b914 --- /dev/null +++ b/console/bower_components/Font-Awesome/_config.yml @@ -0,0 +1,54 @@ +safe: false +port: 7998 +baseurl: /Font-Awesome/ # Where GitHub serves the project up from +url: http://localhost:7998 + +source: src +destination: _gh_pages +plugins: src/_plugins + +pygments: true +permalink: pretty + +# ensures SCSS files are compiled +include: [_bootstrap.scss, _core.scss, _extras.scss, _icons.scss, _mixins.scss, _path.scss, _variables.scss] + +# used in building icon pages +icon_meta: src/icons.yml +icon_layout: icon.html # Relative to _layouts directory +icon_destination: icon # Relative to destination + +fontawesome: + version: 3.2.1 + minor_version: 3.2 + url: http://fontawesome.io + legacy_url: http://fortawesome.github.com/Font-Awesome/ + blog_url: http://blog.fontawesome.io + twitter: fontawesome + tagline: The iconic font designed for Bootstrap + author: + name: Dave Gandy + email: d...@fontawesome.io + twitter: byscuits + work: + name: Kyruus + url: http://kyruus.com + title: Lead Product Designer + github: + url: https://github.com/FortAwesome/Font-Awesome + project: Font-Awesome + org: FortAwesome + license: + font: + version: SIL OFL 1.1 + url: http://scripts.sil.org/OFL + code: + version: MIT License + url: http://opensource.org/licenses/mit-license.html + documentation: + version: CC BY 3.0 + url: http://creativecommons.org/licenses/by/3.0/ + +bootstrap: + version: 2.3.2 + url: http://getbootstrap.com http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/bower_components/Font-Awesome/composer.json ---------------------------------------------------------------------- diff --git a/console/bower_components/Font-Awesome/composer.json b/console/bower_components/Font-Awesome/composer.json new file mode 100644 index 0000000..b20d5f7 --- /dev/null +++ b/console/bower_components/Font-Awesome/composer.json @@ -0,0 +1,27 @@ +{ + "name": "fortawesome/font-awesome", + "description": "The iconic font designed for Bootstrap", + "keywords": ["font", "awesome", "fontawesome", "icon", "font", "bootstrap"], + "homepage": "http://fontawesome.io/";, + "authors": [ + { + "name": "Dave Gandy", + "email": "d...@fontawesome.io", + "role": "Developer", + "homepage": "http://twitter.com/byscuits"; + } + ], + "extra": { + "branch-alias": { + "dev-master": "3.2.x-dev" + } + }, + "license": [ + "OFL-1.1", + "MIT" + ], + "require-dev": { + "jekyll": "1.0.2", + "lessc": "1.3.3" + } +} --------------------------------------------------------------------- To unsubscribe, e-mail: commits-unsubscr...@qpid.apache.org For additional commands, e-mail: commits-h...@qpid.apache.org
