ki 0.4.10 → 0.4.11

data/spec/examples/json.northpole.ro/public/app/src/js/MainController.coffee

@@ -0,0 +1,167 @@
+DialogController = ($scope, $mdDialog, $localStorage, $mdToast) ->
+  # $scope.user =
+    # api_key: 'guest'
+    # secret: 'guest'
+
+  $scope.hide = ->
+    $mdDialog.hide()
+    return
+
+  $scope.cancel = ->
+    $mdDialog.cancel()
+    return
+
+  $scope.showToast = (s) ->
+    toast = $mdToast.simple().content(s).position('bottom right').hideDelay(3000)
+    $mdToast.show toast
+
+  apiError = (error) ->
+    console.log error
+    $scope.showToast error.error
+
+  userFound = (json) ->
+    $localStorage.accounts.push
+      api_key: json.api_key
+      secret: json.secret
+    $mdDialog.hide 'refresh'
+
+  $scope.register = () ->
+    jNorthPole.createUser($scope.user.api_key, $scope.user.secret, userFound, apiError)
+    return
+
+  $scope.connect = () ->
+    jNorthPole.getUser($scope.user, (data) ->
+      json = data[0]
+      exists = (item for item in $localStorage.accounts when item.api_key == json.api_key)
+      if exists.length == 0
+        userFound(json)
+      else
+        $scope.showToast "account already connected"
+        console.log "account already connected"
+    , apiError)
+    return
+
+  return
+
+MainController = ($scope, userService, $mdSidenav, $mdBottomSheet, $log, $q, $mdDialog, $localStorage, $location, $mdToast) ->
+  self = this
+
+  toggleList = ->
+    pending = $mdBottomSheet.hide() or $q.when(true)
+    pending.then ->
+      $mdSidenav('left').toggle()
+      return
+    return
+
+  selectUser = (user) ->
+    $localStorage.selected = angular.copy(user)
+    $location.path "/blobs/#{user.api_key}"
+    self.toggleList()
+    refresh()
+    return
+
+  $scope.showToast = (s) ->
+    toast = $mdToast.simple().content(s).position('bottom right').hideDelay(3000)
+    $mdToast.show toast
+
+  $scope.fortune = ->
+    # http://www.chinese-fortune-cookie.com/fortune-cookie-quotes.html
+    fortunes = [
+      'There is a true and sincere friendship between you and your friends.'
+      'You find beauty in ordinary things, do not lose this ability.'
+      'Ideas are like children; there are none so wonderful as your own.'
+      'It takes more than good memory to have good memories.'
+      'A thrilling time is in your immediate future.'
+      'Your blessing is no more than being safe and sound for the whole lifetime.'
+      'Plan for many pleasures ahead.'
+      'The joyfulness of a man prolongeth his days.'
+      'Your everlasting patience will be rewarded sooner or later.'
+      'Make two grins grow where there was only a grouch before.'
+      'Something you lost will soon turn up.'
+      'Your heart is pure, and your mind clear, and your soul devout.'
+      'Excitement and intrigue follow you closely wherever you go!'
+      'A pleasant surprise is in store for you.'
+      'May life throw you a pleasant curve.'
+      'As the purse is emptied the heart is filled.'
+      'Be mischievous and you will not be lonesome.'
+      'You have a deep appreciation of the arts and music.'
+      'Your flair for the creative takes an important place in your life.'
+      'Your artistic talents win the approval and applause of others.'
+      'Pray for what you want, but work for the things you need.'
+      'Your many hidden talents will become obvious to those around you.'
+      'Don\'t forget, you are always on our minds.'
+      'Your greatest fortune is the large number of friends you have.'
+      'A firm friendship will prove the foundation on your success in life.'
+      'Don\'t ask, don\'t say. Everything lies in silence.'
+      'Look for new outlets for your own creative abilities.'
+      'Be prepared to accept a wondrous opportunity in the days ahead!'
+      'Fame, riches and romance are yours for the asking.'
+      'Good luck is the result of good planning.'
+      'Good things are being said about you.'
+      'Smiling often can make you look and feel younger.'
+      'Someone is speaking well of you.'
+      'The time is right to make new friends.'
+      'You will inherit some money or a small piece of land.'
+      'Your life will be happy and peaceful.'
+      'A friend is a present you give yourself.'
+      'A member of your family will soon do something that will make you proud.'
+      'A quiet evening with friends is the best tonic for a long day.'
+      'A single kind word will keep one warm for years.'
+      'Anger begins with folly, and ends with regret.'
+      'Generosity and perfection are your everlasting goals.'
+      'Happy news is on its way to you.'
+      'He who laughs at himself never runs out of things to laugh at.'
+      'If your desires are not extravagant they will be granted.'
+      'Let there be magic in your smile and firmness in your handshake.'
+      'If you want the rainbow, you must to put up with the rain. D. Parton'
+      'Nature, time and patience are the three best physicians.'
+      'Strong and bitter words indicate a weak cause.'
+      'The beginning of wisdom is to desire it.'
+      'You will have a very pleasant experience.'
+      'You will inherit some money or a small piece of land.'
+      'You will live a long, happy life.'
+      'You will spend old age in comfort and material wealth.'
+      'You will step on the soil of many countries.'
+      'You will take a chance in something in the near future.'
+      'You will witness a special ceremony.'
+      'Your everlasting patience will be rewarded sooner or later.'
+      'Your great attention to detail is both a blessing and a curse.'
+      'Your heart is a place to draw true happiness.'
+      'Your ability to juggle many tasks will take you far.'
+      'A friend asks only for your time, not your money.'
+      'You will be invited to an exciting event.'
+    ]
+    $scope.showToast(fortunes[Math.floor(Math.random()*fortunes.length)])
+
+  showAdvanced = (ev) ->
+    $mdDialog.show(
+      controller: DialogController
+      templateUrl: 'js/templates/dialog1.tmpl.html'
+      parent: angular.element(document.body)
+      targetEvent: ev
+      clickOutsideToClose: true)
+    .then ((answer) ->
+      refresh() if answer == 'refresh'
+      return
+    ), ->
+      # $scope.status = 'You cancelled the dialog.'
+      return
+    return
+
+
+  self.selected = null
+  self.users = []
+  self.selectUser = selectUser
+  self.toggleList = toggleList
+  self.showAdvanced = showAdvanced
+
+  refresh = ->
+    userService.loadAllUsers().then (users) ->
+      self.users = [].concat(users)
+      $scope.user = $localStorage.selected if $localStorage.selected?
+      return
+
+  refresh()
+  return
+
+angular.module('app').controller 'MainController', ['$scope', 'userService', '$mdSidenav', '$mdBottomSheet', '$log', '$q', '$mdDialog', '$localStorage', '$location', '$mdToast', MainController]

data/spec/examples/json.northpole.ro/public/app/src/js/app.coffee

@@ -0,0 +1,58 @@
+app = angular.module('app', ['ngRoute', 'ngStorage', 'ngMaterial', 'users'])
+
+app.constant("myConfig",
+  title: 'mango {fruit}'
+)
+
+app.config ['$mdThemingProvider', '$mdIconProvider', ($mdThemingProvider, $mdIconProvider) ->
+  $mdIconProvider
+    .defaultIconSet('./assets/svg/avatars.svg', 128)
+    .icon('menu', './assets/svg/menu.svg', 24)
+    .icon('share', './assets/svg/share.svg', 24)
+    .icon('google_plus', './assets/svg/google_plus.svg', 512)
+    .icon('hangouts', './assets/svg/hangouts.svg', 512)
+    .icon('twitter', './assets/svg/twitter.svg', 512)
+    .icon('phone', './assets/svg/phone.svg', 512)
+    .icon('person_add', './assets/svg/ic_person_add_48px.svg', 48)
+    .icon('clear', './assets/svg/ic_clear_48px.svg', 48)
+    .icon('plus', './assets/svg/ic_add_48px.svg', 48)
+    .icon('cog', './assets/svg/ic_settings_48px.svg', 48)
+    .icon('delete', './assets/svg/ic_delete_48px.svg', 48)
+    .icon('lock', './assets/svg/ic_lock_48px.svg', 48)
+    .icon('share', './assets/svg/ic_share_48px.svg', 48)
+    .icon('music', './assets/svg/ic_music_note_48px.svg', 48)
+    .icon('note_add', './assets/svg/ic_note_add_48px.svg', 48)
+    .icon('fullscreen', './assets/svg/ic_fullscreen_48px.svg', 48)
+    .icon('fullscreen_exit', './assets/svg/ic_fullscreen_exit_48px.svg', 48)
+
+  $mdThemingProvider
+    .theme('default')
+    .primaryPalette('deep-orange')
+    .accentPalette('blue')
+    .warnPalette('red')
+    .backgroundPalette('grey')
+    # .dark()
+
+  return
+]
+
+app.config ['$routeProvider', ($routeProvider) ->
+  $routeProvider
+    .when('/tutorial', templateUrl: 'js/tutorial/tutorial.html')
+    .when('/blobs', templateUrl: 'js/blobs/blobs.html', controller: 'BlobsController')
+    .when('/blobs/:id', templateUrl: 'js/blobs/blobs.html', controller: 'BlobsController')
+    .otherwise(redirectTo: '/blobs')
+  return
+]
+
+app.config(['$localStorageProvider', ($localStorageProvider) ->
+  # $localStorageProvider.get('MyKey');
+  # $localStorageProvider.set('MyKey', { k: 'value' });
+
+  $localStorageProvider.setKeyPrefix 'app'
+  return
+])
+
+app.run ($rootScope, myConfig) ->
+  $rootScope.myConfig = myConfig
+  return

data/spec/examples/json.northpole.ro/public/app/src/js/blobs/BlobsController.coffee

@@ -0,0 +1,115 @@
+BlobsController = ($scope, $routeParams, $location, $localStorage, $mdBottomSheet) ->
+  if !$routeParams.id? and $localStorage.selected?
+    $location.path "/blobs/#{$localStorage.selected.api_key}"
+    return
+
+  $scope.fullItem = null
+
+  if $routeParams.id?
+    unless $localStorage.selected?
+      $location.path '/blobs'
+      return
+
+    $scope.user = $localStorage.selected
+    jNorthPole.getStorage($scope.user, (data) ->
+      $scope.items = data.reverse()
+      $scope.$apply()
+    , (error) ->
+      console.log error
+    )
+  else
+    $location.path '/tutorial'
+    return
+
+  $scope.delete = (item) ->
+    item = angular.copy(item)
+    item.secret = $scope.user.secret
+
+    jNorthPole.deleteStorage(item, (data) ->
+      for r in $scope.items
+        if r.id == item.id
+          $scope.items.splice $scope.items.indexOf(r), 1
+          break
+      $scope.$apply()
+    , (error) ->
+      console.log error
+    )
+    return
+
+  $scope.addItemToList = (item, s) ->
+    return if s == ''
+    item.list = [] unless item.list?
+    item.list.push { checked: false, text: s }
+    $scope.save(item)
+
+  $scope.removeItemFromList = (item, listItem) ->
+    index = item.list.indexOf(listItem)
+    item.list.splice(index, 1)
+    $scope.save(item)
+
+  $scope.fullscreen = (item) ->
+    if $scope.fullItem?
+      $scope.fullItem = null
+    else
+      $scope.fullItem = item
+
+  $scope.toggleType = (item) ->
+    if item.type == 'list'
+      item.type = 'text'
+    else
+      item.type = 'list'
+    $scope.save(item)
+
+  $scope.save = (item) ->
+    item = angular.copy(item)
+    item.api_key = $scope.user.api_key
+    item.secret = $scope.user.secret
+
+    callback = (data) ->
+      console.log data
+
+    if item.id?
+      jNorthPole.putStorage(item, callback)
+    else
+      jNorthPole.createStorage(item, (data) ->
+        $scope.items.unshift data
+        $scope.$apply()
+      , callback)
+
+  $scope.newPanel = ->
+    $scope.save(text: '')
+
+  $scope.showContactOptions = ($event, json) ->
+    json = angular.copy(json)
+
+    ContactPanelController = ($mdBottomSheet, $scope) ->
+      @json = json
+      @actions = [
+        {
+          name: 'Yes, delete already'
+          icon: 'delete'
+        }
+      ]
+
+      @submitContact = (action) ->
+        $mdBottomSheet.hide action
+        return
+
+      return
+
+    $mdBottomSheet
+      .show(
+        parent: angular.element(document.body)
+        templateUrl: './js/templates/contactSheet.html'
+        controller: ['$mdBottomSheet', '$scope', ContactPanelController]
+        controllerAs: 'cp'
+        bindToController: true
+        targetEvent: $event)
+      .then (clickedItem) ->
+        if clickedItem.icon == 'delete'
+          $scope.delete(json)
+        return
+
+  return
+
+angular.module('users').controller 'BlobsController', ['$scope', '$routeParams', '$location', '$localStorage', '$mdBottomSheet', BlobsController]

data/spec/examples/json.northpole.ro/public/app/src/js/blobs/blobs.html

@@ -0,0 +1,48 @@
+<md-content flex layout="row" layout-align="center">
+    <md-content flex style="padding-bottom: 100px">
+        <md-card ng-repeat="item in items" class="repeat-item" ng-show="!fullItem || (fullItem && fullItem.id == item.id)">
+            <md-card-content>
+                <div layout="row" layout-wrap>
+                    <md-input-container flex ng-show="item.type == 'list'">
+                        <label class="add-new">{{item.text}}</label>
+                        <input ng-model="newListItemText" ng-change="addItemToList(item, newListItemText); newListItemText = ''" ng-model-options="{ debounce: 1000 }">
+                    </md-input-container>
+                    <md-input-container flex ng-show="item.type != 'list'">
+                        <!-- used for space -->
+                    </md-input-container>
+                    <div ng-include="'./js/templates/dropdown.tmpl.html'"></div>
+                </div>
+                <div layout="row" layout-wrap>
+                    <md-input-container flex ng-show="item.type != 'list'">
+                        <label>Text</label>
+                        <textarea ng-model="item.text" columns="1" md-maxlength="1024" ng-change="save(item)" ng-model-options="{ debounce: 1000 }"></textarea>
+                    </md-input-container>
+
+                    <md-container flex ng-show="item.type == 'list'">
+                        <md-container flex ng-repeat="listItem in item.list" class="repeat-item" layout="row">
+                            <md-checkbox aria-label="Checkbox" ng-model="listItem.checked" ng-change="save(item)" class="md-primary">
+                            </md-checkbox>
+                            <md-input-container flex class="small-bot">
+                                <input aria-label="checkbox text" ng-model="listItem.text" ng-change="save(item)" ng-model-options="{ debounce: 1000 }" ng-class="{ done: listItem.checked }" ng-disabled="listItem.checked">
+                            </md-input-container>
+                            <md-button aria-label="delete checkbox item" class="md-icon-button" ng-click="removeItemFromList(item, listItem)">
+                                <md-icon md-menu-origin md-svg-icon="delete"></md-icon>
+                            </md-button>
+                        </md-container>
+                    </md-container>
+                </div>
+            </md-card-content>
+        </md-card>
+        <md-card ng-show="items.length == 0">
+            <md-card-content>
+                <div layout="column" layout-align="center center" layout-wrap md-swipe-left="fortune()">
+                    <p><< Swipe left for fortune</p>
+                </div>
+            </md-card-content>
+        </md-card>
+    </md-content>
+</md-content>
+
+<md-button ng-show="user.api_key" class="md-fab md-primary md-fab-bottom-right" aria-label="Use Android" ng-click="newPanel()">
+    <md-icon md-svg-icon="plus"></md-icon>
+</md-button>

data/spec/examples/json.northpole.ro/public/app/src/js/tutorial/tutorial.html

@@ -0,0 +1,15 @@
+<md-card>
+  <md-card-content>
+    <h2 class="md-title">
+      Mango The Polar Bear helps you get your &!@^% together.
+    </h2>
+    <p>With client side encryption</p>
+    <p>Of impossible decryption,</p>
+    <p>Your ideas and your notes</p>
+    <p>Will floats your boats.</p>
+    <br />
+    <p>
+      Data is stored at the <a href="https://json.northpole.ro/">North Pole</a>.
+    </p>
+  </md-card-content>
+</md-card>

data/spec/examples/json.northpole.ro/public/app/src/js/users/UserService.coffee

@@ -0,0 +1,12 @@
+UserService = ($q, $localStorage) ->
+  unless $localStorage.accounts?
+    $localStorage.accounts = []
+
+  users = $localStorage.accounts
+
+  {
+    loadAllUsers: ->
+      $q.when users
+  }
+
+angular.module('users').service 'userService', ['$q', '$localStorage', UserService]

data/spec/examples/json.northpole.ro/public/app/src/js/users/Users.coffee

@@ -0,0 +1 @@
+angular.module 'users', [ 'ngMaterial' ]

data/spec/examples/json.northpole.ro/public/app/src/js/users/users.html

@@ -0,0 +1,8 @@
+<md-icon md-svg-icon="{{ul.selected.avatar}}" class="avatar"></md-icon>
+<h2>{{ul.selected.name}}</h2>
+<p>{{ul.selected.content}}</p>
+
+<md-button class="contact" md-no-ink ng-click="ul.showContactOptions($event)" aria-label="Contact User">
+  <md-tooltip>Contact {{ ul.selected.name }}</md-tooltip>
+  <md-icon md-svg-icon="share"></md-icon>
+</md-button>

data/spec/examples/json.northpole.ro/public/javascripts/jnorthpole.coffee

@@ -1,6 +1,6 @@
 window.jNorthPole =
 
-  BASE_URL: '/'
+  BASE_URL: 'https://json.northpole.ro/'
 
   help: """
     NorthPole JS wrapper example usage:
@@ -9,8 +9,11 @@ window.jNorthPole =
       console.log(data);
     };
 
-    jNorthPole.BASE_URL = '/';
     jNorthPole.getStorage(json, responseHandler);
+
+    socket = jNorthPole.getNewRealtimeSocket(responseHandler)
+    jNorthPole.subscribe(socket, 'foo')
+    jNorthPole.publish(socket, 'foo', { message: 'hello' })
     """
 
   genericRequest: (jsonObj, method, endPoint, responseHandler, errorHandler=responseHandler) ->
@@ -21,7 +24,7 @@ window.jNorthPole =
 
     r.onreadystatechange = ->
       return if r.readyState != 4
-      if status == 200
+      if r.status == 200
         responseHandler(JSON.parse(r.responseText), r.status)
       else
         errorHandler(JSON.parse(r.responseText), r.status)
@@ -34,18 +37,48 @@ window.jNorthPole =
     @genericRequest(jsonObj, 'POST', 'user', success, failure)
     return
 
-  createStorage: (jsonObj, responseHandler, errorHandler) ->
-    @genericRequest(jsonObj, 'POST', 'storage', responseHandler, errorHandler)
+  getUser: (jsonObj, responseHandler, errorHandler) ->
+    @genericRequest(jsonObj, 'SEARCH', 'user', responseHandler, errorHandler)
     return
 
-  putStorage: (jsonObj, responseHandler, errorHandler) ->
-    @genericRequest(jsonObj, 'PUT', 'storage', responseHandler, errorHandler)
+  createStorage: (jsonObj, responseHandler, errorHandler) ->
+    @genericRequest(jsonObj, 'POST', 'storage', responseHandler, errorHandler)
     return
 
   getStorage: (jsonObj, responseHandler, errorHandler) ->
     @genericRequest(jsonObj, 'SEARCH', 'storage', responseHandler, errorHandler)
     return
 
+  putStorage: (jsonObj, responseHandler, errorHandler) ->
+    @genericRequest(jsonObj, 'PUT', 'storage', responseHandler, errorHandler)
+    return
+
   deleteStorage: (jsonObj, responseHandler, errorHandler) ->
     @genericRequest(jsonObj, 'DELETE', 'storage', responseHandler, errorHandler)
     return
+
+  getNewRealtimeSocket: (responseHandler, errorHandler=responseHandler) ->
+    socketUrl = @BASE_URL.replace('http', 'ws')
+    socket = new WebSocket("#{socketUrl}realtime")
+    socket.onmessage = responseHandler
+    socket.onclose = errorHandler
+    socket
+
+  subscribe: (socket, channel_name) ->
+    socket.send(JSON.stringify(
+      type: 'subscribe'
+      channel_name: channel_name
+    ))
+
+  unsubscribe: (socket, channel_name) ->
+    socket.send(JSON.stringify(
+      type: 'unsubscribe'
+      channel_name: channel_name
+    ))
+
+  publish: (socket, channel_name, json) ->
+    socket.send(JSON.stringify(
+      type: 'publish'
+      channel_name: channel_name
+      content: json
+    ))