class.pug 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. html
  2. head
  3. include imports/meta.import.pug
  4. title= title
  5. script.
  6. const ClassList = !{JSON.stringify(ClassList)};
  7. const Class = !{JSON.stringify(Class)};
  8. const ClassSource = !{JSON.stringify(ClassSource)};
  9. const RepoNames = !{JSON.stringify(RepoNames)};
  10. const Z8Locales = !{JSON.stringify(Z8Locales)};
  11. const Comments = !{JSON.stringify(Comments)};
  12. const isAdmin = !{JSON.stringify(isAdmin)};
  13. const isEditor = !{JSON.stringify(isEditor)};
  14. const Login = !{JSON.stringify(Login)};
  15. include imports/cdclientlib.import.pug
  16. include imports/codemirror.import.pug
  17. include imports/codemirror.javascript.import.pug
  18. include imports/jquery.import.pug
  19. include imports/global.import.pug
  20. include modules/context-menu.module.pug
  21. include modules/statistics.module.pug
  22. include imports/socket.import.pug
  23. include imports/page.import.pug
  24. body
  25. div.main
  26. div.left
  27. include parts/left-header.part.pug
  28. div.right
  29. if(Class.isPackage)
  30. if(Class.root)
  31. div.right-header
  32. div.right-header-top
  33. div.class-name
  34. div.package-icon
  35. span= Class.name
  36. span= ' (Documented: '
  37. span.class-documented-percentage= '0%'
  38. span= ')'
  39. div.display-mode-buttons
  40. div.display-mode-button.mode-tabs(title='Display mode: Tabs', data-display-mode='mode-tabs')
  41. div.display-mode-button.mode-list(title='Display mode: List', data-display-mode='mode-list')
  42. div.tabs
  43. div.tab.info(data-tab='Info')= 'Info'
  44. if(isEditor)
  45. div.tab.contribution(data-tab='Contribution')= 'Contribution history'
  46. div.content
  47. div.content-tab#info
  48. h3.content-tab-title= 'Info'
  49. if(isEditor)
  50. div.content-tab#contribution
  51. h3.content-tab-title= 'Contribution history'
  52. else
  53. div.right-header.class-not-found
  54. div.class-not-found-image
  55. div.class-not-found-text= 'Package `' + Class.name + '` not found'
  56. else
  57. if(Class.root)
  58. div.right-header
  59. div.right-header-top
  60. div.class-name
  61. div.class-icon
  62. span= Class.name
  63. span= ' (Documented: '
  64. span.class-documented-percentage= '0%'
  65. span= ')'
  66. div.display-mode-buttons
  67. div.display-mode-button.mode-tabs(title='Display mode: Tabs', data-display-mode='mode-tabs')
  68. div.display-mode-button.mode-list(title='Display mode: List', data-display-mode='mode-list')
  69. div.tabs
  70. div.tab.editor(data-tab='Editor')= 'Editor'
  71. div.tab.info(data-tab='Info')= 'Info'
  72. div.tab.methods(data-tab='Methods')= 'Methods'
  73. div.tab.properties(data-tab='Properties')= 'Properties'
  74. div.tab.parents(data-tab='Parents')= 'Parents'
  75. div.tab.mixins(data-tab='Mixins')= 'Mixins'
  76. div.tab.children(data-tab='Children')= 'Children'
  77. div.tab.mixedin(data-tab='MixedIn')= 'Mixed in'
  78. if(isEditor)
  79. div.tab.contribution(data-tab='Contribution')= 'Contribution history'
  80. div.content
  81. div.content-tab#info
  82. h3.content-tab-title= 'Info'
  83. div.content-tab#parents
  84. h3.content-tab-title= 'Parents'
  85. div.content-tab#methods
  86. h3.content-tab-title= 'Methods'
  87. div.content-tab#properties
  88. h3.content-tab-title= 'Properties'
  89. div.content-tab#mixins
  90. h3.content-tab-title= 'Mixins'
  91. div.content-tab#mixedin
  92. h3.content-tab-title= 'Mixed In'
  93. div.content-tab#children
  94. h3.content-tab-title= 'Children'
  95. div.content-tab#editor
  96. h3.content-tab-title= 'Editor'
  97. if(isEditor)
  98. div.content-tab#contribution
  99. h3.content-tab-title= 'Contribution history'
  100. else
  101. div.right-header.class-not-found
  102. div.class-not-found-image
  103. div.class-not-found-text= 'Class `' + Class.name + '` not found'
  104. div.context-menu.hidden