interaction between engine and ui

Author: eskim

public/polymer_components/rocon-button.html

@@ -2,7 +2,7 @@
 
 <link rel="import" href="../components/polymer/polymer.html">
 <!-- <link rel="import" href="../components/paper-button/paper-button.html"> -->
-<polymer-element name="rocon-button" role="button" attributes="rocon_id">
+<polymer-element name="rocon-button" role="button" attributes="rocon_id text">
   <template>
   <style>
     :host {
@@ -27,7 +27,7 @@
   </style>
   <!-- <div class="tile" flex center-justified center self-stretch on-tap="{{handleTap}}"> -->
     <div id="wrapper" on-tap="{{handleTap}}">
-      <content align-center></content> ({{rocon_id}})
+      <div align-center>{{text}}</div>
     </div>
   <!-- <div class="tile" center on-tap="{{handleTap}}"> -->
     <!-- <content></content> -->

public/polymer_components/rocon-text.html

@@ -1,5 +1,5 @@
 <link rel="import" href="../components/polymer/polymer.html">
-<polymer-element name="rocon-text" attributes="value" >
+<polymer-element name="rocon-text" attributes="text" >
   <template>
   <style>
     :host {
@@ -25,7 +25,7 @@
   </style>
   <!-- <div class="tile" flex center-justified center self-stretch on-tap="{{handleTap}}"> -->
     <div id="wrapper">
-      <content align-center></content>
+      <div align-center>{{text}}</div>
     </div>
   </template>
 

src/routes.js

@@ -69,9 +69,9 @@ module.exports = function(app, db){
           return '<div flex layout '+meta.type+'>'+childrenEl+'</div>';
 
         }else if(meta.type == 'button'){
-          return '<rocon-button flex rocon_id="'+meta.name+'">'+meta.text+'</rocon-button>';
+          return '<rocon-button flex rocon_id="'+meta.name+'" text="'+meta.text+'"></rocon-button>';
         }else if(meta.type == 'text'){
-          return '<rocon-text flex rocon_id="'+meta.name+'">'+meta.text+'</rocon-button>';
+          return '<rocon-text flex rocon_id="'+meta.name+'" text="'+meta.text+'"></rocon-button>';
         }
 
 

views/ui.ejs

@@ -94,7 +94,7 @@
 
       superagent
         .post('/api/ros/publish')
-        .send({topic: 'from-rocon-ui', type: 'std_msgs/String', message: {data: JSON.stringify(detail)}})
+        .send({topic: '/from-rocon-ui', type: 'std_msgs/String', message: {data: JSON.stringify(detail)}})
         .end(function(e, res){
           console.log(res.text);