crowi.js 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826
  1. /* jshint browser: true, jquery: true */
  2. /* Author: Sotaro KARASAWA <sotarok@crocos.co.jp>
  3. */
  4. var io = require('socket.io-client');
  5. var moment = require("moment");
  6. require('bootstrap-sass');
  7. require('jquery.cookie');
  8. var Crowi = {};
  9. if (!window) {
  10. window = {};
  11. }
  12. window.Crowi = Crowi;
  13. Crowi.createErrorView = function(msg) {
  14. $('#main').prepend($('<p class="alert-message error">' + msg + '</p>'));
  15. };
  16. Crowi.correctHeaders = function(contentId) {
  17. // h1 ~ h6 の id 名を補正する
  18. var $content = $(contentId || '#revision-body-content');
  19. var i = 0;
  20. $('h1,h2,h3,h4,h5,h6', $content).each(function(idx, elm) {
  21. var id = 'head' + i++;
  22. $(this).attr('id', id);
  23. $(this).addClass('revision-head');
  24. $(this).append('<span class="revision-head-link"><a href="#' + id +'"><i class="fa fa-link"></i></a></span>');
  25. });
  26. };
  27. Crowi.revisionToc = function(contentId, tocId) {
  28. var $content = $(contentId || '#revision-body-content');
  29. var $tocId = $(tocId || '#revision-toc');
  30. var $tocContent = $('<div id="revision-toc-content" class="revision-toc-content collapse in"></div>');
  31. $tocId.append($tocContent);
  32. $('h1', $content).each(function(idx, elm) {
  33. var id = $(this).attr('id');
  34. var title = $(this).text();
  35. var selector = '#' + id + ' ~ h2:not(#' + id + ' ~ h1 ~ h2)';
  36. var $toc = $('<ul></ul>');
  37. var $tocLi = $('<li><a href="#' + id +'">' + title + '</a></li>');
  38. $tocContent.append($toc);
  39. $toc.append($tocLi);
  40. $(selector).each(function()
  41. {
  42. var id2 = $(this).attr('id');
  43. var title2 = $(this).text();
  44. var selector2 = '#' + id2 + ' ~ h3:not(#' + id2 + ' ~ h2 ~ h3)';
  45. var $toc2 = $('<ul></ul>');
  46. var $tocLi2 = $('<li><a href="#' + id2 +'">' + title2 + '</a></li>');
  47. $tocLi.append($toc2);
  48. $toc2.append($tocLi2);
  49. $(selector2).each(function()
  50. {
  51. var id3 = $(this).attr('id');
  52. var title3 = $(this).text();
  53. var $toc3 = $('<ul></ul>');
  54. var $tocLi3 = $('<li><a href="#' + id3 +'">' + title3 + '</a></li>');
  55. $tocLi2.append($toc3);
  56. $toc3.append($tocLi3);
  57. });
  58. });
  59. });
  60. };
  61. Crowi.escape = function(s) {
  62. s = s.replace(/&/g, '&amp;')
  63. .replace(/</g, '&lt;')
  64. .replace(/>/g, '&gt;')
  65. .replace(/'/g, '&#39;')
  66. .replace(/"/g, '&quot;')
  67. ;
  68. return s;
  69. };
  70. Crowi.unescape = function(s) {
  71. s = s.replace(/&nbsp;/g, ' ')
  72. .replace(/&amp;/g, '&')
  73. .replace(/&lt;/g, '<')
  74. .replace(/&gt;/g, '>')
  75. .replace(/&#39;/g, '\'')
  76. .replace(/&quot;/g, '"')
  77. ;
  78. return s;
  79. };
  80. // original: middleware.swigFilter
  81. Crowi.userPicture = function (user) {
  82. if (!user) {
  83. return '/images/userpicture.png';
  84. }
  85. return user.image || '/images/userpicture.png';
  86. };
  87. Crowi.modifyScrollTop = function() {
  88. var offset = 10;
  89. var hash = window.location.hash;
  90. if (hash === "") {
  91. return;
  92. }
  93. var pageHeader = document.querySelector('#page-header');
  94. if (!pageHeader) {
  95. return;
  96. }
  97. var pageHeaderRect = pageHeader.getBoundingClientRect();
  98. var sectionHeader = document.querySelector(hash);
  99. if (sectionHeader === null) {
  100. return;
  101. }
  102. var timeout = 0;
  103. if (window.scrollY === 0) {
  104. timeout = 200;
  105. }
  106. setTimeout(function() {
  107. var sectionHeaderRect = sectionHeader.getBoundingClientRect();
  108. if (sectionHeaderRect.top >= pageHeaderRect.bottom) {
  109. return;
  110. }
  111. window.scrollTo(0, (window.scrollY - pageHeaderRect.height - offset));
  112. }, timeout);
  113. }
  114. $(function() {
  115. var pageId = $('#content-main').data('page-id');
  116. var revisionId = $('#content-main').data('page-revision-id');
  117. var revisionCreatedAt = $('#content-main').data('page-revision-created');
  118. var currentUser = $('#content-main').data('current-user');
  119. var isSeen = $('#content-main').data('page-is-seen');
  120. var pagePath= $('#content-main').data('path');
  121. var isEnabledLineBreaks = $('#content-main').data('linebreaks-enabled');
  122. // generate options obj
  123. var rendererOptions = {
  124. // see: https://www.npmjs.com/package/marked
  125. marked: {
  126. breaks: isEnabledLineBreaks
  127. }
  128. };
  129. $('[data-toggle="popover"]').popover();
  130. $('[data-toggle="tooltip"]').tooltip();
  131. $('[data-tooltip-stay]').tooltip('show');
  132. $('#toggle-sidebar').click(function(e) {
  133. var $mainContainer = $('.main-container');
  134. if ($mainContainer.hasClass('aside-hidden')) {
  135. $('.main-container').removeClass('aside-hidden');
  136. $.cookie('aside-hidden', 0, { expires: 30, path: '/' });
  137. } else {
  138. $mainContainer.addClass('aside-hidden');
  139. $.cookie('aside-hidden', 1, { expires: 30, path: '/' });
  140. }
  141. return false;
  142. });
  143. if ($.cookie('aside-hidden') == 1) {
  144. $('.main-container').addClass('aside-hidden');
  145. }
  146. $('.copy-link').on('click', function () {
  147. $(this).select();
  148. });
  149. $('#create-page').on('shown.bs.modal', function (e) {
  150. // quick hack: replace from server side rendering "date" to client side "date"
  151. var today = new Date();
  152. var month = ('0' + (today.getMonth() + 1)).slice(-2);
  153. var day = ('0' + today.getDate()).slice(-2);
  154. var dateString = today.getFullYear() + '/' + month + '/' + day;
  155. $('#create-page-today .page-today-suffix').text('/' + dateString + '/');
  156. $('#create-page-today .page-today-input2').data('prefix', '/' + dateString + '/');
  157. var input2Width = $('#create-page-today .col-xs-10').outerWidth() - 1;
  158. var newWidth = input2Width
  159. - $('#create-page-today .page-today-prefix').outerWidth()
  160. - $('#create-page-today .page-today-input1').outerWidth()
  161. - $('#create-page-today .page-today-suffix').outerWidth()
  162. - 42
  163. ;
  164. $('#create-page-today .form-control.page-today-input2').css({width: newWidth}).focus();
  165. });
  166. $('#create-page-today').submit(function(e) {
  167. var prefix1 = $('input.page-today-input1', this).data('prefix');
  168. var input1 = $('input.page-today-input1', this).val();
  169. var prefix2 = $('input.page-today-input2', this).data('prefix');
  170. var input2 = $('input.page-today-input2', this).val();
  171. if (input1 === '') {
  172. prefix1 = 'メモ';
  173. }
  174. if (input2 === '') {
  175. prefix2 = prefix2.slice(0, -1);
  176. }
  177. top.location.href = prefix1 + input1 + prefix2 + input2;
  178. return false;
  179. });
  180. $('#create-page-under-tree').submit(function(e) {
  181. var name = $('input', this).val();
  182. if (!name.match(/^\//)) {
  183. name = '/' + name;
  184. }
  185. if (name.match(/.+\/$/)) {
  186. name = name.substr(0, name.length - 1);
  187. }
  188. top.location.href = name;
  189. return false;
  190. });
  191. // rename
  192. $('#renamePage').on('shown.bs.modal', function (e) {
  193. $('#newPageName').focus();
  194. });
  195. $('#renamePageForm, #unportalize-form').submit(function(e) {
  196. // create name-value map
  197. let nameValueMap = {};
  198. $(this).serializeArray().forEach((obj) => {
  199. nameValueMap[obj.name] = obj.value;
  200. })
  201. $.ajax({
  202. type: 'POST',
  203. url: '/_api/pages.rename',
  204. data: $(this).serialize(),
  205. dataType: 'json'
  206. }).done(function(res) {
  207. if (!res.ok) {
  208. // if already exists
  209. $('#newPageNameCheck').html('<i class="fa fa-times-circle"></i> ' + res.error);
  210. $('#newPageNameCheck').addClass('alert-danger');
  211. $('#linkToNewPage').html(`
  212. <i class="fa fa-fw fa-arrow-right"></i><a href="${nameValueMap.new_path}">${nameValueMap.new_path}</a>
  213. `);
  214. } else {
  215. var page = res.page;
  216. $('#newPageNameCheck').removeClass('alert-danger');
  217. //$('#newPageNameCheck').html('<img src="/images/loading_s.gif"> 移動しました。移動先にジャンプします。');
  218. // fix
  219. $('#newPageNameCheck').html('<img src="/images/loading_s.gif"> Page moved! Redirecting to new page location.');
  220. setTimeout(function() {
  221. top.location.href = page.path + '?renamed=' + pagePath;
  222. }, 1000);
  223. }
  224. });
  225. return false;
  226. });
  227. // delete
  228. $('#delete-page-form').submit(function(e) {
  229. $.ajax({
  230. type: 'POST',
  231. url: '/_api/pages.remove',
  232. data: $('#delete-page-form').serialize(),
  233. dataType: 'json'
  234. }).done(function(res) {
  235. if (!res.ok) {
  236. $('#delete-errors').html('<i class="fa fa-times-circle"></i> ' + res.error);
  237. $('#delete-errors').addClass('alert-danger');
  238. } else {
  239. var page = res.page;
  240. top.location.href = page.path;
  241. }
  242. });
  243. return false;
  244. });
  245. $('#revert-delete-page-form').submit(function(e) {
  246. $.ajax({
  247. type: 'POST',
  248. url: '/_api/pages.revertRemove',
  249. data: $('#revert-delete-page-form').serialize(),
  250. dataType: 'json'
  251. }).done(function(res) {
  252. if (!res.ok) {
  253. $('#delete-errors').html('<i class="fa fa-times-circle"></i> ' + res.error);
  254. $('#delete-errors').addClass('alert-danger');
  255. } else {
  256. var page = res.page;
  257. top.location.href = page.path;
  258. }
  259. });
  260. return false;
  261. });
  262. $('#unlink-page-form').submit(function(e) {
  263. $.ajax({
  264. type: 'POST',
  265. url: '/_api/pages.unlink',
  266. data: $('#unlink-page-form').serialize(),
  267. dataType: 'json'
  268. }).done(function(res) {
  269. if (!res.ok) {
  270. $('#delete-errors').html('<i class="fa fa-times-circle"></i> ' + res.error);
  271. $('#delete-errors').addClass('alert-danger');
  272. } else {
  273. var page = res.page;
  274. top.location.href = page.path + '?unlinked=true';
  275. }
  276. });
  277. return false;
  278. });
  279. $('#create-portal-button').on('click', function(e) {
  280. $('.portal').removeClass('hide');
  281. $('.content-main').addClass('on-edit');
  282. $('.portal a[data-toggle="tab"][href="#edit-form"]').tab('show');
  283. var path = $('.content-main').data('path');
  284. if (path != '/' && $('.content-main').data('page-id') == '') {
  285. var upperPage = path.substr(0, path.length - 1);
  286. $.get('/_api/pages.get', {path: upperPage}, function(res) {
  287. if (res.ok && res.page) {
  288. $('#portal-warning-modal').modal('show');
  289. }
  290. });
  291. }
  292. });
  293. $('#portal-form-close').on('click', function(e) {
  294. $('.portal').addClass('hide');
  295. $('.content-main').removeClass('on-edit');
  296. return false;
  297. });
  298. // list-link
  299. $('.page-list-link').each(function() {
  300. var $link = $(this);
  301. var text = $link.text();
  302. var path = $link.data('path');
  303. var shortPath = new String($link.data('short-path'));
  304. var escape = function(s) {
  305. return s.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
  306. };
  307. path = Crowi.escape(path);
  308. var pattern = escape(Crowi.escape(shortPath)) + '(/)?$';
  309. $link.html(path.replace(new RegExp(pattern), '<strong>' + shortPath + '$1</strong>'));
  310. });
  311. // for list page
  312. $('a[data-toggle="tab"][href="#view-timeline"]').on('show.bs.tab', function() {
  313. var isShown = $('#view-timeline').data('shown');
  314. if (isShown == 0) {
  315. $('#view-timeline .timeline-body').each(function()
  316. {
  317. var id = $(this).attr('id');
  318. var contentId = '#' + id + ' > script';
  319. var revisionBody = '#' + id + ' .revision-body';
  320. var $revisionBody = $(revisionBody);
  321. var revisionPath = '#' + id + ' .revision-path';
  322. var markdown = Crowi.unescape($(contentId).html());
  323. var parsedHTML = crowiRenderer.render(markdown, $revisionBody.get(0), rendererOptions);
  324. $revisionBody.html(parsedHTML);
  325. $('.template-create-button', revisionBody).on('click', function() {
  326. var path = $(this).data('path');
  327. var templateId = $(this).data('template');
  328. var template = $('#' + templateId).html();
  329. crowi.saveDraft(path, template);
  330. top.location.href = path;
  331. });
  332. });
  333. $('#view-timeline').data('shown', 1);
  334. }
  335. });
  336. // login
  337. $('#register').on('click', function() {
  338. $('#login-dialog').addClass('to-flip');
  339. return false;
  340. });
  341. $('#login').on('click', function() {
  342. $('#login-dialog').removeClass('to-flip');
  343. return false;
  344. });
  345. $('#register-form input[name="registerForm[username]"]').change(function(e) {
  346. var username = $(this).val();
  347. $('#input-group-username').removeClass('has-error');
  348. $('#help-block-username').html("");
  349. $.getJSON('/_api/check_username', {username: username}, function(json) {
  350. if (!json.valid) {
  351. $('#help-block-username').html('<i class="fa fa-warning"></i> This User ID is not available.<br>');
  352. $('#input-group-username').addClass('has-error');
  353. }
  354. });
  355. });
  356. if (pageId) {
  357. // if page exists
  358. var $rawTextOriginal = $('#raw-text-original');
  359. if ($rawTextOriginal.length > 0) {
  360. var markdown = Crowi.unescape($('#raw-text-original').html());
  361. var dom = $('#revision-body-content').get(0);
  362. // create context object
  363. var context = {
  364. markdown,
  365. dom,
  366. currentPagePath: decodeURIComponent(location.pathname)
  367. };
  368. crowi.interceptorManager.process('preRender', context)
  369. .then(() => crowi.interceptorManager.process('prePreProcess', context))
  370. .then(() => {
  371. context.markdown = crowiRenderer.preProcess(context.markdown, context.dom);
  372. })
  373. .then(() => crowi.interceptorManager.process('postPreProcess', context))
  374. .then(() => {
  375. var revisionBody = $('#revision-body-content');
  376. var parsedHTML = crowiRenderer.render(context.markdown, context.dom, rendererOptions);
  377. context.parsedHTML = parsedHTML;
  378. Promise.resolve(context);
  379. })
  380. .then(() => crowi.interceptorManager.process('postRender', context))
  381. .then(() => crowi.interceptorManager.process('preRenderHtml', context))
  382. // render HTML with jQuery
  383. .then(() => {
  384. $('#revision-body-content').html(context.parsedHTML);
  385. $('.template-create-button').on('click', function() {
  386. var path = $(this).data('path');
  387. var templateId = $(this).data('template');
  388. var template = $('#' + templateId).html();
  389. crowi.saveDraft(path, template);
  390. top.location.href = path;
  391. });
  392. Crowi.correctHeaders('#revision-body-content');
  393. Crowi.revisionToc('#revision-body-content', '#revision-toc');
  394. Promise.resolve($('#revision-body-content'));
  395. })
  396. // process interceptors for post rendering
  397. .then((bodyElement) => {
  398. context = Object.assign(context, {bodyElement})
  399. return crowi.interceptorManager.process('postRenderHtml', context);
  400. });
  401. }
  402. // header
  403. var $header = $('#page-header');
  404. if ($header.length > 0) {
  405. var headerHeight = $header.outerHeight(true);
  406. $('.header-wrap').css({height: (headerHeight + 16) + 'px'});
  407. $header.affix({
  408. offset: {
  409. top: function() {
  410. return headerHeight + 86; // (54 header + 16 header padding-top + 16 content padding-top)
  411. }
  412. }
  413. });
  414. $('[data-affix-disable]').on('click', function(e) {
  415. var $elm = $($(this).data('affix-disable'));
  416. $(window).off('.affix');
  417. $elm.removeData('affix').removeClass('affix affix-top affix-bottom');
  418. return false;
  419. });
  420. }
  421. /*
  422. * transplanted to React components -- 2017.06.02 Yuki Takei
  423. *
  424. // omg
  425. function createCommentHTML(revision, creator, comment, commentedAt) {
  426. var $comment = $('<div>');
  427. var $commentImage = $('<img class="picture picture-rounded">')
  428. .attr('src', Crowi.userPicture(creator));
  429. var $commentCreator = $('<div class="page-comment-creator">')
  430. .text(creator.username);
  431. var $commentRevision = $('<a class="page-comment-revision label">')
  432. .attr('href', '?revision=' + revision)
  433. .text(revision.substr(0,8));
  434. if (revision !== revisionId) {
  435. $commentRevision.addClass('label-default');
  436. } else {
  437. $commentRevision.addClass('label-primary');
  438. }
  439. var $commentMeta = $('<div class="page-comment-meta">')
  440. //日付変換
  441. .text(moment(commentedAt).format('YYYY/MM/DD HH:mm:ss') + ' ')
  442. .append($commentRevision);
  443. var $commentBody = $('<div class="page-comment-body">')
  444. .html(comment.replace(/(\r\n|\r|\n)/g, '<br>'));
  445. var $commentMain = $('<div class="page-comment-main">')
  446. .append($commentCreator)
  447. .append($commentBody)
  448. .append($commentMeta)
  449. $comment.addClass('page-comment');
  450. if (creator._id === currentUser) {
  451. $comment.addClass('page-comment-me');
  452. }
  453. if (revision !== revisionId) {
  454. $comment.addClass('page-comment-old');
  455. }
  456. $comment
  457. .append($commentImage)
  458. .append($commentMain);
  459. return $comment;
  460. }
  461. // get comments
  462. var $pageCommentList = $('.page-comments-list');
  463. var $pageCommentListNewer = $('#page-comments-list-newer');
  464. var $pageCommentListCurrent = $('#page-comments-list-current');
  465. var $pageCommentListOlder = $('#page-comments-list-older');
  466. var hasNewer = false;
  467. var hasOlder = false;
  468. $.get('/_api/comments.get', {page_id: pageId}, function(res) {
  469. if (res.ok) {
  470. var comments = res.comments;
  471. $.each(comments, function(i, comment) {
  472. var commentContent = createCommentHTML(comment.revision, comment.creator, comment.comment, comment.createdAt);
  473. if (comment.revision == revisionId) {
  474. $pageCommentListCurrent.append(commentContent);
  475. } else {
  476. if (Date.parse(comment.createdAt)/1000 > revisionCreatedAt) {
  477. $pageCommentListNewer.append(commentContent);
  478. hasNewer = true;
  479. } else {
  480. $pageCommentListOlder.append(commentContent);
  481. hasOlder = true;
  482. }
  483. }
  484. });
  485. }
  486. }).fail(function(data) {
  487. }).always(function() {
  488. if (!hasNewer) {
  489. $('.page-comments-list-toggle-newer').hide();
  490. }
  491. if (!hasOlder) {
  492. $pageCommentListOlder.addClass('collapse');
  493. $('.page-comments-list-toggle-older').hide();
  494. }
  495. });
  496. // post comment event
  497. $('#page-comment-form').on('submit', function() {
  498. var $button = $('#comment-form-button');
  499. $button.attr('disabled', 'disabled');
  500. $.post('/_api/comments.add', $(this).serialize(), function(data) {
  501. $button.prop('disabled', false);
  502. if (data.ok) {
  503. var comment = data.comment;
  504. $pageCommentList.prepend(createCommentHTML(comment.revision, comment.creator, comment.comment, comment.createdAt));
  505. $('#comment-form-comment').val('');
  506. $('#comment-form-message').text('');
  507. } else {
  508. $('#comment-form-message').text(data.error);
  509. }
  510. }).fail(function(data) {
  511. if (data.status !== 200) {
  512. $('#comment-form-message').text(data.statusText);
  513. }
  514. });
  515. return false;
  516. });
  517. */
  518. // Like
  519. var $likeButton = $('.like-button');
  520. var $likeCount = $('#like-count');
  521. $likeButton.click(function() {
  522. var liked = $likeButton.data('liked');
  523. var token = $likeButton.data('csrftoken');
  524. if (!liked) {
  525. $.post('/_api/likes.add', {_csrf: token, page_id: pageId}, function(res) {
  526. if (res.ok) {
  527. MarkLiked();
  528. }
  529. });
  530. } else {
  531. $.post('/_api/likes.remove', {_csrf: token, page_id: pageId}, function(res) {
  532. if (res.ok) {
  533. MarkUnLiked();
  534. }
  535. });
  536. }
  537. return false;
  538. });
  539. var $likerList = $("#liker-list");
  540. var likers = $likerList.data('likers');
  541. if (likers && likers.length > 0) {
  542. var users = crowi.findUserByIds(likers.split(','));
  543. if (users) {
  544. AddToLikers(users);
  545. }
  546. }
  547. function AddToLikers (users) {
  548. $.each(users, function(i, user) {
  549. $likerList.append(CreateUserLinkWithPicture(user));
  550. });
  551. }
  552. function MarkLiked()
  553. {
  554. $likeButton.addClass('active');
  555. $likeButton.data('liked', 1);
  556. $likeCount.text(parseInt($likeCount.text()) + 1);
  557. }
  558. function MarkUnLiked()
  559. {
  560. $likeButton.removeClass('active');
  561. $likeButton.data('liked', 0);
  562. $likeCount.text(parseInt($likeCount.text()) - 1);
  563. }
  564. if (!isSeen) {
  565. $.post('/_api/pages.seen', {page_id: pageId}, function(res) {
  566. // ignore unless response has error
  567. if (res.ok && res.seenUser) {
  568. $('#content-main').data('page-is-seen', 1);
  569. }
  570. });
  571. }
  572. function CreateUserLinkWithPicture (user) {
  573. var $userHtml = $('<a>');
  574. $userHtml.data('user-id', user._id);
  575. $userHtml.attr('href', '/user/' + user.username);
  576. $userHtml.attr('title', user.name);
  577. var $userPicture = $('<img class="picture picture-xs picture-rounded">');
  578. $userPicture.attr('alt', user.name);
  579. $userPicture.attr('src', Crowi.userPicture(user));
  580. $userHtml.append($userPicture);
  581. return $userHtml;
  582. }
  583. // presentation
  584. var presentaionInitialized = false
  585. , $b = $('body');
  586. $(document).on('click', '.toggle-presentation', function(e) {
  587. var $a = $(this);
  588. e.preventDefault();
  589. $b.toggleClass('overlay-on');
  590. if (!presentaionInitialized) {
  591. presentaionInitialized = true;
  592. $('<iframe />').attr({
  593. src: $a.attr('href')
  594. }).appendTo($('#presentation-container'));
  595. }
  596. }).on('click', '.fullscreen-layer', function() {
  597. $b.toggleClass('overlay-on');
  598. });
  599. //
  600. var me = $('body').data('me');
  601. var socket = io();
  602. socket.on('page edited', function (data) {
  603. if (data.user._id != me
  604. && data.page.path == pagePath) {
  605. $('#notifPageEdited').show();
  606. $('#notifPageEdited .edited-user').html(data.user.name);
  607. }
  608. });
  609. } // end if pageId
  610. // hash handling
  611. $('a[data-toggle="tab"][href="#revision-history"]').on('show.bs.tab', function() {
  612. window.history.pushState('', 'History', '#revision-history');
  613. });
  614. $('a[data-toggle="tab"][href="#edit-form"]').on('show.bs.tab', function() {
  615. window.history.pushState('', 'Edit', '#edit-form');
  616. });
  617. $('a[data-toggle="tab"][href="#revision-body"]').on('show.bs.tab', function() {
  618. window.history.pushState('', '', location.href.replace(location.hash, ''));
  619. });
  620. });
  621. Crowi.getRevisionBodyContent = function() {
  622. return $('#revision-body-content').html();
  623. }
  624. Crowi.replaceRevisionBodyContent = function(html) {
  625. $('#revision-body-content').html(html);
  626. }
  627. Crowi.findHashFromUrl = function(url)
  628. {
  629. var match;
  630. if (match = url.match(/#(.+)$/)) {
  631. return '#' + match[1];
  632. }
  633. return "";
  634. }
  635. Crowi.unhighlightSelectedSection = function(hash)
  636. {
  637. if (!hash || hash == "" || !hash.match(/^#head.+/)) {
  638. // とりあえず head* だけ (検索結果ページで副作用出た
  639. return true;
  640. }
  641. $(hash).removeClass('highlighted');
  642. }
  643. Crowi.highlightSelectedSection = function(hash)
  644. {
  645. if (!hash || hash == "" || !hash.match(/^#head.+/)) {
  646. // とりあえず head* だけ (検索結果ページで副作用出た
  647. return true;
  648. }
  649. $(hash).addClass('highlighted');
  650. }
  651. window.addEventListener('load', function(e) {
  652. // hash on page
  653. if (location.hash) {
  654. if (location.hash == '#edit-form') {
  655. $('a[data-toggle="tab"][href="#edit-form"]').tab('show');
  656. }
  657. if (location.hash == '#revision-history') {
  658. $('a[data-toggle="tab"][href="#revision-history"]').tab('show');
  659. }
  660. }
  661. if (crowi && crowi.users || crowi.users.length == 0) {
  662. var totalUsers = crowi.users.length;
  663. var $listLiker = $('.page-list-liker');
  664. $listLiker.each(function(i, liker) {
  665. var count = $(liker).data('count') || 0;
  666. if (count/totalUsers > 0.05) {
  667. $(liker).addClass('popular-page-high');
  668. // 5%
  669. } else if (count/totalUsers > 0.02) {
  670. $(liker).addClass('popular-page-mid');
  671. // 2%
  672. } else if (count/totalUsers > 0.005) {
  673. $(liker).addClass('popular-page-low');
  674. // 0.5%
  675. }
  676. });
  677. var $listSeer = $('.page-list-seer');
  678. $listSeer.each(function(i, seer) {
  679. var count = $(seer).data('count') || 0;
  680. if (count/totalUsers > 0.10) {
  681. // 10%
  682. $(seer).addClass('popular-page-high');
  683. } else if (count/totalUsers > 0.05) {
  684. // 5%
  685. $(seer).addClass('popular-page-mid');
  686. } else if (count/totalUsers > 0.02) {
  687. // 2%
  688. $(seer).addClass('popular-page-low');
  689. }
  690. });
  691. }
  692. Crowi.highlightSelectedSection(location.hash);
  693. Crowi.modifyScrollTop();
  694. });
  695. window.addEventListener('hashchange', function(e) {
  696. Crowi.unhighlightSelectedSection(Crowi.findHashFromUrl(e.oldURL));
  697. Crowi.highlightSelectedSection(Crowi.findHashFromUrl(e.newURL));
  698. Crowi.modifyScrollTop();
  699. // hash on page
  700. if (location.hash) {
  701. if (location.hash == '#edit-form') {
  702. $('a[data-toggle="tab"][href="#edit-form"]').tab('show');
  703. }
  704. if (location.hash == '#revision-history') {
  705. $('a[data-toggle="tab"][href="#revision-history"]').tab('show');
  706. }
  707. }
  708. if (location.hash == '' || location.hash.match(/^#head.+/)) {
  709. $('a[data-toggle="tab"][href="#revision-body"]').tab('show');
  710. }
  711. });