Sidebar.razor 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. @attribute [Authorize]
  2. @using HyperCube.Pages
  3. <AuthorizeView>
  4. <Authorized>
  5. <nav class="nav">
  6. <div class="top-href">
  7. <div class="top-href__logo" style="cursor:pointer" title="Вернуться на главную" @onclick="@LogoClick">
  8. <img src="img/logo_light.svg" alt="">
  9. </div>
  10. <a style="cursor:pointer; position:relative" title="Личные данные" @onclick="@ProfileClick">
  11. <img src="img/user.svg" alt="">
  12. @if (_newNotification)
  13. {
  14. <div class="circle_red">
  15. </div>
  16. }
  17. </a>
  18. </div>
  19. <div class="middle-href">
  20. <a style="cursor:pointer" title="Рабочий стол" @onclick="@DesktopClick">
  21. <img src="img/desktop.svg" alt="">
  22. </a>
  23. <a style="cursor:pointer" title="Файлы" @onclick="@FilesClick">
  24. <img src="img/files.svg" alt="">
  25. </a>
  26. <a style="cursor:pointer" title="Компетенции" @onclick="@CompetencyClick">
  27. <img src="img/competence.svg" alt="">
  28. </a>
  29. <a style="cursor:pointer" title="Рейтинги" @onclick="@RatingClick">
  30. <img src="img/raiting.svg" alt="">
  31. </a>
  32. <a style="cursor:pointer" title="Правила системы" @onclick="@RulesClick">
  33. <img src="img/rules.svg" alt="">
  34. </a>
  35. <a style="cursor:pointer" title="Цифровые активы" @onclick="@AssetsClick">
  36. <img src="img/packet.svg" alt="">
  37. </a>
  38. <a href="blockchains" title="Блокчейн">
  39. <img src="img/ethereum.svg" alt="">
  40. </a>
  41. </div>
  42. <div class="bottom-href">
  43. <a style="cursor:pointer" title="Настройки" @onclick="@ErrorClick">
  44. <img src="img/options.svg" alt="">
  45. </a>
  46. <a style="cursor:pointer" title="Выйти" @onclick="@ExitClick">
  47. <img src="img/enter.svg" alt="">
  48. </a>
  49. </div>
  50. </nav>
  51. <ModalProfile @ref="modalProfile">
  52. <Title></Title>
  53. </ModalProfile>
  54. <ModalNotifications @ref="modalNotifications">
  55. <Title>Уведомления</Title>
  56. <Body></Body>
  57. </ModalNotifications>
  58. <ModalFiles @ref="modalFiles">
  59. <Title></Title>
  60. </ModalFiles>
  61. <ModalCompetency @ref="modalCompetency">
  62. <Title></Title>
  63. </ModalCompetency>
  64. <ModalRating @ref="modalRating">
  65. <Title></Title>
  66. </ModalRating>
  67. <ModalRules @ref="modalRules">
  68. <Title></Title>
  69. </ModalRules>
  70. <ModalAssets @ref="modalAssets">
  71. <Title></Title>
  72. </ModalAssets>
  73. <ModalError @ref="modalError404">
  74. <Title>Страница не работает</Title>
  75. <Body>
  76. <p class="modal__404__text">Извините, страница в разработке и не работает.</p>
  77. <p class="modal__404__text">Возможно ведутся обновления.</p>
  78. </Body>
  79. </ModalError>
  80. <ModalLoading @ref="modalLoading">
  81. <Body>
  82. </Body>
  83. </ModalLoading>
  84. </Authorized>
  85. </AuthorizeView>