Creating Footer component | Fixes metal#360

diegonvs · Mar 27, 2018 · ecd1ce3 · ecd1ce3
1 parent 5712682
commit ecd1ce3
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 0 deletions.
diff --git a/packages/metaljs.com/src/partials/Footer.js b/packages/metaljs.com/src/partials/Footer.js
@@ -0,0 +1,21 @@
+'use strict';
+
+import {isServerSide} from 'metal';
+import Component from 'metal-component';
+import Soy from 'metal-soy';
+
+import templates from './Footer.soy.js';
+
+class Footer extends Component {
+	attached() {
+		if (isServerSide()) {
+			return;
+		}
+		this.year = new Date().getFullYear();
+	}
+
+};
+
+Soy.register(Footer, templates);
+
+export default Footer;
diff --git a/packages/metaljs.com/src/partials/Footer.soy b/packages/metaljs.com/src/partials/Footer.soy
@@ -0,0 +1,34 @@
+{namespace Footer}
+
+/**
+ *
+ */
+{template .render}
+	{@param year: ?}
+	{@param? haveSidebar: ?}
+
+	{let $footer kind="html"}
+		<footer class="footer">
+			<div class="container">
+				<div class="row">
+					<p class="footer-description col-md-6 col-md-offset-2">
+						Copyright © {$year} <a href="https://liferay.com">Liferay, Inc</a>
+					</p>
+					<p class="footer-description col-md-6">
+						Powered by <a href="http://wedeploy.com">WeDeploy™</a>
+					</p>
+				</div>
+			</div>
+		</footer>
+	{/let}
+
+	{if $haveSidebar}
+		<div class="sidebar-offset">
+			{$footer}
+		</div>
+	{else}
+		{$footer}
+	{/if}
+
+
+{/template}