\\n\t\t\t'+\n((__t=( helpText ))==null?'':__t)+\n'\\n\t\t
\\n\t\t\\n\t\t\t![](\"'+\n((__t=()
\\n\t\t
\\n\t\\n\t\t'+\n((__t=( message ))==null?'':__t)+\n'\\n\t
\\n\\n\t\\n\t\t\\n\t\t
\\n\\n\\n\t\t\t
\\n\t\\n\t\t\t\t\\n\t\t\t
\\n\t\t\t\\n\t\t${i18n.t('i18n.maxFileSize', {size: '600kb'})}
`;\n\t\tconst msgRecomended = `${i18n.t('i18n.maxDimensions', {\n\t\t\twidth: '300px',\n\t\t\theight: '35px',\n\t\t})}
`;\n\t\tconst msgEmail =\n\t\t\tthis.model.id === 'light'\n\t\t\t\t? `${i18n.t('i18n.defaultLogoForEmails')}
`\n\t\t\t\t: '';\n\n\t\t// Additonal template vars\n\t\tObject.assign(this.templateVars, {\n\t\t\tlogo: this.model.getLogo(),\n\t\t\tmessage: msgMax + msgRecomended + msgEmail,\n\t\t});\n\t}\n\n\t/**\n\t * Runs immediately after render; useful for decorating/updating HTML that was not handled by the template.\n\t * @override\n\t */\n\tpostRender() {\n\t\tsuper.postRender();\n\n\t\t// Cache\n\t\tthis.$error = this.$('[data-nx-control=\"error\"]');\n\t\tthis.$fileName = this.$('[data-nx-control=\"filename\"]');\n\t\tthis.$uploadDetails = this.$('.upload-details');\n\t\tthis.$progressBar = this.$('[role=\"progressbar\"]');\n\n\t\tthis.uploader.initializeUploader();\n\t}\n\n\t/** @override */\n\tremove() {\n\t\t// Cleanup\n\t\tthis.uploader.destroyUploader();\n\t\tsuper.remove();\n\t}\n\n\t/**\n\t * @method\n\t */\n\terror(error) {\n\t\tthis.$error.html(error.message).show();\n\t}\n\n\t/**\n\t * User selected a file to upload\n\t * @method\n\t * @param {Backbone.Model} file File selected\n\t */\n\tfileAdded(file) {\n\t\t// Set file name\n\t\tthis.$fileName.html(file.get('name'));\n\t\t// Show progress bar\n\t\tthis.$uploadDetails.show();\n\t\t// Start it up\n\t\tthis.uploader.start();\n\t}\n\n\tfileUploaded(file) {\n\t\tthis.model.setLogo(file).then(\n\t\t\tm => {\n\t\t\t\tthis.trigger('logo:updated', this);\n\t\t\t\tthis.render();\n\t\t\t},\n\t\t\terr => {\n\t\t\t\t// TODO: currently the server will not return an error when presented with an invalid file (read: any file that isn't JPG or PNG)\n\t\t\t\tthis.error(err, file);\n\t\t\t},\n\t\t);\n\t}\n\n\t/**\n\t * @method\n\t * @param {event} e Event\n\t */\n\tselectFiles(e) {\n\t\tthis.uploader.selectFiles(e);\n\t}\n\n\t/**\n\t * Update progress\n\t * @method\n\t * @param {object} file Plupload file\n\t */\n\tshowUploadProgress(file) {\n\t\tthis.$progressBar.css('width', `${file.percent}%`);\n\t}\n\n\t/** @type {string} */\n\tstatic get __name__() {\n\t\treturn 'Logo';\n\t}\n}\n","/**\n * @class\n * @override\n */\nimport Base from '@netx/core-app-system-branding/views/logo';\n\nimport {faPlus} from '@fortawesome/pro-solid-svg-icons';\nconst icons = Base.initializeIcons({\n\tfaPlus,\n});\n\nexport default class Logo extends Base {\n\t/** @override */\n\tconstructor(opts = {}) {\n\t\topts.icons = {...icons, ...opts.icons};\n\t\tsuper(opts);\n\t}\n}\n","/**\n * @class\n */\nimport Base from '@netx/core/lib/netx-view';\nimport Template from '../templates/colorPalette.html';\n\nimport ColorView from './color';\nimport LogoView from './logo';\n\nimport config from '@netx/core-app/config';\nconst customPropertyPrefix = config.CSS_CUSTOM_PROPERTY_PREFIX;\n\nclass ColorPalette extends Base {\n\t/** @override */\n\tconstructor(opts = {}) {\n\t\topts.headerTitle = opts.headerTitle || i18n.t(`i18n.${opts.model.id}`);\n\t\topts.template = opts.template || Template;\n\t\tsuper(opts);\n\n\t\tthis.logoView = this.addSubView(\n\t\t\tnew LogoView({\n\t\t\t\tmodel: this.model,\n\t\t\t}),\n\t\t);\n\t\tthis.primaryColor = this.addSubView(\n\t\t\tnew ColorView({\n\t\t\t\tcolorKey: 'primary',\n\t\t\t\tcolorLabel: i18n.t('i18n.primaryColor'),\n\t\t\t\tonColorLabel: i18n.t('i18n.onPrimaryColor'),\n\t\t\t\tmodel: this.model,\n\t\t\t}),\n\t\t);\n\t\tthis.secondaryColor = this.addSubView(\n\t\t\tnew ColorView({\n\t\t\t\tcolorKey: 'secondary',\n\t\t\t\tcolorLabel: i18n.t('i18n.secondaryColor'),\n\t\t\t\tonColorLabel: i18n.t('i18n.onSecondaryColor'),\n\t\t\t\tmodel: this.model,\n\t\t\t}),\n\t\t);\n\n\t\tthis.listenTo(this.primaryColor, 'color:updated', view => {\n\t\t\tthis.updateStyles();\n\t\t\tthis.trigger('palette:updated', this);\n\t\t})\n\t\t\t.listenTo(this.secondaryColor, 'color:updated', view => {\n\t\t\t\tthis.trigger('palette:updated', this);\n\t\t\t})\n\t\t\t.listenTo(this.logoView, 'logo:updated', view => {\n\t\t\t\tif (Netx.getThemeMode() !== this.model.id) return;\n\t\t\t\tdispatcher.trigger('app:system:branding:updated', this.model);\n\t\t\t});\n\t}\n\n\t/** @override */\n\tpreRender() {\n\t\tsuper.preRender();\n\n\t\tthis.updateStyles();\n\n\t\tObject.assign(this.templateVars, {\n\t\t\tvalues: this.model.self(),\n\t\t});\n\t}\n\n\t/** @override */\n\tpostRender() {\n\t\tsuper.postRender();\n\n\t\tconst el = this.el;\n\n\t\tthis.$logoSelect = this.$('.nx-logo-select');\n\t\tthis.$logoSelect.replaceWith(this.logoView.render().$el);\n\n\t\tconst colorsEl = this.el.querySelector('.nx-colors');\n\t\tif (colorsEl) {\n\t\t\tthis.primaryColor.render().$el.appendTo(colorsEl);\n\t\t\tthis.secondaryColor.render().$el.appendTo(colorsEl);\n\t\t}\n\t}\n\n\t/**\n\t * Set css variables to reflect current selections\n\t * @method\n\t */\n\tupdateStyles() {\n\t\t// Reflect styles within\n\t\tconst style = this.el.style;\n\t\t_.forEach(this.model.attributes, (value, key) => {\n\t\t\tstyle.setProperty(`${customPropertyPrefix}${key}`, value);\n\t\t});\n\t}\n\n\t/** @type {string} */\n\tstatic get __name__() {\n\t\treturn 'ColorPalette';\n\t}\n}\n\nexport default ColorPalette;\n","/**\n * @class\n * @override\n */\nimport Base from '@netx/core-app-system-branding/views/colorPalette';\n\nclass ColorPalette extends Base {\n\t/** @override */\n\tconstructor(opts = {}) {\n\t\topts.className = `mdc-card mdc-card--outlined theme-${opts.model.id} ${\n\t\t\topts.className || ''\n\t\t}`;\n\t\tsuper(opts);\n\t}\n}\n\nexport default ColorPalette;\n","/**\n * @class\n */\nimport Base from '@netx/core/lib/netx-view';\nimport Template from '../templates/colorPalettes.html';\n\nimport ChildView from './colorPalette';\nimport ChildViews from '@netx/core/functionality/childViews';\n\nimport Form from '@netx/core/functionality/form';\n\nexport default class ColorPalettes extends Base {\n\t/** @override */\n\tconstructor(opts = {}) {\n\t\topts.className = `brand-palettes-view ${opts.className || ''}`;\n\t\topts.childView = {\n\t\t\tviewClass: ChildView,\n\t\t\t...opts.childView,\n\t\t};\n\t\topts.eventStr = opts.eventStr || 'app:system:branding';\n\t\topts.headerTitle = opts.headerTitle || i18n.t('i18n.colorPalettes');\n\t\topts.template = opts.template || Template;\n\t\topts.hideOnSubmit = opts.hideOnSubmit === true;\n\t\tsuper(opts);\n\t}\n\n\t/** @override */\n\tformValues() {\n\t\treturn this.getValues();\n\t}\n\n\t/**\n\t * @method\n\t * @return {object} values\n\t */\n\tgetValues() {\n\t\treturn this.collection.getValues();\n\t}\n\n\t/** @type {string} */\n\tstatic get __name__() {\n\t\treturn 'ColorPalettes';\n\t}\n}\n\nChildViews(ColorPalettes);\nForm(ColorPalettes);\n","/**\n * @class\n * @override\n */\nimport Base from '@netx/core-app-system-branding/views/colorPalettes';\n\nexport default class ColorPalettes extends Base {\n\t/** @override */\n\tconstructor(opts = {}) {\n\t\topts.events = {\n\t\t\tchangeColor: 'inputChanged',\n\t\t\t...opts.events,\n\t\t};\n\t\tsuper(opts);\n\t}\n}\n","/**\n * @class\n */\nimport Base from '@netx/core/lib/netx-view';\nimport Template from '../templates/images.html';\n\nimport AssetModel from '@netx/core-asset/models/asset';\nimport AssetSelectModel from '@netx/core-asset/models/assetSelect';\nimport AssetSelectView from '@netx/core-asset/views/assetSelectView';\n\nexport default class Images extends Base {\n\t/** @override */\n\tconstructor(opts = {}) {\n\t\topts.headerTitle = opts.headerTitle || i18n.t('i18n.images');\n\t\topts.template = opts.template || Template;\n\t\tsuper(opts);\n\n\t\tconst selectedAsset = (this.selectedAsset = new AssetSelectModel({\n\t\t\tassetId: this.model.get('login-background-assetId'),\n\t\t}));\n\n\t\tthis.assetSelectView = this.addSubView(\n\t\t\tnew AssetSelectView({\n\t\t\t\tselectName: 'branding',\n\t\t\t\tselectTitle: i18n.t('i18n.loginBackground'),\n\t\t\t\tmodel: selectedAsset,\n\t\t\t}),\n\t\t);\n\n\t\t// this.logoView = this.addSubView(\n\t\t// \tnew LogoView({\n\t\t// \t\turl: Netx.URL.logo,\n\t\t// \t\tmodel: Netx.app.brand,\n\t\t// \t}),\n\t\t// );\n\t\t//\n\t\t// this.logoView2 = this.addSubView(\n\t\t// \tnew LogoView({\n\t\t// \t\tmodel: Netx.app.brand,\n\t\t// \t\tuploadEventStr: 'app:system:branding:logo2:upload',\n\t\t// \t\turl: Netx.URL.logo2,\n\t\t// \t}),\n\t\t// );\n\n\t\t// DAM-13196: Hide watermark control from directors\n\t\tthis.displayWatermark = Netx.getUserLevel() >= 9;\n\n\t\tif (this.displayWatermark) {\n\t\t\tthis.watermarkView = this.addSubView(\n\t\t\t\tnew AssetSelectView({\n\t\t\t\t\tselectTitle: i18n.t('i18n.watermark'),\n\t\t\t\t\tselectName: 'watermark',\n\t\t\t\t\thelpText: `
${i18n.t('i18n.watermarkHelpText')}
`,\n\t\t\t\t\tmodel: new AssetSelectModel({\n\t\t\t\t\t\tsaveToProperty: 'share.watermark.assetId',\n\t\t\t\t\t}),\n\t\t\t\t}),\n\t\t\t);\n\t\t}\n\n\t\tthis.listenTo(selectedAsset, 'change:assetId', (asset, id) => {\n\t\t\tid ? this.model.setBackground(id) : this.model.unsetBackground();\n\t\t});\n\t}\n\n\t/** @override */\n\tbindModelEvents() {\n\t\tsuper.bindModelEvents();\n\n\t\tconst model = this.model;\n\t\treturn this.listenTo(model, 'sync', () => {\n\t\t\tthis.selectedAsset.set('assetId', model.get('login-background-assetId'));\n\t\t});\n\t}\n\n\t/** @override */\n\tpostRender() {\n\t\tsuper.postRender();\n\n\t\tthis.$assetSelect = this.$('.nx-asset-select');\n\t\tthis.$assetSelect.replaceWith(this.assetSelectView.render().$el);\n\n\t\t// this.$logoSelect = this.$('.nx-logo-select');\n\t\t// this.$logoSelect.replaceWith(this.logoView.render().$el);\n\t\t//\n\t\t// this.$logoSelect = this.$('.nx-logo-select2');\n\t\t// this.$logoSelect.replaceWith(this.logoView2.render().$el);\n\n\t\tthis.$watermarkSelect = this.$('.nx-watermark-select');\n\t\tif (this.watermarkView) {\n\t\t\tthis.$watermarkSelect.replaceWith(this.watermarkView.render().$el);\n\t\t}\n\t}\n\n\t/** @type {string} */\n\tstatic get __name__() {\n\t\treturn 'Images';\n\t}\n}\n","/**\n * @class\n */\nimport Base from '@netx/core/lib/netx-tabView';\nimport Template from '../templates/index.html';\n\nimport ColorPalettesView from './colorPalettes';\nimport ImagesView from './images';\n\nexport default class Index extends Base {\n\t/** @override */\n\tconstructor(opts = {}) {\n\t\topts.defaultTab = 'color';\n\t\topts.headerTitle = opts.headerTitle || i18n.t('i18n.appSystemBranding');\n\t\topts.id = opts.id || 'app-system-branding';\n\t\topts.template = opts.template || Template;\n\t\tsuper(opts);\n\t}\n\n\t/** @override */\n\ttabs() {\n\t\treturn [\n\t\t\t{\n\t\t\t\tviewClass: ColorPalettesView,\n\t\t\t\tname: 'color',\n\t\t\t\tlabel: i18n.t('i18n.colors'),\n\t\t\t\tviewOptions: {\n\t\t\t\t\tcollection: this.model.colorPalettes,\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tviewClass: ImagesView,\n\t\t\t\tname: 'images',\n\t\t\t\tlabel: i18n.t('i18n.images'),\n\t\t\t\tviewOptions: {\n\t\t\t\t\tmodel: this.model,\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}\n\n\t/** @type {string} */\n\tstatic get __name__() {\n\t\treturn 'Index';\n\t}\n}\n","/**\n * @class\n * @override\n */\nimport Base from '@netx/core-app-system-branding/views/index';\nimport '../css/style.less';\n\nexport default Base;\n","export default {\n\t/** @route */\n\t'system/brand': 'app:system:branding',\n};\n","import CustomCSSProperties from './models/customCSSProperties';\n\n// Views\nimport IndexView from './views/index';\n\nimport routes from './routes';\n\n/**\n * @event module:app:system:branding#app:system:branding:init\n * @fires module:app:system:branding#app:system:branding:extend\n * @fires module:app:system:branding#app:system:branding:initialized\n */\ndispatcher.once('app:system:branding:init', () => {\n\t// Make sure we have an `app` namespace\n\tNetx.app = Netx.app || {};\n\n\tconst NS = (Netx.app.system = {});\n\tconst router = Netx.router;\n\n\tconst customCSSProperties = new CustomCSSProperties({}, {portalId: -1});\n\tcustomCSSProperties.fetch();\n\n\t/**\n\t * @event module:app:system:branding#app:system:branding:show\n\t * @param {object} viewOptions View options\n\t * @fires module:system#system\n\t */\n\tdispatcher.on('app:system:branding:show', viewOptions => {\n\t\tdispatcher.trigger('system', system => {\n\t\t\tsystem.appViews.add({\n\t\t\t\tviewClass: IndexView,\n\t\t\t\tshowActions: ['app:system:branding:show'],\n\t\t\t\tviewOptions: viewOptions,\n\t\t\t});\n\t\t});\n\t});\n\n\t/**\n\t * @route\n\t * @fires module:app:system:branding#app:system:branding\n\t */\n\trouter.on('route:app:system:branding', () => {\n\t\tdispatcher.trigger('app:system:branding');\n\t});\n\n\t/**\n\t * @event module:app:system:branding#app:system:branding\n\t * @fires module:app:system:branding#app:system:branding:show\n\t */\n\tdispatcher.on('app:system:branding', () => {\n\t\tdispatcher.trigger('app:system:branding:show', {\n\t\t\tmodel: customCSSProperties,\n\t\t});\n\t});\n\n\t/**\n\t * @event module:app:system:branding#app:system:branding:confirmed\n\t * @param {object} value Values\n\t * @param {module:app/system/branding/collections/colorPalettes} collection Color palettes\n\t */\n\tdispatcher.on('app:system:branding:confirmed', (values, collection) => {\n\t\tcustomCSSProperties.set(values);\n\t});\n\n\t/**\n\t * @event module:app:system:branding#app:system:branding:reset\n\t * @fires module:app#app:confirm\n\t */\n\tdispatcher.on('app:system:branding:reset', () => {\n\t\tdispatcher.trigger('app:confirm', {\n\t\t\tmessage: i18n.t('i18n.actionPermanent'),\n\t\t\teventStr: 'app:system:branding:reset',\n\t\t});\n\t});\n\n\t/**\n\t * @event module:app:system:branding#app:system:branding:reset:confirmed\n\t */\n\tdispatcher.on('app:system:branding:reset:confirmed', () => {\n\t\tPromise.all([\n\t\t\tNetx.app.brand.resetBranding(),\n\t\t\tcustomCSSProperties.reset(),\n\t\t]).then(() => {\n\t\t\t// Will get everything including logos updated\n\t\t\tNetx.setThemeMode(Netx.getThemeMode());\n\t\t});\n\t});\n\n\t// Finished\n\tdispatcher.trigger('app:system:branding:extend', NS);\n\tdispatcher.trigger('app:system:branding:initialized', NS);\n});\n\nexport default {\n\tinitialize(opts) {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tdispatcher.once('app:system:branding:initialized', () => {\n\t\t\t\tresolve(routes);\n\t\t\t});\n\t\t\tdispatcher.trigger('app:system:branding:init');\n\t\t});\n\t},\n};\n","/**\n * App system branding module\n */\nimport System from '@netx/core-system';\n\nimport actions from './actions';\nimport menus from './menus';\nimport controller from './controller';\n\n// Testing\n\n/**\n * @property {object} exports - Our module exports\n * @property {string} exports.namespace - Module namespace\n * @property {function} exports.initialize - Module initializer\n */\nexport default {\n\tnamespace: 'app-system-branding',\n\tinitialize() {\n\t\t// Register actions\n\t\tNetx.Actions.Register(actions);\n\t\t// Extend menus\n\t\tNetx.addMenus(menus);\n\n\t\treturn controller.initialize();\n\t},\n};\n"],"sourceRoot":""}