RelationshipLayoutView_tmpl.html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!--
  2. * Licensed to the Apache Software Foundation (ASF) under one or more
  3. * contributor license agreements. See the NOTICE file distributed with
  4. * this work for additional information regarding copyright ownership.
  5. * The ASF licenses this file to You under the Apache License, Version 2.0
  6. * (the "License"); you may not use this file except in compliance with
  7. * the License. You may obtain a copy of the License at
  8. *
  9. * http://www.apache.org/licenses/LICENSE-2.0
  10. *
  11. * Unless required by applicable law or agreed to in writing, software
  12. * distributed under the License is distributed on an "AS IS" BASIS,
  13. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14. * See the License for the specific language governing permissions and
  15. * limitations under the License.
  16. -->
  17. <div class="graph-button-group form-group clearfix">
  18. <div class="btn-group pull-left">
  19. <span class="pull-left">图</span>
  20. <label class="switch pull-left">
  21. <input type="checkbox" checked class="switch-input" name="relationshipViewToggle" value="text">
  22. <span class="switch-slider"></span>
  23. </label>
  24. <span class="pull-left">表</span>
  25. </div>
  26. <div class="pull-right" data-id="zoomControl">
  27. <div class="btn-group pull-right">
  28. <button type="button" id="zoom_in" class="btn btn-action btn-gray btn-sm lineageZoomButton" title="放大" data-id="refreshBtn"> <i class="fa fa-search-plus"></i></button>
  29. <button type="button" id="zoom_out" class="btn btn-action btn-gray btn-sm lineageZoomButton" title="缩小" data-id="refreshBtn"> <i class="fa fa-search-minus"></i></button>
  30. </div>
  31. <div class="btn-group pull-right" style="padding: 4px 15px;">
  32. <span class="entity-status active" title="活跃的实体"><i class="fa fa-long-arrow-right fa-fw" aria-hidden="true"></i>活跃</span>
  33. <span class="entity-status deleted" title="已删除的实体"><i class="fa fa-long-arrow-right fa-fw" aria-hidden="true"></i>已删除</span>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="white-bg no-padding relationship-box invisible" data-id='relationshipSVG'>
  38. <div class="fontLoader">
  39. <i class="fa fa-refresh fa-spin-custom"></i>
  40. </div>
  41. <svg width="100%" height="100%" viewBox="0 0 854 330" enable-background="new 0 0 854 330" xml:space="preserve"></svg>
  42. <div class="box-panel size-lg slide-from-left relationship-node-details">
  43. <div class="header clearfix">
  44. <h4><span data-id="typeName"></span></h4>
  45. <span data-id="box-close" class="btn btn-sm btn-close"><i class="fa fa-close"></i></span>
  46. </div>
  47. <div class="body">
  48. <div class="col-md-12">
  49. <input data-id="searchNode" class="form-control form-group" placeholder="查询实体" />
  50. <ul data-id="entityList" class="entity-list"></ul>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="relationship-detail-table">
  56. <div class="entity-relationship-table-toggle">
  57. <div class="pretty p-switch p-fill">
  58. <input type="checkbox" data-id="noValueToggle" />
  59. <div class="state p-primary">
  60. <label>显示空值</label>
  61. </div>
  62. </div>
  63. </div>
  64. <table class="table table-quickMenu bold-key" data-id="relationshipDetailTable">
  65. <thead>
  66. <tr>
  67. <th>键</th>
  68. <th>值</th>
  69. </tr>
  70. </thead>
  71. <tbody data-id="relationshipDetailValue">
  72. </tbody>
  73. </table>
  74. </div>