Api and popup pseudocode

pg013c · May 31, 2017 · 250e3b9 · 250e3b9
1 parent a99a91f
commit 250e3b9
Show file tree

Hide file tree

Showing 6 changed files with 76 additions and 2 deletions.
diff --git a/gulpfile.js b/gulpfile.js
@@ -22,7 +22,7 @@ const folder = {
 }
 
 gulp.task('html', () => {
-  const out = folder.build + 'html/'
+  const out = folder.build
   return gulp.src(folder.src + 'html/**/*')
     .pipe(newer(out))
     .pipe(htmlclean())

diff --git a/src/html/index.html b/src/html/index.html
@@ -1,6 +1,6 @@
 <html>
 <head>
-    <script src="../js/main.js"></script>
+    <script src="/js/main.js"></script>
 </head>
 <body>
 test

diff --git a/src/js/api.js b/src/js/api.js
@@ -0,0 +1,11 @@
+'use strict'
+
+import { get, post } from './apiInterface'
+
+export function testGet() {
+  get('test')
+}
+
+export function testPost() {
+  post('test')
+}
diff --git a/src/js/apiInterface.js b/src/js/apiInterface.js
@@ -0,0 +1,21 @@
+'use strict'
+
+const fetch = window.fetch
+
+function prepareUrl(url, params) {
+
+}
+
+function handleResponse() {
+
+}
+
+export function get(url, query) {
+  console.log('get')
+  // return fetch(prepareUrl(url)).then(handleResponse)
+}
+
+export function post(url, payload, query) {
+  console.log('post')
+  // return fetch(prepareUrl(url)).then(handleResponse)
+}
diff --git a/src/js/index.js b/src/js/index.js
@@ -1,6 +1,7 @@
 'use strict'
 
 import { myFunction3, config } from './config'
+import * as api from './api'
 
 window.MySpace = {
   myFunction2: () => {
@@ -21,3 +22,6 @@ console.log(config)
 MySpace.myFunction2()
 let result = MySpace.myFunction(3)
 console.log(result)
+
+api.testGet()
+api.testPost()
diff --git a/src/js/modal.js b/src/js/modal.js
@@ -0,0 +1,38 @@
+'use strict'
+
+class Popup {
+  constructor (title, content, buttons) {
+
+  }
+
+  on (event, callback) {
+    addCallbackToList()
+  }
+
+  trigger (event, ...args) {
+    if (exists) {
+      listeners.forEach(listener => listener(...args))
+    }
+  }
+
+  open() {
+    appendToDocument()
+
+    if (hasButtons) {
+      addButtonsToModal()
+      buttons.forEach(button => {
+        button.onCLick(() => {
+          this.trigger('button:' + button.id)
+        })
+      })
+    }
+
+    appendTitle()
+    appendContent()
+    showModal()
+  }
+
+  close() {
+    hideModal()
+  }
+}