From 32a21486519254620ff68895666ccbd5ef14ebb2 Mon Sep 17 00:00:00 2001
From: Prateeksha Singh <pratu16x7@gmail.com>
Date: Thu, 2 Aug 2018 01:42:23 +0530
Subject: [PATCH] [hub] Company (Seller) page

---
 erpnext/public/js/hub/marketplace.js  |  5 ++
 erpnext/public/js/hub/pages/seller.js | 85 +++++++++++++++++++++++++++
 2 files changed, 90 insertions(+)
 create mode 100644 erpnext/public/js/hub/pages/seller.js

diff --git a/erpnext/public/js/hub/marketplace.js b/erpnext/public/js/hub/marketplace.js
index e29ae6fc23..18a1bb0629 100644
--- a/erpnext/public/js/hub/marketplace.js
+++ b/erpnext/public/js/hub/marketplace.js
@@ -4,6 +4,7 @@ import './pages/favourites';
 import './pages/search';
 import './pages/category';
 import './pages/item';
+import './pages/seller';
 import './pages/register';
 import './pages/profile';
 import './pages/publish';
@@ -164,6 +165,10 @@ erpnext.hub.Marketplace = class Marketplace {
 			this.subpages.item = new erpnext.hub.Item(this.$body);
 		}
 
+		if (route[1] === 'seller' && !this.subpages['seller']) {
+			this.subpages['seller'] = new erpnext.hub.Seller(this.$body);
+		}
+
 		if (route[1] === 'register' && !this.subpages.register) {
 			if (this.registered) {
 				frappe.set_route('marketplace', 'home');
diff --git a/erpnext/public/js/hub/pages/seller.js b/erpnext/public/js/hub/pages/seller.js
new file mode 100644
index 0000000000..94e83414c7
--- /dev/null
+++ b/erpnext/public/js/hub/pages/seller.js
@@ -0,0 +1,85 @@
+import SubPage from './subpage';
+
+erpnext.hub.Seller = class Seller extends SubPage {
+	make_wrapper() {
+		super.make_wrapper();
+	}
+
+	refresh() {
+		this.show_skeleton();
+		this.company = frappe.get_route()[2];
+		this.get_hub_seller_profile()
+			.then(this.render.bind(this));
+	}
+
+	get_hub_seller_profile() {
+		return hub.call('get_hub_seller_profile', { company: this.company });
+	}
+
+	// get_hub_seller_items(profile) {
+	// 	this.profile = profile;
+	// 	console.log(profile);
+	// 	return hub.call('get_items', { hub_seller: profile.user });
+	// }
+
+	show_skeleton() {
+		const skeleton = `<div class="hub-item-container">
+			<div class="row">
+				<div class="col-md-3">
+					<div class="hub-item-skeleton-image"></div>
+				</div>
+				<div class="col-md-6">
+					<h2 class="hub-skeleton" style="width: 75%;">Name</h2>
+					<div class="text-muted">
+						<p class="hub-skeleton" style="width: 35%;">Details</p>
+						<p class="hub-skeleton" style="width: 50%;">Ratings</p>
+					</div>
+					<hr>
+					<div class="hub-item-description">
+						<p class="hub-skeleton">Desc</p>
+						<p class="hub-skeleton" style="width: 85%;">Desc</p>
+					</div>
+				</div>
+			</div>
+		</div>`;
+
+		this.$wrapper.html(skeleton);
+	}
+
+	render(profile) {
+		const p = profile;
+
+		const profile_html = `<div class="hub-item-container">
+			<div class="row visible-xs">
+				<div class="col-xs-12 margin-bottom">
+					<button class="btn btn-xs btn-default" data-route="marketplace/home">Back to home</button>
+				</div>
+			</div>
+			<div class="row">
+				<div class="col-md-3">
+					<div class="hub-item-image">
+						<img src="${p.logo}">
+					</div>
+				</div>
+				<div class="col-md-6">
+					<h2>${p.company}</h2>
+					<div class="text-muted">
+						<p>${p.country}</p>
+						<p>${p.site_name}</p>
+						<p>${__(`Joined ${comment_when(p.creation)}`)}</p>
+					</div>
+					<hr>
+					<div class="hub-item-description">
+					${'description'
+						? `<p>${p.company_description}</p>`
+						: `<p>__('No description')</p`
+					}
+					</div>
+				</div>
+			</div>
+
+		</div>`;
+
+		this.$wrapper.html(profile_html);
+	}
+}