sidebar.js 49 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798
  1. Sidebar = null;
  2. const defaultView = 'home';
  3. const MCB = '.materialCheckBox';
  4. const CKCLS = 'is-checked';
  5. const viewTitles = {
  6. filter: 'filter-cards',
  7. search: 'search-cards',
  8. multiselection: 'multi-selection',
  9. customFields: 'custom-fields',
  10. archives: 'archives',
  11. };
  12. BlazeComponent.extendComponent({
  13. mixins() {
  14. return [Mixins.InfiniteScrolling];
  15. },
  16. onCreated() {
  17. this._isOpen = new ReactiveVar(false);
  18. this._view = new ReactiveVar(defaultView);
  19. Sidebar = this;
  20. },
  21. onDestroyed() {
  22. Sidebar = null;
  23. },
  24. isOpen() {
  25. return this._isOpen.get();
  26. },
  27. open() {
  28. if (!this._isOpen.get()) {
  29. this._isOpen.set(true);
  30. EscapeActions.executeUpTo('detailsPane');
  31. }
  32. },
  33. hide() {
  34. if (this._isOpen.get()) {
  35. this._isOpen.set(false);
  36. }
  37. },
  38. toggle() {
  39. this._isOpen.set(!this._isOpen.get());
  40. },
  41. calculateNextPeak() {
  42. const sidebarElement = this.find('.js-board-sidebar-content');
  43. if (sidebarElement) {
  44. const altitude = sidebarElement.scrollHeight;
  45. this.callFirstWith(this, 'setNextPeak', altitude);
  46. }
  47. },
  48. reachNextPeak() {
  49. const activitiesComponent = this.childComponents('activities')[0];
  50. activitiesComponent.loadNextPage();
  51. },
  52. isTongueHidden() {
  53. return this.isOpen() && this.getView() !== defaultView;
  54. },
  55. scrollTop() {
  56. this.$('.js-board-sidebar-content').scrollTop(0);
  57. },
  58. getView() {
  59. return this._view.get();
  60. },
  61. setView(view) {
  62. view = _.isString(view) ? view : defaultView;
  63. if (this._view.get() !== view) {
  64. this._view.set(view);
  65. this.scrollTop();
  66. EscapeActions.executeUpTo('detailsPane');
  67. }
  68. this.open();
  69. },
  70. isDefaultView() {
  71. return this.getView() === defaultView;
  72. },
  73. getViewTemplate() {
  74. return `${this.getView()}Sidebar`;
  75. },
  76. getViewTitle() {
  77. return TAPi18n.__(viewTitles[this.getView()]);
  78. },
  79. showTongueTitle() {
  80. if (this.isOpen()) return `${TAPi18n.__('sidebar-close')}`;
  81. else return `${TAPi18n.__('sidebar-open')}`;
  82. },
  83. events() {
  84. return [
  85. {
  86. 'click .js-hide-sidebar': this.hide,
  87. 'click .js-toggle-sidebar': this.toggle,
  88. 'click .js-back-home': this.setView,
  89. 'click .js-toggle-minicard-label-text'() {
  90. currentUser = Meteor.user();
  91. if (currentUser) {
  92. Meteor.call('toggleMinicardLabelText');
  93. } else if (window.localStorage.getItem('hiddenMinicardLabelText')) {
  94. window.localStorage.removeItem('hiddenMinicardLabelText');
  95. location.reload();
  96. } else {
  97. window.localStorage.setItem('hiddenMinicardLabelText', 'true');
  98. location.reload();
  99. }
  100. },
  101. 'click .js-shortcuts'() {
  102. FlowRouter.go('shortcuts');
  103. },
  104. },
  105. ];
  106. },
  107. }).register('sidebar');
  108. Blaze.registerHelper('Sidebar', () => Sidebar);
  109. Template.homeSidebar.helpers({
  110. hiddenMinicardLabelText() {
  111. currentUser = Meteor.user();
  112. if (currentUser) {
  113. return (currentUser.profile || {}).hiddenMinicardLabelText;
  114. } else if (window.localStorage.getItem('hiddenMinicardLabelText')) {
  115. return true;
  116. } else {
  117. return false;
  118. }
  119. },
  120. });
  121. EscapeActions.register(
  122. 'sidebarView',
  123. () => {
  124. Sidebar.setView(defaultView);
  125. },
  126. () => {
  127. return Sidebar && Sidebar.getView() !== defaultView;
  128. },
  129. );
  130. Template.memberPopup.helpers({
  131. user() {
  132. return Users.findOne(this.userId);
  133. },
  134. isBoardAdmin() {
  135. return Meteor.user().isBoardAdmin();
  136. },
  137. memberType() {
  138. const type = Users.findOne(this.userId).isBoardAdmin() ? 'admin' : 'normal';
  139. if (type === 'normal') {
  140. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  141. const commentOnly = currentBoard.hasCommentOnly(this.userId);
  142. const noComments = currentBoard.hasNoComments(this.userId);
  143. const worker = currentBoard.hasWorker(this.userId);
  144. if (commentOnly) {
  145. return TAPi18n.__('comment-only');
  146. } else if (noComments) {
  147. return TAPi18n.__('no-comments');
  148. } else if (worker) {
  149. return TAPi18n.__('worker');
  150. } else {
  151. return TAPi18n.__(type);
  152. }
  153. } else {
  154. return TAPi18n.__(type);
  155. }
  156. },
  157. isInvited() {
  158. return Users.findOne(this.userId).isInvitedTo(Session.get('currentBoard'));
  159. },
  160. });
  161. Template.boardMenuPopup.events({
  162. 'click .js-rename-board': Popup.open('boardChangeTitle'),
  163. 'click .js-open-rules-view'() {
  164. Modal.openWide('rulesMain');
  165. Popup.back();
  166. },
  167. 'click .js-custom-fields'() {
  168. Sidebar.setView('customFields');
  169. Popup.back();
  170. },
  171. 'click .js-open-archives'() {
  172. Sidebar.setView('archives');
  173. Popup.back();
  174. },
  175. 'click .js-change-board-color': Popup.open('boardChangeColor'),
  176. 'click .js-board-info-on-my-boards': Popup.open('boardInfoOnMyBoards'),
  177. 'click .js-change-language': Popup.open('changeLanguage'),
  178. 'click .js-archive-board ': Popup.afterConfirm('archiveBoard', function() {
  179. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  180. currentBoard.archive();
  181. // XXX We should have some kind of notification on top of the page to
  182. // confirm that the board was successfully archived.
  183. FlowRouter.go('home');
  184. }),
  185. 'click .js-delete-board': Popup.afterConfirm('deleteBoard', function() {
  186. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  187. Popup.back();
  188. Boards.remove(currentBoard._id);
  189. FlowRouter.go('home');
  190. }),
  191. 'click .js-outgoing-webhooks': Popup.open('outgoingWebhooks'),
  192. 'click .js-import-board': Popup.open('chooseBoardSource'),
  193. 'click .js-subtask-settings': Popup.open('boardSubtaskSettings'),
  194. 'click .js-card-settings': Popup.open('boardCardSettings'),
  195. 'click .js-minicard-settings': Popup.open('boardMinicardSettings'),
  196. 'click .js-export-board': Popup.open('exportBoard'),
  197. });
  198. Template.boardMenuPopup.onCreated(function() {
  199. this.apiEnabled = new ReactiveVar(false);
  200. Meteor.call('_isApiEnabled', (e, result) => {
  201. this.apiEnabled.set(result);
  202. });
  203. });
  204. Template.boardMenuPopup.helpers({
  205. isBoardAdmin() {
  206. return Meteor.user().isBoardAdmin();
  207. },
  208. withApi() {
  209. return Template.instance().apiEnabled.get();
  210. },
  211. exportUrl() {
  212. const params = {
  213. boardId: Session.get('currentBoard'),
  214. };
  215. const queryParams = {
  216. authToken: Accounts._storedLoginToken(),
  217. };
  218. return FlowRouter.path('/api/boards/:boardId/export', params, queryParams);
  219. },
  220. exportFilename() {
  221. const boardId = Session.get('currentBoard');
  222. return `export-board-${boardId}.json`;
  223. },
  224. });
  225. Template.memberPopup.events({
  226. 'click .js-filter-member'() {
  227. Filter.members.toggle(this.userId);
  228. Popup.back();
  229. },
  230. 'click .js-change-role': Popup.open('changePermissions'),
  231. 'click .js-remove-member': Popup.afterConfirm('removeMember', function() {
  232. // This works from removing member from board, card members and assignees.
  233. const boardId = Session.get('currentBoard');
  234. const memberId = this.userId;
  235. Cards.find({ boardId, members: memberId }).forEach(card => {
  236. card.unassignMember(memberId);
  237. });
  238. Cards.find({ boardId, assignees: memberId }).forEach(card => {
  239. card.unassignAssignee(memberId);
  240. });
  241. Boards.findOne(boardId).removeMember(memberId);
  242. Popup.back();
  243. }),
  244. 'click .js-leave-member': Popup.afterConfirm('leaveBoard', () => {
  245. const boardId = Session.get('currentBoard');
  246. Meteor.call('quitBoard', boardId, () => {
  247. Popup.back();
  248. FlowRouter.go('home');
  249. });
  250. }),
  251. });
  252. Template.removeMemberPopup.helpers({
  253. user() {
  254. return Users.findOne(this.userId);
  255. },
  256. board() {
  257. return Boards.findOne(Session.get('currentBoard'));
  258. },
  259. });
  260. Template.leaveBoardPopup.helpers({
  261. board() {
  262. return Boards.findOne(Session.get('currentBoard'));
  263. },
  264. });
  265. BlazeComponent.extendComponent({
  266. onCreated() {
  267. this.error = new ReactiveVar('');
  268. this.loading = new ReactiveVar(false);
  269. this.findOrgsOptions = new ReactiveVar({});
  270. this.findTeamsOptions = new ReactiveVar({});
  271. this.page = new ReactiveVar(1);
  272. this.teamPage = new ReactiveVar(1);
  273. this.autorun(() => {
  274. const limitOrgs = this.page.get() * Number.MAX_SAFE_INTEGER;
  275. this.subscribe('org', this.findOrgsOptions.get(), limitOrgs, () => {});
  276. });
  277. this.autorun(() => {
  278. const limitTeams = this.teamPage.get() * Number.MAX_SAFE_INTEGER;
  279. this.subscribe('team', this.findTeamsOptions.get(), limitTeams, () => {});
  280. });
  281. },
  282. onRendered() {
  283. this.setLoading(false);
  284. },
  285. setError(error) {
  286. this.error.set(error);
  287. },
  288. setLoading(w) {
  289. this.loading.set(w);
  290. },
  291. isLoading() {
  292. return this.loading.get();
  293. },
  294. }).register('membersWidget');
  295. Template.membersWidget.helpers({
  296. isInvited() {
  297. const user = Meteor.user();
  298. return user && user.isInvitedTo(Session.get('currentBoard'));
  299. },
  300. isWorker() {
  301. const user = Meteor.user();
  302. if (user) {
  303. return Meteor.call(Boards.hasWorker(user.memberId));
  304. } else {
  305. return false;
  306. }
  307. },
  308. isBoardAdmin() {
  309. return Meteor.user().isBoardAdmin();
  310. },
  311. AtLeastOneOrgWasCreated(){
  312. let orgs = Org.find({}, {sort: { createdAt: -1 }});
  313. if(orgs === undefined)
  314. return false;
  315. return orgs.count() > 0;
  316. },
  317. AtLeastOneTeamWasCreated(){
  318. let teams = Team.find({}, {sort: { createdAt: -1 }});
  319. if(teams === undefined)
  320. return false;
  321. return teams.count() > 0;
  322. },
  323. });
  324. Template.membersWidget.events({
  325. 'click .js-member': Popup.open('member'),
  326. 'click .js-open-board-menu': Popup.open('boardMenu'),
  327. 'click .js-manage-board-members': Popup.open('addMember'),
  328. 'click .js-manage-board-addOrg': Popup.open('addBoardOrg'),
  329. 'click .js-manage-board-addTeam': Popup.open('addBoardTeam'),
  330. 'click .js-import': Popup.open('boardImportBoard'),
  331. submit: this.onSubmit,
  332. 'click .js-import-board': Popup.open('chooseBoardSource'),
  333. 'click .js-open-archived-board'() {
  334. Modal.open('archivedBoards');
  335. },
  336. 'click .sandstorm-powerbox-request-identity'() {
  337. window.sandstormRequestIdentity();
  338. },
  339. 'click .js-member-invite-accept'() {
  340. const boardId = Session.get('currentBoard');
  341. Meteor.user().removeInvite(boardId);
  342. },
  343. 'click .js-member-invite-decline'() {
  344. const boardId = Session.get('currentBoard');
  345. Meteor.call('quitBoard', boardId, (err, ret) => {
  346. if (!err && ret) {
  347. Meteor.user().removeInvite(boardId);
  348. FlowRouter.go('home');
  349. }
  350. });
  351. },
  352. });
  353. BlazeComponent.extendComponent({
  354. boardId() {
  355. return Session.get('currentBoard') || Integrations.Const.GLOBAL_WEBHOOK_ID;
  356. },
  357. integrations() {
  358. const boardId = this.boardId();
  359. return Integrations.find({ boardId: `${boardId}` }).fetch();
  360. },
  361. types() {
  362. return Integrations.Const.WEBHOOK_TYPES;
  363. },
  364. integration(cond) {
  365. const boardId = this.boardId();
  366. const condition = { boardId, ...cond };
  367. for (const k in condition) {
  368. if (!condition[k]) delete condition[k];
  369. }
  370. return Integrations.findOne(condition);
  371. },
  372. onCreated() {
  373. this.disabled = new ReactiveVar(false);
  374. },
  375. events() {
  376. return [
  377. {
  378. 'click a.flex'(evt) {
  379. this.disabled.set(!this.disabled.get());
  380. $(evt.target).toggleClass(CKCLS, this.disabled.get());
  381. },
  382. submit(evt) {
  383. evt.preventDefault();
  384. const url = evt.target.url.value;
  385. const boardId = this.boardId();
  386. let id = null;
  387. let integration = null;
  388. const title = evt.target.title.value;
  389. const token = evt.target.token.value;
  390. const type = evt.target.type.value;
  391. const enabled = !this.disabled.get();
  392. let remove = false;
  393. const values = {
  394. url,
  395. type,
  396. token,
  397. title,
  398. enabled,
  399. };
  400. if (evt.target.id) {
  401. id = evt.target.id.value;
  402. integration = this.integration({ _id: id });
  403. remove = !url;
  404. } else if (url) {
  405. integration = this.integration({ url, token });
  406. }
  407. if (remove) {
  408. Integrations.remove(integration._id);
  409. } else if (integration && integration._id) {
  410. Integrations.update(integration._id, {
  411. $set: values,
  412. });
  413. } else if (url) {
  414. Integrations.insert({
  415. ...values,
  416. userId: Meteor.userId(),
  417. enabled: true,
  418. boardId,
  419. activities: ['all'],
  420. });
  421. }
  422. Popup.back();
  423. },
  424. },
  425. ];
  426. },
  427. }).register('outgoingWebhooksPopup');
  428. BlazeComponent.extendComponent({
  429. template() {
  430. return 'chooseBoardSource';
  431. },
  432. }).register('chooseBoardSourcePopup');
  433. BlazeComponent.extendComponent({
  434. template() {
  435. return 'exportBoard';
  436. },
  437. withApi() {
  438. return Template.instance().apiEnabled.get();
  439. },
  440. exportUrl() {
  441. const params = {
  442. boardId: Session.get('currentBoard'),
  443. };
  444. const queryParams = {
  445. authToken: Accounts._storedLoginToken(),
  446. };
  447. return FlowRouter.path('/api/boards/:boardId/export', params, queryParams);
  448. },
  449. exportUrlExcel() {
  450. const params = {
  451. boardId: Session.get('currentBoard'),
  452. };
  453. const queryParams = {
  454. authToken: Accounts._storedLoginToken(),
  455. };
  456. return FlowRouter.path(
  457. '/api/boards/:boardId/exportExcel',
  458. params,
  459. queryParams,
  460. );
  461. },
  462. exportFilenameExcel() {
  463. const boardId = Session.get('currentBoard');
  464. return `export-board-excel-${boardId}.xlsx`;
  465. },
  466. exportCsvUrl() {
  467. const params = {
  468. boardId: Session.get('currentBoard'),
  469. };
  470. const queryParams = {
  471. authToken: Accounts._storedLoginToken(),
  472. delimiter: ',',
  473. };
  474. return FlowRouter.path(
  475. '/api/boards/:boardId/export/csv',
  476. params,
  477. queryParams,
  478. );
  479. },
  480. exportScsvUrl() {
  481. const params = {
  482. boardId: Session.get('currentBoard'),
  483. };
  484. const queryParams = {
  485. authToken: Accounts._storedLoginToken(),
  486. delimiter: ';',
  487. };
  488. return FlowRouter.path(
  489. '/api/boards/:boardId/export/csv',
  490. params,
  491. queryParams,
  492. );
  493. },
  494. exportTsvUrl() {
  495. const params = {
  496. boardId: Session.get('currentBoard'),
  497. };
  498. const queryParams = {
  499. authToken: Accounts._storedLoginToken(),
  500. delimiter: '\t',
  501. };
  502. return FlowRouter.path(
  503. '/api/boards/:boardId/export/csv',
  504. params,
  505. queryParams,
  506. );
  507. },
  508. exportJsonFilename() {
  509. const boardId = Session.get('currentBoard');
  510. return `export-board-${boardId}.json`;
  511. },
  512. exportCsvFilename() {
  513. const boardId = Session.get('currentBoard');
  514. return `export-board-${boardId}.csv`;
  515. },
  516. exportTsvFilename() {
  517. const boardId = Session.get('currentBoard');
  518. return `export-board-${boardId}.tsv`;
  519. },
  520. }).register('exportBoardPopup');
  521. Template.exportBoard.events({
  522. 'click .html-export-board': async event => {
  523. event.preventDefault();
  524. await ExportHtml(Popup)();
  525. },
  526. });
  527. Template.labelsWidget.events({
  528. 'click .js-label': Popup.open('editLabel'),
  529. 'click .js-add-label': Popup.open('createLabel'),
  530. });
  531. Template.labelsWidget.helpers({
  532. isBoardAdmin() {
  533. return Meteor.user().isBoardAdmin();
  534. },
  535. });
  536. // Board members can assign people or labels by drag-dropping elements from the
  537. // sidebar to the cards on the board. In order to re-initialize the jquery-ui
  538. // plugin any time a draggable member or label is modified or removed we use a
  539. // autorun function and register a dependency on the both members and labels
  540. // fields of the current board document.
  541. function draggableMembersLabelsWidgets() {
  542. this.autorun(() => {
  543. const currentBoardId = Tracker.nonreactive(() => {
  544. return Session.get('currentBoard');
  545. });
  546. Boards.findOne(currentBoardId, {
  547. fields: {
  548. members: 1,
  549. labels: 1,
  550. },
  551. });
  552. Tracker.afterFlush(() => {
  553. const $draggables = this.$('.js-member,.js-label');
  554. $draggables.draggable({
  555. appendTo: 'body',
  556. helper: 'clone',
  557. revert: 'invalid',
  558. revertDuration: 150,
  559. snap: false,
  560. snapMode: 'both',
  561. start() {
  562. EscapeActions.executeUpTo('popup-back');
  563. },
  564. });
  565. function userIsMember() {
  566. return Meteor.user() && Meteor.user().isBoardMember();
  567. }
  568. this.autorun(() => {
  569. $draggables.draggable('option', 'disabled', !userIsMember());
  570. });
  571. });
  572. });
  573. }
  574. Template.membersWidget.onRendered(draggableMembersLabelsWidgets);
  575. Template.labelsWidget.onRendered(draggableMembersLabelsWidgets);
  576. BlazeComponent.extendComponent({
  577. backgroundColors() {
  578. return Boards.simpleSchema()._schema.color.allowedValues;
  579. },
  580. isSelected() {
  581. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  582. return currentBoard.color === this.currentData().toString();
  583. },
  584. events() {
  585. return [
  586. {
  587. 'click .js-select-background'(evt) {
  588. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  589. const newColor = this.currentData().toString();
  590. currentBoard.setColor(newColor);
  591. evt.preventDefault();
  592. },
  593. },
  594. ];
  595. },
  596. }).register('boardChangeColorPopup');
  597. BlazeComponent.extendComponent({
  598. onCreated() {
  599. this.currentBoard = Boards.findOne(Session.get('currentBoard'));
  600. },
  601. allowsCardCounterList() {
  602. return this.currentBoard.allowsCardCounterList;
  603. },
  604. allowsBoardMemberList() {
  605. return this.currentBoard.allowsBoardMemberList;
  606. },
  607. events() {
  608. return [
  609. {
  610. 'click .js-field-has-cardcounterlist'(evt) {
  611. evt.preventDefault();
  612. this.currentBoard.allowsCardCounterList = !this.currentBoard
  613. .allowsCardCounterList;
  614. this.currentBoard.setAllowsCardCounterList(
  615. this.currentBoard.allowsCardCounterList,
  616. );
  617. $(`.js-field-has-cardcounterlist ${MCB}`).toggleClass(
  618. CKCLS,
  619. this.currentBoard.allowsCardCounterList,
  620. );
  621. $('.js-field-has-cardcounterlist').toggleClass(
  622. CKCLS,
  623. this.currentBoard.allowsCardCounterList,
  624. );
  625. },
  626. 'click .js-field-has-boardmemberlist'(evt) {
  627. evt.preventDefault();
  628. this.currentBoard.allowsBoardMemberList = !this.currentBoard
  629. .allowsBoardMemberList;
  630. this.currentBoard.setAllowsBoardMemberList(
  631. this.currentBoard.allowsBoardMemberList,
  632. );
  633. $(`.js-field-has-boardmemberlist ${MCB}`).toggleClass(
  634. CKCLS,
  635. this.currentBoard.allowsBoardMemberList,
  636. );
  637. $('.js-field-has-boardmemberlist').toggleClass(
  638. CKCLS,
  639. this.currentBoard.allowsBoardMemberList,
  640. );
  641. },
  642. },
  643. ];
  644. },
  645. }).register('boardInfoOnMyBoardsPopup');
  646. BlazeComponent.extendComponent({
  647. onCreated() {
  648. this.currentBoard = Boards.findOne(Session.get('currentBoard'));
  649. },
  650. allowsSubtasks() {
  651. return this.currentBoard.allowsSubtasks;
  652. },
  653. allowsReceivedDate() {
  654. return this.currentBoard.allowsReceivedDate;
  655. },
  656. isBoardSelected() {
  657. return this.currentBoard.subtasksDefaultBoardId === this.currentData()._id;
  658. },
  659. isNullBoardSelected() {
  660. return (
  661. this.currentBoard.subtasksDefaultBoardId === null ||
  662. this.currentBoard.subtasksDefaultBoardId === undefined
  663. );
  664. },
  665. boards() {
  666. return Boards.find(
  667. {
  668. archived: false,
  669. 'members.userId': Meteor.userId(),
  670. },
  671. {
  672. sort: { sort: 1 /* boards default sorting */ },
  673. },
  674. );
  675. },
  676. lists() {
  677. return Lists.find(
  678. {
  679. boardId: this.currentBoard._id,
  680. archived: false,
  681. },
  682. {
  683. sort: ['title'],
  684. },
  685. );
  686. },
  687. hasLists() {
  688. return this.lists().count() > 0;
  689. },
  690. isListSelected() {
  691. return this.currentBoard.subtasksDefaultBoardId === this.currentData()._id;
  692. },
  693. presentParentTask() {
  694. let result = this.currentBoard.presentParentTask;
  695. if (result === null || result === undefined) {
  696. result = 'no-parent';
  697. }
  698. return result;
  699. },
  700. events() {
  701. return [
  702. {
  703. 'click .js-field-has-subtasks'(evt) {
  704. evt.preventDefault();
  705. this.currentBoard.allowsSubtasks = !this.currentBoard.allowsSubtasks;
  706. this.currentBoard.setAllowsSubtasks(this.currentBoard.allowsSubtasks);
  707. $(`.js-field-has-subtasks ${MCB}`).toggleClass(
  708. CKCLS,
  709. this.currentBoard.allowsSubtasks,
  710. );
  711. $('.js-field-has-subtasks').toggleClass(
  712. CKCLS,
  713. this.currentBoard.allowsSubtasks,
  714. );
  715. $('.js-field-deposit-board').prop(
  716. 'disabled',
  717. !this.currentBoard.allowsSubtasks,
  718. );
  719. },
  720. 'change .js-field-deposit-board'(evt) {
  721. let value = evt.target.value;
  722. if (value === 'null') {
  723. value = null;
  724. }
  725. this.currentBoard.setSubtasksDefaultBoardId(value);
  726. evt.preventDefault();
  727. },
  728. 'change .js-field-deposit-list'(evt) {
  729. this.currentBoard.setSubtasksDefaultListId(evt.target.value);
  730. evt.preventDefault();
  731. },
  732. 'click .js-field-show-parent-in-minicard'(evt) {
  733. const value =
  734. evt.target.id ||
  735. $(evt.target).parent()[0].id ||
  736. $(evt.target)
  737. .parent()[0]
  738. .parent()[0].id;
  739. const options = [
  740. 'prefix-with-full-path',
  741. 'prefix-with-parent',
  742. 'subtext-with-full-path',
  743. 'subtext-with-parent',
  744. 'no-parent',
  745. ];
  746. options.forEach(function(element) {
  747. if (element !== value) {
  748. $(`#${element} ${MCB}`).toggleClass(CKCLS, false);
  749. $(`#${element}`).toggleClass(CKCLS, false);
  750. }
  751. });
  752. $(`#${value} ${MCB}`).toggleClass(CKCLS, true);
  753. $(`#${value}`).toggleClass(CKCLS, true);
  754. this.currentBoard.setPresentParentTask(value);
  755. evt.preventDefault();
  756. },
  757. },
  758. ];
  759. },
  760. }).register('boardSubtaskSettingsPopup');
  761. BlazeComponent.extendComponent({
  762. onCreated() {
  763. this.currentBoard = Boards.findOne(Session.get('currentBoard'));
  764. },
  765. allowsReceivedDate() {
  766. return this.currentBoard.allowsReceivedDate;
  767. },
  768. allowsStartDate() {
  769. return this.currentBoard.allowsStartDate;
  770. },
  771. allowsDueDate() {
  772. return this.currentBoard.allowsDueDate;
  773. },
  774. allowsEndDate() {
  775. return this.currentBoard.allowsEndDate;
  776. },
  777. allowsSubtasks() {
  778. return this.currentBoard.allowsSubtasks;
  779. },
  780. allowsCreator() {
  781. return (
  782. this.currentBoard.allowsCreator === null ||
  783. this.currentBoard.allowsCreator === undefined ||
  784. this.currentBoard.allowsCreator
  785. );
  786. },
  787. allowsMembers() {
  788. return this.currentBoard.allowsMembers;
  789. },
  790. allowsAssignee() {
  791. return this.currentBoard.allowsAssignee;
  792. },
  793. allowsAssignedBy() {
  794. return this.currentBoard.allowsAssignedBy;
  795. },
  796. allowsRequestedBy() {
  797. return this.currentBoard.allowsRequestedBy;
  798. },
  799. allowsCardSortingByNumber() {
  800. return this.currentBoard.allowsCardSortingByNumber;
  801. },
  802. allowsShowLists() {
  803. return this.currentBoard.allowsShowLists;
  804. },
  805. allowsLabels() {
  806. return this.currentBoard.allowsLabels;
  807. },
  808. allowsChecklists() {
  809. return this.currentBoard.allowsChecklists;
  810. },
  811. allowsAttachments() {
  812. return this.currentBoard.allowsAttachments;
  813. },
  814. allowsComments() {
  815. return this.currentBoard.allowsComments;
  816. },
  817. allowsCardNumber() {
  818. return this.currentBoard.allowsCardNumber;
  819. },
  820. allowsDescriptionTitle() {
  821. return this.currentBoard.allowsDescriptionTitle;
  822. },
  823. allowsDescriptionText() {
  824. return this.currentBoard.allowsDescriptionText;
  825. },
  826. isBoardSelected() {
  827. return this.currentBoard.dateSettingsDefaultBoardID;
  828. },
  829. isNullBoardSelected() {
  830. return (
  831. this.currentBoard.dateSettingsDefaultBoardId === null ||
  832. this.currentBoard.dateSettingsDefaultBoardId === undefined
  833. );
  834. },
  835. boards() {
  836. return Boards.find(
  837. {
  838. archived: false,
  839. 'members.userId': Meteor.userId(),
  840. },
  841. {
  842. sort: { sort: 1 /* boards default sorting */ },
  843. },
  844. );
  845. },
  846. lists() {
  847. return Lists.find(
  848. {
  849. boardId: this.currentBoard._id,
  850. archived: false,
  851. },
  852. {
  853. sort: ['title'],
  854. },
  855. );
  856. },
  857. hasLists() {
  858. return this.lists().count() > 0;
  859. },
  860. isListSelected() {
  861. return (
  862. this.currentBoard.dateSettingsDefaultBoardId === this.currentData()._id
  863. );
  864. },
  865. events() {
  866. return [
  867. {
  868. 'click .js-field-has-receiveddate'(evt) {
  869. evt.preventDefault();
  870. this.currentBoard.allowsReceivedDate = !this.currentBoard
  871. .allowsReceivedDate;
  872. this.currentBoard.setAllowsReceivedDate(
  873. this.currentBoard.allowsReceivedDate,
  874. );
  875. $(`.js-field-has-receiveddate ${MCB}`).toggleClass(
  876. CKCLS,
  877. this.currentBoard.allowsReceivedDate,
  878. );
  879. $('.js-field-has-receiveddate').toggleClass(
  880. CKCLS,
  881. this.currentBoard.allowsReceivedDate,
  882. );
  883. },
  884. 'click .js-field-has-startdate'(evt) {
  885. evt.preventDefault();
  886. this.currentBoard.allowsStartDate = !this.currentBoard
  887. .allowsStartDate;
  888. this.currentBoard.setAllowsStartDate(
  889. this.currentBoard.allowsStartDate,
  890. );
  891. $(`.js-field-has-startdate ${MCB}`).toggleClass(
  892. CKCLS,
  893. this.currentBoard.allowsStartDate,
  894. );
  895. $('.js-field-has-startdate').toggleClass(
  896. CKCLS,
  897. this.currentBoard.allowsStartDate,
  898. );
  899. },
  900. 'click .js-field-has-enddate'(evt) {
  901. evt.preventDefault();
  902. this.currentBoard.allowsEndDate = !this.currentBoard.allowsEndDate;
  903. this.currentBoard.setAllowsEndDate(this.currentBoard.allowsEndDate);
  904. $(`.js-field-has-enddate ${MCB}`).toggleClass(
  905. CKCLS,
  906. this.currentBoard.allowsEndDate,
  907. );
  908. $('.js-field-has-enddate').toggleClass(
  909. CKCLS,
  910. this.currentBoard.allowsEndDate,
  911. );
  912. },
  913. 'click .js-field-has-duedate'(evt) {
  914. evt.preventDefault();
  915. this.currentBoard.allowsDueDate = !this.currentBoard.allowsDueDate;
  916. this.currentBoard.setAllowsDueDate(this.currentBoard.allowsDueDate);
  917. $(`.js-field-has-duedate ${MCB}`).toggleClass(
  918. CKCLS,
  919. this.currentBoard.allowsDueDate,
  920. );
  921. $('.js-field-has-duedate').toggleClass(
  922. CKCLS,
  923. this.currentBoard.allowsDueDate,
  924. );
  925. },
  926. 'click .js-field-has-subtasks'(evt) {
  927. evt.preventDefault();
  928. this.currentBoard.allowsSubtasks = !this.currentBoard.allowsSubtasks;
  929. this.currentBoard.setAllowsSubtasks(this.currentBoard.allowsSubtasks);
  930. $(`.js-field-has-subtasks ${MCB}`).toggleClass(
  931. CKCLS,
  932. this.currentBoard.allowsSubtasks,
  933. );
  934. $('.js-field-has-subtasks').toggleClass(
  935. CKCLS,
  936. this.currentBoard.allowsSubtasks,
  937. );
  938. },
  939. 'click .js-field-has-creator'(evt) {
  940. evt.preventDefault();
  941. this.currentBoard.allowsCreator = !this.currentBoard.allowsCreator;
  942. this.currentBoard.setAllowsCreator(this.currentBoard.allowsCreator);
  943. $(`.js-field-has-creator ${MCB}`).toggleClass(
  944. CKCLS,
  945. this.currentBoard.allowsCreator,
  946. );
  947. $('.js-field-has-creator').toggleClass(
  948. CKCLS,
  949. this.currentBoard.allowsCreator,
  950. );
  951. },
  952. 'click .js-field-has-members'(evt) {
  953. evt.preventDefault();
  954. this.currentBoard.allowsMembers = !this.currentBoard.allowsMembers;
  955. this.currentBoard.setAllowsMembers(this.currentBoard.allowsMembers);
  956. $(`.js-field-has-members ${MCB}`).toggleClass(
  957. CKCLS,
  958. this.currentBoard.allowsMembers,
  959. );
  960. $('.js-field-has-members').toggleClass(
  961. CKCLS,
  962. this.currentBoard.allowsMembers,
  963. );
  964. },
  965. 'click .js-field-has-assignee'(evt) {
  966. evt.preventDefault();
  967. this.currentBoard.allowsAssignee = !this.currentBoard.allowsAssignee;
  968. this.currentBoard.setAllowsAssignee(this.currentBoard.allowsAssignee);
  969. $(`.js-field-has-assignee ${MCB}`).toggleClass(
  970. CKCLS,
  971. this.currentBoard.allowsAssignee,
  972. );
  973. $('.js-field-has-assignee').toggleClass(
  974. CKCLS,
  975. this.currentBoard.allowsAssignee,
  976. );
  977. },
  978. 'click .js-field-has-assigned-by'(evt) {
  979. evt.preventDefault();
  980. this.currentBoard.allowsAssignedBy = !this.currentBoard
  981. .allowsAssignedBy;
  982. this.currentBoard.setAllowsAssignedBy(
  983. this.currentBoard.allowsAssignedBy,
  984. );
  985. $(`.js-field-has-assigned-by ${MCB}`).toggleClass(
  986. CKCLS,
  987. this.currentBoard.allowsAssignedBy,
  988. );
  989. $('.js-field-has-assigned-by').toggleClass(
  990. CKCLS,
  991. this.currentBoard.allowsAssignedBy,
  992. );
  993. },
  994. 'click .js-field-has-requested-by'(evt) {
  995. evt.preventDefault();
  996. this.currentBoard.allowsRequestedBy = !this.currentBoard
  997. .allowsRequestedBy;
  998. this.currentBoard.setAllowsRequestedBy(
  999. this.currentBoard.allowsRequestedBy,
  1000. );
  1001. $(`.js-field-has-requested-by ${MCB}`).toggleClass(
  1002. CKCLS,
  1003. this.currentBoard.allowsRequestedBy,
  1004. );
  1005. $('.js-field-has-requested-by').toggleClass(
  1006. CKCLS,
  1007. this.currentBoard.allowsRequestedBy,
  1008. );
  1009. },
  1010. 'click .js-field-has-card-sorting-by-number'(evt) {
  1011. evt.preventDefault();
  1012. this.currentBoard.allowsCardSortingByNumber = !this.currentBoard
  1013. .allowsCardSortingByNumber;
  1014. this.currentBoard.setAllowsCardSortingByNumber(
  1015. this.currentBoard.allowsCardSortingByNumber,
  1016. );
  1017. $(`.js-field-has-card-sorting-by-number ${MCB}`).toggleClass(
  1018. CKCLS,
  1019. this.currentBoard.allowsCardSortingByNumber,
  1020. );
  1021. $('.js-field-has-card-sorting-by-number').toggleClass(
  1022. CKCLS,
  1023. this.currentBoard.allowsCardSortingByNumber,
  1024. );
  1025. },
  1026. 'click .js-field-has-card-show-lists'(evt) {
  1027. evt.preventDefault();
  1028. this.currentBoard.allowsShowLists = !this.currentBoard
  1029. .allowsShowLists;
  1030. this.currentBoard.setAllowsShowLists(
  1031. this.currentBoard.allowsShowLists,
  1032. );
  1033. $(`.js-field-has-card-show-lists ${MCB}`).toggleClass(
  1034. CKCLS,
  1035. this.currentBoard.allowsShowLists,
  1036. );
  1037. $('.js-field-has-card-show-lists').toggleClass(
  1038. CKCLS,
  1039. this.currentBoard.allowsShowLists,
  1040. );
  1041. },
  1042. 'click .js-field-has-labels'(evt) {
  1043. evt.preventDefault();
  1044. this.currentBoard.allowsLabels = !this.currentBoard.allowsLabels;
  1045. this.currentBoard.setAllowsLabels(this.currentBoard.allowsLabels);
  1046. $(`.js-field-has-labels ${MCB}`).toggleClass(
  1047. CKCLS,
  1048. this.currentBoard.allowsAssignee,
  1049. );
  1050. $('.js-field-has-labels').toggleClass(
  1051. CKCLS,
  1052. this.currentBoard.allowsLabels,
  1053. );
  1054. },
  1055. 'click .js-field-has-description-title'(evt) {
  1056. evt.preventDefault();
  1057. this.currentBoard.allowsDescriptionTitle = !this.currentBoard
  1058. .allowsDescriptionTitle;
  1059. this.currentBoard.setAllowsDescriptionTitle(
  1060. this.currentBoard.allowsDescriptionTitle,
  1061. );
  1062. $(`.js-field-has-description-title ${MCB}`).toggleClass(
  1063. CKCLS,
  1064. this.currentBoard.allowsDescriptionTitle,
  1065. );
  1066. $('.js-field-has-description-title').toggleClass(
  1067. CKCLS,
  1068. this.currentBoard.allowsDescriptionTitle,
  1069. );
  1070. },
  1071. 'click .js-field-has-card-number'(evt) {
  1072. evt.preventDefault();
  1073. this.currentBoard.allowsCardNumber = !this.currentBoard
  1074. .allowsCardNumber;
  1075. this.currentBoard.setAllowsCardNumber(
  1076. this.currentBoard.allowsCardNumber,
  1077. );
  1078. $(`.js-field-has-card-number ${MCB}`).toggleClass(
  1079. CKCLS,
  1080. this.currentBoard.allowsCardNumber,
  1081. );
  1082. $('.js-field-has-card-number').toggleClass(
  1083. CKCLS,
  1084. this.currentBoard.allowsCardNumber,
  1085. );
  1086. },
  1087. 'click .js-field-has-description-text'(evt) {
  1088. evt.preventDefault();
  1089. this.currentBoard.allowsDescriptionText = !this.currentBoard
  1090. .allowsDescriptionText;
  1091. this.currentBoard.setAllowsDescriptionText(
  1092. this.currentBoard.allowsDescriptionText,
  1093. );
  1094. $(`.js-field-has-description-text ${MCB}`).toggleClass(
  1095. CKCLS,
  1096. this.currentBoard.allowsDescriptionText,
  1097. );
  1098. $('.js-field-has-description-text').toggleClass(
  1099. CKCLS,
  1100. this.currentBoard.allowsDescriptionText,
  1101. );
  1102. },
  1103. 'click .js-field-has-checklists'(evt) {
  1104. evt.preventDefault();
  1105. this.currentBoard.allowsChecklists = !this.currentBoard
  1106. .allowsChecklists;
  1107. this.currentBoard.setAllowsChecklists(
  1108. this.currentBoard.allowsChecklists,
  1109. );
  1110. $(`.js-field-has-checklists ${MCB}`).toggleClass(
  1111. CKCLS,
  1112. this.currentBoard.allowsChecklists,
  1113. );
  1114. $('.js-field-has-checklists').toggleClass(
  1115. CKCLS,
  1116. this.currentBoard.allowsChecklists,
  1117. );
  1118. },
  1119. 'click .js-field-has-attachments'(evt) {
  1120. evt.preventDefault();
  1121. this.currentBoard.allowsAttachments = !this.currentBoard
  1122. .allowsAttachments;
  1123. this.currentBoard.setAllowsAttachments(
  1124. this.currentBoard.allowsAttachments,
  1125. );
  1126. $(`.js-field-has-attachments ${MCB}`).toggleClass(
  1127. CKCLS,
  1128. this.currentBoard.allowsAttachments,
  1129. );
  1130. $('.js-field-has-attachments').toggleClass(
  1131. CKCLS,
  1132. this.currentBoard.allowsAttachments,
  1133. );
  1134. },
  1135. 'click .js-field-has-comments'(evt) {
  1136. evt.preventDefault();
  1137. this.currentBoard.allowsComments = !this.currentBoard.allowsComments;
  1138. this.currentBoard.setAllowsComments(this.currentBoard.allowsComments);
  1139. $(`.js-field-has-comments ${MCB}`).toggleClass(
  1140. CKCLS,
  1141. this.currentBoard.allowsComments,
  1142. );
  1143. $('.js-field-has-comments').toggleClass(
  1144. CKCLS,
  1145. this.currentBoard.allowsComments,
  1146. );
  1147. },
  1148. 'click .js-field-has-activities'(evt) {
  1149. evt.preventDefault();
  1150. this.currentBoard.allowsActivities = !this.currentBoard
  1151. .allowsActivities;
  1152. this.currentBoard.setAllowsActivities(
  1153. this.currentBoard.allowsActivities,
  1154. );
  1155. $(`.js-field-has-activities ${MCB}`).toggleClass(
  1156. CKCLS,
  1157. this.currentBoard.allowsActivities,
  1158. );
  1159. $('.js-field-has-activities').toggleClass(
  1160. CKCLS,
  1161. this.currentBoard.allowsActivities,
  1162. );
  1163. },
  1164. },
  1165. ];
  1166. },
  1167. }).register('boardCardSettingsPopup');
  1168. BlazeComponent.extendComponent({
  1169. onCreated() {
  1170. this.currentBoard = Boards.findOne(Session.get('currentBoard'));
  1171. },
  1172. allowsDescriptionTextOnMinicard() {
  1173. return this.currentBoard.allowsDescriptionTextOnMinicard;
  1174. },
  1175. lists() {
  1176. return Lists.find(
  1177. {
  1178. boardId: this.currentBoard._id,
  1179. archived: false,
  1180. },
  1181. {
  1182. sort: ['title'],
  1183. },
  1184. );
  1185. },
  1186. hasLists() {
  1187. return this.lists().count() > 0;
  1188. },
  1189. isListSelected() {
  1190. return (
  1191. this.currentBoard.dateSettingsDefaultBoardId === this.currentData()._id
  1192. );
  1193. },
  1194. events() {
  1195. return [
  1196. {
  1197. 'click .js-field-has-description-text-on-minicard'(evt) {
  1198. evt.preventDefault();
  1199. this.currentBoard.allowsDescriptionTextOnMinicard = !this.currentBoard
  1200. .allowsDescriptionTextOnMinicard;
  1201. this.currentBoard.setallowsDescriptionTextOnMinicard(
  1202. this.currentBoard.allowsDescriptionTextOnMinicard,
  1203. );
  1204. $(`.js-field-has-description-text-on-minicard ${MCB}`).toggleClass(
  1205. CKCLS,
  1206. this.currentBoard.allowsDescriptionTextOnMinicard,
  1207. );
  1208. $('.js-field-has-description-text-on-minicard').toggleClass(
  1209. CKCLS,
  1210. this.currentBoard.allowsDescriptionTextOnMinicard,
  1211. );
  1212. },
  1213. },
  1214. ];
  1215. },
  1216. }).register('boardMinicardSettingsPopup');
  1217. BlazeComponent.extendComponent({
  1218. onCreated() {
  1219. this.error = new ReactiveVar('');
  1220. this.loading = new ReactiveVar(false);
  1221. },
  1222. onRendered() {
  1223. this.find('.js-search-member input').focus();
  1224. this.setLoading(false);
  1225. },
  1226. isBoardMember() {
  1227. const userId = this.currentData()._id;
  1228. const user = Users.findOne(userId);
  1229. return user && user.isBoardMember();
  1230. },
  1231. isValidEmail(email) {
  1232. return SimpleSchema.RegEx.Email.test(email);
  1233. },
  1234. setError(error) {
  1235. this.error.set(error);
  1236. },
  1237. setLoading(w) {
  1238. this.loading.set(w);
  1239. },
  1240. isLoading() {
  1241. return this.loading.get();
  1242. },
  1243. inviteUser(idNameEmail) {
  1244. const boardId = Session.get('currentBoard');
  1245. this.setLoading(true);
  1246. const self = this;
  1247. Meteor.call('inviteUserToBoard', idNameEmail, boardId, (err, ret) => {
  1248. self.setLoading(false);
  1249. if (err) self.setError(err.error);
  1250. else if (ret.email) self.setError('email-sent');
  1251. else Popup.back();
  1252. });
  1253. },
  1254. events() {
  1255. return [
  1256. {
  1257. 'keyup input'() {
  1258. this.setError('');
  1259. },
  1260. 'click .js-select-member'() {
  1261. const userId = this.currentData()._id;
  1262. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1263. if (!currentBoard.hasMember(userId)) {
  1264. this.inviteUser(userId);
  1265. }
  1266. },
  1267. 'click .js-email-invite'() {
  1268. const idNameEmail = $('.js-search-member input').val();
  1269. if (idNameEmail.indexOf('@') < 0 || this.isValidEmail(idNameEmail)) {
  1270. this.inviteUser(idNameEmail);
  1271. } else this.setError('email-invalid');
  1272. },
  1273. },
  1274. ];
  1275. },
  1276. }).register('addMemberPopup');
  1277. BlazeComponent.extendComponent({
  1278. onCreated() {
  1279. this.error = new ReactiveVar('');
  1280. this.loading = new ReactiveVar(false);
  1281. this.findOrgsOptions = new ReactiveVar({});
  1282. this.page = new ReactiveVar(1);
  1283. this.autorun(() => {
  1284. const limitOrgs = this.page.get() * Number.MAX_SAFE_INTEGER;
  1285. this.subscribe('org', this.findOrgsOptions.get(), limitOrgs, () => {});
  1286. });
  1287. },
  1288. onRendered() {
  1289. this.setLoading(false);
  1290. },
  1291. setError(error) {
  1292. this.error.set(error);
  1293. },
  1294. setLoading(w) {
  1295. this.loading.set(w);
  1296. },
  1297. isLoading() {
  1298. return this.loading.get();
  1299. },
  1300. events() {
  1301. return [
  1302. {
  1303. 'keyup input'() {
  1304. this.setError('');
  1305. },
  1306. 'change #jsBoardOrgs'() {
  1307. let currentBoard = Boards.findOne(Session.get('currentBoard'));
  1308. let selectElt = document.getElementById("jsBoardOrgs");
  1309. let selectedOrgId = selectElt.options[selectElt.selectedIndex].value;
  1310. let selectedOrgDisplayName = selectElt.options[selectElt.selectedIndex].text;
  1311. let boardOrganizations = [];
  1312. if(currentBoard.orgs !== undefined){
  1313. for(let i = 0; i < currentBoard.orgs.length; i++){
  1314. boardOrganizations.push(currentBoard.orgs[i]);
  1315. }
  1316. }
  1317. if(!boardOrganizations.some((org) => org.orgDisplayName == selectedOrgDisplayName)){
  1318. boardOrganizations.push({
  1319. "orgId": selectedOrgId,
  1320. "orgDisplayName": selectedOrgDisplayName,
  1321. "isActive" : true,
  1322. })
  1323. if (selectedOrgId != "-1") {
  1324. Meteor.call('setBoardOrgs', boardOrganizations, currentBoard._id);
  1325. }
  1326. }
  1327. Popup.back();
  1328. },
  1329. },
  1330. ];
  1331. },
  1332. }).register('addBoardOrgPopup');
  1333. Template.addBoardOrgPopup.helpers({
  1334. orgsDatas() {
  1335. let orgs = Org.find({}, {sort: { orgDisplayName: 1 }});
  1336. return orgs;
  1337. },
  1338. });
  1339. BlazeComponent.extendComponent({
  1340. onCreated() {
  1341. this.error = new ReactiveVar('');
  1342. this.loading = new ReactiveVar(false);
  1343. this.findOrgsOptions = new ReactiveVar({});
  1344. this.page = new ReactiveVar(1);
  1345. this.autorun(() => {
  1346. const limitOrgs = this.page.get() * Number.MAX_SAFE_INTEGER;
  1347. this.subscribe('org', this.findOrgsOptions.get(), limitOrgs, () => {});
  1348. });
  1349. },
  1350. onRendered() {
  1351. this.setLoading(false);
  1352. },
  1353. setError(error) {
  1354. this.error.set(error);
  1355. },
  1356. setLoading(w) {
  1357. this.loading.set(w);
  1358. },
  1359. isLoading() {
  1360. return this.loading.get();
  1361. },
  1362. events() {
  1363. return [
  1364. {
  1365. 'keyup input'() {
  1366. this.setError('');
  1367. },
  1368. 'click #leaveBoardBtn'(){
  1369. let stringOrgId = document.getElementById('hideOrgId').value;
  1370. let currentBoard = Boards.findOne(Session.get('currentBoard'));
  1371. let boardOrganizations = [];
  1372. if(currentBoard.orgs !== undefined){
  1373. for(let i = 0; i < currentBoard.orgs.length; i++){
  1374. if(currentBoard.orgs[i].orgId != stringOrgId){
  1375. boardOrganizations.push(currentBoard.orgs[i]);
  1376. }
  1377. }
  1378. }
  1379. Meteor.call('setBoardOrgs', boardOrganizations, currentBoard._id);
  1380. Popup.back();
  1381. },
  1382. 'click #cancelLeaveBoardBtn'(){
  1383. Popup.back();
  1384. },
  1385. },
  1386. ];
  1387. },
  1388. }).register('removeBoardOrgPopup');
  1389. Template.removeBoardOrgPopup.helpers({
  1390. org() {
  1391. return Org.findOne(this.orgId);
  1392. },
  1393. });
  1394. BlazeComponent.extendComponent({
  1395. onCreated() {
  1396. this.error = new ReactiveVar('');
  1397. this.loading = new ReactiveVar(false);
  1398. this.findOrgsOptions = new ReactiveVar({});
  1399. this.page = new ReactiveVar(1);
  1400. this.autorun(() => {
  1401. const limitTeams = this.page.get() * Number.MAX_SAFE_INTEGER;
  1402. this.subscribe('team', this.findOrgsOptions.get(), limitTeams, () => {});
  1403. });
  1404. this.findUsersOptions = new ReactiveVar({});
  1405. this.userPage = new ReactiveVar(1);
  1406. this.autorun(() => {
  1407. const limitUsers = this.userPage.get() * Number.MAX_SAFE_INTEGER;
  1408. this.subscribe('people', this.findUsersOptions.get(), limitUsers, () => {});
  1409. });
  1410. },
  1411. onRendered() {
  1412. this.setLoading(false);
  1413. },
  1414. setError(error) {
  1415. this.error.set(error);
  1416. },
  1417. setLoading(w) {
  1418. this.loading.set(w);
  1419. },
  1420. isLoading() {
  1421. return this.loading.get();
  1422. },
  1423. events() {
  1424. return [
  1425. {
  1426. 'keyup input'() {
  1427. this.setError('');
  1428. },
  1429. 'change #jsBoardTeams'() {
  1430. let currentBoard = Boards.findOne(Session.get('currentBoard'));
  1431. let selectElt = document.getElementById("jsBoardTeams");
  1432. let selectedTeamId = selectElt.options[selectElt.selectedIndex].value;
  1433. let selectedTeamDisplayName = selectElt.options[selectElt.selectedIndex].text;
  1434. let boardTeams = [];
  1435. if(currentBoard.teams !== undefined){
  1436. for(let i = 0; i < currentBoard.teams.length; i++){
  1437. boardTeams.push(currentBoard.teams[i]);
  1438. }
  1439. }
  1440. if(!boardTeams.some((team) => team.teamDisplayName == selectedTeamDisplayName)){
  1441. boardTeams.push({
  1442. "teamId": selectedTeamId,
  1443. "teamDisplayName": selectedTeamDisplayName,
  1444. "isActive" : true,
  1445. })
  1446. if (selectedTeamId != "-1") {
  1447. let members = currentBoard.members;
  1448. let query = {
  1449. "teams.teamId": { $in: boardTeams.map(t => t.teamId) },
  1450. };
  1451. const boardTeamUsers = Users.find(query, {
  1452. sort: { sort: 1 },
  1453. });
  1454. if(boardTeams !== undefined && boardTeams.length > 0){
  1455. let index;
  1456. if(boardTeamUsers && boardTeamUsers.count() > 0){
  1457. boardTeamUsers.forEach((u) => {
  1458. index = members.findIndex(function(m){ return m.userId == u._id});
  1459. if(index == -1){
  1460. members.push({
  1461. "isActive": true,
  1462. "isAdmin": u.isAdmin !== undefined ? u.isAdmin : false,
  1463. "isCommentOnly" : false,
  1464. "isNoComments" : false,
  1465. "userId": u._id,
  1466. });
  1467. }
  1468. });
  1469. }
  1470. }
  1471. Meteor.call('setBoardTeams', boardTeams, members, currentBoard._id);
  1472. }
  1473. }
  1474. Popup.back();
  1475. },
  1476. },
  1477. ];
  1478. },
  1479. }).register('addBoardTeamPopup');
  1480. Template.addBoardTeamPopup.helpers({
  1481. teamsDatas() {
  1482. let teams = Team.find({}, {sort: { teamDisplayName: 1 }});
  1483. return teams;
  1484. },
  1485. });
  1486. BlazeComponent.extendComponent({
  1487. onCreated() {
  1488. this.error = new ReactiveVar('');
  1489. this.loading = new ReactiveVar(false);
  1490. this.findOrgsOptions = new ReactiveVar({});
  1491. this.page = new ReactiveVar(1);
  1492. this.autorun(() => {
  1493. const limitTeams = this.page.get() * Number.MAX_SAFE_INTEGER;
  1494. this.subscribe('team', this.findOrgsOptions.get(), limitTeams, () => {});
  1495. });
  1496. this.findUsersOptions = new ReactiveVar({});
  1497. this.userPage = new ReactiveVar(1);
  1498. this.autorun(() => {
  1499. const limitUsers = this.userPage.get() * Number.MAX_SAFE_INTEGER;
  1500. this.subscribe('people', this.findUsersOptions.get(), limitUsers, () => {});
  1501. });
  1502. },
  1503. onRendered() {
  1504. this.setLoading(false);
  1505. },
  1506. setError(error) {
  1507. this.error.set(error);
  1508. },
  1509. setLoading(w) {
  1510. this.loading.set(w);
  1511. },
  1512. isLoading() {
  1513. return this.loading.get();
  1514. },
  1515. events() {
  1516. return [
  1517. {
  1518. 'keyup input'() {
  1519. this.setError('');
  1520. },
  1521. 'click #leaveBoardTeamBtn'(){
  1522. let stringTeamId = document.getElementById('hideTeamId').value;
  1523. let currentBoard = Boards.findOne(Session.get('currentBoard'));
  1524. let boardTeams = [];
  1525. if(currentBoard.teams !== undefined){
  1526. for(let i = 0; i < currentBoard.teams.length; i++){
  1527. if(currentBoard.teams[i].teamId != stringTeamId){
  1528. boardTeams.push(currentBoard.teams[i]);
  1529. }
  1530. }
  1531. }
  1532. let members = currentBoard.members;
  1533. let query = {
  1534. "teams.teamId": stringTeamId
  1535. };
  1536. const boardTeamUsers = Users.find(query, {
  1537. sort: { sort: 1 },
  1538. });
  1539. if(currentBoard.teams !== undefined && currentBoard.teams.length > 0){
  1540. let index;
  1541. if(boardTeamUsers && boardTeamUsers.count() > 0){
  1542. boardTeamUsers.forEach((u) => {
  1543. index = members.findIndex(function(m){ return m.userId == u._id});
  1544. if(index !== -1 && (u.isAdmin === undefined || u.isAdmin == false)){
  1545. members.splice(index, 1);
  1546. }
  1547. });
  1548. }
  1549. }
  1550. Meteor.call('setBoardTeams', boardTeams, members, currentBoard._id);
  1551. Popup.back();
  1552. },
  1553. 'click #cancelLeaveBoardTeamBtn'(){
  1554. Popup.back();
  1555. },
  1556. },
  1557. ];
  1558. },
  1559. }).register('removeBoardTeamPopup');
  1560. Template.removeBoardTeamPopup.helpers({
  1561. team() {
  1562. return Team.findOne(this.teamId);
  1563. },
  1564. });
  1565. Template.changePermissionsPopup.events({
  1566. 'click .js-set-admin, click .js-set-normal, click .js-set-no-comments, click .js-set-comment-only, click .js-set-worker'(
  1567. event,
  1568. ) {
  1569. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1570. const memberId = this.userId;
  1571. const isAdmin = $(event.currentTarget).hasClass('js-set-admin');
  1572. const isCommentOnly = $(event.currentTarget).hasClass(
  1573. 'js-set-comment-only',
  1574. );
  1575. const isNoComments = $(event.currentTarget).hasClass('js-set-no-comments');
  1576. const isWorker = $(event.currentTarget).hasClass('js-set-worker');
  1577. currentBoard.setMemberPermission(
  1578. memberId,
  1579. isAdmin,
  1580. isNoComments,
  1581. isCommentOnly,
  1582. isWorker,
  1583. );
  1584. Popup.back(1);
  1585. },
  1586. });
  1587. Template.changePermissionsPopup.helpers({
  1588. isAdmin() {
  1589. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1590. return currentBoard.hasAdmin(this.userId);
  1591. },
  1592. isNormal() {
  1593. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1594. return (
  1595. !currentBoard.hasAdmin(this.userId) &&
  1596. !currentBoard.hasNoComments(this.userId) &&
  1597. !currentBoard.hasCommentOnly(this.userId) &&
  1598. !currentBoard.hasWorker(this.userId)
  1599. );
  1600. },
  1601. isNoComments() {
  1602. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1603. return (
  1604. !currentBoard.hasAdmin(this.userId) &&
  1605. currentBoard.hasNoComments(this.userId)
  1606. );
  1607. },
  1608. isCommentOnly() {
  1609. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1610. return (
  1611. !currentBoard.hasAdmin(this.userId) &&
  1612. currentBoard.hasCommentOnly(this.userId)
  1613. );
  1614. },
  1615. isWorker() {
  1616. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1617. return (
  1618. !currentBoard.hasAdmin(this.userId) && currentBoard.hasWorker(this.userId)
  1619. );
  1620. },
  1621. isLastAdmin() {
  1622. const currentBoard = Boards.findOne(Session.get('currentBoard'));
  1623. return (
  1624. currentBoard.hasAdmin(this.userId) && currentBoard.activeAdmins() === 1
  1625. );
  1626. },
  1627. });