You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@qpid.apache.org by ea...@apache.org on 2016/02/18 19:04:48 UTC
[03/19] qpid-dispatch git commit: removed canvas class from left panel
removed canvas class from left panel
Project: http://git-wip-us.apache.org/repos/asf/qpid-dispatch/repo
Commit: http://git-wip-us.apache.org/repos/asf/qpid-dispatch/commit/4802b684
Tree: http://git-wip-us.apache.org/repos/asf/qpid-dispatch/tree/4802b684
Diff: http://git-wip-us.apache.org/repos/asf/qpid-dispatch/diff/4802b684
Branch: refs/heads/master
Commit: 4802b6847236d7ab0f913d8c9e6a99f08194bebe
Parents: 739dff2
Author: Ernest Allen <ea...@redhat.com>
Authored: Thu Feb 18 13:00:37 2016 -0500
Committer: Ernest Allen <ea...@redhat.com>
Committed: Thu Feb 18 13:00:37 2016 -0500
----------------------------------------------------------------------
.../stand-alone/plugin/html/qdrTopology.html | 222 +++++++++++++++++++
1 file changed, 222 insertions(+)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/4802b684/console/stand-alone/plugin/html/qdrTopology.html
----------------------------------------------------------------------
diff --git a/console/stand-alone/plugin/html/qdrTopology.html b/console/stand-alone/plugin/html/qdrTopology.html
new file mode 100644
index 0000000..0cea1b6
--- /dev/null
+++ b/console/stand-alone/plugin/html/qdrTopology.html
@@ -0,0 +1,222 @@
+<!--
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements. See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership. The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License. You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied. See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+<div class="qdrTopology row-fluid" ng-controller="QDR.TopologyController">
+ <div class="tertiary left panel">
+ <div id="topologyForm" ng-class="{selected : isSelected()}">
+ <!-- <div ng-repeat="form in forms" ng-show="isVisible(form)" ng-class='{selected : isSelected(form)}'> -->
+
+ <div ng-show="isGeneral()">
+ <h4>Router Info</h4>
+ <div ng-style="getTableHeight(attributes)" ui-grid-auto-resize ui-grid="topoGridOptions"></div>
+ </div>
+ <div ng-show="isConnections()">
+ <h4>Connection Info</h4>
+ <div ng-style="getTableHeight(connAttributes)" ui-grid-auto-resize ui-grid="topoConnOptions"></div>
+ </div>
+ <div id="addNodeForm" ng-show="isAddNode()">
+ <h4>Add a new router</h4>
+ <ul>
+ <li>Click on an existing router to create a connection to the new router</li>
+ <li>Double-click on the new router to <button ng-click="editNewRouter()">edit</button> its properties</li>
+ <li ng-show="addingNode.hasLink" >Right-click on a new connection to edit its properties</li>
+ </ul>
+ <button ng-click="cancel()">Cancel</button>
+ </div>
+ </div>
+ </div>
+ <div class="panel-adjacent">
+
+<!--
+ <ul class="nav nav-tabs ng-scope qdrTopoModes">
+ <li ng-repeat="mode in modes" ng-class="{active : isModeActive(mode.name), 'pull-right' : isRight(mode)}" ng-click="selectMode('{{mode.name}}')" >
+ <a data-placement="bottom" class="ng-binding"> {{mode.name}} </a></li>
+ </ul>
+-->
+ <div id="topology" ng-show="mode == 'Diagram'"><!-- d3 toplogy here --></div>
+ <div id="geology" ng-show="mode == 'Globe'"><!-- d3 globe here --></div>
+ <div id="crosssection"><!-- d3 pack here --></div>
+ <!-- <div id="addRouter" ng-show="mode == 'Add Node'"></div> -->
+ <div id="node_context_menu" class="contextMenu">
+ <ul>
+ <li class="na" ng-class="{new: contextNode.cls == 'temp'}" ng-click="addingNode.trigger = 'editNode'">Edit...</li>
+ <li class="na" ng-class="{adding: addingNode.step > 0}" ng-click="addingNode.step = 0">Cancel add</li>
+ <li class="context-separator"></li>
+ <li class="na" ng-class="{'force-display': !isFixed()}" ng-click="setFixed(true)">Freeze in place</li>
+ <li class="na" ng-class="{'force-display': isFixed()}" ng-click="setFixed(false)">Unfreeze</li>
+ </ul>
+ </div>
+ <div id="svg_context_menu" class="contextMenu">
+ <ul>
+ <li ng-click="addingNode.step = 2">Add a new router</li>
+ </ul>
+ </div>
+ <div id="link_context_menu" class="contextMenu">
+ <ul>
+ <li ng-click="reverseLink()">Reverse connection direction</li>
+ <li ng-click="removeLink()">Remove connection</li>
+ </ul>
+ </div>
+
+ </div>
+</div>
+<!--
+ This is the template for the node edit dialog that is displayed.
+-->
+<script type="text/ng-template" id="node-config-template.html">
+ <div class="modal-header">
+ <h3 class="modal-title">Configure new router</h3>
+ </div>
+ <div class="modal-body">
+ <form novalidate name="editForm">
+ <div class="tabbable tabs-left">
+ <ul class="nav nav-tabs">
+ <li ng-repeat="entity in entities" ng-click="setActive(entity.tabName)" ng-class="{separated: entity.tabName == 'listener0'}">
+ <a href="#{{entity.tabName}}" data-toggle="tab"><i ng-if="entity.icon !== ''" ng-class="entity.icon ? 'ui-icon-arrowthick-1-w' : 'ui-icon-arrowthick-1-e'" class="ui-icon"></i>{{entity.humanName}}</a>
+ </li>
+ </ul>
+ <div class="tab-content">
+ <div id="{{entity.tabName}}" ng-repeat="entity in entities" ng-show="isActive(entity.tabName)" class="entity-fields">
+ <div class="entity-description">{{entity.description}}</div>
+ <fieldset>
+ <div ng-mouseenter="showDescription(attribute, $event)" ng-repeat="attribute in entity.attributes">
+ <label for="{{attribute.name}}">{{attribute.humanName}}</label>
+ <div ng-if="attribute.input == 'input'">
+ <!-- ng-pattern="testPattern(attribute)" -->
+ <input type="{{attribute.type}}" name="{{attribute.name}}" id="{{attribute.name}}" ng-model="attribute.value" ng-required="attribute.required" class="ui-widget-content ui-corner-all">
+ </div>
+ <div ng-if="attribute.input == 'select'">
+ <select id="{{attribute.name}}" ng-model="attribute.selected" ng-options="item for item in attribute.rawtype"></select>
+ </div>
+ <div ng-if="attribute.input == 'boolean'" class="boolean">
+ <label><input type="radio" ng-model="attribute.value" value="true"> True</label>
+ <label><input type="radio" ng-model="attribute.value" value="false"> False</label>
+ </div>
+ </div>
+ </fieldset>
+ <div class="attr-description">{{attributeDescription}}
+ <div class="attr-type">{{attributeType}}</div>
+ <div class="attr-required">{{attributeRequired}}</div>
+ <div class="attr-unique">{{attributeUnique}}</div>
+ </div>
+ <div class="attr-annotations" ng-repeat="annotation in entity.annotatedBy">
+ <span>You can also enter the <button ng-click="selectAnnotationTab(annotation)">{{annotation}}</button> values.</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </form>
+ </div>
+ <div class="modal-footer">
+ <button class="btn btn-primary" type="button" ng-click="download()">Download</button>
+ <button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button>
+ </div>
+
+<!--
+
+
+ <div class="nodeOptions" title="Configure new router">
+ <form novalidate name="editForm">
+ <div id="tabs" class="nodeEntities">
+ <ul class="nodeTabs">
+ <li ng-repeat="entity in entities" ng-class="{separated: entity.tabName == 'listener0'}">
+
+ <a href="#{{entity.tabName}}"><i ng-if="entity.icon !== ''" ng-class="entity.icon ? 'ui-icon-arrowthick-1-w' : 'ui-icon-arrowthick-1-e'" class="ui-icon"></i>{{entity.humanName}}</a>
+ </li>
+ </ul>
+ <div id="{{entity.tabName}}" ng-repeat="entity in entities" class="entity-fields">
+ <div class="entity-description">{{entity.description}}</div>
+ <fieldset>
+ <div ng-mouseenter="showDescription(attribute, $event)" ng-repeat="attribute in entity.attributes">
+ <label for="{{attribute.name}}">{{attribute.humanName}}</label>
+ <div ng-if="attribute.input == 'input'">
+ <input type="{{attribute.type}}" name="{{attribute.name}}" id="{{attribute.name}}" ng-model="attribute.value" ng-pattern="testPattern(attribute)" ng-required="attribute.required" class="ui-widget-content ui-corner-all">
+ </div>
+ <div ng-if="attribute.input == 'select'">
+ <select id="{{attribute.name}}" ng-model="attribute.selected" ng-options="item for item in attribute.rawtype"></select>
+ </div>
+ <div ng-if="attribute.input == 'boolean'" class="boolean">
+ <label><input type="radio" ng-model="attribute.value" value="true"> True</label>
+ <label><input type="radio" ng-model="attribute.value" value="false"> False</label>
+ </div>
+ </div>
+ </fieldset>
+ <div class="attr-description">{{attributeDescription}}
+ <div class="attr-type">{{attributeType}}</div>
+ <div class="attr-required">{{attributeRequired}}</div>
+ <div class="attr-unique">{{attributeUnique}}</div>
+ </div>
+ <div class="attr-annotations" ng-repeat="annotation in entity.annotatedBy">
+ <span>You can also enter the <button ng-click="selectAnnotationTab(annotation)">{{annotation}}</button> values.</span>
+ </div>
+ </div>
+ </div>
+ </form>
+
+ <div class="okButton">
+ <button ng-click="download()">Download</button>
+ <button ng-click="cancel()">Cancel</button>
+ </div>
+ </div>
+ -->
+</script>
+
+<script type="text/ng-template" id="config-file-header.html">##
+## Licensed to the Apache Software Foundation (ASF) under one
+## or more contributor license agreements. See the NOTICE file
+## distributed with this work for additional information
+## regarding copyright ownership. The ASF licenses this file
+## to you under the Apache License, Version 2.0 (the
+## "License"); you may not use this file except in compliance
+## with the License. You may obtain a copy of the License at
+##
+## http://www.apache.org/licenses/LICENSE-2.0
+##
+## Unless required by applicable law or agreed to in writing,
+## software distributed under the License is distributed on an
+## "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+## KIND, either express or implied. See the License for the
+## specific language governing permissions and limitations
+## under the License
+##
+</script>
+
+<script type="text/ng-template" id="download-dialog-template.html">
+ <div title="Configure new router">
+
+ <label title="Show descriptions and default values in confile files"><input type="checkbox" ng-model="verbose"> Verbose output</label>
+ <div>
+ <button ng-click="download()">Download</button>
+ <button class="btn" zero-clipboard data-clipboard-text="{{output}}" title="Copy to clipboard">
+ <i class="icon-copy"></i>
+ </button> configuration file for {{newRouterName}}
+ </div>
+ <div ng-repeat="part in parts">
+ <button ng-click="downloadPart(part)">Download</button>
+ <button class="btn" zero-clipboard data-clipboard-text="{{part.output}}" title="Copy to clipboard">
+ <i class="icon-copy"></i>
+ </button> connector section for {{part.name}}
+ </div>
+
+ <div class="okButton">
+ <button ng-click="done()">Done</button>
+ </div>
+
+ </div>
+</script>
+
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@qpid.apache.org
For additional commands, e-mail: commits-help@qpid.apache.org