Note ${nodeIndex+1}
`;\n\t\t\t\t\tlet dataPageTitle = `Note ${nodeIndex+1}
`;\n\t\t\t\t\t\n\t\t\t\t\t// First add the 'Note x' on the note image on canvas\n\t\t\t\t\tpdf.html(noteTitle,{\n\t\t\t\t\t\tx: n.getAttr('x') - posX + 2,\n\t\t\t\t\t\ty: n.getAttr('y') - posY,\n\t\t\t\t\t\twidth: nWidth,\n\t\t\t\t\t\twindowWidth: nWidth,\n\t\t\t\t\t\thtml2canvas: {\n\t\t\t\t\t\t\tbackgroundColor: \"rgba(0, 0, 0, 0)\",\n\t\t\t\t\t\t},\n\n\t\t\t\t\t\tcallback: () =>{\n\t\t\t\t\t\t\tif (ceil((nodeIndex+1) / columnSplit) >= pageCount){\n\t\t\t\t\t\t\t\tpdf.addPage([dataPageHeight, dataPageWidth]);\n\t\t\t\t\t\t\t\tpageCount++;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\telse {\n\t\t\t\t\t\t\t\tpdf.setPage(pageCount);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t//Then add the actual contents of the note on a new page\n\t\t\t\t\t\t\tlet colIndex = (nodeIndex % columnSplit);\n\t\t\t\t\t\t\tpdf.html(dataPageTitle + n.getAttr('dataNote'),{\n\t\t\t\t\t\t\t\tx: ((columnWidth + margin * ((columnSplit-1) / columnSplit)) * colIndex) + margin,\n\t\t\t\t\t\t\t\ty: (dataPageHeight * (pageCount - 1)) + margin,\n\t\t\t\t\t\t\t\twidth: columnWidth - (margin / (columnSplit + 1)),\n\t\t\t\t\t\t\t\twindowWidth: columnWidth,\n\t\t\t\t\t\t\t\tcallback: () => {\n\t\t\t\t\t\t\t\t\tnodeIndex++;\n\t\t\t\t\t\t\t\t\tpdf.setPage(1);\n\t\t\t\t\t\t\t\t\taddNote();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tpdf.save();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\taddNote();\n\t\t}\n\t}\n\n\tdisplayShareSwatchModal() {\n\t\t$(document.body).append(this.getShareSwatchModalTemplate()(this.data));\n\t\tlet $modal = $('#woolLabShareSwatchModalBlock');\n\n\t\tlet modalData = {};\n\t\tmodalData.shareSwatchesApi = this.shareSwatchesApi;\n\t\tmodalData.selectedSwatchIds = this.swatchIds;\n\n\t\tnew WoolLabShareSwatchModalBlock($modal[0], modalData);\n\n\t\t$modal.modal('show');\n\t\t$('body').css('padding-right', '0');\n\t\t$modal.css('padding', '0');\n\n\t\t$modal.on('shown.bs.modal', () => {\n\t\t\t// need to manually add \"in\" class so backdrop can display properly due to IDS override\n\t\t\t$('.modal-backdrop').addClass('in');\n\t\t});\n\n\t\t$modal.on('hidden.bs.modal', () => {\n\t\t\t$modal.remove();\n\t\t\t$('body').css('padding-right', '');\n\t\t});\n\t}\n\n\tgetRenameMoodboardModalTemplate() {\n let modalWidget = require('../../partials/widgets/woolLabRenameMoodboardModalBlock.hbs');\n\n\t\tHandlebars.registerPartial('woolLabRenameMoodboardModalBlock', modalWidget);\n\n\t\tlet template = `\n\t\t\t{{> woolLabRenameMoodboardModalBlock\n\t\t\t\twg=\"woolLabRenameMoodboardModalBlock\"\n\t\t\t\tns=\"WoolLabRenameMoodboardModalBlock\"\n\t\t\t}}\n\t\t`;\n\n\t\tlet precompiled = new Function('return ' + Handlebars.precompile(template))();\n\t\treturn Handlebars.template(precompiled);\n\t}\n\n\tdisplayRenameMoodboardModal() {\n\t\t$(document.body).append(this.getRenameMoodboardModalTemplate()(this.data));\n\t\tlet $modal = $('#woolLabRenameMoodboardModalBlock');\n\n\t\tnew WoolLabRenameMoodboardModalBlock($modal[0]);\n\n\t\t$modal.modal('show');\n\t\t$('body').css('padding-right', '0');\n\t\t$modal.css('padding', '0');\n\n\t\t$modal.on('shown.bs.modal', () => {\n\t\t\t// need to manually add \"in\" class so backdrop can display properly due to IDS override\n\t\t\t$('.modal-backdrop').addClass('in');\n\t\t});\n\t\t$modal.on('hidden.bs.modal', () => {\n\t\t\tlet input = $('.woolLabRenameMoodboardModalBlock-shareSwatch-textInput').val().trim();\n\t\t\tif (input.length > 0) {\n\t\t\t\tthis.moodboardName = input;\n\t\t\t\tthis.saveItems();\n\t\t\t}\n\t\t$modal.remove();\n\t\t$('body').css('padding-right', '');\n\t\t\t\n\t\t});\n\n\t\t\n\t}\n\n\n\taddSwatchesToMoodboard(items) {\n\t\tconst This = this;\n\t\tif (items.length > 0) {\n\t\t\titems.forEach((item, i) => {\n\t\t\t\tlet pos = {x: 100 + (i * this.newItemGridSpacing), y: 100 };\n\t\t\t\tlet swatchItem = {'type': 'swatch', 'swatch': item};\n\t\t\t\tThis.generateImage(pos, swatchItem);\n\t\t\t});\n\t\t}\n\t\tthis.saveSwatchesFromPD();\n\t}\n}\n","const NS = 'WoolLabMyMoodboardsBlock';\nconst CLS = 'woolLabMyMoodboardsBlock';\n\nimport Handlebars from 'handlebars';\nimport { param } from 'jquery';\nimport utils from '../utils';\n\n\nexport class WoolLabMyMoodboardsBlock {\n\n\tconstructor(el) {\n\t\tthis.$el = $(el);\n\n\t\tthis.$moodboardContainer = this.$el.find(`.${CLS}-moodboards`);\n\t\tthis.$searchResultsEmpty = this.$el.find(`.${CLS}-searchResults-empty`);\n\t\tthis.$myMoodboardsEmpty = this.$el.find(`.${CLS}-myMoodboards-empty`);\n\n\t\tthis.moodboardContainer = [];\n\t\tthis.$searchInp = this.$el.find(`.${CLS}-searchInput`);\n\n\t\tthis.$loadingScreen = this.$el.find(`.${CLS}-searchResults-loadingScreen`);\n\t\tthis.$loadMore = this.$el.find(`.${CLS}-searchResults-loadMore`);\n\t\tthis.loadingMoodboards = false;\n\t\tthis.allMoodboardsLoaded = false;\n\n\t\tthis.getMoodboardsApi = this.$el.data('getMoodboardsApi');\n\t\tthis.moodboardBaseUrl = this.$el.data('moodboardBaseUrl');\n\t\tthis.$moodboards = this.$el.find(`.${CLS}-moodboard`);\n\n\t\tthis.pageSize = 30;\n\t\tthis.pageNumber = 1;\n\n\t\tthis.params = {\n\t\t\t// siteId: this.siteId,\n\t\t\tcount: this.pageSize,\n\t\t\toffset: 0,\n\t\t\t// pageSize: this.pageSize,\n\t\t\t// keyword: this.$searchInp.val() || ''\n\t\t};\n\n\t\tthis.handleSearchInput();\n\t\tthis.handleScrollLoading();\n\t\tthis.getItems(false);\n\t}\n\n\n\t// Get items (reload content)\n\tgetItems(loadMoreMoodboards) {\n\n\t\tif (!this.loadingMoodboards && !this.allMoodboardsLoaded) {\n\t\t\tthis.loadingMoodboards = true;\n\n\t\t\tlet url = this.getMoodboardsApi;\n\n\t\t\tif (loadMoreMoodboards) {\n\t\t\t\tthis.setPageNumber(this.pageNumber + 1);\n\t\t\t\tthis.$loadMore.addClass('active');\n\t\t\t} else {\n\t\t\t\tthis.$loadingScreen.addClass('active');\n\t\t\t}\n\n\t\t\tif (!_.isEmpty(this.params)) {\n\t\t\t\turl += `?${$.param(this.params)}`;\n\t\t\t}\n\n\t\t\tthis.updateUrl();\n\n\t\t\t$.ajax({\n\t\t\t\ttype: 'GET',\n\t\t\t\turl: url,\n\t\t\t\tsuccess: (data) => {\n\n\t\t\t\t\tthis.$myMoodboardsEmpty.hide();\n\n\t\t\t\t\tif (!loadMoreMoodboards) {\n\t\t\t\t\t\tthis.$moodboardContainer.empty();\n\t\t\t\t\t}\n\n\t\t\t\t\tlet moodboardMarkup = (moodboard) => {\n\t\t\t\t\t\tlet imgMarkup = '';\n\t\t\t\t\t\tif (moodboard.images.length > 0) {\n\t\t\t\t\t\t\tfor (let i = 0; i < 4; i++) {\n\t\t\t\t\t\t\t\timgMarkup += (`${moodboard.swatchCount} ${moodboard.swatchCount === 1 ? 'swatch' : 'swatches'}
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tThis moodboard name already exists.
\");\n\t\t\t\t\tthis.$updateBtn.addClass('disabled');\n\t\t\t\t}\n\t\t\t\telse{\n\t\t\t\t$('#dulicateWarningText').remove();\n\t\t\t\tthis.$updateBtn.removeClass('disabled');\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.$updateBtn.addClass('disabled');\n\t\t\t}\n\n\t\t\tthis.newName = input;\n\t\t});\n\t}\n\n\tgetMyMoodboards(){\n\t\tlet names=[];\n\t\tlet url = this.getMyMoodboardsApi;\n\t\tvar data=$.parseJSON($.ajax({\n url: url,\n type:'get',\n dataType:'json',\n\t\t\tasync: false\n }).responseText);\n\n\n\t\t$.each( data, function( i, val ) {\n\t\t\tnames.push(val.name.toLowerCase());\n\t\t});\n\t\t\n\t\treturn names;\n\t}\n}\n\n","var Handlebars = require('/Users/owenli/Documents/workspace/awi-woolmark-fe/node_modules/handlebars/runtime.js');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n var helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=container.hooks.helperMissing, alias3=\"function\", alias4=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \"