ui-cmdbtab.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <style>
  2. .tabwidth {
  3. width: 180px;
  4. }
  5. /* .form-group {
  6. margin-bottom: 10px;
  7. } */
  8. </style>
  9. <!-- <tabset>
  10. <tab heading="html5">html5内容</tab>
  11. <tab heading="{{tab.title}}" ng-repeat="tab in tabs" active="tab.active" disabled="tab.disabled">{{tab.content}}</tab>
  12. <tab select="alertMe()">
  13. <tab-heading class="tabwidth">
  14. <i class="glyphicon glyphicon-bell">弹出!</i><a class="pull-right">x</a>
  15. </tab-heading>
  16. 欢迎您!
  17. </tab>
  18. </tabset>
  19. <hr> -->
  20. <!--// vertical 方式 默认为false为水平方向 反之。。。-->
  21. <!-- <tabset vertical="false" type="pills">
  22. <tab heading="第一列">第一列内容</tab>
  23. <tab heading="第二列">第二列内容</tab>
  24. </tabset> -->
  25. <!-- <tabset class="backborder">
  26. <tab ng-repeat="tab in workspaces" heading="{{tab.heard}}" active="tab.active" disable="tab.disabled" class="tabwidth">
  27. <div>{{tab.title}}</div>
  28. <div ui-i18n="{{lang}}">
  29. <div id="grid1" ui-grid="gridOptions" ui-grid-pagination external-scopes="$scope" ui-grid-cellNav ui-grid-resize-columns ui-grid-selection ui-grid-auto-resize class="grid"></div>
  30. </div>
  31. </tab>
  32. </tabset> -->
  33. <!-- <tabset class="backborder">
  34. <tab ng-repeat="content in workspaces" heading="{{content.name}}" active=content.active>
  35. <tab-heading class="tabwidth">
  36. <i class="glyphicon glyphicon-bell">弹出!</i><a class="pull-right">x</a>
  37. </tab-heading>
  38. <div ng-init="content=content">
  39. <div ng-include='content.contentUrl'>
  40. </div>
  41. </div>
  42. </tab>
  43. </tabset> -->
  44. <tabset class="backborder" ng-if="workspaces.length>0" style="margin-bottom: -5px;">
  45. <tab ng-repeat="content in workspaces">
  46. <tab-heading>
  47. <span class="padding-left-15 padding-right-15">{{content.name}}</span><span class="pull-right" ng-if="!to.removecheck" ng-click="remove(content)">x</span>
  48. </tab-heading>
  49. <tab-content ng-init="content=content" class="col-xs-12">
  50. <div ng-include='content.contentUrl' class="row">
  51. </div>
  52. </tab-content>
  53. </tab>
  54. </tabset>
  55. <!-- <div class="tabbable" id="tabs" style="border:none;">
  56. <ul class="nav nav-tabs" id="myTab">
  57. </ul>
  58. <div class="tab-content">
  59. </div>
  60. </div> -->