LineageLayoutView_tmpl.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  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-toolbar clearfix"></div> -->
  18. <div class="white-bg no-padding lineage-box">
  19. <div class="box-panel filter-box">
  20. <div class="header clearfix">
  21. <h4>Filters</h4>
  22. <span data-id="box-close" class="btn btn-sm btn-close"><i class="fa fa-close"></i></span>
  23. </div>
  24. <div class="body">
  25. <div class="hideProcessContainer form-group text-left col-sm-12">
  26. <div class="pretty p-switch p-fill">
  27. <input type="checkbox" class="pull-left" data-id="checkHideProcess" value="" />
  28. <div class="state p-primary">
  29. <label>Hide Process</label>
  30. </div>
  31. </div>
  32. </div>
  33. <div class="hideDeletedContainer form-group text-left col-sm-12">
  34. <div class="pretty p-switch p-fill">
  35. <input type="checkbox" data-id="checkDeletedEntity" value="" />
  36. <div class="state p-primary">
  37. <label>Hide Deleted Entity</label>
  38. </div>
  39. </div>
  40. </div>
  41. <div class="depth-container form-group select2-mini">
  42. <label class="control-label col-sm-4">Depth:</label>
  43. <div class="col-sm-4 no-padding">
  44. <select data-id="selectDepth" class="form-control"></select>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <div class="box-panel search-box">
  50. <div class="header clearfix">
  51. <h4>Search</h4>
  52. <span data-id="box-close" class="btn btn-sm btn-close"><i class="fa fa-close"></i></span>
  53. </div>
  54. <div class="body">
  55. <div class="col-sm-12 no-padding">
  56. <div class="srchType clearfix">
  57. <label class="srchTitle">Search Lineage Entity: </label>
  58. <div class="">
  59. <div class="col-sm-12 no-padding temFilter">
  60. <select data-id="typeSearch"></select>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. <div class="box-panel setting-box">
  68. <div class="header clearfix">
  69. <h4>Settings</h4>
  70. <span data-id="box-close" class="btn btn-sm btn-close"><i class="fa fa-close"></i></span>
  71. </div>
  72. <div class="body">
  73. <div class="showOnlyHoverPath form-group text-left col-sm-12">
  74. <div class="pretty p-switch p-fill">
  75. <input type="checkbox" checked class="pull-left" data-id="showOnlyHoverPath" value="" />
  76. <div class="state p-primary">
  77. <label>On hover show current path</label>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="showTooltip form-group text-left col-sm-12">
  82. <div class="pretty p-switch p-fill">
  83. <input type="checkbox" class="pull-left" data-id="showTooltip" value="" />
  84. <div class="state p-primary">
  85. <label>Show node details on hover</label>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="showTooltip form-group text-left col-sm-12">
  90. <div class="pretty p-switch p-fill">
  91. <input type="checkbox" class="pull-left" data-id="labelFullName" value="" id="labelFullName"/>
  92. <div class="state p-primary">
  93. <label>Display fullname</label>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. <div class="graph-button-group pull-right">
  100. <div>
  101. <button data-id="resetLineage" class="btn btn-action btn-gray btn-sm" title="Realign Lineage">
  102. <i class="fa fa-retweet"></i>
  103. </button>
  104. </div>
  105. <div>
  106. <button data-id="saveSvg" class="btn btn-action btn-gray btn-sm" title="Export to PNG">
  107. <i class="fa fa-camera"></i>
  108. </button>
  109. </div>
  110. <div>
  111. <button type="button" data-id="setting-toggler" title="Settings" class="btn btn-action btn-gray btn-sm">
  112. <i class="fa fa-gear"></i>
  113. </button>
  114. </div>
  115. <div>
  116. <button type="button" data-id="filter-toggler" title="Filter" class="btn btn-action btn-gray btn-sm"><i class="fa fa-filter"></i></button>
  117. </div>
  118. <div>
  119. <button type="button" data-id="search-toggler" title="Search" class="btn btn-action btn-gray btn-sm"><i class="fa fa-search"></i></button>
  120. </div>
  121. <div class="btn-group">
  122. <button type="button" class="btn btn-action btn-gray btn-sm lineageZoomButton" title="Zoom In" data-id="zoom-in">
  123. <i class="fa fa-search-plus"></i>
  124. </button>
  125. <button type="button" class="btn btn-action btn-gray btn-sm lineageZoomButton" title="Zoom Out" data-id="zoom-out">
  126. <i class="fa fa-search-minus"></i>
  127. </button>
  128. </div>
  129. <div>
  130. <button type="button" data-id="fullScreen-toggler" title="Full screen" class="btn btn-action btn-gray btn-sm fullscreen_lineage">
  131. <i class="fa fa-expand"></i>
  132. </button>
  133. </div>
  134. </div>
  135. <div class="fontLoader">
  136. <i class="fa fa-refresh fa-spin-custom"></i>
  137. </div>
  138. <div class="legends pull-left" style="height: 25px; padding: 2px;"></div>
  139. <div class="svg" style="height: 100%; width: 100%"></div>
  140. </div>
  141. <div class="box-panel size-lg slide-from-right lineage-node-detail fix-box">
  142. <div class="header clearfix">
  143. <h4><span data-id="typeName"></span></h4>
  144. <span data-id="box-close" class="btn btn-sm btn-close lineage-node-detail-close"><i class="fa fa-close"></i></span>
  145. <span data-id="box-close" class="btn btn-sm btn-close lineage-node-detail-close"><i class="fa fa-close"></i></span>
  146. </div>
  147. <div class="body">
  148. <table class="table bold-key">
  149. <tbody data-id="nodeDetailTable"></tbody>
  150. </table>
  151. </div>
  152. </div>
  153. <div class="hidden-svg"></div>