components.js 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. window.Vue = require('vue');
  2. import BootstrapVue from 'bootstrap-vue'
  3. import InfiniteLoading from 'vue-infinite-loading';
  4. import Loading from 'vue-loading-overlay';
  5. import VueTimeago from 'vue-timeago';
  6. //import {Howl, Howler} from 'howler';
  7. Vue.use(BootstrapVue);
  8. Vue.use(InfiniteLoading);
  9. Vue.use(Loading);
  10. Vue.use(VueTimeago, {
  11. name: 'Timeago',
  12. locale: 'en'
  13. });
  14. pixelfed.readmore = function() {
  15. $('.read-more').each(function(k,v) {
  16. let el = $(this);
  17. let attr = el.attr('data-readmore');
  18. if(typeof attr !== typeof undefined && attr !== false) {
  19. return;
  20. }
  21. el.readmore({
  22. collapsedHeight: 45,
  23. heightMargin: 48,
  24. moreLink: '<a href="#" class="d-block small text-muted text-center">Read more ...</a>',
  25. lessLink: '<a href="#" class="d-block small text-muted text-center">Hide</a>',
  26. });
  27. });
  28. };
  29. try {
  30. document.createEvent("TouchEvent");
  31. $('body').addClass('touch');
  32. } catch (e) {
  33. }
  34. window.filesize = require('filesize');
  35. // window.Plyr = require('plyr');
  36. import swal from 'sweetalert';
  37. // require('./components/localstorage');
  38. // require('./components/commentform');
  39. //require('./components/searchform');
  40. // require('./components/bookmarkform');
  41. // require('./components/statusform');
  42. //require('./components/embed');
  43. //require('./components/notifications');
  44. // import Echo from "laravel-echo"
  45. // window.io = require('socket.io-client');
  46. // window.pixelfed.bootEcho = function() {
  47. // window.Echo = new Echo({
  48. // broadcaster: 'socket.io',
  49. // host: window.location.hostname + ':2096',
  50. // auth: {
  51. // headers: {
  52. // Authorization: 'Bearer ' + token.content,
  53. // },
  54. // },
  55. // });
  56. // }
  57. // Initialize Notification Helper
  58. window.pixelfed.n = {};
  59. // Vue.component(
  60. // 'search-results',
  61. // require('./components/SearchResults.vue').default
  62. // );
  63. // Vue.component(
  64. // 'photo-presenter',
  65. // require('./components/presenter/PhotoPresenter.vue').default
  66. // );
  67. // Vue.component(
  68. // 'video-presenter',
  69. // require('./components/presenter/VideoPresenter.vue').default
  70. // );
  71. // Vue.component(
  72. // 'photo-album-presenter',
  73. // require('./components/presenter/PhotoAlbumPresenter.vue').default
  74. // );
  75. // Vue.component(
  76. // 'video-album-presenter',
  77. // require('./components/presenter/VideoAlbumPresenter.vue').default
  78. // );
  79. // Vue.component(
  80. // 'mixed-album-presenter',
  81. // require('./components/presenter/MixedAlbumPresenter.vue').default
  82. // );
  83. // Vue.component(
  84. // 'post-menu',
  85. // require('./components/PostMenu.vue').default
  86. // );
  87. // Vue.component(
  88. // 'passport-clients',
  89. // require('./components/passport/Clients.vue').default
  90. // );
  91. // Vue.component(
  92. // 'passport-authorized-clients',
  93. // require('./components/passport/AuthorizedClients.vue').default
  94. // );
  95. // Vue.component(
  96. // 'passport-personal-access-tokens',
  97. // require('./components/passport/PersonalAccessTokens.vue').default
  98. // );
  99. // Vue.component(
  100. // 'follow-suggestions',
  101. // require('./components/FollowSuggestions.vue').default
  102. // );
  103. // Vue.component(
  104. // 'circle-panel',
  105. // require('./components/CirclePanel.vue')
  106. // );
  107. // Vue.component(
  108. // 'story-compose',
  109. // require('./components/StoryCompose.vue').default
  110. // );
  111. //import 'promise-polyfill/src/polyfill';
  112. // window.pixelfed.copyToClipboard = (str) => {
  113. // const el = document.createElement('textarea');
  114. // el.value = str;
  115. // el.setAttribute('readonly', '');
  116. // el.style.position = 'absolute';
  117. // el.style.left = '-9999px';
  118. // document.body.appendChild(el);
  119. // const selected =
  120. // document.getSelection().rangeCount > 0
  121. // ? document.getSelection().getRangeAt(0)
  122. // : false;
  123. // el.select();
  124. // document.execCommand('copy');
  125. // document.body.removeChild(el);
  126. // if (selected) {
  127. // document.getSelection().removeAllRanges();
  128. // document.getSelection().addRange(selected);
  129. // }
  130. // };
  131. $(document).ready(function() {
  132. $(function () {
  133. $('[data-toggle="tooltip"]').tooltip()
  134. });
  135. });
  136. const warningTitleCSS = 'color:red; font-size:60px; font-weight: bold; -webkit-text-stroke: 1px black;';
  137. const warningDescCSS = 'font-size: 18px;';
  138. console.log('%cStop!', warningTitleCSS);
  139. console.log("%cThis is a browser feature intended for developers. If someone told you to copy and paste something here to enable a Pixelfed feature or \"hack\" someone's account, it is a scam and will give them access to your Pixelfed account.", warningDescCSS);