brotherton-erpnext/erpnext/public/js/hub/marketplace.js

import Vue from 'vue/dist/vue.js';
import './vue-plugins';

// components
import PageContainer from './PageContainer.vue';
import Sidebar from './Sidebar.vue';
import { ProfileDialog } from './components/profile_dialog';

// helpers
import './hub_call';
import EventEmitter from './event_emitter';

frappe.provide('hub');
frappe.provide('erpnext.hub');

$.extend(erpnext.hub, EventEmitter.prototype);

erpnext.hub.Marketplace = class Marketplace {
	constructor({ parent }) {
		this.$parent = $(parent);
		this.page = parent.page;

		frappe.model.with_doc('Marketplace Settings').then(doc => {
			hub.settings = doc;

			this.setup_header();
			this.make_sidebar();
			this.make_body();
			this.setup_events();
			this.refresh();

			if (is_subset(['System Manager', 'Item Manager'], frappe.user_roles)) {
				// show buttons only to System Manager
				if (!hub.is_seller_registered()) {
					this.page.set_primary_action('Become a Seller', this.show_register_dialog.bind(this))
				} else {
					this.page.set_secondary_action('Add Users', this.show_add_user_dialog.bind(this));
				}
			}
		});
	}

	setup_header() {
		this.page.set_title(__('Marketplace'));
	}

	setup_events() {
		this.$parent.on('click', '[data-route]', (e) => {
			const $target = $(e.currentTarget);
			const route = $target.data().route;
			frappe.set_route(route);
		});

		// generic action handler
		this.$parent.on('click', '[data-action]', e => {
			const $target = $(e.currentTarget);
			const action = $target.data().action;

			if (action && this[action]) {
				this[action].apply(this, $target);
			}
		})
	}

	make_sidebar() {
		this.$sidebar = this.$parent.find('.layout-side-section').addClass('hidden-xs');

		new Vue({
			el: $('<div>').appendTo(this.$sidebar)[0],
			render: h => h(Sidebar)
		});
	}

	make_body() {
		this.$body = this.$parent.find('.layout-main-section');
		this.$page_container = $('<div class="hub-page-container">').appendTo(this.$body);

		new Vue({
			el: '.hub-page-container',
			render: h => h(PageContainer)
		});

		erpnext.hub.on('seller-registered', () => {
			this.page.clear_primary_action()
			frappe.model.with_doc('Marketplace Settings').then((doc)=> {
				hub.settings = doc;
			});
		});
	}

	refresh() {

	}

	show_register_dialog() {
		this.register_dialog = ProfileDialog(
			__('Become a Seller'),
			{
				label: __('Register'),
				on_submit: this.register_marketplace.bind(this)
			}
		);

		this.register_dialog.show();
	}

	register_marketplace({company, company_description}) {
		frappe.call({
		    method: 'erpnext.hub_node.api.register_marketplace',
		    args: {
				company,
				company_description
			}
		}).then((r) => {
			if (r.message && r.message.ok) {
				this.register_dialog.hide();
				frappe.set_route('marketplace', 'publish');
				erpnext.hub.trigger('seller-registered');
			}
		});
	}

	show_add_user_dialog() {
		this.get_unregistered_users()
			.then(r => {
				const user_list = r.message;

				const d = new frappe.ui.Dialog({
					title: __('Add Users to Marketplace'),
					fields: [
						{
							label: __('Users'),
							fieldname: 'users',
							fieldtype: 'MultiSelect',
							reqd: 1,
							get_data() {
								return user_list;
							}
						}
					],
					primary_action({ users }) {
						const selected_users = users.split(',').map(d => d.trim()).filter(Boolean);

						if (!selected_users.every(user => user_list.includes(user))) {
							d.set_df_property('users', 'description', __('Some emails are invalid'));
							return;
						} else {
							d.set_df_property('users', 'description', '');
						}

						frappe.call('erpnext.hub_node.api.register_users', {
							user_list: selected_users
						})
						.then(r => {
							d.hide();

							if (r.message && r.message.length) {
								frappe.show_alert(__('Added {0} users', [r.message.length]));
							}
						});
					}
				});

				d.show();
			});
	}

	get_unregistered_users() {
		return frappe.call('erpnext.hub_node.api.get_unregistered_users')
	}

}

Object.assign(hub, {
	is_seller_registered() {
		return hub.settings.registered;
	},

	is_user_registered() {
		return this.is_seller_registered() && hub.settings.users
			.filter(hub_user => hub_user.user === frappe.session.user)
			.length === 1;
	},
});

/**
 * Returns true if list_a is subset of list_b
 * @param {Array} list_a
 * @param {Array} list_b
 */
function is_subset(list_a, list_b) {
	return list_a.every(item => list_b.includes(item));
}