Merge branch 'OP-159-API-Payment-widget' into 'sprint'

Resolve OP-159 "Api payment widget"

See merge request open-platform/api!197

Author: evgeny-krylov

build.gradle

@@ -11,7 +11,7 @@ plugins {
 apply plugin: "io.spring.dependency-management"
 
 group = "io.openfuture.api"
-version = "2.5.0"
+version = "2.6.0"
 sourceCompatibility = JavaVersion.VERSION_1_8
 
 repositories {
@@ -62,6 +62,7 @@ dependencies {
 sourceSets {
     main.kotlin.srcDirs += 'src/main/kotlin'
     main.resources.srcDirs += 'frontend/build/resources'
+    main.resources.srcDirs += 'widget/build/resources'
 }
 
 // Kotlin
@@ -100,4 +101,5 @@ jacocoTestReport {
 check.dependsOn jacocoTestReport
 
 // Front
-processResources.dependsOn(':frontend:assemble')
+processResources.dependsOn(':frontend:assemble')
+processResources.dependsOn(':widget:assemble')

frontend/package-lock.json

@@ -1,3 +1,5 @@
 rootProject.name = 'open-api'
 
 include 'frontend'
+include 'widget'
+

settings.gradle

@@ -27,6 +27,7 @@ class SecurityConfig(
     override fun configure(http: HttpSecurity) {
         http.cors()
         http.csrf().disable()
+        http.headers().frameOptions().disable()
 
         // @formatter:off
         http

src/main/kotlin/io/openfuture/api/config/SecurityConfig.kt

@@ -2,7 +2,10 @@ package io.openfuture.api.controller.base
 
 import io.openfuture.api.config.propety.AuthorizationProperties
 import org.springframework.stereotype.Controller
+import org.springframework.web.bind.annotation.CrossOrigin
 import org.springframework.web.bind.annotation.GetMapping
+import org.springframework.web.bind.annotation.PathVariable
+import org.springframework.web.servlet.ModelAndView
 import javax.servlet.http.Cookie
 import javax.servlet.http.HttpServletResponse
 
@@ -21,4 +24,10 @@ class MainController(
     @GetMapping("/", "/scaffold", "/scaffolds", "/scaffolds/**", "/keys", "/keys/**")
     fun frontend() = "frontend"
 
+    @GetMapping("/widget/{address}")
+    fun widget(@PathVariable address: String, modelAndView: ModelAndView): String {
+        modelAndView.modelMap.addAttribute("address", address)
+        return "widget"
+    }
+
 }

src/main/kotlin/io/openfuture/api/controller/base/MainController.kt

@@ -0,0 +1,23 @@
+# Open-widget
+This is a payment widget that you can embed to your site for processing payments from customers in the Cryptocurrency via  [OPEN platform](https://api.openfuture.io/) API.
+
+This widget requires [Metamask wallet](https://metamask.io/).
+
+[![](http://joxi.net/VrwNex4COodeMA.png)]()
+
+### How to use a widget
+
+Paste the code below to a location at your site where you'd like to use this widget and set the width and height parameters.
+You also have to put your scaffold address in the src element: 'https://www.openfuture.io/widget/your_scaffold_address'
+The best solution is to do it dynamically, especially if you have created a lot of scaffolds.
+
+
+ ```html
+ <iframe id="open-widget-iframe" src="https://www.openfuture.io/widget/your_scaffold_address_here" width="400" height="600" scrolling="no" frameborder="0" allowfullscreen></iframe>
+
+ ```
+
+
+The widget can contain a maximum of 9 fields of 3 types (string, number, boolean). 
+Field names and types are set in a [personal OPEN-platform account](https://api.open-platform.zensoft.io/scaffolds/new) during a smart contract creation.
+

widget/README.md

@@ -0,0 +1,39 @@
+plugins {
+    id "com.moowork.node" version "1.2.0"
+}
+
+apply plugin: 'com.moowork.node'
+
+node {
+    version = '8.11.2'
+    distBaseUrl = 'https://nodejs.org/dist'
+    download = true
+}
+
+task assemble(type: NpmTask) {
+    args = ['run', 'build']
+}
+
+assemble.doLast {
+    println "Merging widget"
+
+    def destinationDir = mkdir "$project.buildDir/resources"
+
+    // copying index.html
+    copy {
+        from project.buildDir
+        include 'index.html'
+        rename 'index.html', "widget.ftl"
+        into "$destinationDir/templates"
+    }
+    // copying resources
+    copy {
+        from project.buildDir
+        exclude 'index.html', 'resources'
+        into "$destinationDir/static"
+    }
+}
+
+assemble.dependsOn npmInstall
+npmInstall.dependsOn npmSetup
+npmSetup.dependsOn nodeSetup

widget/build.gradle

@@ -0,0 +1,13 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport"
+        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title></title>
+</head>
+  <body data-address="${address}">
+    <script src="/js/open-widget.js"></script>
+  </body>
+</html>