[hub][vue] DetailView and Profile page

erpnext/public/js/hub/pages/Profile.vue

@@ -0,0 +1,66 @@
+<template>
+	<div
+		class="marketplace-page"
+		:data-page-name="page_name"
+	>
+
+		<detail-view v-if="profile"
+			:title="title"
+			:subtitles="subtitles"
+			:image="image"
+			:sections="sections"
+		>
+		</detail-view>
+	</div>
+</template>
+
+<script>
+import DetailView from '../components/DetailView.vue';
+
+export default {
+	name: 'saved-products-page',
+	components: {
+		DetailView
+	},
+	data() {
+		return {
+			page_name: frappe.get_route()[1],
+			profile: null,
+			title: null,
+			subtitles: [],
+			image: null,
+			sections: []
+		};
+	},
+	created() {
+		this.get_profile();
+	},
+	methods: {
+		get_profile() {
+			hub.call(
+				'get_hub_seller_profile',
+				{ hub_seller: hub.settings.company_email }
+			).then(profile => {
+				this.profile = profile;
+				this.title = profile.company;
+				this.subtitles = [
+					__(profile.country),
+					__(profile.site_name),
+					__(`Joined ${comment_when(profile.creation)}`)
+				];
+				this.image = profile.logo;
+				this.sections = [
+					{
+						title: __('About the Company'),
+						content: profile.company_description
+							? __(profile.company_description)
+							: __('No description')
+					}
+				];
+			});
+		}
+	}
+}
+</script>
+
+<style scoped></style>