sidebar.js 49 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799
  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. });