├── Procfile
├── Gemfile
├── app.json
├── Gemfile.lock
├── README.md
├── public
    ├── js
    │   └── example.js
    └── index.html
└── web.rb


/Procfile:
--------------------------------------------------------------------------------
1 | web: bundle exec ruby web.rb -p $PORT
2 | 


--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source "https://rubygems.org"
2 | ruby "2.2.1"
3 | gem 'sinatra', '1.1.0'
4 | gem 'stsplatform', '0.0.1'
5 | 


--------------------------------------------------------------------------------
/app.json:
--------------------------------------------------------------------------------
1 | {
2 |   "name": "stsplatform-skeleton-sinatra",
3 |   "description": "A Sinatra skeleton app using the STS Platform",
4 |   "repository": "https://github.com/SenseTecnic/stsplatform-skeleton-app-sinatra",
5 |   "keywords": ["ruby", "sinatra", "stsplatform"]
6 | }
7 | 


--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
 1 | GEM
 2 |   remote: https://rubygems.org/
 3 |   specs:
 4 |     json (1.8.1)
 5 |     rack (1.6.4)
 6 |     sinatra (1.1.0)
 7 |       rack (~> 1.1)
 8 |       tilt (~> 1.1)
 9 |     stsplatform (0.0.1)
10 |       json (~> 1.8)
11 |     tilt (1.4.1)
12 | 
13 | PLATFORMS
14 |   ruby
15 | 
16 | DEPENDENCIES
17 |   sinatra (= 1.1.0)
18 |   stsplatform (= 0.0.1)
19 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | A Skeleton Sinatra and STS Platform App
 2 | =======================================
 3 | 
 4 | This is a skeleton application written in Ruby and using the Sinatra micro-framework.
 5 | 
 6 | ## Quick Deploy on Heroku:
 7 | 
 8 | [![Deploy](https://www.herokucdn.com/deploy/button.png)](https://heroku.com/deploy)
 9 | 
10 | ## What this application has:
11 | 
12 | This bare-bones application will bootstrap your application development by providing a pre-configured simple application with:
13 | 
14 | * A Sinatra application setup
15 | * Bootstrap styling
16 | * The stsplatform library
17 | 
18 | For more information and support visit [http://developers.sensetecnic.com](http://developers.sensetecnic.com)
19 | 


--------------------------------------------------------------------------------
/public/js/example.js:
--------------------------------------------------------------------------------
 1 | jQuery(function($) {
 2 |     $('form[data-async]').on('submit', function(event) {
 3 | 
 4 |         var $form = $(this);
 5 |         var $target = $($form.attr('data-target'));
 6 |         var button_method = $form.find('button[clicked=true]').attr('data-method');
 7 |         $.ajax({
 8 |             method: button_method !== undefined ? button_method : $form.attr('method'),
 9 |             url: $form.attr('action'),
10 |             data: $form.serialize(),
11 | 
12 |             success: function(data, status) {
13 |                 $target.html(data);
14 |             }
15 |         });
16 |         event.preventDefault();
17 | 
18 |         if ($form.attr('data-modal') === "true") {
19 |           $('#credentialsModal').modal('hide'); //In the case of the modal, close it.
20 |         }
21 | 
22 |     });
23 | 
24 |     $("form button[type=submit]").click(function() {
25 |         $("button[type=submit]", $(this).parents("form")).removeAttr("clicked");
26 |         $(this).attr("clicked", "true");
27 |     });
28 | 
29 | });
30 | 


--------------------------------------------------------------------------------
/web.rb:
--------------------------------------------------------------------------------
 1 | require 'sinatra'
 2 | require 'stsplatform'
 3 | require 'json'
 4 | 
 5 | set :public_folder, 'public'
 6 | enable :sessions
 7 | set :logging, :true
 8 | 
 9 | get '/' do
10 |   redirect '/index.html'
11 | end
12 | 
13 | get '/data' do
14 |   return "You must set your credentials" unless session.has_key?("key_id")
15 |   response =  sts_data_resource.get({'beforeE':1}).data
16 |   return response.to_json
17 | end
18 | 
19 | post '/data' do
20 |   return "You must set your credentials" unless session.has_key?("key_id")
21 |   code = sts_data_resource.post({'value':params['value']}).code
22 |   return "Value #{params['value']} sent to wotkit, received code #{code}"
23 | end
24 | 
25 | post '/auth' do
26 |   session['key_id'] = params['key_id']
27 |   session['key_password'] = params['key_password']
28 |   session['sensor_name'] = params['sensor_name']
29 |   return "Credentials Set"
30 | end
31 | 
32 | private
33 | 
34 |   def sts_data_resource
35 |     client = STSPlatform::Client.new(
36 |       {auth:{
37 |           key_id:session['key_id'],
38 |           key_password:session['key_password']
39 |           }
40 |       }
41 |     )
42 |     sensor = STSPlatform::Sensors.new(client,session['sensor_name'])
43 |     return STSPlatform::Data.new(sensor)
44 |   end
45 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="utf-8">
  5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8 |     <title>WoTKit Application Template</title>
  9 | 
 10 |     <!-- Bootstrap -->
 11 |     <!--For more info on Bootstrap visit http://getbootstrap.com/getting-started/ -->
 12 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 13 | 
 14 |     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 15 |     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 16 |     <!--[if lt IE 9]>
 17 |       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 18 |       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 19 |     <![endif]-->
 20 |   </head>
 21 |   <body>
 22 | 
 23 |     <div class="container">
 24 | 
 25 |       <!-- You might want to replace this with a Nav -->
 26 |       <h1>WoTKit App</h1>
 27 | 
 28 |       <!-- Set credentials button triggering modal -->
 29 |       <button type="button" class="btn btn-default" data-toggle="modal" data-target="#credentialsModal">
 30 |         <span class="glyphicon glyphicon-user" aria-hidden="true"></span> Set Credentials
 31 |       </button>
 32 |       <p id="auth-response"></p>
 33 | 
 34 |       <!-- Creating/Deleting Sensors -->
 35 |       <div class="row">
 36 | 
 37 |         <!-- Sending, retrieving some data -->
 38 |         <div class="col-lg-6">
 39 |           <h3>Send/Retrieve Data</h3>
 40 |           <form data-async data-target="#server-response" action="/data" method="POST">
 41 |           <div class="input-group">
 42 |               <input type="text" name="value" class="form-control" placeholder="Number Value...">
 43 |               <span class="input-group-btn">
 44 |                 <button type="submit" data-method="POST" class="btn btn-default">Send Data</button>
 45 |                 <button type="submit" data-method="GET" class="btn btn-success">Retrieve Data</button>
 46 |               </span>
 47 |           </div><!-- /input-group -->
 48 |           </form>
 49 |         </div><!-- /.col-lg-6 -->
 50 | 
 51 |         <!-- Showing server response -->
 52 |         <div class="col-lg-6">
 53 |           <h3>Server response</h3>
 54 |           <pre id="server-response"></pre>
 55 |         </div><!-- /.col-lg-6 -->
 56 | 
 57 |       </div><!-- /.row -->
 58 | 
 59 | 
 60 |       <!-- Set credentials modal -->
 61 |       <div class="modal fade" id="credentialsModal" tabindex="-1" role="dialog" aria-labelledby="credentialsModalLabel">
 62 |         <div class="modal-dialog" role="document">
 63 |           <div class="modal-content">
 64 |             <!-- Modal Header -->
 65 |             <div class="modal-header">
 66 |               <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 67 |               <h4 class="modal-title" id="credentialsModalLabel">Set Credentials</h4>
 68 |             </div>
 69 |             <!-- Modal Body -->
 70 |             <div class="modal-body">
 71 |               <p><a href="https://wotkit.sensetecnic.com/wotkit/keys">https://wotkit.sensetecnic.com/wotkit/keys</a></p>
 72 |               <form data-async data-target="#auth-response" data-modal="true" action="/auth" method="POST">
 73 |                 <div class="form-group">
 74 |                   <label for="keyId">Key Id</label>
 75 |                   <input type="text" name="key_id" class="form-control" placeholder="Key Id"/>
 76 |                 </div>
 77 |                 <div class="form-group">
 78 |                   <label for="keyPassword">Key Password</label>
 79 |                   <input type="password" name="key_password" class="form-control" placeholder="Key Password"/>
 80 |                 </div>
 81 |                 <div class="form-group">
 82 |                   <label for="keyPassword">Sensor</label>
 83 |                   <input type="text" name="sensor_name" class="form-control" placeholder="Sensor Name, e.g. calderonroberto.demo" value="calderonroberto.demo"/>
 84 |                 </div>
 85 |                 <button type="submit" class="btn btn-success">Submit</button>
 86 |               </form>
 87 |             </div>
 88 |           </div>
 89 |         </div>
 90 |       </div><!-- /.modal -->
 91 | 
 92 |     </div><!-- /.container -->
 93 | 
 94 |     <!-- We load JS at the end for faster loading times -->
 95 |     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 96 |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 97 |     <!-- Include all compiled plugins (below), or include individual files as needed -->
 98 |     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 99 |     <!-- Include the JS file from this project-->
100 |     <script src="/js/example.js"></script>
101 | 
102 |   </body>
103 | </html>
104 | 


--------------------------------------------------------------------------------