Desktop.razor 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. @page "/Desktop"
  2. @attribute [Authorize]
  3. <div class="blocks">
  4. <div class="first-block">
  5. <div class="top__block">
  6. <div class="header-block header-block_first">
  7. <div class="header-block__text">Календарь событий</div>
  8. <div class="header-block__span">
  9. <span></span>
  10. <span></span>
  11. <span></span>
  12. </div>
  13. </div>
  14. <div class="slider">
  15. <div class="slider__item">
  16. Тема: Цифровой двойник синтеза метанола <br>
  17. Организатор: ООО«ПроК» <br>
  18. Дата проведения: с 1 дек. по 30 дек. 2021 года <br>
  19. Формат: Цифровой хакатон <br>
  20. Статус: Открыта регистрация <br>
  21. ID: Dh001<br>
  22. </div>
  23. </div>
  24. <div class="footer-block">
  25. <div class="footer-block__left__button">
  26. <img src="img/left_button.svg" alt="">
  27. <p>Влево</p>
  28. </div>
  29. <div class="footer-block__right__button">
  30. <p>Вправо</p>
  31. <img src="img/right_button.svg" alt="">
  32. </div>
  33. </div>
  34. </div>
  35. <div class="bottom__block">
  36. <div class="first-block__inforamtion__box">
  37. <div class="header-block header-block_first">
  38. <div class="header-block__text">Описание мероприятия</div>
  39. <div class="header-block__span">
  40. <span></span>
  41. <span></span>
  42. <span></span>
  43. </div>
  44. </div>
  45. <div class="first-block__inforamtion">
  46. <p>
  47. Цели хакатона <a class="first-block__inforamtion__item" href="">Почитать про формат</a><br>
  48. Создание экспертного сообщества по теме разработки математической модели<br>
  49. </p>
  50. <p>Создание библиотеки знаний <a class="first-block__inforamtion__item" href="">Посмотреть библиотеку</a> по синтезу метанола в нефтехимической промышленности</p>
  51. <p>Обучение работы с цифровыми решениями 2DH: <br>-с большими массивами данных и информации<br>-извлечения ценных знаний из неструктурированных данных и информации</p>
  52. <a class="first-block__inforamtion__item" href="">Почитать правила</a>
  53. <p>
  54. Бюджет: 1 200 2dh <br>
  55. Рейтинг прохождения: +250mmr
  56. </p>
  57. <p>Зарегистрировалось 24 пользователя</p>
  58. </div>
  59. </div>
  60. <div class="first-block__inforamtion__button">
  61. <button class="btn_grey">Подать заявку</button>
  62. <button class="btn_grey">Сохранить</button>
  63. <button class="btn_grey">Поделиться</button>
  64. </div>
  65. </div>
  66. </div>
  67. <div class="second-block">
  68. <div class="header-block header-block_second">
  69. <div class="header-block__text">Рабочий стол</div>
  70. <div class="header-block__span">
  71. <span></span>
  72. <span></span>
  73. <span></span>
  74. </div>
  75. </div>
  76. <div class="second-block__button">
  77. <button class=@_uploadButtonClass @onclick="(() => SwitchDesktopTab(0))">Загрузка</button>
  78. <button class=@_verifyButtonClass @onclick="(() => SwitchDesktopTab(1))">Верифицировать</button>
  79. <button class=@_otherButtonClass @onclick="(() => SwitchDesktopTab(2))">Другое</button>
  80. </div>
  81. <div class=@_uploadTabClass>
  82. <EditForm Model="@_article">
  83. <p>Загрузка материала</p>
  84. <label class="upload__label">
  85. <InputSelect type="text" placeholder="Выбрать мероприятие" class="form-control upload__input" @bind-Value="_event">
  86. <option value="">Выбрать мероприятие</option>
  87. <option value="hackathon22_01">Хакатон 2022</option>
  88. </InputSelect>
  89. </label>
  90. <label class="upload__label">
  91. <InputText type="text" placeholder="Наименование статьи" class="form-control upload__input" @bind-Value="_article.Name"/>
  92. </label>
  93. <label class="upload__label">
  94. <InputDate type="date" placeholder="Дата издания" class="form-control upload__input" @bind-Value="_article.PublishDate"/>
  95. </label>
  96. <label class="upload__label">
  97. <InputText type="text" placeholder="Автор" class="form-control upload__input" @bind-Value="_article.Authors"/>
  98. <div class="upload__input-descr">+ Добавить автора. Указывать имена авторов через запятую</div>
  99. </label>
  100. <label class="upload__label">
  101. <InputTextArea placeholder="Аннотация" class="form-control upload__textarea" @bind-Value="_article.Annotation"/>
  102. </label>
  103. <label class="upload__label">
  104. <input type="text" placeholder="Ссылка на статью" class="form-control upload__input">
  105. </label>
  106. <label class="upload__label">
  107. <InputText type="text" placeholder="Ключевые слова" class="form-control upload__input" @bind-Value="_article.Keywords"/>
  108. <div class="upload__input-descr">Status: @_status</div>
  109. </label>
  110. <div class="second-block__input__file__label__box">
  111. <InputFile class="second-block__input__file" id="input_file" OnChange="@HandleUpload" accept="application/pdf" />
  112. <label for="input_file" class="second-block__input__file__label" id="file_label">
  113. <span>+</span>
  114. <p>Прикрепить файл</p>
  115. </label>
  116. </div>
  117. <div class="second-block__form__button">
  118. <button class="btn_grey">Отправить на верификацию</button>
  119. <button class="btn_grey">Сохранить</button>
  120. </div>
  121. </EditForm>
  122. </div>
  123. <div class=@_verifyTabClass>
  124. <p>Валидация материала</p>
  125. <label class="upload__label upload__label_mb">
  126. <input type="text" placeholder="Выберите материала" class="form-control upload__input">
  127. </label>
  128. <input type="checkbox" class="checkbox__input" name="verify" id="radio">
  129. <label class="сheckbox__label" for="radio">
  130. Материал сформирован не по правилам
  131. </label>
  132. <input type="checkbox" class="checkbox__input" name="verify" id="radio2">
  133. <label class="сheckbox__label" for="radio2">
  134. Не являюсь экспертом в этой теме
  135. </label>
  136. <input type="checkbox" class="checkbox__input" name="verify" id="radio3">
  137. <label class="сheckbox__label" for="radio3">
  138. Требуется дополнительная экспертиза
  139. </label>
  140. <input type="checkbox" class="checkbox__input" name="verify" id="radio4">
  141. <label class="сheckbox__label" for="radio4">
  142. Требуется дополнительная экспертиза
  143. </label>
  144. <input type="checkbox" class="checkbox__input" name="verify" id="radio5">
  145. <label class="сheckbox__label" for="radio5">
  146. Отклонить, указать причину
  147. </label>
  148. <label class="upload__label">
  149. <textarea placeholder="Причина" class="form-control upload__textarea"></textarea>
  150. </label>
  151. <label class="upload__label">
  152. <textarea placeholder="Указать через запятую теги" class="form-control upload__textarea"></textarea>
  153. </label>
  154. <div class="second-block__form__button">
  155. <button class="btn_grey">Валидация</button>
  156. <button class="btn_grey">Сохранить</button>
  157. </div>
  158. </div>
  159. </div>
  160. <div class="third-block">
  161. <div class="header-block header-block_third">
  162. <div class="header-block__text">Библиотека</div>
  163. <div class="header-block__span" id="sort_libary">
  164. <span></span>
  165. <span></span>
  166. <span></span>
  167. </div>
  168. </div>
  169. <div class="third-block__dropbox">
  170. <p class="third-block__dropbox__header__text">Сортировка</p>
  171. <p class="third-block__dropbox__header__text">Выбрать</p>
  172. <select name="" id="" class="third-block__dropbox__select">
  173. <option value="Верифицированные">Верифицированные</option>
  174. <option value="На верификации">На верификации</option>
  175. <option value="Отклоненные">Отклоненные</option>
  176. </select>
  177. <label for="" class="third-block__dropbox__search">
  178. Найти по номеру
  179. <input type="text">
  180. </label>
  181. <label for="" class="third-block__dropbox__search">
  182. Найти по мераприятию
  183. <input type="text">
  184. </label>
  185. <label for="" class="third-block__dropbox__search"></label>
  186. </div>
  187. <div class="third-block__info">
  188. <ul class="third-block__info__ul">
  189. @foreach (var articleModel in AppData.Articles)
  190. {
  191. <li class="third-block__info__li">@(_counter++) | <a href="@($"/docedit/{articleModel.Key}")">@articleModel.Value.Name</a></li>
  192. }
  193. </ul>
  194. </div>
  195. </div>
  196. <ModalInfo @ref="_modalInfo_error">
  197. <Title>Ошибка</Title>
  198. <Body>
  199. </Body>
  200. </ModalInfo>
  201. <ModalLoading @ref="_modalLoading">
  202. <Body>
  203. </Body>
  204. </ModalLoading>
  205. </div>