side-bar.jade 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .dropdown
  2. a.btn.btn-primary.dropdown-toggle(
  3. href="#",
  4. data-toggle="dropdown"
  5. )
  6. | #{translate("new_project")}
  7. ul.dropdown-menu(role="menu")
  8. li
  9. a(
  10. href,
  11. ng-click="openCreateProjectModal()"
  12. ) #{translate("blank_project")}
  13. li
  14. a(
  15. href,
  16. ng-click="openCreateProjectModal('example')"
  17. ) #{translate("example_project")}
  18. li
  19. a(
  20. href,
  21. ng-click="openUploadProjectModal()"
  22. ) #{translate("upload_project")}
  23. if (templates)
  24. li.divider
  25. li.dropdown-header #{translate("templates")}
  26. each item in templates
  27. li
  28. a.menu-indent(href=item.url) #{translate(item.name)}
  29. .row-spaced(ng-if="projects.length > 0", ng-cloak)
  30. ul.list-unstyled.folders-menu(
  31. ng-controller="TagListController"
  32. )
  33. li(ng-class="{active: (filter == 'all')}")
  34. a(href, ng-click="filterProjects('all')") #{translate("all_projects")}
  35. li(ng-class="{active: (filter == 'owned')}")
  36. a(href, ng-click="filterProjects('owned')") #{translate("your_projects")}
  37. li(ng-class="{active: (filter == 'shared')}")
  38. a(href, ng-click="filterProjects('shared')") #{translate("shared_with_you")}
  39. li(ng-class="{active: (filter == 'archived')}")
  40. a(href, ng-click="filterProjects('archived')") #{translate("deleted_projects")}
  41. li
  42. h2 #{translate("folders")}
  43. li(
  44. ng-repeat="tag in tags | filter:nonEmpty",
  45. ng-class="{active: tag.selected}",
  46. ng-cloak
  47. )
  48. a.tag(href, ng-click="selectTag(tag)")
  49. i.icon.fa.fa-fw(
  50. ng-class="{\
  51. 'fa-folder-open-o': tag.selected,\
  52. 'fa-folder-o': !tag.selected\
  53. }"
  54. )
  55. span.name {{tag.name}}
  56. span.subdued ({{tag.project_ids.length}})
  57. li(ng-cloak)
  58. a.tag(href, ng-click="openNewTagModal()")
  59. i.fa.fa-fw.fa-plus
  60. span.name #{translate("new_folder")}
  61. .row-spaced(ng-if="projects.length == 0", ng-cloak)
  62. .first-project
  63. div
  64. i.fa.fa-arrow-up.fa-2x
  65. div
  66. strong #{translate("create_your_first_project")}
  67. - if (showUserDetailsArea)
  68. .row-spaced#userProfileInformation(ng-if="projects.length > 0", ng-cloak)
  69. div(ng-controller="UserProfileController")
  70. hr(ng-show="percentComplete < 100")
  71. .text-centered.user-profile(ng-show="percentComplete < 100")
  72. .progress
  73. .progress-bar.progress-bar-info(ng-style="{'width' : (percentComplete+'%')}")
  74. p.small #{translate("profile_complete_percentage", {percentval:"{{percentComplete}}"})}
  75. button#completeUserProfileInformation.btn.btn-info(
  76. ng-hide="formVisable",
  77. ng-click="openUserProfileModal()"
  78. ) #{translate("complete")}
  79. -if (settings.enableSubscriptions && !hasSubscription)
  80. .row-spaced(ng-if="projects.length > 0", ng-cloak).text-centered
  81. hr
  82. p.small #{translate("on_free_sl")}
  83. p
  84. a(href="/user/subscription/plans").btn.btn-primary #{translate("upgrade")}
  85. p.small
  86. | #{translate("or_unlock_features_bonus")}
  87. a(href="/user/bonus") #{translate("sharing_sl")} .