Desktop.razor 13 KB

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