ki 0.4.10 → 0.4.11

data/spec/examples/json.northpole.ro/public/app/src/assets/svg/menu.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
+    <path d="M0 0h24v24h-24z" fill="none"/>
+    <path d="M3 18h18v-2h-18v2zm0-5h18v-2h-18v2zm0-7v2h18v-2h-18z"/>
+</svg>

data/spec/examples/json.northpole.ro/public/app/src/assets/svg/phone.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg height="100%" id="Layer_1" version="1.1" viewBox="0 0 512 512" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"  xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs12"/><g id="g4780"><rect height="512" id="rect2987" rx="64" ry="64" style="fill:#7b519d;fill-opacity:1;fill-rule:nonzero;stroke:none" width="512" x="0" y="0"/><g id="g15" transform="matrix(1.452588,0,0,1.452588,-115.17955,-97.147891)"><path d="m 369.75,304.701 c -8.397,-6.76 -17.371,-12.828 -26.204,-19.027 -17.617,-12.373 -33.73,-13.334 -46.876,6.572 -7.382,11.176 -17.716,11.665 -28.521,6.762 -29.789,-13.506 -52.791,-34.318 -66.265,-64.595 -5.96,-13.395 -5.882,-25.405 8.064,-34.879 7.383,-5.01 14.822,-10.939 14.227,-21.887 -0.777,-14.275 -35.437,-61.981 -49.124,-67.016 -5.664,-2.084 -11.304,-1.949 -17.066,-0.012 -32.095,10.793 -45.388,37.188 -32.657,68.441 37.98,93.242 104.82,158.154 196.828,197.773 5.245,2.256 11.073,3.158 14.024,3.967 20.947,0.211 45.486,-19.971 52.573,-40 6.823,-19.269 -7.597,-26.918 -19.003,-36.099 z" id="path17-6" style="fill:#ffffff;fill-rule:evenodd"/><path d="m 266.586,120.19 c 67.264,10.344 98.285,42.328 106.851,110.076 0.794,6.258 -1.537,15.674 7.391,15.848 9.331,0.178 7.083,-9.099 7.161,-15.363 0.789,-63.806 -54.846,-122.957 -119.458,-125.138 -4.875,0.701 -14.962,-3.362 -15.591,7.564 -0.419,7.367 8.073,6.156 13.646,7.013 z" id="path19-1" style="fill:#ffffff;fill-rule:evenodd"/><path d="m 279.743,138.766 c -6.47,-0.779 -15.011,-3.828 -16.523,5.15 -1.578,9.422 7.941,8.465 14.058,9.834 41.544,9.285 56.009,24.406 62.849,65.615 0.999,6.008 -0.986,15.359 9.224,13.809 7.567,-1.152 4.834,-9.168 5.467,-13.85 0.335,-39.563 -33.567,-75.574 -75.075,-80.558 z" id="path21-2" style="fill:#ffffff;fill-rule:evenodd"/><path d="m 283.558,171.118 c -4.319,0.107 -8.558,0.574 -10.145,5.189 -2.384,6.898 2.631,8.543 7.736,9.363 17.042,2.736 26.011,12.785 27.713,29.779 0.46,4.613 3.387,8.35 7.843,7.824 6.174,-0.736 6.732,-6.232 6.543,-11.451 0.305,-19.093 -21.275,-41.161 -39.69,-40.704 z" id="path23" style="fill:#ffffff;fill-rule:evenodd"/></g></g></svg>

data/spec/examples/json.northpole.ro/public/app/src/assets/svg/share.svg

@@ -0,0 +1,3 @@
+<svg style="width:100%;height:100%" viewBox="0 0 24 24">
+    <path d="M21,11L14,4V8C7,9 4,14 3,19C5.5,15.5 9,13.9 14,13.9V18L21,11Z" />
+</svg>

data/spec/examples/json.northpole.ro/public/app/src/assets/svg/twitter.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg height="100%" id="Layer_1" version="1.1" viewBox="0 0 512 512" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" ><defs id="defs12"/><g id="g3763"><rect height="512" id="rect2987" rx="64" ry="64" style="fill:#00abf1;fill-opacity:1;fill-rule:nonzero;stroke:none" width="512" x="0" y="0"/><g id="layer1_2_" transform="matrix(1.418485,0,0,1.418485,-507.62367,-651.3318)"><path d="m 679.333,552.19 c -10.375,4.604 -21.521,7.711 -33.224,9.111 11.939,-7.16 21.114,-18.501 25.436,-32.004 -11.178,6.63 -23.563,11.439 -36.744,14.035 -10.547,-11.246 -25.588,-18.269 -42.223,-18.269 -31.953,0 -57.859,25.906 -57.859,57.855 0,4.533 0.513,8.946 1.501,13.186 -48.085,-2.419 -90.71,-25.446 -119.245,-60.454 -4.981,8.545 -7.833,18.48 -7.833,29.089 0,20.072 10.21,37.777 25.735,48.152 -9.479,-0.302 -18.398,-2.902 -26.204,-7.234 -0.003,0.238 -0.003,0.482 -0.003,0.726 0,28.029 19.944,51.41 46.407,56.734 -4.855,1.315 -9.968,2.027 -15.238,2.027 -3.733,0 -7.354,-0.373 -10.883,-1.041 7.36,22.98 28.728,39.709 54.039,40.176 -19.795,15.52 -44.742,24.77 -71.854,24.77 -4.665,0 -9.27,-0.275 -13.799,-0.816 25.609,16.422 56.018,26.001 88.688,26.001 106.412,0 164.606,-88.156 164.606,-164.606 0,-2.514 -0.058,-5.007 -0.165,-7.49 11.295,-8.159 21.11,-18.344 28.862,-29.948 l 0,0 z" id="path5_1_" style="fill:#ffffff"/></g></g></svg>

data/spec/examples/json.northpole.ro/public/app/src/css/app.css

@@ -0,0 +1,138 @@
+html, body {
+  font-family: "Roboto", sans-serif;
+  font-size: 14px;
+  height: 100%;
+  margin: 0px;
+  padding: 0px;
+  overflow: hidden; }
+
+::-webkit-scrollbar {
+  display: none; }
+
+[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
+  display: none !important; }
+
+.boobs {
+  background: url("//media.giphy.com/media/EFIwNN4wo9Tig/giphy.gif") no-repeat center center; }
+
+.menu {
+  background-color: transparent;
+  border: none;
+  height: 38px;
+  margin: 16px;
+  width: 36px; }
+
+md-list .md-button {
+  color: inherit;
+  font-weight: 500;
+  text-align: left;
+  width: 100%; }
+
+.selected:hover {
+  background-color: #FFCDD2 !important; }
+
+.selected {
+  background-color: #FFEBEE; }
+
+md-sidenav md-list {
+  padding: 0px 0px 8px 0px; }
+
+#content {
+  overflow: hidden; }
+  #content .md-button.contact {
+    background-color: transparent;
+    border: none;
+    width: 48px;
+    height: 48px;
+    margin: 8px auto 16px 0;
+    position: absolute;
+    top: 10px;
+    right: 40px; }
+  #content md-icon.avatar {
+    margin-top: 10px; }
+  #content .md-button.contact > md-icon {
+    fill: black;
+    width: 36px;
+    height: 36px; }
+
+md-button.menuBtn > md-icon {
+  fill: white;
+  width: 24px;
+  height: 24px; }
+
+#content .md-button.contact:active > md-icon {
+  background-color: #dadada;
+  border-radius: 75%;
+  padding: 4px;
+  transition: all 100ms ease-out 30ms; }
+
+.content-wrapper {
+  position: relative; }
+
+md-toolbar h1 {
+  font-size: 1.25em;
+  font-weight: 400; }
+
+h1.center-it {
+  margin: auto; }
+
+.avatar {
+  position: relative;
+  width: 128px;
+  height: 128px;
+  border: 1px solid #ddd;
+  border-radius: 50%;
+  display: inline-block;
+  overflow: hidden;
+  margin: 0px;
+  vertical-align: middle;
+  zoom: 0.7;
+  transform: translateZ(0);
+  -webkit-transform: scale(0.7);
+  -moz-transform: scale(0.7); }
+
+md-bottom-sheet md-icon {
+  margin-right: 20px; }
+
+span.name {
+  font-weight: bold;
+  font-size: 1.1em;
+  padding-left: 5px; }
+
+.small-bot {
+  padding-top: 6px !important;
+  padding-bottom: 2px !important; }
+
+.done {
+  text-decoration: line-through; }
+
+form[name=userForm] md-input-container {
+  padding-left: 12px;
+  padding-right: 12px; }
+
+input {
+  color: rgba(0, 0, 0, 0.87) !important; }
+
+/* you can also define the transition style
+ * on the base class as well (.repeat-item) */
+.repeat-item.ng-enter, .repeat-item.ng-leave {
+  -webkit-transition: 0.5s linear all;
+  transition: 0.5s linear all; }
+.repeat-item.ng-enter {
+  opacity: 0; }
+.repeat-item.ng-leave {
+  opacity: 1; }
+  .repeat-item.ng-leave.ng-leave-active {
+    opacity: 0; }
+.repeat-item.ng-enter.ng-enter-active {
+  opacity: 1; }
+
+.delete {
+  float: right; }
+
+label.add-new {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+/*# sourceMappingURL=app.css.map */

data/spec/examples/json.northpole.ro/public/app/src/css/app.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["app.sass"],
+"names": [],
+"file": "app.css"
+}

data/spec/examples/json.northpole.ro/public/app/src/css/app.sass

@@ -0,0 +1,145 @@
+html, body
+  font-family: 'Roboto', sans-serif
+  font-size: 14px
+  height: 100%
+  margin: 0px
+  padding: 0px
+  overflow: hidden
+
+::-webkit-scrollbar
+  display: none
+
+[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak
+  display: none !important
+
+.boobs
+  background: url("//media.giphy.com/media/EFIwNN4wo9Tig/giphy.gif") no-repeat center center
+
+.menu
+  background-color: transparent
+  border: none
+  height: 38px
+  margin: 16px
+  width: 36px
+
+md-list .md-button
+  color: inherit
+  font-weight: 500
+  text-align: left
+  width: 100%
+  // &.selected
+    // color: #03a9f4
+
+.selected:hover
+  background-color: #FFCDD2 !important
+
+.selected
+  background-color: #FFEBEE
+
+md-sidenav md-list
+  padding: 0px 0px 8px 0px
+
+#content
+  overflow: hidden
+  .md-button.contact
+    background-color: transparent
+    border: none
+    width: 48px
+    height: 48px
+    margin: 8px auto 16px 0
+    position: absolute
+    top: 10px
+    right: 40px
+  md-icon.avatar
+    margin-top: 10px
+  .md-button.contact > md-icon
+    fill: black
+    width: 36px
+    height: 36px
+
+md-button.menuBtn > md-icon
+  fill: white
+  width: 24px
+  height: 24px
+
+#content
+  .md-button.contact:active > md-icon
+    background-color: #dadada
+    border-radius: 75%
+    padding: 4px
+    transition: all 100ms ease-out 30ms
+  // img
+    // display: block
+    // height: auto
+    // max-width: 500px
+
+.content-wrapper
+  position: relative
+
+md-toolbar h1
+  font-size: 1.250em
+  font-weight: 400
+
+h1.center-it
+  margin: auto
+
+.avatar
+  position: relative
+  width: 128px
+  height: 128px
+  border: 1px solid #ddd
+  border-radius: 50%
+  display: inline-block
+  overflow: hidden
+  margin: 0px
+  vertical-align: middle
+  zoom: 0.70
+  transform: translateZ(0)
+  -webkit-transform: scale(0.7)
+  -moz-transform: scale(0.7)
+
+md-bottom-sheet md-icon
+  margin-right: 20px
+
+span.name
+  font-weight: bold
+  font-size: 1.1em
+  padding-left: 5px
+
+.small-bot
+  padding-top: 6px !important
+  padding-bottom: 2px !important
+
+.done
+  text-decoration: line-through
+
+form[name=userForm] md-input-container
+  padding-left: 12px
+  padding-right: 12px
+
+input
+  color: rgba(0,0,0,0.87) !important
+
+/* you can also define the transition style
+ * on the base class as well (.repeat-item)
+
+.repeat-item
+  &.ng-enter, &.ng-leave
+    -webkit-transition: 0.5s linear all
+    transition: 0.5s linear all
+  &.ng-enter
+    opacity: 0
+  &.ng-leave
+    &.ng-leave-active
+      opacity: 0
+    opacity: 1
+  &.ng-enter.ng-enter-active
+    opacity: 1
+
+.delete
+  float: right
+
+label.add-new
+  white-space: nowrap
+  overflow: hidden
+  text-overflow: ellipsis

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

@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en" ng-app="app">
+  <head>
+    <title>{{myConfig.title}}</title>
+
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="description" content="">
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
+
+    <link rel='stylesheet' href='//fonts.googleapis.com/css?family=Roboto:400,500,700,400italic'>
+    <link rel="stylesheet" href="./css/vendor.css"/>
+    <link rel="stylesheet" href="./css/app.css"/>
+
+  </head>
+
+  <body layout="row" layout-fill ng-controller="MainController as ul" ng-cloak>
+
+    <md-sidenav class="site-sidenav md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="false">
+
+      <md-toolbar class="md-whiteframe-z1">
+        <h1 class="center-it">accounts</h1>
+      </md-toolbar>
+
+      <md-list>
+        <md-list-item ng-repeat="it in ul.users">
+          <md-button ng-click="ul.selectUser(it)" ng-class="{'selected' : it.api_key === user.api_key }">
+            <md-icon md-svg-icon="svg-1" class="avatar"></md-icon>
+            {{ul.user.api_key}}
+            {{it.api_key}}
+          </md-button>
+        </md-list-item>
+      </md-list>
+
+      <md-button class="md-fab md-primary md-fab-bottom-right" aria-label="Use Android" ng-click="ul.showAdvanced($event)">
+        <md-icon md-svg-icon="person_add"></md-icon>
+      </md-button>
+
+    </md-sidenav>
+
+    <div flex layout="column" tabIndex="-1" role="main" class="md-whiteframe-z2">
+
+      <md-toolbar layout="row" class="md-whiteframe-z1"  layout-align="start center">
+        <md-button class="menu" ng-click="ul.toggleList()" aria-label="Show User List">
+          <md-icon md-svg-icon="menu"></md-icon>
+        </md-button>
+        <h1>{{myConfig.title}}</h1>
+      </md-toolbar>
+
+      <md-content id="content" ng-view flex layout="column" layout-fill></md-content>
+    </div>
+
+    <!-- TODO: templates are here for fast loading. A mechanism is needed to keep sanity -->
+    <script type="text/ng-template" id="./js/templates/contactSheet.html">
+      <md-bottom-sheet class="md-list md-has-header">
+
+        <!-- <md-subheader> -->
+          <!-- Contact <span class="name">{{ cp.json.text }}</span>: -->
+          <!-- </md-subheader> -->
+
+        <md-list>
+          <md-item ng-repeat="item in cp.actions">
+            <md-button ng-click="cp.submitContact(item)" id="item_{{$index}}">
+              <md-icon md-svg-icon="{{ item.icon }}"></md-icon>
+              {{item.name}}
+            </md-button>
+          </md-item>
+        </md-list>
+
+      </md-bottom-sheet>
+    </script>
+    <script type="text/ng-template" id="./js/templates/dropdown.tmpl.html">
+      <md-menu md-position-mode="target-right target">
+        <md-button aria-label="Open cog menu" class="md-icon-button" ng-click="$mdOpenMenu($event)">
+          <md-icon md-menu-origin md-svg-icon="cog"></md-icon>
+        </md-button>
+        <md-menu-content width="3" >
+
+          <md-menu-item>
+            <md-button ng-click="fullscreen(item)">
+              <div layout="row">
+                  <p flex>fullscreen</p>
+                <md-icon md-menu-align-target md-svg-icon="fullscreen" style="margin: auto 3px auto 0;"></md-icon>
+              </div>
+            </md-button>
+          </md-menu-item>
+
+          <md-menu-item>
+            <md-button ng-click="toggleType(item)">
+              <div layout="row">
+                <p flex>toggle view</p>
+                <md-icon md-menu-align-target md-svg-icon="share" style="margin: auto 3px auto 0;"></md-icon>
+              </div>
+            </md-button>
+          </md-menu-item>
+
+          <md-menu-item>
+            <md-button ng-click="showContactOptions($event, item)">
+              <div layout="row">
+                <p flex>delete</p>
+                <md-icon md-menu-align-target md-svg-icon="delete" style="margin: auto 3px auto 0;"></md-icon>
+              </div>
+            </md-button>
+          </md-menu-item>
+
+        </md-menu-content>
+      </md-menu>
+    </script>
+    <script type="text/ng-template" id="./js/templates/dialog1.tmpl.html">
+      <md-dialog aria-label="mango (fruit)">
+        <md-toolbar>
+          <div class="md-toolbar-tools">
+            <h2>connect account</h2>
+            <span flex></span>
+            <md-button class="md-icon-button" ng-click="cancel()">
+              <md-icon md-svg-icon="clear" aria-label="Close dialog"></md-icon>
+            </md-button>
+          </div>
+        </md-toolbar>
+        <md-dialog-content>
+          <form name="userForm">
+            <md-input-container>
+              <label>api key</label>
+              <input ng-model="user.api_key" ng-required>
+            </md-input-container>
+            <md-input-container>
+              <label>secret</label>
+              <input ng-model="user.secret" ng-required>
+            </md-input-container>
+            <div class="md-actions" layout="row">
+              <md-button ng-click="register()" style="margin-right:20px;">
+                Register
+              </md-button>
+              <md-button ng-click="connect()" style="margin-right:20px;">
+                Connect
+              </md-button>
+            </div>
+          </form>
+        </md-dialog-content>
+      </md-dialog>
+    </script>
+
+    <script src="./js/vendor.js"></script>
+
+    <script src="/javascripts/jnorthpole.js"></script>
+
+    <script src="./js/app.js"></script>
+
+    <script src="./js/MainController.js"></script>
+
+    <script src="./js/users/Users.js"></script>
+    <script src="./js/users/UserService.js"></script>
+
+    <script src="./js/blobs/BlobsController.js"></script>
+
+  </body>
+</html>