Move pages into their own files

index.html

@@ -18,12 +18,16 @@
  </div>
  </main>
  <script>
- window.PC = {}
+ window.PC = {
+ pages: {}
+ }
  </script>
  <script src="https://npmcdn.com/[email protected]/browser-dist/contentful.min.js" charset="utf-8"></script>
  <script src="https://npmcdn.com/[email protected]/marked.min.js" charset="utf-8"></script>
  <script src="./app.js" charset="utf-8"></script>
- <script src="./pages.js" charset="utf-8"></script>
+ <script src="./pages/products.js" charset="utf-8"></script>
+ <script src="./pages/categories.js" charset="utf-8"></script>
+ <script src="./pages/about.js" charset="utf-8"></script>
  <script>
  PC.init()
  </script>

pages/about.js

@@ -0,0 +1,7 @@
+(function () {
+
+PC.pages.about = function () {
+ PC.container.innerHTML = 'about'
+}
+
+}());

pages/categories.js

@@ -0,0 +1,13 @@
+(function () {
+
+PC.pages.categories = function () {
+ PC.contentfulClient.getEntries({content_type: '6XwpTaSiiI2Ak2Ww0oi6qa'})
+ .then(function (entries) {
+ var categories = entries.items.map(function (entry) {
+ return '<p>'+entry.fields.title+'</p>'
+ })
+ PC.container.innerHTML = categories.join('\n')
+ })
+}
+
+}());

pages/products.js

@@ -0,0 +1,13 @@
+(function () {
+
+PC.pages.products = function () {
+ PC.contentfulClient.getEntries({content_type: '2PqfXUJwE8qSYKuM0U6w8M'})
+ .then(function (entries) {
+ var products = entries.items.map(function (entry) {
+ return '<p>'+entry.fields.productName+'</p>'
+ })
+ PC.container.innerHTML = products.join('\n')
+ })
+}
+
+}());