refine(data-elements) sharing with monostate objects

reworked user-data and countries-data to use a monostate
pattern. What this does is allow the data recieved from etools-ajax
to be shared with sub-sequent stamps of the element, reducing
performance cost of stamping.
A similar but more complicated approach was used for the now
unused etool-data element.

src/app-config/etools-app-config.html

@@ -2,7 +2,7 @@
 App global configuration
 -->
 <link rel="import" href="../../bower_components/etools-dexiejs/etools-dexiejs.html">
-<link rel="import" href="../app-elements/lodash/lodash.html">
+<link rel="import" href="../../scripts/lodash/lodash.html">
 
 <script>
     'use strict';
@@ -17,7 +17,7 @@
       // app endpoints
       endpoints: {
         userInfo: {
-          template: '/users/api/profile/',
+          url: '/users/api/profile/',
           exp: 30 * 60 * 1000, // 30min
           cachingKey: 'userData'
         },
@@ -53,6 +53,8 @@
 
       // permissions
       permissions: {
+        superPermissions: ['loggedInDefault', 'userInfoMenu',
+                           'interventionsMenu', 'statsMenu'], //for testing
         partnerOnlyPermissions: ['interventionsMenu'],
         defaultPermissions: ['loggedInDefault','userInfoMenu'],
         partnerPermissions: ['interventionsMenu'],
@@ -70,10 +72,4 @@
       countries: 'id, name'
     });
 
-    /**
-     * test endpoint url generation using _.template
-     */
-    console.log(etoolsAppConfig.globals.getEndpoint('testTemplateEndpointUse', {id: 13}).url,
-        etoolsAppConfig.globals.getEndpoint('countries').url);
-
 </script>

src/app-elements/countries-data/countries-data.html

@@ -1,43 +1,70 @@
 <link rel="import" href="../../../bower_components/polymer/polymer.html">
 <link rel="import" href="../../../bower_components/etools-ajax/etools-ajax.html">
-<link rel="import" href="../../app-elements/lodash/lodash.html">
-
 
 <dom-module id="countries-data">
+
   <template>
+
     <etools-ajax id="ajax"
                  endpoint="[[endpoint]]"
                  on-success="_handleResponse"
                  caching-storage="dexie"></etools-ajax>
+
   </template>
 
   <script>
 
-      Polymer({
+    var _data = {};
+    var _countryEls = [];
 
-        is: 'countries-data',
+    var _setCountryData = function(data) {
+      _data.countries = data || {};
+      this.load(_data);
+      _countryEls.forEach(function(el) {
+        if (el !== this) { el.load(_data); }
+      });
+    };
+
+    Polymer({
 
-        properties: {
+      is: 'countries-data',
 
-          countries: {
-            type: Array,
-            value: null,
-            notify: true
-          }
+      properties: {
 
-        },
+        countries: {
+          type: Array,
+          readOnly: true,
+          notify: true
+        }
 
-        ready: function() {
+      },
+
+      ready: function() {
+        this.load(_data);
+      },
+
+      attached: function() {
+        if (_countryEls.length === 0 && !_data.countries) {
           this.endpoint = etoolsAppConfig.globals.getEndpoint('countries');
-        },
+        }
+        _countryEls.push(this);
+      },
 
-        _handleResponse: function(response) {
-          if (!_.isEmpty(response.detail)) {
-            this.set('countries', response.detail);
-          }
+      detached: function() {
+        _countryEls.splice(_countryEls.indexOf(this), 1);
+      },
+
+      load: function(data) {
+        if (data.countries) {
+          this._setCountries(data.countries);
         }
+      },
 
-      });
+      _handleResponse: function(res) {
+        _setCountryData.bind(this)(res.detail);
+      }
+
+    });
 
   </script>