API tools faq
paste
Advertisement
xladomaz

Untitled

xladomaz
Jun 2nd, 2019
208
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.13 KB | None | 0 0
raw download clone embed print report
  1. <main>
  2. <div class="wrapper">
  3. l= javascript_include_tag "/assets/articles/main.js"
  4. <link href="/assets/select2/select2.css" media="screen" rel="stylesheet">
  5. <div class="fluid-container page-banner article-banner">
  6. <div class="container">
  7. <div class="intro-text">
  8. <h2>Cмотрите, оценивайте и комментируйте видео
  9. об изучении русского языка и не только</h2>
  10. </div>
  11. </div>
  12. </div>
  13. <div class="container" data-app="app/index">
  14. <div class="list-container">
  15. <div class="cr-left" style="float:left;margin-top: 10px;">
  16. <div class="b filters">
  17. <div class="item" style="float:left;">
  18. <div class="lb" style="float:left;margin-right:10px;margin-top: 3.3px;">Дата</div>
  19. <div class="f range" style="float:right;">
  20. <span class="part">
  21. <a class="date-btn meetings_datetimepicker" data-bind="dfrom" data-control="commons/controls/stateful-date-picker" data-empty="Выбрать дату" data-value="">
  22. <span data-name="inp">
  23. Выбрать дату
  24. </span>
  25. <span class="caret first"></span>
  26. </a>
  27. </span>
  28. <span class="part">
  29. <a class="date-btn meetings_datetimepicker" data-bind="dto" data-control="commons/controls/stateful-date-picker" data-empty="Выбрать дату" data-value="">
  30. <span data-name="inp">
  31. Выбрать дату
  32. </span>
  33. <span class="caret second"></span>
  34. </a>
  35. </span></div>
  36. </div>
  37. <div class="item" style="float:left;margin-right: 15px;">
  38. <span class="lb">Организации</span>
  39. <input data-bind="org" data-control="commons/controls/stateful-org-selector" data-init-url="/orgbyid.json" data-multiple="true" data-url="/orgbyname.json" style="width: 200px" value=""></div>
  40. <div class="item" style="float:left;margin-right: 15px;">
  41. <span class="lb">Доступные языки</span>
  42. <input data-bind="locale" data-control="commons/controls/stateful-locale-selector" data-init-url="/localebyid.json" data-multiple="true" data-url="/localebyname.json" style="width: 200px" value=""></div>
  43. <div class="item" style="float:right;">
  44. <span class="lb">Теги</span>
  45. <input class="search-tags" style=" width: 200px; height: 30px; font-size: 16px;color: #12141a;" value=""></div>
  46. </div>
  47. </div>
  48. <div style="width:100%; float: left;">
  49. <div class="fright" style="margin-top: 10px;margin-bottom: 20px;margin-right: 60px; "></div>
  50. </div>
  51. <div class="content-uploader handler" data-list-selector="video-list" data-page="1" data-pages="15" data-url="/videos">
  52. <div class="cr-content">
  53. <div class="list" data-bind="list" data-control="app/controls/list" data-initial-refresh="false" data-page-size="8" data-url="/search_videos">
  54. <div class="row video-list">
  55. <div class="col-lg-24 col-md-48 video-item" id="video_page_3324">
  56. <div class="row">
  57. <div class="col-lg-24 col-md-17 img-wrapper">
  58. <a href="/videos/3324">
  59.  
  60. <div class="duration">00:04:08</div>
  61. </a><a href="/videos/3324"></a><a href="/videos/3324"></a>
  62.  
  63. </div>
  64. <div class="col-lg-24 col-md-31 content-wrapper">
  65. <div class="content">
  66. <span class="line"></span>
  67. <h5 class="title">
  68. <a href="/videos/3324">День Победы - поздравление студентов Института Пушкина</a></h5>
  69. <div class="date">
  70. 6 мая 2019</div>
  71. <div class="rating">
  72. <div class="star" data-cancel-hint="Cancel current rating!" data-cancel-off="cancel-off.png" data-cancel-on="cancel-on.png" data-cancel-place="left" data-cancel="false" data-classname="VideoPage" data-disable-after-rate="true" data-enable-half="false" data-half-show="true" data-id="3324" data-no-rated-message="I'am readOnly and I haven't rated yet!" data-rating="0" data-readonly="true" data-single="false" data-space="false" data-star-count="5" data-star-half="star-half.png" data-star-off="star-off.png" data-star-on="star-on.png" data-star-path="/ratyrate" data-target-format="{score}" data-target-score="4" data-target-text="" data-target-type="hint" data-target="" title="Not rated yet!">&nbsp;&nbsp;&nbsp;&nbsp;<input name="score" type="hidden" readonly=""></div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="col-lg-24 col-md-48 video-item" id="video_page_3294">
  79. <div class="row">
  80. <div class="col-lg-24 col-md-17 img-wrapper">
  81. <a href="/videos/3294">
  82.  
  83. <div class="duration">00:40:00</div>
  84. </a><a href="/videos/3294"></a><a href="/videos/3294"></a>
  85.  
  86. </div>
  87. <div class="col-lg-24 col-md-31 content-wrapper">
  88. <div class="content">
  89. <span class="line"></span>
  90. <h5 class="title">
  91. <a href="/videos/3294">Как всё начиналось</a></h5>
  92. <div class="date">
  93. 11 апреля 2019</div>
  94. <div class="rating">
  95. <div class="star" data-cancel-hint="Cancel current rating!" data-cancel-off="cancel-off.png" data-cancel-on="cancel-on.png" data-cancel-place="left" data-cancel="false" data-classname="VideoPage" data-disable-after-rate="true" data-enable-half="false" data-half-show="true" data-id="3294" data-no-rated-message="I'am readOnly and I haven't rated yet!" data-rating="0" data-readonly="true" data-single="false" data-space="false" data-star-count="5" data-star-half="star-half.png" data-star-off="star-off.png" data-star-on="star-on.png" data-star-path="/ratyrate" data-target-format="{score}" data-target-score="4" data-target-text="" data-target-type="hint" data-target="" title="Not rated yet!">&nbsp;&nbsp;&nbsp;&nbsp;<input name="score" type="hidden" readonly=""></div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <div class="col-lg-24 col-md-48 video-item" id="video_page_1786">
  102. <div class="row">
  103. <div class="col-lg-24 col-md-17 img-wrapper">
  104. <a href="/videos/1786">
  105.  
  106. <div class="duration">00:19:34</div>
  107. </a><a href="/videos/1786"></a><a href="/videos/1786"></a>
  108.  
  109. </div>
  110. <div class="col-lg-24 col-md-31 content-wrapper">
  111. <div class="content">
  112. <span class="line"></span>
  113. <h5 class="title">
  114. <a href="/videos/1786">Геометрия 10 класс. Урок 7. Тетраэдр и параллелепипед. Часть 1</a></h5>
  115. <div class="date">
  116. 25 мая 2017</div>
  117. <div class="rating">
  118. <div class="star" data-cancel-hint="Cancel current rating!" data-cancel-off="cancel-off.png" data-cancel-on="cancel-on.png" data-cancel-place="left" data-cancel="false" data-classname="VideoPage" data-disable-after-rate="true" data-enable-half="false" data-half-show="true" data-id="1786" data-no-rated-message="I'am readOnly and I haven't rated yet!" data-rating="4.0" data-readonly="true" data-single="false" data-space="false" data-star-count="5" data-star-half="star-half.png" data-star-off="star-off.png" data-star-on="star-on.png" data-star-path="/ratyrate" data-target-format="{score}" data-target-score="4" data-target-text="" data-target-type="hint" data-target="" title="good">&nbsp;&nbsp;&nbsp;&nbsp;<input name="score" type="hidden" value="4" readonly=""></div>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="col-lg-24 col-md-48 video-item" id="video_page_1785">
  125. <div class="row">
  126. <div class="col-lg-24 col-md-17 img-wrapper">
  127. <a href="/videos/1785">
  128.  
  129. <div class="duration">00:23:16</div>
  130. </a><a href="/videos/1785"></a><a href="/videos/1785"></a>
  131.  
  132. </div>
  133. <div class="col-lg-24 col-md-31 content-wrapper">
  134. <div class="content">
  135. <span class="line"></span>
  136. <h5 class="title">
  137. <a href="/videos/1785">Геометрия 10 класс. Урок 7. Тетраэдр и параллелепипед. Часть 2</a></h5>
  138. <div class="date">
  139. 25 мая 2017</div>
  140. <div class="rating">
  141. <div class="star" data-cancel-hint="Cancel current rating!" data-cancel-off="cancel-off.png" data-cancel-on="cancel-on.png" data-cancel-place="left" data-cancel="false" data-classname="VideoPage" data-disable-after-rate="true" data-enable-half="false" data-half-show="true" data-id="1785" data-no-rated-message="I'am readOnly and I haven't rated yet!" data-rating="5.0" data-readonly="true" data-single="false" data-space="false" data-star-count="5" data-star-half="star-half.png" data-star-off="star-off.png" data-star-on="star-on.png" data-star-path="/ratyrate" data-target-format="{score}" data-target-score="4" data-target-text="" data-target-type="hint" data-target="" title="gorgeous">&nbsp;&nbsp;&nbsp;&nbsp;<input name="score" type="hidden" value="5" readonly=""></div>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. <div class="col-lg-24 col-md-48 video-item" id="video_page_1784">
  148. <div class="row">
  149. <div class="col-lg-24 col-md-17 img-wrapper">
  150. <a href="/videos/1784">
  151.  
  152. <div class="duration">00:23:03</div>
  153. </a><a href="/videos/1784"></a><a href="/videos/1784"></a>
  154.  
  155. </div>
  156. <div class="col-lg-24 col-md-31 content-wrapper">
  157. <div class="content">
  158. <span class="line"></span>
  159. <h5 class="title">
  160. <a href="/videos/1784">Биология 11 класс. Урок 23. Глобальные проблемы биосферы. Сохранение равновесия. Часть 1</a></h5>
  161. <div class="date">
  162. 25 мая 2017</div>
  163. <div class="rating">
  164. <div class="star" data-cancel-hint="Cancel current rating!" data-cancel-off="cancel-off.png" data-cancel-on="cancel-on.png" data-cancel-place="left" data-cancel="false" data-classname="VideoPage" data-disable-after-rate="true" data-enable-half="false" data-half-show="true" data-id="1784" data-no-rated-message="I'am readOnly and I haven't rated yet!" data-rating="0" data-readonly="true" data-single="false" data-space="false" data-star-count="5" data-star-half="star-half.png" data-star-off="star-off.png" data-star-on="star-on.png" data-star-path="/ratyrate" data-target-format="{score}" data-target-score="4" data-target-text="" data-target-type="hint" data-target="" title="Not rated yet!">&nbsp;&nbsp;&nbsp;&nbsp;<input name="score" type="hidden" readonly=""></div>
  165. </div>
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="col-lg-24 col-md-48 video-item" id="video_page_1783">
  171. <div class="row">
  172. <div class="col-lg-24 col-md-17 img-wrapper">
  173. <a href="/videos/1783">
  174.  
  175. <div class="duration">00:22:01</div>
  176. </a><a href="/videos/1783"></a><a href="/videos/1783"></a>
  177.  
  178. </div>
  179. <div class="col-lg-24 col-md-31 content-wrapper">
  180. <div class="content">
  181. <span class="line"></span>
  182. <h5 class="title">
  183. <a href="/videos/1783">Биология 11 класс. Урок 23. Глобальные проблемы биосферы. Сохранение равновесия. Часть 2</a></h5>
  184. <div class="date">
  185. 25 мая 2017</div>
  186. <div class="rating">
  187. <div class="star" data-cancel-hint="Cancel current rating!" data-cancel-off="cancel-off.png" data-cancel-on="cancel-on.png" data-cancel-place="left" data-cancel="false" data-classname="VideoPage" data-disable-after-rate="true" data-enable-half="false" data-half-show="true" data-id="1783" data-no-rated-message="I'am readOnly and I haven't rated yet!" data-rating="0" data-readonly="true" data-single="false" data-space="false" data-star-count="5" data-star-half="star-half.png" data-star-off="star-off.png" data-star-on="star-on.png" data-star-path="/ratyrate" data-target-format="{score}" data-target-score="4" data-target-text="" data-target-type="hint" data-target="" title="Not rated yet!">&nbsp;&nbsp;&nbsp;&nbsp;<input name="score" type="hidden" readonly=""></div>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. <div class="col-lg-24 col-md-48 video-item" id="video_page_1761">
  194. <div class="row">
  195. <div class="col-lg-24 col-md-17 img-wrapper">
  196. <a href="/videos/1761">
  197.  
  198. <div class="duration">00:13:50</div>
  199. </a><a href="/videos/1761"></a><a href="/videos/1761"></a>
  200.  
  201. </div>
  202. <div class="col-lg-24 col-md-31 content-wrapper">
  203. <div class="content">
  204. <span class="line"></span>
  205. <h5 class="title">
  206. <a href="/videos/1761">Школа русского языка со Смешариками. 1-й урок «Знакомство»</a></h5>
  207. <div class="date">
  208. 18 мая 2017</div>
  209. <div class="rating">
  210. <div class="star" data-cancel-hint="Cancel current rating!" data-cancel-off="cancel-off.png" data-cancel-on="cancel-on.png" data-cancel-place="left" data-cancel="false" data-classname="VideoPage" data-disable-after-rate="true" data-enable-half="false" data-half-show="true" data-id="1761" data-no-rated-message="I'am readOnly and I haven't rated yet!" data-rating="5.0" data-readonly="true" data-single="false" data-space="false" data-star-count="5" data-star-half="star-half.png" data-star-off="star-off.png" data-star-on="star-on.png" data-star-path="/ratyrate" data-target-format="{score}" data-target-score="4" data-target-text="" data-target-type="hint" data-target="" title="gorgeous">&nbsp;&nbsp;&nbsp;&nbsp;<input name="score" type="hidden" value="5" readonly=""></div>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. </div>
  216. <div class="col-lg-24 col-md-48 video-item" id="video_page_1762">
  217. <div class="row">
  218. <div class="col-lg-24 col-md-17 img-wrapper">
  219. <a href="/videos/1762">
  220.  
  221. <div class="duration">00:13:08</div>
  222. </a><a href="/videos/1762"></a><a href="/videos/1762"></a>
  223.  
  224. </div>
  225. <div class="col-lg-24 col-md-31 content-wrapper">
  226. <div class="content">
  227. <span class="line"></span>
  228. <h5 class="title">
  229. <a href="/videos/1762">Школа русского языка со Смешариками. 2-й урок «Семья»</a></h5>
  230. <div class="date">
  231. 18 мая 2017</div>
  232. <div class="rating">
  233. <div class="star" data-cancel-hint="Cancel current rating!" data-cancel-off="cancel-off.png" data-cancel-on="cancel-on.png" data-cancel-place="left" data-cancel="false" data-classname="VideoPage" data-disable-after-rate="true" data-enable-half="false" data-half-show="true" data-id="1762" data-no-rated-message="I'am readOnly and I haven't rated yet!" data-rating="5.0" data-readonly="true" data-single="false" data-space="false" data-star-count="5" data-star-half="star-half.png" data-star-off="star-off.png" data-star-on="star-on.png" data-star-path="/ratyrate" data-target-format="{score}" data-target-score="4" data-target-text="" data-target-type="hint" data-target="" title="gorgeous">&nbsp;&nbsp;&nbsp;&nbsp;<input name="score" type="hidden" value="5" readonly=""></div>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. <div class="big center show-more">
  243. Показать ещё</div>
  244. </div>
  245. </div>
  246. </div>
  247. <script><br />
  248. document.body.style.lineHeight = 'normal';<br />
  249. $(document).ready(function(){<br />
  250. input = $('.search-tags');<br />
  251. list = $('.filter-option');<br />
  252. $('.btn-default').trigger('click');<br />
  253. $('.star').each( function( index, rate_element ){<br />
  254. $(rate_element).raty({ readOnly: true, score: $(rate_element).raty('score') });<br />
  255. });<br />
  256. $('.search-tags').keypress(function(e){<br />
  257. if (e.keyCode == 13){<br />
  258. value = $('.search-tags').val();<br />
  259. categs = $('.filter-option.pull-left')[0].innerHTML;<br />
  260. container = $('.cr-content');<br />
  261. $.ajax({<br />
  262. type: "GET",<br />
  263. dataType: 'html',<br />
  264. url: "/search_videos",<br />
  265. data: {"tags": value}<br />
  266. }).done(function(e) {<br />
  267. container.hide();<br />
  268. container.before(e);<br />
  269. container.remove();<br />
  270. }).fail(function(err) {<br />
  271. console.log(err);<br />
  272. });<br />
  273. }<br />
  274. });<br />
  275. $('.search.btn.btn-default').click(function(){<br />
  276. input.trigger(jQuery.Event( 'keypress', { keyCode: 13, which: 13 }));<br />
  277. });<br />
  278. $('.btn-default').click(function(e){</p>
  279. <p> $('.filter-option')[0].innerHTML='';<br />
  280. input.val('');<br />
  281. $('.selected').removeClass('selected');<br />
  282. input.focus();<br />
  283. input.trigger(jQuery.Event( 'keypress', { keyCode: 13, which: 13 }));<br />
  284. });<br />
  285. });<br />
  286. </script>
  287.  
  288. </div>
  289. <div id="virtualKeyboard" class="ui-draggable ui-draggable-handle"></div>
  290. </main>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!