sidebar.js 49 KB

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