API tools faq
paste
Advertisement
andhiirawan

Racing activity.php

andhiirawan
Sep 10th, 2023
52
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.88 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. /**
  3. * The template for users activity
  4. *
  5. * This template can be overridden by copying it to yourtheme/buddypress/members/single/activity.php.
  6. *
  7. * @since BuddyPress 3.0.0
  8. * @version 1.0.0
  9. */
  10.  
  11. ?>
  12. <style>
  13. .responsive-two-column-grid {
  14. display:block;
  15. }
  16.  
  17. /* columns */
  18. .responsive-two-column-grid > * {
  19. padding:1rem;
  20. }
  21.  
  22. /* tablet breakpoint */
  23. @media (min-width:768px) {
  24. .responsive-two-column-grid {
  25. display: grid;
  26. grid-template-columns: 1fr 1fr;
  27. }
  28. }
  29. </style>
  30.  
  31.  
  32. <div class="responsive-two-column-grid">
  33. <div style="background-color:#000;" class="left-panel">
  34. <h2>FEED</h2>
  35. <?php bp_get_template_part( 'members/single/parts/item-subnav' ); ?>
  36.  
  37. <?php bp_nouveau_activity_member_post_form(); ?>
  38.  
  39. <?php bp_get_template_part( 'common/search-and-filters-bar' ); ?>
  40.  
  41. <?php bp_nouveau_member_hook( 'before', 'activity_content' ); ?>
  42.  
  43. <!-- STATRT .activity -->
  44. <div id="activity-stream" class="activity single-user" data-bp-list="activity">
  45.  
  46. <div id="bp-ajax-loader"><?php bp_nouveau_user_feedback( 'member-activity-loading' ); ?></div>
  47.  
  48. <ul class="<?php bp_nouveau_loop_classes(); ?>" >
  49.  
  50. </ul>
  51.  
  52. </div><!-- END.activity -->
  53.  
  54. <?php
  55. bp_nouveau_member_hook( 'after', 'activity_content' );
  56.  
  57. bp_get_template_part( 'common/js-templates/activity/comments' );
  58. ?>
  59. </div>
  60. <div style="background-color:#000;" class="right-panel">
  61. <h2>GALLERY</h2>
  62. <!-- START PHOTO -->
  63. <div class="bb-media-container member-media">
  64. <nav class="bp-navs bp-subnavs no-ajax user-subnav bb-subnav-plain" id="subnav" role="navigation" aria-label="Sub Menu">
  65. <ul class="subnav">
  66. <li id="media-my-media-personal-li" class="bp-personal-sub-tab current selected" data-bp-user-scope="my-media">
  67. <a href="https://racing.goatstudio.com/members/mimron/photos/" id="media-my-media" class=""> Photos </a>
  68. </li>
  69. <li id="albums-personal-li" class="bp-personal-sub-tab" data-bp-user-scope="albums">
  70. <a href="https://racing.goatstudio.com/members/mimron/photos/albums/" id="albums" class=""> Albums </a>
  71. </li>
  72. <header class="bb-member-media-header bb-photos-actions">
  73. <div class="bb-media-meta bb-photos-meta">
  74. <a data-balloon="Delete" data-balloon-pos="up" class="bb-delete" id="bb-delete-media" href="#">
  75. <i class="bb-icon-l bb-icon-trash"></i>
  76. </a>
  77. <a data-balloon="Select All" data-balloon-pos="up" class="bb-select" id="bb-select-deselect-all-media" href="#">
  78. <i class="bb-icon-l bb-icon-check"></i>
  79. </a>
  80. </div>
  81. </header>
  82. <div class="bb-media-actions-wrap">
  83. <div class="bb-media-actions">
  84. <a href="#" id="bp-add-media" class="bb-add-media button small outline">+Add</a>
  85. </div>
  86. </div>
  87. </ul>
  88. <select class="bp-navs__dropdown">
  89. <option value="https://racing.goatstudio.com/members/mimron/photos/" selected=""> Photos </option>
  90. <option value="https://racing.goatstudio.com/members/mimron/photos/albums/"> Albums </option>
  91. </select>
  92. </nav>
  93. <!-- .item-list-tabs#subnav -->
  94. <div class="bb-media-model-wrapper bb-internal-model media media-theatre" style="display: none;" id="buddypress">
  95. <a data-balloon-pos="left" data-balloon="Close" class="bb-close-media-theatre bb-close-model" href="#">
  96. <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14">
  97. <path fill="none" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 1L1 13m12 0L1 1" opacity=".7"></path>
  98. </svg>
  99. </a>
  100. <div id="bb-media-model-container" class="bb-media-model-container">
  101. <div class="bb-media-model-inner">
  102. <div class="bb-media-section">
  103. <a class="theater-command bb-prev-media" href="#previous">
  104. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="30">
  105. <path fill="none" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 29L1 15 15 1" opacity=".7"></path>
  106. </svg>
  107. </a>
  108. <a class="theater-command bb-next-media" href="#next">
  109. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="30">
  110. <path fill="none" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1l14 14L1 29" opacity=".7"></path>
  111. </svg>
  112. </a>
  113. <figure class="">
  114. <img src="" alt="">
  115. </figure>
  116. <div class="bb-dropdown-wrap bb-media-only-privacy">
  117. <div class="bb-media-privacy-wrap" style="display: none;">
  118. <span class="bp-tooltip privacy-wrap" data-bp-tooltip-pos="left" data-bp-tooltip="">
  119. <span class="privacy selected"></span>
  120. </span>
  121. <ul class="media-privacy">
  122. <li data-value="public" class="public">Public</li>
  123. <li data-value="loggedin" class="loggedin">All Members</li>
  124. <li data-value="friends" class="friends">My Connections</li>
  125. <li data-value="onlyme" class="onlyme">Only Me</li>
  126. </ul>
  127. </div>
  128. </div>
  129. </div>
  130. <div class="bb-media-info-section media">
  131. <ul class="activity-list item-list bp-list">
  132. <span>
  133. <i class="bb-icon-spin5 animate-spin"></i>
  134. </span>
  135. </ul>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. <div class="bb-media-model-wrapper bb-internal-model document document-theatre" style="display: none;" id="buddypress">
  141. <a data-balloon-pos="left" data-balloon="Close" class="bb-close-media-theatre bb-close-model bb-close-document-theatre" href="#">
  142. <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14">
  143. <path fill="none" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 1L1 13m12 0L1 1" opacity=".7"></path>
  144. </svg>
  145. </a>
  146. <div id="bb-media-model-container" class="bb-media-model-container bb-document-theater">
  147. <div class="bb-media-model-inner">
  148. <div class="bb-media-section bb-document-section">
  149. <a class="theater-command bb-prev-document" href="#previous">
  150. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="30">
  151. <path fill="none" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 29L1 15 15 1" opacity=".7"></path>
  152. </svg>
  153. </a>
  154. <a class="theater-command bb-next-document" href="#next">
  155. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="30">
  156. <path fill="none" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1l14 14L1 29" opacity=".7"></path>
  157. </svg>
  158. </a>
  159. <div class="document-preview"></div>
  160. <div class="bb-dropdown-wrap bb-media-only-privacy">
  161. <div class="bb-document-privacy-wrap" style="display: none;">
  162. <span class="bp-tooltip privacy-wrap" data-bp-tooltip-pos="left" data-bp-tooltip="">
  163. <span class="privacy selected"></span>
  164. </span>
  165. <ul class="document-privacy">
  166. <li data-value="public" class="public">Public</li>
  167. <li data-value="loggedin" class="loggedin">All Members</li>
  168. <li data-value="friends" class="friends">My Connections</li>
  169. <li data-value="onlyme" class="onlyme">Only Me</li>
  170. </ul>
  171. </div>
  172. </div>
  173. </div>
  174. <div class="bb-media-info-section document">
  175. <ul class="activity-list item-list bp-list">
  176. <span>
  177. <i class="bb-icon-spin5 animate-spin"></i>
  178. </span>
  179. </ul>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. <div id="bp-media-uploader" style="display: none;" class="bp-media-photo-uploader">
  185. <transition name="modal">
  186. <div class="modal-mask bb-white bbm-model-wrap bbm-uploader-model-wrap">
  187. <div class="modal-wrapper">
  188. <div class="modal-container has-folderlocationUI">
  189. <header class="bb-model-header">
  190. <a href="#" class="bp-media-upload-tab bp-upload-tab selected" data-content="bp-dropzone-content" id="bp-media-uploader-modal-title">Upload</a>
  191. <span id="bp-media-uploader-modal-status-text" style="display: none;"></span>
  192. <a class="bb-model-close-button" id="bp-media-uploader-close" href="#">
  193. <span class="bb-icon-l bb-icon-times"></span>
  194. </a>
  195. </header>
  196. <div class="bb-field-steps bb-field-steps-1">
  197. <div class="bb-dropzone-wrap bp-media-upload-tab-content bp-upload-tab-content" id="bp-dropzone-content">
  198. <div class="media-uploader-post-content">
  199. <textarea name="bp-media-post-content" id="bp-media-post-content" placeholder="Write something about your photos, to be shown on your timeline"></textarea>
  200. </div>
  201. <div class="bb-field-wrap">
  202. <div class="media-uploader-wrapper">
  203. <div class="dropzone media-dropzone" id="media-uploader"></div>
  204. <div class="uploader-post-media-template" style="display:none;">
  205. <div class="dz-preview">
  206. <div class="dz-image">
  207. <img data-dz-thumbnail="">
  208. </div>
  209. <div class="dz-error-title">Upload Failed</div>
  210. <div class="dz-error-title">Upload Failed</div>
  211. <div class="dz-details">
  212. <div class="dz-filename">
  213. <span data-dz-name=""></span>
  214. </div>
  215. <div class="dz-size" data-dz-size=""></div>
  216. </div>
  217. <div class="dz-progress-ring-wrap">
  218. <i class="bb-icon-f bb-icon-camera"></i>
  219. <svg class="dz-progress-ring" width="54" height="54">
  220. <circle class="progress-ring__circle" stroke="white" stroke-width="3" fill="transparent" r="24.5" cx="27" cy="27" stroke-dasharray="185.354, 185.354" stroke-dashoffset="185"></circle>
  221. </svg>
  222. </div>
  223. <div class="dz-error-message">
  224. <span data-dz-errormessage=""></span>
  225. </div>
  226. <div class="dz-error-mark">
  227. <svg width="54px" height="54px" viewBox="0 0 54 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  228. <title>Error</title>
  229. <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  230. <g stroke="#747474" stroke-opacity="0.198794158" fill="#FFFFFF" fill-opacity="0.816519475">
  231. <path d="M32.6568542,29 L38.3106978,23.3461564 C39.8771021,21.7797521 39.8758057,19.2483887 38.3137085,17.6862915 C36.7547899,16.1273729 34.2176035,16.1255422 32.6538436,17.6893022 L27,23.3431458 L21.3461564,17.6893022 C19.7823965,16.1255422 17.2452101,16.1273729 15.6862915,17.6862915 C14.1241943,19.2483887 14.1228979,21.7797521 15.6893022,23.3461564 L21.3431458,29 L15.6893022,34.6538436 C14.1228979,36.2202479 14.1241943,38.7516113 15.6862915,40.3137085 C17.2452101,41.8726271 19.7823965,41.8744578 21.3461564,40.3106978 L27,34.6568542 L32.6538436,40.3106978 C34.2176035,41.8744578 36.7547899,41.8726271 38.3137085,40.3137085 C39.8758057,38.7516113 39.8771021,36.2202479 38.3106978,34.6538436 L32.6568542,29 Z M27,53 C41.3594035,53 53,41.3594035 53,27 C53,12.6405965 41.3594035,1 27,1 C12.6405965,1 1,12.6405965 1,27 C1,41.3594035 12.6405965,53 27,53 Z"></path>
  232. </g>
  233. </g>
  234. </svg>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. <a id="bp-media-photo-next" class="bb-field-uploader-next bb-field-uploader-actions" href="#">
  240. <i class="bb-icon-l bb-icon-folder"></i> Select Album </a>
  241. </div>
  242. </div>
  243. </div>
  244. <div class="bb-field-steps bb-field-steps-2">
  245. <div class="bb-field-wrap">
  246. <div class="bb-dropdown-wrap">
  247. <div class="location-album-list-wrap-main ">
  248. <span class="no-album-exists" style="display: none;">No albums found. Please create and select album.</span>
  249. <input type="hidden" class="bb-album-destination" value="Select Album" readonly="">
  250. <div class="location-album-list-wrap">
  251. <h4>
  252. <span class="where-to-move-profile-or-group-media"></span>
  253. </h4>
  254. <div class="breadcrumbs-append-ul-li">
  255. <div class="breadcrumb">
  256. <div class="item">
  257. <span data-id="0">Albums</span>
  258. </div>
  259. </div>
  260. </div>
  261. </div>
  262. <!-- .location-album-list-wrap -->
  263. <input type="hidden" class="bb-album-create-from" value="profile" readonly="">
  264. <input type="hidden" class="bb-album-selected-id" value="0" data-value="0" readonly="">
  265. </div>
  266. </div>
  267. <div class="create-popup-album-wrap popup-on-fly-create-album" style="display: none;">
  268. <div class="bb-field-wrap">
  269. <label for="new_album_name_input" class="bb-label">Album Title</label>
  270. <input id="new_album_name_input" class="popup-on-fly-create-album-title" value="" type="text" placeholder="Enter Album Title">
  271. </div>
  272. <div class="bb-field-wrap privacy-field-wrap-hide-show">
  273. <label for="bb-album-privacy" class="bb-label">Privacy</label>
  274. <div class="bb-dropdown-wrap">
  275. <select id="bb-album-privacy">
  276. <option value="public">Public</option>
  277. <option value="loggedin">All Members</option>
  278. <option value="friends">My Connections</option>
  279. <option value="onlyme">Only Me</option>
  280. </select>
  281. </div>
  282. </div>
  283. <div class="db-modal-buttons">
  284. <a class="close-create-popup-album" href="#">Cancel</a>
  285. <a class="button bp-media-create-popup-album-submit" href="#">Create</a>
  286. </div>
  287. </div>
  288. </div>
  289. </div>
  290. <footer class="bb-model-footer media-uploader-footer">
  291. <a href="#" class="bp-media-open-create-popup-folder" style="display: none;">
  292. <i class="bb-icon-l bb-icon-plus"></i> Create new album </a>
  293. <div class="bb-dropdown-wrap">
  294. <select id="bb-media-privacy">
  295. <option value="public">Public</option>
  296. <option value="loggedin">All Members</option>
  297. <option value="friends">My Connections</option>
  298. <option value="onlyme">Only Me</option>
  299. </select>
  300. </div>
  301. <a class="button push-right" id="bp-media-submit" style="display: none;" href="#">Done</a>
  302. <a id="bp-media-prev" class="bb-uploader-steps-prev bb-field-uploader-actions" href="#">Back</a>
  303. </footer>
  304. </div>
  305. </div>
  306. </div>
  307. </transition>
  308. </div>
  309.  
  310. <div id="media-stream" class="media" data-bp-list2="media" style="">
  311. <div class="bp-media-move-file bp-media-move-photo" style="display: none;">
  312. <transition name="modal">
  313. <div class="modal-mask bb-white bbm-model-wrap">
  314. <div class="modal-wrapper">
  315. <div id="boss-media-create-album-popup" class="modal-container has-folderlocationUI">
  316. <header class="bb-model-header">
  317. <h4>
  318. <span class="target_name">Move Photo to...</span>
  319. </h4>
  320. </header>
  321. <div class="bb-field-wrap">
  322. <div class="bb-dropdown-wrap">
  323. <div class="location-album-list-wrap-main ">
  324. <span class="no-album-exists" style="display: none;">No albums found. Please create and select album.</span>
  325. <input type="hidden" class="bb-album-destination" value="Select Album" readonly="">
  326. <div class="location-album-list-wrap">
  327. <h4>
  328. <span class="where-to-move-profile-or-group-media"></span>
  329. </h4>
  330. <div class="breadcrumbs-append-ul-li">
  331. <div class="breadcrumb">
  332. <div class="item">
  333. <span data-id="0">Albums</span>
  334. </div>
  335. </div>
  336. </div>
  337. </div>
  338. <!-- .location-album-list-wrap -->
  339. <input type="hidden" class="bb-album-create-from" value="profile" readonly="">
  340. <input type="hidden" class="bb-album-selected-id" value="0" data-value="0" readonly="">
  341. </div>
  342. </div>
  343. <div class="create-popup-album-wrap popup-on-fly-create-album" style="display: none;">
  344. <div class="bb-field-wrap">
  345. <label for="new_album_name_input" class="bb-label">Album Title</label>
  346. <input id="new_album_name_input" class="popup-on-fly-create-album-title" value="" type="text" placeholder="Enter Album Title">
  347. </div>
  348. <div class="bb-field-wrap privacy-field-wrap-hide-show">
  349. <label for="bb-album-privacy" class="bb-label">Privacy</label>
  350. <div class="bb-dropdown-wrap">
  351. <select id="bb-album-privacy">
  352. <option value="public">Public</option>
  353. <option value="loggedin">All Members</option>
  354. <option value="friends">My Connections</option>
  355. <option value="onlyme">Only Me</option>
  356. </select>
  357. </div>
  358. </div>
  359. <div class="db-modal-buttons">
  360. <a class="close-create-popup-album" href="#">Cancel</a>
  361. <a class="button bp-media-create-popup-album-submit" href="#">Create</a>
  362. </div>
  363. </div>
  364. </div>
  365. <footer class="bb-model-footer">
  366. <a href="#" class="bp-media-open-create-popup-folder">Create new album</a>
  367. <a class="ac-media-close-button" href="#">Cancel</a>
  368. <a class="button bp-media-move bp-media-move-activity" id="" href="#">Move</a>
  369. </footer>
  370. </div>
  371. </div>
  372. </div>
  373. </transition>
  374. </div>
  375. <div class="bp-video-move-file bp-video-move-photo" style="display: none;">
  376. <transition name="modal">
  377. <div class="modal-mask bb-white bbm-model-wrap">
  378. <div class="modal-wrapper">
  379. <div id="boss-video-create-album-popup" class="modal-container has-folderlocationUI">
  380. <header class="bb-model-header">
  381. <h4>
  382. <span class="target_name">Move Video to...</span>
  383. </h4>
  384. </header>
  385. <div class="bb-field-wrap">
  386. <div class="bb-dropdown-wrap">
  387. <div class="location-album-list-wrap-main ">
  388. <span class="no-album-exists" style="display: none;">You have not created any album yet to move this photo into.</span>
  389. <input type="hidden" class="bb-album-destination" value="Select Album" readonly="">
  390. <div class="location-album-list-wrap">
  391. <h4>
  392. <span class="where-to-move-profile-or-group-video"></span>
  393. </h4>
  394. <div class="breadcrumbs-append-ul-li">
  395. <div class="breadcrumb">
  396. <div class="item">
  397. <span data-id="0">Albums</span>
  398. </div>
  399. </div>
  400. </div>
  401. </div>
  402. <!-- .location-album-list-wrap -->
  403. <input type="hidden" class="bb-album-create-from" value="profile" readonly="">
  404. <input type="hidden" class="bb-album-selected-id" value="0" data-value="0" readonly="">
  405. </div>
  406. </div>
  407. <div class="create-popup-album-wrap popup-on-fly-create-album" style="display: none;">
  408. <div class="bb-field-wrap">
  409. <label for="new_album_name_input" class="bb-label">Album Title</label>
  410. <input id="new_album_name_input" class="popup-on-fly-create-album-title" value="" type="text" placeholder="Enter Album Title">
  411. </div>
  412. <div class="bb-field-wrap privacy-field-wrap-hide-show">
  413. <label for="bb-album-privacy" class="bb-label">Privacy</label>
  414. <div class="bb-dropdown-wrap">
  415. <select id="bb-album-privacy">
  416. <option value="public">Public</option>
  417. <option value="loggedin">All Members</option>
  418. <option value="friends">My Connections</option>
  419. <option value="onlyme">Only Me</option>
  420. </select>
  421. </div>
  422. </div>
  423. <div class="db-modal-buttons">
  424. <a class="close-create-popup-album" href="#">Cancel</a>
  425. <a class="button bp-video-create-popup-album-submit" href="#">Create</a>
  426. </div>
  427. </div>
  428. </div>
  429. <footer class="bb-model-footer">
  430. <a href="#" class="bp-video-open-create-popup-album">Create new album</a>
  431. <a class="ac-video-close-button" href="#">Cancel</a>
  432. <a class="button bp-video-move bp-video-move-activity" id="" href="#">Move</a>
  433. </footer>
  434. </div>
  435. </div>
  436. </div>
  437. </transition>
  438. </div>
  439. <div class="bp-video-thumbnail-uploader no_ffmpeg" style="display: none;">
  440. <transition name="modal">
  441. <div class="modal-mask bb-white bbm-model-wrap bbm-uploader-model-wrap">
  442. <div class="modal-wrapper">
  443. <div class="modal-container">
  444. <header class="bb-model-header">
  445. <a href="#" class="bp-video-thumbnail-upload-tab bp-thumbnail-upload-tab selected bp-video-thumbnail-uploader-modal-title" data-content="bp-video-thumbnail-dropzone-content" id=""> Change Thumbnail </a>
  446. <span id="bp-video-thumbnail-uploader-modal-status-text" style="display: none;"></span>
  447. <a class="bb-model-close-button bp-video-thumbnail-uploader-close" id="" href="#">
  448. <span class="bb-icon-l bb-icon-times"></span>
  449. </a>
  450. </header>
  451. <div class="video-thumbnail-content">
  452. <div class="bp-video-thumbnail-auto-generated">
  453. <ul class="video-thumb-list loading">
  454. <li class="lg-grid-1-5 md-grid-1-3 sm-grid-1-3 thumb_loader">
  455. <div class="video-thumb-block">
  456. <i class="bb-icon-l bb-icon-loader animate-spin"></i>
  457. <span>Generating thumbnail…</span>
  458. </div>
  459. </li>
  460. <li class="lg-grid-1-5 md-grid-1-3 sm-grid-1-3 thumb_loader">
  461. <div class="video-thumb-block">
  462. <i class="bb-icon-l bb-icon-loader animate-spin"></i>
  463. <span>Generating thumbnail…</span>
  464. </div>
  465. </li>
  466. </ul>
  467. </div>
  468. <div class="bb-dropzone-wrap bp-video-thumbnail-upload-tab-content bp-upload-tab-content bp-video-thumbnail-dropzone-content" id="custom_image_ele">
  469. <input id="bb-video-5711" class="bb-custom-check" type="radio" value="5766" name="bb-video-thumbnail-select">
  470. <label class="bp-tooltip" data-bp-tooltip-pos="up" data-bp-tooltip="Select" for="bb-video-5711">
  471. <span class="bb-icon-l bb-icon-check"></span>
  472. </label>
  473. <div class="bb-field-wrap">
  474. <div class="video-thumbnail-uploader-wrapper">
  475. <div class="dropzone video-dropzone video-thumbnail-uploader-dropzone-select" id=""></div>
  476. <div class="uploader-post-video-thumbnail-template" style="display:none;">
  477. <div class="dz-preview dz-file-preview">
  478. <div class="dz-image">
  479. <img data-dz-thumbnail="">
  480. </div>
  481. <div class="dz-progress-ring-wrap">
  482. <i class="bb-icon-f bb-icon-camera"></i>
  483. <svg class="dz-progress-ring" width="54" height="54">
  484. <circle class="progress-ring__circle" stroke="white" stroke-width="3" fill="transparent" r="24.5" cx="27" cy="27" stroke-dasharray="185.354, 185.354" stroke-dashoffset="185"></circle>
  485. </svg>
  486. </div>
  487. <div class="dz-error-message">
  488. <span data-dz-errormessage=""></span>
  489. </div>
  490. <div class="dz-error-mark">
  491. <svg width="54px" height="54px" viewBox="0 0 54 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  492. <title>Error</title>
  493. <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  494. <g stroke="#747474" stroke-opacity="0.198794158" fill="#FFFFFF" fill-opacity="0.816519475">
  495. <path d="M32.6568542,29 L38.3106978,23.3461564 C39.8771021,21.7797521 39.8758057,19.2483887 38.3137085,17.6862915 C36.7547899,16.1273729 34.2176035,16.1255422 32.6538436,17.6893022 L27,23.3431458 L21.3461564,17.6893022 C19.7823965,16.1255422 17.2452101,16.1273729 15.6862915,17.6862915 C14.1241943,19.2483887 14.1228979,21.7797521 15.6893022,23.3461564 L21.3431458,29 L15.6893022,34.6538436 C14.1228979,36.2202479 14.1241943,38.7516113 15.6862915,40.3137085 C17.2452101,41.8726271 19.7823965,41.8744578 21.3461564,40.3106978 L27,34.6568542 L32.6538436,40.3106978 C34.2176035,41.8744578 36.7547899,41.8726271 38.3137085,40.3137085 C39.8758057,38.7516113 39.8771021,36.2202479 38.3106978,34.6538436 L32.6568542,29 Z M27,53 C41.3594035,53 53,41.3594035 53,27 C53,12.6405965 41.3594035,1 27,1 C12.6405965,1 1,12.6405965 1,27 C1,41.3594035 12.6405965,53 27,53 Z"></path>
  496. </g>
  497. </g>
  498. </svg>
  499. </div>
  500. </div>
  501. </div>
  502. </div>
  503. </div>
  504. <div class="video-thumbnail-custom" style="display:none;">
  505. <span class="close-thumbnail-custom"></span>
  506. <img src="" alt="">
  507. </div>
  508. </div>
  509. </div>
  510. <input type="hidden" value="" class="video-edit-thumbnail-hidden-video-id">
  511. <input type="hidden" value="" class="video-edit-thumbnail-hidden-attachment-id">
  512. <footer class="bb-model-footer flex align-items-center">
  513. <a class="button push-right bp-video-thumbnail-submit is-disabled" id="" href="#">Change</a>
  514. </footer>
  515. </div>
  516. </div>
  517. </div>
  518. </transition>
  519. </div>
  520. <ul class="media-list item-list bp-list bb-photo-list grid">
  521. <!-- LOOP IMAGES -->
  522. <?php
  523. $datas = BP_Media::get();
  524. foreach ( $datas['medias'] as $key => $value) {
  525. ?>
  526. <li class="lg-grid-1-5 md-grid-1-3 sm-grid-1-3 bb-photo-li" data-id="19" data-date-created="2023-09-06 13:19:06">
  527. <div class="bb-photo-thumb bb-item-thumb">
  528. <a class="bb-open-media-theatre bb-photo-cover-wrap bb-item-cover-wrap" data-id="19" data-attachment-full="<?= @$datas['medias'][$key]->attachment_data->thumb; ?>" data-activity-id="477" data-privacy="public" data-parent-activity-id="478" data-album-id="4" data-group-id="0" data-attachment-id="2298" data-can-edit="1" href="#">
  529. <img src="<?= @$datas['medias'][$key]->attachment_data->thumb; ?>" alt="Screenshot 2023-09-06 at 20.11.21" class="">
  530. </a>
  531. <div class="bb-media-check-wrap bb-action-check-wrap">
  532. <input id="bb-media-19" class="bb-custom-check" type="checkbox" value="19" name="bb-media-select">
  533. <label class="bp-tooltip" data-bp-tooltip-pos="up" data-bp-tooltip="Select" for="bb-media-19">
  534. <span class="bb-icon-rl bb-icon-check"></span>
  535. </label>
  536. </div>
  537. </div>
  538. </li>
  539. <?php
  540. }
  541. ?>
  542. <!-- END LOOP IMAGES -->
  543. </ul>
  544. </div>
  545. <!-- .media -->
  546. </div>
  547. <!-- END PHOTO -->
  548. </div>
  549. </div>
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!