keppler 2.0.0

data/installer/core/plugins/keppler_ga_dashboard/app/assets/javascripts/keppler_ga_dashboard/view-selector2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///view-selector2.js","webpack:///webpack/bootstrap 0853746ae09c5b7c1eb6?7fc4*","webpack:///./src/javascript/embed-api/components/view-selector2.js","webpack:///./~/javascript-api-utils/lib/account-summaries/index.js","webpack:///./~/javascript-api-utils/lib/account-summaries/account-summaries.js"],"names":["modules","__webpack_require__","moduleId","installedModules","exports","module","id","loaded","call","m","c","p","_interopRequireDefault","obj","__esModule","default","_javascriptApiUtilsLibAccountSummaries","_javascriptApiUtilsLibAccountSummaries2","gapi","analytics","ready","updateSelect","select","options","innerHTML","map","option","selected","name","join","getIdProp","opts","ids","viewId","prop","value","replace","propertyId","accountId","createComponent","execute","this","setup_","updateAccounts_","changed_","render_","onChange_","bind","set","Error","container","prevOpts","get","Component","prototype","cb","onAuthorize","then","summaries","self","accounts","all","err","emit","auth","isAuthorized","on","view","account","property","getProfile","getAccountByProfileId","getWebPropertyByProfileId","getWebProperty","getAccountByWebPropertyId","views","getAccount","properties","slice","document","getElementById","template","selects","querySelectorAll","onchange","onUserSelect_","props","data","requestAccountSummaries","promise","client","request","path","API_PATH","resp","constructor","resolve","reject","fn","result","items","concat","startIndex","itemsPerPage","totalResults","params","start-index","AccountSummaries","cache","noCache","accounts_","webProperties_","profiles_","accountsById_","webPropertiesById_","propertiesById_","profilesById_","viewsById_","i","webProperties","alias","webProperty","j","push","parent","profiles","profile","k","grandParent","object","referenceProp","aliasName","Object","defineProperty","allWebProperties","allProfiles","webPropertyId","profileId"],"mappings":"CAAS,SAAUA,GCInB,QAAAC,GAAAC,GAGA,GAAAC,EAAAD,GACA,MAAAC,GAAAD,GAAAE,OAGA,IAAAC,GAAAF,EAAAD,IACAE,WACAE,GAAAJ,EACAK,QAAA,EAUA,OANAP,GAAAE,GAAAM,KAAAH,EAAAD,QAAAC,IAAAD,QAAAH,GAGAI,EAAAE,QAAA,EAGAF,EAAAD,QAvBA,GAAAD,KAqCA,OATAF,GAAAQ,EAAAT,EAGAC,EAAAS,EAAAP,EAGAF,EAAAU,EAAA,GAGAV,EAAA,KDMM,SAASI,EAAQD,EAASH,GAkB/B,YAEA,SAASW,GAAuBC,GAAO,MAAOA,IAAOA,EAAIC,WAAaD,GAAQE,UAAWF,GAEzF,GAAIG,GAAyCf,EEjDjB,GFmDxBgB,EAA0CL,EAAuBI,EE9CtEE,MAAKC,UAAUC,MAAM,WAiRnB,QAASC,GAAaC,EAAQC,EAASjB,GACrCgB,EAAOE,UAAYD,EAAQE,IAAI,SAASC,GACtC,GAAIC,GAAWD,EAAOpB,IAAMA,EAAK,YAAc,GAC/C,OAAO,WAAaqB,EAAW,UAAYD,EAAOpB,GAAK,KACnDoB,EAAOE,KAAO,cACjBC,KAAK,IAaV,QAASC,GAAUC,GACjB,MAAIA,GAAKC,KAAOD,EAAKE,QACXC,KAAM,SAAUC,MAAOJ,EAAKE,QAC/BF,EAAKC,KAAOD,EAAKC,IAAII,QAAQ,OAAQ,KAEnCL,EAAKM,YACJH,KAAM,aAAcC,MAAOJ,EAAKM,YAEjCN,EAAKO,WACJJ,KAAM,YAAaC,MAAOJ,EAAKO,WADpC,OAzSPpB,KAAKC,UAAUoB,gBAAgB,iBAO7BC,QAAS,WASP,MARAC,MAAKC,OAAO,WACVD,KAAKE,kBACDF,KAAKG,WACPH,KAAKI,UACLJ,KAAKK,cAEPC,KAAKN,OAEAA,MAUTO,IAAK,SAASjB,GAEZ,KAAMA,EAAKC,MACLD,EAAKE,SACLF,EAAKM,aACLN,EAAKO,UAAY,EAErB,KAAM,IAAIW,OAAM,wGAIlB,IAAIlB,EAAKmB,WAAaT,KAAKS,UACzB,KAAM,IAAID,OAAM,mFAIlB,IAAIE,GAAWV,KAAKW,KAkBpB,QAhBID,EAASnB,KAAOD,EAAKC,KACrBmB,EAASlB,QAAUF,EAAKE,QACxBkB,EAASd,YAAcN,EAAKM,YAC5Bc,EAASb,WAAaP,EAAKO,aAM7Ba,EAASnB,IAAM,KACfmB,EAASlB,OAAS,KAClBkB,EAASd,WAAa,KACtBc,EAASb,UAAY,MAIhBpB,KAAKC,UAAUkC,UAAUC,UAAUN,IAAIxC,KAAKiC,KAAMV,IAW3DW,OAAQ,SAASa,GAGf,QAASC,KACPvC,EAAA,WAAiBmC,MAAMK,KACrB,SAASC,GACPC,EAAKD,UAAYA,EACjBC,EAAKC,SAAWD,EAAKD,UAAUG,MAC/BN,KAEF,SAASO,GACPH,EAAKI,KAAK,QAASD,KAVzB,GAAIH,GAAOlB,IAePvB,MAAKC,UAAU6C,KAAKC,eACtBT,IAGAtC,KAAKC,UAAU6C,KAAKE,GAAG,UAAWV,IAUtCb,gBAAiB,WAEf,GAEIwB,GAAMC,EAASC,EAFftC,EAAOU,KAAKW,MACZpB,EAAMF,EAAUC,EAIpB,IAAKC,EAMH,OAAQA,EAAIE,MACV,IAAK,SACHiC,EAAO1B,KAAKiB,UAAUY,WAAWtC,EAAIG,OACrCiC,EAAU3B,KAAKiB,UAAUa,sBAAsBvC,EAAIG,OACnDkC,EAAW5B,KAAKiB,UAAUc,0BAA0BxC,EAAIG,MACxD,MACF,KAAK,aACHkC,EAAW5B,KAAKiB,UAAUe,eAAezC,EAAIG,OAC7CiC,EAAU3B,KAAKiB,UAAUgB,0BAA0B1C,EAAIG,OACvDgC,EAAOE,GAAYA,EAASM,OAASN,EAASM,MAAM,EACpD,MACF,KAAK,YACHP,EAAU3B,KAAKiB,UAAUkB,WAAW5C,EAAIG,OACxCkC,EAAWD,GAAWA,EAAQS,YAAcT,EAAQS,WAAW,GAC/DV,EAAOE,GAAYA,EAASM,OAASN,EAASM,MAAM,OAnBxDP,GAAU3B,KAAKmB,SAAS,GACxBS,EAAWD,GAAWA,EAAQS,YAAcT,EAAQS,WAAW,GAC/DV,EAAOE,GAAYA,EAASM,OAASN,EAASM,MAAM,EAsBlDP,IAAWC,GAAYF,GAGrBC,GAAW3B,KAAK2B,SAChBC,GAAY5B,KAAK4B,UACjBF,GAAQ1B,KAAK0B,QAGf1B,KAAKG,UACHwB,QAASA,GAAWA,GAAW3B,KAAK2B,QACpCC,SAAUA,GAAYA,GAAY5B,KAAK4B,SACvCF,KAAMA,GAAQA,GAAQ1B,KAAK0B,MAG7B1B,KAAK2B,QAAUA,EACf3B,KAAKoC,WAAaT,EAAQS,WAC1BpC,KAAK4B,SAAWA,EAChB5B,KAAKkC,MAAQN,GAAYA,EAASM,MAClClC,KAAK0B,KAAOA,EACZ1B,KAAKT,IAAMmC,GAAQ,MAAQA,EAAK7D,IAIlCmC,KAAKsB,KAAK,QAAS,GAAId,OAAM,6BACzBjB,EAAIE,KAAK4C,MAAM,EAAG,IAAM,MAAQ9C,EAAIG,SAS5CU,QAAS,WAEP,GAAId,GAAOU,KAAKW,KAEhBX,MAAKS,UAAqC,gBAAlBnB,GAAKmB,UACzB6B,SAASC,eAAejD,EAAKmB,WAAanB,EAAKmB,UAEnDT,KAAKS,UAAU1B,UAAYO,EAAKkD,UAAYxC,KAAKwC,QACjD,IAAIC,GAAUzC,KAAKS,UAAUiC,iBAAiB,UAE1CvB,EAAWnB,KAAKmB,SAChBiB,EAAapC,KAAKoC,cAAgBjD,KAAM,UAAWtB,GAAI,KACvDqE,EAAQlC,KAAKkC,SAAW/C,KAAM,UAAWtB,GAAI,IAEjDe,GAAa6D,EAAQ,GAAItB,EAAUnB,KAAK2B,QAAQ9D,IAChDe,EAAa6D,EAAQ,GAAIL,EAAYpC,KAAK4B,UAAY5B,KAAK4B,SAAS/D,IACpEe,EAAa6D,EAAQ,GAAIP,EAAOlC,KAAK0B,MAAQ1B,KAAK0B,KAAK7D,IAEvD4E,EAAQ,GAAGE,SACP3C,KAAK4C,cAActC,KAAKN,KAAMyC,EAAQ,GAAI,aAC9CA,EAAQ,GAAGE,SACP3C,KAAK4C,cAActC,KAAKN,KAAMyC,EAAQ,GAAI,cAC9CA,EAAQ,GAAGE,SACP3C,KAAK4C,cAActC,KAAKN,KAAMyC,EAAQ,GAAI,WAShDpC,UAAW,WAET,GAAIwC,IACFlB,QAAS3B,KAAK2B,QACdC,SAAU5B,KAAK4B,SACfF,KAAM1B,KAAK0B,KACXnC,IAAKS,KAAK0B,MAAQ,MAAQ1B,KAAK0B,KAAK7D,GAGlCmC,MAAKG,WACHH,KAAKG,SAASwB,SAAS3B,KAAKsB,KAAK,gBAAiBuB,GAClD7C,KAAKG,SAASyB,UAAU5B,KAAKsB,KAAK,iBAAkBuB,GACpD7C,KAAKG,SAASuB,OAChB1B,KAAKsB,KAAK,aAAcuB,GACxB7C,KAAKsB,KAAK,YAAauB,GAGvB7C,KAAKsB,KAAK,SAAUuB,EAAMtD,OAI9BS,KAAKG,SAAW,MAUlByC,cAAe,SAAS/D,EAAQ+C,GAC9B,GAAIkB,KACJA,GAAKlB,GAAY/C,EAAOa,MAExBM,KAAKO,IAAIuC,GACT9C,KAAKD,WAUPyC,SACE,wWFsEA,SAAS5E,EAAQD,EAASH,GG9ShC,QAAAuF,KAEA,GAAAC,GAAAvE,KAAAwE,OAAAC,SAAqCC,KAAAC,IAIrCpC,KAAA,SAAAqC,GAA4B,MAAAA,IAE5B,WAAAL,GAAAM,YAAA,SAAAC,EAAAC,GAIA,GAAAvC,KAEA+B,GAAAhC,KAAA,QAAAyC,GAAAJ,GACA,GAAAK,GAAAL,EAAAK,MACAA,GAAAC,MACA1C,IAAA2C,OAAAF,EAAAC,OAGAH,EAAA,GAAAhD,OAAA,iGAIAkD,EAAAG,WAAAH,EAAAI,cAAAJ,EAAAK,aACAtF,KAAAwE,OAAAC,SACAC,KAAAC,EACAY,QACAC,cAAAP,EAAAG,WAAAH,EAAAI,gBAIA9C,KAAAyC,GAGAF,EAAA,GAAAW,GAAAjD,MAIAD,KAAA,KAAAwC,KA3DA,GAUAW,GAVAD,EAAA1G,EAAA,GAGA4F,EAAA,2CAmEAxF,GAAAD,SAWAgD,IAAA,SAAAyD,GAEA,MADAA,KAAAD,EAAA,MACAA,MAAApB,QH4VM,SAASnF,EAAQD,EAASH,GIxZhC,QAAA0G,GAAA/C,GAEAnB,KAAAqE,UAAAlD,EACAnB,KAAAsE,kBACAtE,KAAAuE,aAEAvE,KAAAwE,iBACAxE,KAAAyE,mBAAAzE,KAAA0E,mBACA1E,KAAA2E,cAAA3E,KAAA4E,aAEA,QAAAjD,GAAAkD,EAAA,EAA0BlD,EAAA3B,KAAAqE,UAAAQ,GAA6BA,IAMvD,GAJA7E,KAAAwE,cAAA7C,EAAA9D,KACAqD,KAAAS,GAGAA,EAAAmD,cAAA,CAGAC,EAAApD,EAAA,6BAEA,QAAAqD,GAAAC,EAAA,EAAgCD,EAAArD,EAAAmD,cAAAG,GAAwCA,IAQxE,GANAjF,KAAAsE,eAAAY,KAAAF,GACAhF,KAAAyE,mBAAAO,EAAAnH,KACAqD,KAAA8D,EACAG,OAAAxD,GAGAqD,EAAAI,SAAA,CAGAL,EAAAC,EAAA,mBAEA,QAAAK,GAAAC,EAAA,EAA8BD,EAAAL,EAAAI,SAAAE,GAAmCA,IAEjEtF,KAAAuE,UAAAW,KAAAG,GACArF,KAAA2E,cAAAU,EAAAxH,KACAqD,KAAAmE,EACAF,OAAAH,EACAO,YAAA5D,KAsKA,QAAAoD,GAAAS,EAAAC,EAAAC,GACAC,OAAAC,eACAD,OAAAC,eAAAJ,EAAAE,GACA/E,IAAA,WACA,MAAA6E,GAAAC,MAKAD,EAAAE,GAAAF,EAAAC,GAjKAvB,EAAArD,UAAAO,IAAA,WACA,MAAApB,MAAAqE,WAGAU,EAAAb,EAAArD,UAAA,MACA,eAOAqD,EAAArD,UAAAgF,iBAAA,WACA,MAAA7F,MAAAsE,gBAGAS,EAAAb,EAAArD,UAAA,mBACA,iBAOAqD,EAAArD,UAAAiF,YAAA,WACA,MAAA9F,MAAAuE,WAGAQ,EAAAb,EAAArD,UAAA,cACA,YAgBAqD,EAAArD,UAAAF,IAAA,SAAAvC,GACA,KAAAA,EAAAyB,YACAzB,EAAA2H,gBACA3H,EAAAwB,aACAxB,EAAA4H,YACA5H,EAAAoB,OAAA,EAEA,SAAAgB,OAAA,kIAIA,OAAAR,MAAA6B,WAAAzD,EAAA4H,WAAA5H,EAAAoB,SACAQ,KAAAgC,eAAA5D,EAAA2H,eAAA3H,EAAAwB,aACAI,KAAAmC,WAAA/D,EAAAyB,YASAqE,EAAArD,UAAAsB,WAAA,SAAAtC,GACA,MAAAG,MAAAwE,cAAA3E,IACAG,KAAAwE,cAAA3E,GAAAqB,MASAgD,EAAArD,UAAAmB,eAAA,SAAA+D,GACA,MAAA/F,MAAAyE,mBAAAsB,IACA/F,KAAAyE,mBAAAsB,GAAA7E,MAGA6D,EAAAb,EAAArD,UAAA,iBACA,eAQAqD,EAAArD,UAAAgB,WAAA,SAAAmE,GACA,MAAAhG,MAAA2E,cAAAqB,IACAhG,KAAA2E,cAAAqB,GAAA9E,MAGA6D,EAAAb,EAAArD,UAAA,aACA,WAQAqD,EAAArD,UAAAiB,sBAAA,SAAAkE,GACA,MAAAhG,MAAA2E,cAAAqB,IACAhG,KAAA2E,cAAAqB,GAAAT,aAIAR,EAAAb,EAAArD,UAAA,wBACA,sBASAqD,EAAArD,UAAAkB,0BAAA,SAAAiE,GACA,MAAAhG,MAAA2E,cAAAqB,IACAhG,KAAA2E,cAAAqB,GAAAb,QAGAJ,EAAAb,EAAArD,UAAA,4BACA,uBAQAqD,EAAArD,UAAAoB,0BAAA,SAAA8D,GACA,MAAA/F,MAAAyE,mBAAAsB,IACA/F,KAAAyE,mBAAAsB,GAAAZ,QAGAJ,EAAAb,EAAArD,UAAA,4BACA,0BAwBAjD,EAAAD,QAAAuG","file":"view-selector2.js","sourcesContent":["/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t// Copyright 2014 Google Inc. All rights reserved.\n\t//\n\t// Licensed under the Apache License, Version 2.0 (the \"License\");\n\t// you may not use this file except in compliance with the License.\n\t// You may obtain a copy of the License at\n\t//\n\t//     http://www.apache.org/licenses/LICENSE-2.0\n\t//\n\t// Unless required by applicable law or agreed to in writing, software\n\t// distributed under the License is distributed on an \"AS IS\" BASIS,\n\t// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n\t// See the License for the specific language governing permissions and\n\t// limitations under the License.\n\t\n\t/* global gapi */\n\t\n\t'use strict';\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\t\n\tvar _javascriptApiUtilsLibAccountSummaries = __webpack_require__(1);\n\t\n\tvar _javascriptApiUtilsLibAccountSummaries2 = _interopRequireDefault(_javascriptApiUtilsLibAccountSummaries);\n\t\n\t/**\n\t * A ViewSelector2 component for the Embed API.\n\t */\n\tgapi.analytics.ready(function () {\n\t\n\t  gapi.analytics.createComponent('ViewSelector2', {\n\t\n\t    /**\n\t     * Render the view selector instance on the page or update an existing\n\t     * instance if any options have changed.\n\t     * @return {ViewSelector2} The instance.\n\t     */\n\t    execute: function execute() {\n\t      this.setup_((function () {\n\t        this.updateAccounts_();\n\t        if (this.changed_) {\n\t          this.render_();\n\t          this.onChange_();\n\t        }\n\t      }).bind(this));\n\t\n\t      return this;\n\t    },\n\t\n\t    /**\n\t     * Extend the base `set` function with some error checking and handling of\n\t     * ID data.\n\t     * @extends gapi.analytics.Component.prototype.set\n\t     * @param {Object} opts The options to set.\n\t     * @return {ViewSelector2}\n\t     */\n\t    set: function set(opts) {\n\t\n\t      if (!!opts.ids + !!opts.viewId + !!opts.propertyId + !!opts.accountId > 1) {\n\t\n\t        throw new Error('You cannot specify more than one of the following ' + 'options: \"ids\", \"viewId\", \"accountId\", \"propertyId\"');\n\t      }\n\t\n\t      if (opts.container && this.container) {\n\t        throw new Error('You cannot change containers once a view selector ' + 'has been rendered on the page.');\n\t      }\n\t\n\t      var prevOpts = this.get();\n\t\n\t      if (prevOpts.ids != opts.ids || prevOpts.viewId != opts.viewId || prevOpts.propertyId != opts.propertyId || prevOpts.accountId != opts.accountId) {\n\t\n\t        // If new ID data is being set, first unset all existing ID data.\n\t        // This prevents the problem where you set an account ID then set a\n\t        // view ID for a new view in a different account. Both IDs should not\n\t        // persist or there will be problems.\n\t        prevOpts.ids = null;\n\t        prevOpts.viewId = null;\n\t        prevOpts.propertyId = null;\n\t        prevOpts.accountId = null;\n\t      }\n\t\n\t      // Call super.\n\t      return gapi.analytics.Component.prototype.set.call(this, opts);\n\t    },\n\t\n\t    /**\n\t     * Set up the view selector instance with values from the Management API's\n\t     * accountSummaries.list method via the `accountSummaries` module.\n\t     * If the user has not authorized, wait until that happens before\n\t     * requesting the account summaries.\n\t     * @param {Function} cb A function to be invoked once authorization has\n\t     *     succeeded and the accountSummaries have been retrieved.\n\t     */\n\t    setup_: function setup_(cb) {\n\t      var self = this;\n\t\n\t      function onAuthorize() {\n\t        _javascriptApiUtilsLibAccountSummaries2['default'].get().then(function (summaries) {\n\t          self.summaries = summaries;\n\t          self.accounts = self.summaries.all();\n\t          cb();\n\t        }, function (err) {\n\t          self.emit('error', err);\n\t        });\n\t      }\n\t\n\t      if (gapi.analytics.auth.isAuthorized()) {\n\t        onAuthorize();\n\t      } else {\n\t        gapi.analytics.auth.on('success', onAuthorize);\n\t      }\n\t    },\n\t\n\t    /**\n\t     * Update the view selector instance properties with new account\n\t     * information.\n\t     * @throws {Error} If the user has set an ID value for an account they\n\t     *     don't have access to.\n\t     */\n\t    updateAccounts_: function updateAccounts_() {\n\t\n\t      var opts = this.get();\n\t      var ids = getIdProp(opts);\n\t      var view, account, property;\n\t\n\t      // If there are no id props, set the defaults.\n\t      if (!ids) {\n\t        account = this.accounts[0];\n\t        property = account && account.properties && account.properties[0];\n\t        view = property && property.views && property.views[0];\n\t      } else {\n\t        switch (ids.prop) {\n\t          case 'viewId':\n\t            view = this.summaries.getProfile(ids.value);\n\t            account = this.summaries.getAccountByProfileId(ids.value);\n\t            property = this.summaries.getWebPropertyByProfileId(ids.value);\n\t            break;\n\t          case 'propertyId':\n\t            property = this.summaries.getWebProperty(ids.value);\n\t            account = this.summaries.getAccountByWebPropertyId(ids.value);\n\t            view = property && property.views && property.views[0];\n\t            break;\n\t          case 'accountId':\n\t            account = this.summaries.getAccount(ids.value);\n\t            property = account && account.properties && account.properties[0];\n\t            view = property && property.views && property.views[0];\n\t            break;\n\t        }\n\t      }\n\t\n\t      if (account || property || view) {\n\t\n\t        // Only update if something has changed.\n\t        if (account != this.account || property != this.property || view != this.view) {\n\t\n\t          // Store what value changed.\n\t          this.changed_ = {\n\t            account: account && account != this.account,\n\t            property: property && property != this.property,\n\t            view: view && view != this.view\n\t          };\n\t\n\t          this.account = account;\n\t          this.properties = account.properties;\n\t          this.property = property;\n\t          this.views = property && property.views;\n\t          this.view = view;\n\t          this.ids = view && 'ga:' + view.id;\n\t        }\n\t      } else {\n\t        this.emit('error', new Error('You do not have access to ' + ids.prop.slice(0, -2) + ' : ' + ids.value));\n\t      }\n\t    },\n\t\n\t    /**\n\t     * Render the view selector based on the users accounts and the\n\t     * pre-defined template. Also add event handlers to watch for\n\t     * changes.\n\t     */\n\t    render_: function render_() {\n\t\n\t      var opts = this.get();\n\t\n\t      this.container = typeof opts.container == 'string' ? document.getElementById(opts.container) : opts.container;\n\t\n\t      this.container.innerHTML = opts.template || this.template;\n\t      var selects = this.container.querySelectorAll('select');\n\t\n\t      var accounts = this.accounts;\n\t      var properties = this.properties || [{ name: '(Empty)', id: '' }];\n\t      var views = this.views || [{ name: '(Empty)', id: '' }];\n\t\n\t      updateSelect(selects[0], accounts, this.account.id);\n\t      updateSelect(selects[1], properties, this.property && this.property.id);\n\t      updateSelect(selects[2], views, this.view && this.view.id);\n\t\n\t      selects[0].onchange = this.onUserSelect_.bind(this, selects[0], 'accountId');\n\t      selects[1].onchange = this.onUserSelect_.bind(this, selects[1], 'propertyId');\n\t      selects[2].onchange = this.onUserSelect_.bind(this, selects[2], 'viewId');\n\t    },\n\t\n\t    /**\n\t     * A callback that is invoked from the `execute` method whenever the ID\n\t     * data has changed. Most of the time this change happens when the user\n\t     * has selected a new view in the UI, but it can also happen\n\t     * programmatically via the `set` method.\n\t     */\n\t    onChange_: function onChange_() {\n\t\n\t      var props = {\n\t        account: this.account,\n\t        property: this.property,\n\t        view: this.view,\n\t        ids: this.view && 'ga:' + this.view.id\n\t      };\n\t\n\t      if (this.changed_) {\n\t        if (this.changed_.account) this.emit('accountChange', props);\n\t        if (this.changed_.property) this.emit('propertyChange', props);\n\t        if (this.changed_.view) {\n\t          this.emit('viewChange', props);\n\t          this.emit('idsChange', props);\n\t\n\t          // For backwards compatibility with the original ViewSelector.\n\t          this.emit('change', props.ids);\n\t        }\n\t      }\n\t\n\t      this.changed_ = null;\n\t    },\n\t\n\t    /**\n\t     * The handler assigned to the `onchange` method of each of the select\n\t     * elements. The context is bound to the view selector instance and it is\n\t     * invoked with the element and property as its arguments.\n\t     * @param {HTMLSelectElement} select The select element.\n\t     * @param {string} property The property key to be set on the instance.\n\t     */\n\t    onUserSelect_: function onUserSelect_(select, property) {\n\t      var data = {};\n\t      data[property] = select.value;\n\t\n\t      this.set(data);\n\t      this.execute();\n\t    },\n\t\n\t    /**\n\t     * The html structure used to build the component. Developers can override\n\t     * this by passing it to the component constructor.  The only requirement\n\t     * is that the structure contain three selects.  The first will be the\n\t     * account select, the second will be the property select, and the third\n\t     * will be the view select. Order is important.\n\t     */\n\t    template: '<div class=\"ViewSelector2\">' + '  <div class=\"ViewSelector2-item\">' + '    <label>Account</label>' + '    <select class=\"FormField\"></select>' + '  </div>' + '  <div class=\"ViewSelector2-item\">' + '    <label>Property</label>' + '    <select class=\"FormField\"></select>' + '  </div>' + '  <div class=\"ViewSelector2-item\">' + '    <label>View</label>' + '    <select class=\"FormField\"></select>' + '  </div>' + '</div>'\n\t  });\n\t\n\t  /**\n\t   * Update a select with the specified options and optionally choose the\n\t   * selected option based on the matching ID.\n\t   * @param {HTMLSelectElement} select The select element to update.\n\t   * @param {Array} options An Array of objects with the keys\n\t   *     `name` and `id`.\n\t   * @param {string} [id] An optional value used to determine the selected\n\t   *     option.\n\t   */\n\t  function updateSelect(select, options, id) {\n\t    select.innerHTML = options.map(function (option) {\n\t      var selected = option.id == id ? 'selected ' : ' ';\n\t      return '<option ' + selected + 'value=\"' + option.id + '\">' + option.name + '</option>';\n\t    }).join('');\n\t  }\n\t\n\t  /**\n\t   * Given an options object containing a single key that could be either\n\t   * \"ids\", \"viewId\", \"propertyId\", or \"accountId\", return a new object\n\t   * specifying that key in its `prop` property. If the passed property is\n\t   * \"ids\" convert it to \"viewId\".\n\t   * @param {Object} opts An options object.\n\t   * @return {Object} An object specifying what ID property and value were\n\t   *     passed.\n\t   */\n\t  function getIdProp(opts) {\n\t    if (opts.ids || opts.viewId) {\n\t      return { prop: 'viewId', value: opts.viewId || opts.ids && opts.ids.replace(/^ga:/, '') };\n\t    } else if (opts.propertyId) {\n\t      return { prop: 'propertyId', value: opts.propertyId };\n\t    } else if (opts.accountId) {\n\t      return { prop: 'accountId', value: opts.accountId };\n\t    }\n\t  }\n\t});\n\n/***/ },\n/* 1 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t// Copyright 2015 Google Inc. All rights reserved.\n\t//\n\t// Licensed under the Apache License, Version 2.0 (the \"License\");\n\t// you may not use this file except in compliance with the License.\n\t// You may obtain a copy of the License at\n\t//\n\t//     http://www.apache.org/licenses/LICENSE-2.0\n\t//\n\t// Unless required by applicable law or agreed to in writing, software\n\t// distributed under the License is distributed on an \"AS IS\" BASIS,\n\t// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n\t// See the License for the specific language governing permissions and\n\t// limitations under the License.\n\t\n\t\n\t/* global gapi */\n\t\n\tvar AccountSummaries = __webpack_require__(2);\n\t\n\t\n\tvar API_PATH = '/analytics/v3/management/accountSummaries';\n\t\n\t\n\t/**\n\t * Store the accountSummaries result in a promise so the API isn't\n\t * queried unneccesarily.\n\t */\n\tvar cache;\n\t\n\t\n\t/**\n\t * Make a request to the Management API's accountSummaries#list method.\n\t * If the requests returns a partial, paginated response, query again\n\t * until the full summaries are retrieved.\n\t * @return {goog.Promise} A promise that will be resolved with an\n\t *     AccountSummaries instance.\n\t */\n\tfunction requestAccountSummaries() {\n\t\n\t  var promise = gapi.client.request({path: API_PATH})\n\t      // An extra `then` is needed here because `.list` doesn't return a\n\t      // \"real\" promise, just a thenable. Calling `.then` gets us access\n\t      // to the underlying goog.Promise instance and thus its constructor.\n\t      .then(function(resp) { return resp; });\n\t\n\t  return new promise.constructor(function(resolve, reject) {\n\t\n\t    // Store the summaries array in the closure so multiple requests can\n\t    // concat to it.\n\t    var summaries = [];\n\t\n\t    promise.then(function fn(resp) {\n\t      var result = resp.result;\n\t      if (result.items) {\n\t        summaries = summaries.concat(result.items);\n\t      }\n\t      else {\n\t        reject(new Error('You do not have any Google Analytics accounts. ' +\n\t            'Go to http://google.com/analytics to sign up.'));\n\t      }\n\t\n\t      if (result.startIndex + result.itemsPerPage <= result.totalResults) {\n\t        gapi.client.request({\n\t          path: API_PATH,\n\t          params: {\n\t            'start-index': result.startIndex + result.itemsPerPage\n\t          }\n\t        })\n\t        // Recursively call this function until the full results are in.\n\t        .then(fn);\n\t      }\n\t      else {\n\t        resolve(new AccountSummaries(summaries));\n\t      }\n\t    })\n\t    // Reject the promise if there are any uncaught errors;\n\t    .then(null, reject);\n\t  });\n\t}\n\t\n\t\n\t/**\n\t * @module accountSummaries\n\t *\n\t * This module requires the `gapi.client` library to be loaded on the page\n\t * and the user to be authenticated.\n\t */\n\tmodule.exports = {\n\t\n\t  /**\n\t   * Return the `requestAccountSummaries` promise. If the promise exists,\n\t   * return it to avoid multiple requests. If the promise does not exist,\n\t   * initiate the request and cache the promise.\n\t   *\n\t   * @param {boolean} noCache When true make a request no matter what.\n\t   * @return {goog.Promise} A promise fulfilled with an AccountSummaries\n\t   *     instance.\n\t   */\n\t  get: function(noCache) {\n\t    if (noCache) cache = null;\n\t    return cache || (cache = requestAccountSummaries());\n\t  }\n\t};\n\n\n/***/ },\n/* 2 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t// Copyright 2015 Google Inc. All rights reserved.\n\t//\n\t// Licensed under the Apache License, Version 2.0 (the \"License\");\n\t// you may not use this file except in compliance with the License.\n\t// You may obtain a copy of the License at\n\t//\n\t//     http://www.apache.org/licenses/LICENSE-2.0\n\t//\n\t// Unless required by applicable law or agreed to in writing, software\n\t// distributed under the License is distributed on an \"AS IS\" BASIS,\n\t// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n\t// See the License for the specific language governing permissions and\n\t// limitations under the License.\n\t\n\t\n\t/**\n\t * @constuctor AccountSummaries\n\t *\n\t * Takes an array of accounts and writes the following new properties:\n\t * `accounts_`, `webProperties_`, `profiles_`, `accountsById_`,\n\t * `webPropertiesById_`, and `profilesById_`.\n\t * Each of the ___ById properties contains an array of objects where the\n\t * key is the entity ID and the value is an object containing the entity and\n\t * the entity's parents. For example, an object in the `profilesById_` array\n\t * might look like this:\n\t *     {\n\t *       \"1234\": {\n\t *         self: {...},\n\t *         parent: {...},\n\t *         grandParent: {...}\n\t *       }\n\t *     }\n\t *\n\t * It also aliases the properties `webProperties` to `properties` and\n\t * `profiles` to `views` within the `accounts` array tree.\n\t\n\t * @param {Array} accounts A list of accounts in the format returned by the\n\t *     management API's accountSummaries#list method.\n\t * @returns {AccountSummaries}\n\t */\n\tfunction AccountSummaries(accounts) {\n\t\n\t  this.accounts_ = accounts;\n\t  this.webProperties_ = [];\n\t  this.profiles_ = [];\n\t\n\t  this.accountsById_ = {};\n\t  this.webPropertiesById_ = this.propertiesById_ = {};\n\t  this.profilesById_ = this.viewsById_ = {};\n\t\n\t  for (var i = 0, account; account = this.accounts_[i]; i++) {\n\t\n\t    this.accountsById_[account.id] = {\n\t      self: account\n\t    };\n\t\n\t    if (!account.webProperties) continue;\n\t\n\t    // Add aliases.\n\t    alias(account, 'webProperties', 'properties');\n\t\n\t    for (var j = 0, webProperty; webProperty = account.webProperties[j]; j++) {\n\t\n\t      this.webProperties_.push(webProperty);\n\t      this.webPropertiesById_[webProperty.id] = {\n\t        self: webProperty,\n\t        parent: account\n\t      };\n\t\n\t      if (!webProperty.profiles) continue;\n\t\n\t      // Add aliases.\n\t      alias(webProperty, 'profiles', 'views');\n\t\n\t      for (var k = 0, profile; profile = webProperty.profiles[k]; k++) {\n\t\n\t        this.profiles_.push(profile);\n\t        this.profilesById_[profile.id] = {\n\t          self: profile,\n\t          parent: webProperty,\n\t          grandParent: account\n\t        };\n\t      }\n\t    }\n\t  }\n\t}\n\t\n\t\n\t/**\n\t * Return a list of all accounts this user has access to.\n\t * Since the accounts contain the web properties and the web properties contain\n\t * the profiles, this list contains everything.\n\t * @return {Array}\n\t */\n\tAccountSummaries.prototype.all = function() {\n\t  return this.accounts_;\n\t};\n\t\n\talias(AccountSummaries.prototype, 'all',\n\t                                  'allAccounts');\n\t\n\t\n\t/**\n\t * Return a list of all web properties this user has access to.\n\t * @return {Array}\n\t */\n\tAccountSummaries.prototype.allWebProperties = function() {\n\t  return this.webProperties_;\n\t};\n\t\n\talias(AccountSummaries.prototype, 'allWebProperties',\n\t                                  'allProperties');\n\t\n\t\n\t/**\n\t * Return a list of all profiles this user has access to.\n\t * @return {Array}\n\t */\n\tAccountSummaries.prototype.allProfiles = function() {\n\t  return this.profiles_;\n\t};\n\t\n\talias(AccountSummaries.prototype, 'allProfiles',\n\t                                  'allViews');\n\t\n\t\n\t/**\n\t * Returns an account, web property or profile given the passed ID in the\n\t * `idData` object.  The ID data object can contain only one of the\n\t * following properties: \"accountId\", \"webPropertyId\", \"propertyId\",\n\t * \"profileId\", or \"viewId\".  If more than one key is passed, an error is\n\t * thrown.\n\t *\n\t * @param {Object} obj An object with no more than one of the following\n\t *     keys: \"accountId\", \"webPropertyId\", \"propertyId\", \"profileId\" or\n\t *     \"viewId\".\n\t * @return {Object|undefined} The matching account, web property, or\n\t *     profile. If none are found, undefined is returned.\n\t */\n\tAccountSummaries.prototype.get = function(obj) {\n\t  if (!!obj.accountId +\n\t      !!obj.webPropertyId +\n\t      !!obj.propertyId +\n\t      !!obj.profileId +\n\t      !!obj.viewId > 1) {\n\t\n\t    throw new Error('get() only accepts an object with a single ' +\n\t        'property: either \"accountId\", \"webPropertyId\", \"propertyId\", ' +\n\t        '\"profileId\" or \"viewId\"');\n\t  }\n\t  return this.getProfile(obj.profileId || obj.viewId) ||\n\t      this.getWebProperty(obj.webPropertyId || obj.propertyId) ||\n\t      this.getAccount(obj.accountId);\n\t};\n\t\n\t\n\t/**\n\t * Get an account given its ID.\n\t * @param {string|number} accountId\n\t * @return {Object} The account with the given ID.\n\t */\n\tAccountSummaries.prototype.getAccount = function(accountId) {\n\t  return this.accountsById_[accountId] &&\n\t      this.accountsById_[accountId].self;\n\t};\n\t\n\t\n\t/**\n\t * Get a web property given its ID.\n\t * @param {string} webPropertyId\n\t * @return {Object} The web property with the given ID.\n\t */\n\tAccountSummaries.prototype.getWebProperty = function(webPropertyId) {\n\t  return this.webPropertiesById_[webPropertyId] &&\n\t      this.webPropertiesById_[webPropertyId].self;\n\t};\n\t\n\talias(AccountSummaries.prototype, 'getWebProperty',\n\t                                  'getProperty');\n\t\n\t\n\t/**\n\t * Get a profile given its ID.\n\t * @param {string|number} profileId\n\t * @return {Object} The profile with the given ID.\n\t */\n\tAccountSummaries.prototype.getProfile = function(profileId) {\n\t  return this.profilesById_[profileId] &&\n\t      this.profilesById_[profileId].self;\n\t};\n\t\n\talias(AccountSummaries.prototype, 'getProfile',\n\t                                  'getView');\n\t\n\t\n\t/**\n\t * Get an account given the ID of one of its profiles.\n\t * @param {string|number} profileId\n\t * @return {Object} The account containing this profile.\n\t */\n\tAccountSummaries.prototype.getAccountByProfileId = function(profileId) {\n\t  return this.profilesById_[profileId] &&\n\t      this.profilesById_[profileId].grandParent;\n\t};\n\t\n\t\n\talias(AccountSummaries.prototype, 'getAccountByProfileId',\n\t                                  'getAccountByViewId');\n\t\n\t\n\t\n\t/**\n\t * Get a web property given the ID of one of its profile.\n\t * @param {string|number} profileId\n\t * @return {Object} The web property containing this profile.\n\t */\n\tAccountSummaries.prototype.getWebPropertyByProfileId = function(profileId) {\n\t  return this.profilesById_[profileId] &&\n\t      this.profilesById_[profileId].parent;\n\t};\n\t\n\talias(AccountSummaries.prototype, 'getWebPropertyByProfileId',\n\t                                  'getPropertyByViewId');\n\t\n\t\n\t/**\n\t * Get an account given the ID of one of its web properties.\n\t * @param {string|number} webPropertyId\n\t * @return {Object} The account containing this web property.\n\t */\n\tAccountSummaries.prototype.getAccountByWebPropertyId = function(webPropertyId) {\n\t  return this.webPropertiesById_[webPropertyId] &&\n\t      this.webPropertiesById_[webPropertyId].parent;\n\t};\n\t\n\talias(AccountSummaries.prototype, 'getAccountByWebPropertyId',\n\t                                  'getAccountByPropertyId');\n\t\n\t\n\t/**\n\t * Alias a property of an object using es5 getters. If es5 getters are not\n\t * supported, just add the aliased property directly to the object.\n\t * @param {Object} object The object for which you want to alias properties.\n\t * @param {string} referenceProp The reference property.\n\t * @param {string} aliasName The reference property's alias name.\n\t */\n\tfunction alias(object, referenceProp, aliasName) {\n\t  if (Object.defineProperty) {\n\t    Object.defineProperty(object, aliasName, {\n\t      get: function() {\n\t        return object[referenceProp];\n\t      }\n\t    });\n\t  }\n\t  else {\n\t    object[aliasName] = object[referenceProp];\n\t  }\n\t}\n\t\n\t\n\tmodule.exports = AccountSummaries;\n\n\n/***/ }\n/******/ ]);\n\n\n/** WEBPACK FOOTER **\n ** view-selector2.js\n **/"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n/** WEBPACK FOOTER **\n ** webpack/bootstrap 0853746ae09c5b7c1eb6\n **/","// Copyright 2014 Google Inc. All rights reserved.\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n\n/* global gapi */\n\nimport accountSummaries from 'javascript-api-utils/lib/account-summaries';\n\n/**\n * A ViewSelector2 component for the Embed API.\n */\ngapi.analytics.ready(function() {\n\n  gapi.analytics.createComponent('ViewSelector2', {\n\n    /**\n     * Render the view selector instance on the page or update an existing\n     * instance if any options have changed.\n     * @return {ViewSelector2} The instance.\n     */\n    execute: function() {\n      this.setup_(function() {\n        this.updateAccounts_();\n        if (this.changed_) {\n          this.render_();\n          this.onChange_();\n        }\n      }.bind(this));\n\n      return this;\n    },\n\n    /**\n     * Extend the base `set` function with some error checking and handling of\n     * ID data.\n     * @extends gapi.analytics.Component.prototype.set\n     * @param {Object} opts The options to set.\n     * @return {ViewSelector2}\n     */\n    set: function(opts) {\n\n      if (!!opts.ids +\n          !!opts.viewId +\n          !!opts.propertyId +\n          !!opts.accountId > 1) {\n\n        throw new Error('You cannot specify more than one of the following ' +\n            'options: \"ids\", \"viewId\", \"accountId\", \"propertyId\"');\n      }\n\n      if (opts.container && this.container) {\n        throw new Error('You cannot change containers once a view selector ' +\n            'has been rendered on the page.');\n      }\n\n      var prevOpts = this.get();\n\n      if (prevOpts.ids != opts.ids ||\n          prevOpts.viewId != opts.viewId ||\n          prevOpts.propertyId != opts.propertyId ||\n          prevOpts.accountId != opts.accountId) {\n\n        // If new ID data is being set, first unset all existing ID data.\n        // This prevents the problem where you set an account ID then set a\n        // view ID for a new view in a different account. Both IDs should not\n        // persist or there will be problems.\n        prevOpts.ids = null;\n        prevOpts.viewId = null;\n        prevOpts.propertyId = null;\n        prevOpts.accountId = null;\n      }\n\n      // Call super.\n      return gapi.analytics.Component.prototype.set.call(this, opts);\n    },\n\n    /**\n     * Set up the view selector instance with values from the Management API's\n     * accountSummaries.list method via the `accountSummaries` module.\n     * If the user has not authorized, wait until that happens before\n     * requesting the account summaries.\n     * @param {Function} cb A function to be invoked once authorization has\n     *     succeeded and the accountSummaries have been retrieved.\n     */\n    setup_: function(cb) {\n      var self = this;\n\n      function onAuthorize() {\n        accountSummaries.get().then(\n          function(summaries) {\n            self.summaries = summaries;\n            self.accounts = self.summaries.all();\n            cb();\n          },\n          function(err) {\n            self.emit('error', err);\n          }\n        );\n      }\n\n      if (gapi.analytics.auth.isAuthorized()) {\n        onAuthorize();\n      }\n      else {\n        gapi.analytics.auth.on('success', onAuthorize);\n      }\n    },\n\n    /**\n     * Update the view selector instance properties with new account\n     * information.\n     * @throws {Error} If the user has set an ID value for an account they\n     *     don't have access to.\n     */\n    updateAccounts_: function() {\n\n      var opts = this.get();\n      var ids = getIdProp(opts);\n      var view, account, property;\n\n      // If there are no id props, set the defaults.\n      if (!ids) {\n        account = this.accounts[0];\n        property = account && account.properties && account.properties[0];\n        view = property && property.views && property.views[0];\n      }\n      else {\n        switch (ids.prop) {\n          case 'viewId':\n            view = this.summaries.getProfile(ids.value);\n            account = this.summaries.getAccountByProfileId(ids.value);\n            property = this.summaries.getWebPropertyByProfileId(ids.value);\n            break;\n          case 'propertyId':\n            property = this.summaries.getWebProperty(ids.value);\n            account = this.summaries.getAccountByWebPropertyId(ids.value);\n            view = property && property.views && property.views[0];\n            break;\n          case 'accountId':\n            account = this.summaries.getAccount(ids.value);\n            property = account && account.properties && account.properties[0];\n            view = property && property.views && property.views[0];\n            break;\n        }\n      }\n\n      if (account || property || view) {\n\n        // Only update if something has changed.\n        if (account != this.account ||\n            property != this.property ||\n            view != this.view) {\n\n          // Store what value changed.\n          this.changed_ = {\n            account: account && account != this.account,\n            property: property && property != this.property,\n            view: view && view != this.view\n          };\n\n          this.account = account;\n          this.properties = account.properties;\n          this.property = property;\n          this.views = property && property.views;\n          this.view = view;\n          this.ids = view && 'ga:' + view.id;\n        }\n      }\n      else {\n        this.emit('error', new Error('You do not have access to ' +\n            ids.prop.slice(0, -2) + ' : ' + ids.value));\n      }\n    },\n\n    /**\n     * Render the view selector based on the users accounts and the\n     * pre-defined template. Also add event handlers to watch for\n     * changes.\n     */\n    render_: function() {\n\n      var opts = this.get();\n\n      this.container = typeof opts.container == 'string' ?\n          document.getElementById(opts.container) : opts.container;\n\n      this.container.innerHTML = opts.template || this.template;\n      var selects = this.container.querySelectorAll('select');\n\n      var accounts = this.accounts;\n      var properties = this.properties || [{name: '(Empty)', id: ''}];\n      var views = this.views || [{name: '(Empty)', id: ''}];\n\n      updateSelect(selects[0], accounts, this.account.id);\n      updateSelect(selects[1], properties, this.property && this.property.id);\n      updateSelect(selects[2], views, this.view && this.view.id);\n\n      selects[0].onchange =\n          this.onUserSelect_.bind(this, selects[0], 'accountId');\n      selects[1].onchange =\n          this.onUserSelect_.bind(this, selects[1], 'propertyId');\n      selects[2].onchange =\n          this.onUserSelect_.bind(this, selects[2], 'viewId');\n    },\n\n    /**\n     * A callback that is invoked from the `execute` method whenever the ID\n     * data has changed. Most of the time this change happens when the user\n     * has selected a new view in the UI, but it can also happen\n     * programmatically via the `set` method.\n     */\n    onChange_: function() {\n\n      var props = {\n        account: this.account,\n        property: this.property,\n        view: this.view,\n        ids: this.view && 'ga:' + this.view.id\n      };\n\n      if (this.changed_) {\n        if (this.changed_.account) this.emit('accountChange', props);\n        if (this.changed_.property) this.emit('propertyChange', props);\n        if (this.changed_.view) {\n          this.emit('viewChange', props);\n          this.emit('idsChange', props);\n\n          // For backwards compatibility with the original ViewSelector.\n          this.emit('change', props.ids);\n        }\n      }\n\n      this.changed_ = null;\n    },\n\n    /**\n     * The handler assigned to the `onchange` method of each of the select\n     * elements. The context is bound to the view selector instance and it is\n     * invoked with the element and property as its arguments.\n     * @param {HTMLSelectElement} select The select element.\n     * @param {string} property The property key to be set on the instance.\n     */\n    onUserSelect_: function(select, property) {\n      var data = {};\n      data[property] = select.value;\n\n      this.set(data);\n      this.execute();\n    },\n\n    /**\n     * The html structure used to build the component. Developers can override\n     * this by passing it to the component constructor.  The only requirement\n     * is that the structure contain three selects.  The first will be the\n     * account select, the second will be the property select, and the third\n     * will be the view select. Order is important.\n     */\n    template:\n      '<div class=\"ViewSelector2\">' +\n      '  <div class=\"ViewSelector2-item\">' +\n      '    <label>Account</label>' +\n      '    <select class=\"FormField\"></select>' +\n      '  </div>' +\n      '  <div class=\"ViewSelector2-item\">' +\n      '    <label>Property</label>' +\n      '    <select class=\"FormField\"></select>' +\n      '  </div>' +\n      '  <div class=\"ViewSelector2-item\">' +\n      '    <label>View</label>' +\n      '    <select class=\"FormField\"></select>' +\n      '  </div>' +\n      '</div>'\n  });\n\n\n  /**\n   * Update a select with the specified options and optionally choose the\n   * selected option based on the matching ID.\n   * @param {HTMLSelectElement} select The select element to update.\n   * @param {Array} options An Array of objects with the keys\n   *     `name` and `id`.\n   * @param {string} [id] An optional value used to determine the selected\n   *     option.\n   */\n  function updateSelect(select, options, id) {\n    select.innerHTML = options.map(function(option) {\n      var selected = option.id == id ? 'selected ' : ' ';\n      return '<option ' + selected + 'value=\"' + option.id + '\">' +\n          option.name + '</option>';\n    }).join('');\n  }\n\n\n  /**\n   * Given an options object containing a single key that could be either\n   * \"ids\", \"viewId\", \"propertyId\", or \"accountId\", return a new object\n   * specifying that key in its `prop` property. If the passed property is\n   * \"ids\" convert it to \"viewId\".\n   * @param {Object} opts An options object.\n   * @return {Object} An object specifying what ID property and value were\n   *     passed.\n   */\n  function getIdProp(opts) {\n    if (opts.ids || opts.viewId) {\n      return {prop: 'viewId', value: opts.viewId ||\n          (opts.ids && opts.ids.replace(/^ga:/, ''))};\n    }\n    else if (opts.propertyId) {\n      return {prop: 'propertyId', value: opts.propertyId};\n    }\n    else if (opts.accountId) {\n      return {prop: 'accountId', value: opts.accountId};\n    }\n  }\n\n});\n\n\n\n/** WEBPACK FOOTER **\n ** ./src/javascript/embed-api/components/view-selector2.js\n **/","// Copyright 2015 Google Inc. All rights reserved.\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n\n/* global gapi */\n\nvar AccountSummaries = require('./account-summaries');\n\n\nvar API_PATH = '/analytics/v3/management/accountSummaries';\n\n\n/**\n * Store the accountSummaries result in a promise so the API isn't\n * queried unneccesarily.\n */\nvar cache;\n\n\n/**\n * Make a request to the Management API's accountSummaries#list method.\n * If the requests returns a partial, paginated response, query again\n * until the full summaries are retrieved.\n * @return {goog.Promise} A promise that will be resolved with an\n *     AccountSummaries instance.\n */\nfunction requestAccountSummaries() {\n\n  var promise = gapi.client.request({path: API_PATH})\n      // An extra `then` is needed here because `.list` doesn't return a\n      // \"real\" promise, just a thenable. Calling `.then` gets us access\n      // to the underlying goog.Promise instance and thus its constructor.\n      .then(function(resp) { return resp; });\n\n  return new promise.constructor(function(resolve, reject) {\n\n    // Store the summaries array in the closure so multiple requests can\n    // concat to it.\n    var summaries = [];\n\n    promise.then(function fn(resp) {\n      var result = resp.result;\n      if (result.items) {\n        summaries = summaries.concat(result.items);\n      }\n      else {\n        reject(new Error('You do not have any Google Analytics accounts. ' +\n            'Go to http://google.com/analytics to sign up.'));\n      }\n\n      if (result.startIndex + result.itemsPerPage <= result.totalResults) {\n        gapi.client.request({\n          path: API_PATH,\n          params: {\n            'start-index': result.startIndex + result.itemsPerPage\n          }\n        })\n        // Recursively call this function until the full results are in.\n        .then(fn);\n      }\n      else {\n        resolve(new AccountSummaries(summaries));\n      }\n    })\n    // Reject the promise if there are any uncaught errors;\n    .then(null, reject);\n  });\n}\n\n\n/**\n * @module accountSummaries\n *\n * This module requires the `gapi.client` library to be loaded on the page\n * and the user to be authenticated.\n */\nmodule.exports = {\n\n  /**\n   * Return the `requestAccountSummaries` promise. If the promise exists,\n   * return it to avoid multiple requests. If the promise does not exist,\n   * initiate the request and cache the promise.\n   *\n   * @param {boolean} noCache When true make a request no matter what.\n   * @return {goog.Promise} A promise fulfilled with an AccountSummaries\n   *     instance.\n   */\n  get: function(noCache) {\n    if (noCache) cache = null;\n    return cache || (cache = requestAccountSummaries());\n  }\n};\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/javascript-api-utils/lib/account-summaries/index.js\n ** module id = 1\n ** module chunks = 2\n **/","// Copyright 2015 Google Inc. All rights reserved.\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n\n/**\n * @constuctor AccountSummaries\n *\n * Takes an array of accounts and writes the following new properties:\n * `accounts_`, `webProperties_`, `profiles_`, `accountsById_`,\n * `webPropertiesById_`, and `profilesById_`.\n * Each of the ___ById properties contains an array of objects where the\n * key is the entity ID and the value is an object containing the entity and\n * the entity's parents. For example, an object in the `profilesById_` array\n * might look like this:\n *     {\n *       \"1234\": {\n *         self: {...},\n *         parent: {...},\n *         grandParent: {...}\n *       }\n *     }\n *\n * It also aliases the properties `webProperties` to `properties` and\n * `profiles` to `views` within the `accounts` array tree.\n\n * @param {Array} accounts A list of accounts in the format returned by the\n *     management API's accountSummaries#list method.\n * @returns {AccountSummaries}\n */\nfunction AccountSummaries(accounts) {\n\n  this.accounts_ = accounts;\n  this.webProperties_ = [];\n  this.profiles_ = [];\n\n  this.accountsById_ = {};\n  this.webPropertiesById_ = this.propertiesById_ = {};\n  this.profilesById_ = this.viewsById_ = {};\n\n  for (var i = 0, account; account = this.accounts_[i]; i++) {\n\n    this.accountsById_[account.id] = {\n      self: account\n    };\n\n    if (!account.webProperties) continue;\n\n    // Add aliases.\n    alias(account, 'webProperties', 'properties');\n\n    for (var j = 0, webProperty; webProperty = account.webProperties[j]; j++) {\n\n      this.webProperties_.push(webProperty);\n      this.webPropertiesById_[webProperty.id] = {\n        self: webProperty,\n        parent: account\n      };\n\n      if (!webProperty.profiles) continue;\n\n      // Add aliases.\n      alias(webProperty, 'profiles', 'views');\n\n      for (var k = 0, profile; profile = webProperty.profiles[k]; k++) {\n\n        this.profiles_.push(profile);\n        this.profilesById_[profile.id] = {\n          self: profile,\n          parent: webProperty,\n          grandParent: account\n        };\n      }\n    }\n  }\n}\n\n\n/**\n * Return a list of all accounts this user has access to.\n * Since the accounts contain the web properties and the web properties contain\n * the profiles, this list contains everything.\n * @return {Array}\n */\nAccountSummaries.prototype.all = function() {\n  return this.accounts_;\n};\n\nalias(AccountSummaries.prototype, 'all',\n                                  'allAccounts');\n\n\n/**\n * Return a list of all web properties this user has access to.\n * @return {Array}\n */\nAccountSummaries.prototype.allWebProperties = function() {\n  return this.webProperties_;\n};\n\nalias(AccountSummaries.prototype, 'allWebProperties',\n                                  'allProperties');\n\n\n/**\n * Return a list of all profiles this user has access to.\n * @return {Array}\n */\nAccountSummaries.prototype.allProfiles = function() {\n  return this.profiles_;\n};\n\nalias(AccountSummaries.prototype, 'allProfiles',\n                                  'allViews');\n\n\n/**\n * Returns an account, web property or profile given the passed ID in the\n * `idData` object.  The ID data object can contain only one of the\n * following properties: \"accountId\", \"webPropertyId\", \"propertyId\",\n * \"profileId\", or \"viewId\".  If more than one key is passed, an error is\n * thrown.\n *\n * @param {Object} obj An object with no more than one of the following\n *     keys: \"accountId\", \"webPropertyId\", \"propertyId\", \"profileId\" or\n *     \"viewId\".\n * @return {Object|undefined} The matching account, web property, or\n *     profile. If none are found, undefined is returned.\n */\nAccountSummaries.prototype.get = function(obj) {\n  if (!!obj.accountId +\n      !!obj.webPropertyId +\n      !!obj.propertyId +\n      !!obj.profileId +\n      !!obj.viewId > 1) {\n\n    throw new Error('get() only accepts an object with a single ' +\n        'property: either \"accountId\", \"webPropertyId\", \"propertyId\", ' +\n        '\"profileId\" or \"viewId\"');\n  }\n  return this.getProfile(obj.profileId || obj.viewId) ||\n      this.getWebProperty(obj.webPropertyId || obj.propertyId) ||\n      this.getAccount(obj.accountId);\n};\n\n\n/**\n * Get an account given its ID.\n * @param {string|number} accountId\n * @return {Object} The account with the given ID.\n */\nAccountSummaries.prototype.getAccount = function(accountId) {\n  return this.accountsById_[accountId] &&\n      this.accountsById_[accountId].self;\n};\n\n\n/**\n * Get a web property given its ID.\n * @param {string} webPropertyId\n * @return {Object} The web property with the given ID.\n */\nAccountSummaries.prototype.getWebProperty = function(webPropertyId) {\n  return this.webPropertiesById_[webPropertyId] &&\n      this.webPropertiesById_[webPropertyId].self;\n};\n\nalias(AccountSummaries.prototype, 'getWebProperty',\n                                  'getProperty');\n\n\n/**\n * Get a profile given its ID.\n * @param {string|number} profileId\n * @return {Object} The profile with the given ID.\n */\nAccountSummaries.prototype.getProfile = function(profileId) {\n  return this.profilesById_[profileId] &&\n      this.profilesById_[profileId].self;\n};\n\nalias(AccountSummaries.prototype, 'getProfile',\n                                  'getView');\n\n\n/**\n * Get an account given the ID of one of its profiles.\n * @param {string|number} profileId\n * @return {Object} The account containing this profile.\n */\nAccountSummaries.prototype.getAccountByProfileId = function(profileId) {\n  return this.profilesById_[profileId] &&\n      this.profilesById_[profileId].grandParent;\n};\n\n\nalias(AccountSummaries.prototype, 'getAccountByProfileId',\n                                  'getAccountByViewId');\n\n\n\n/**\n * Get a web property given the ID of one of its profile.\n * @param {string|number} profileId\n * @return {Object} The web property containing this profile.\n */\nAccountSummaries.prototype.getWebPropertyByProfileId = function(profileId) {\n  return this.profilesById_[profileId] &&\n      this.profilesById_[profileId].parent;\n};\n\nalias(AccountSummaries.prototype, 'getWebPropertyByProfileId',\n                                  'getPropertyByViewId');\n\n\n/**\n * Get an account given the ID of one of its web properties.\n * @param {string|number} webPropertyId\n * @return {Object} The account containing this web property.\n */\nAccountSummaries.prototype.getAccountByWebPropertyId = function(webPropertyId) {\n  return this.webPropertiesById_[webPropertyId] &&\n      this.webPropertiesById_[webPropertyId].parent;\n};\n\nalias(AccountSummaries.prototype, 'getAccountByWebPropertyId',\n                                  'getAccountByPropertyId');\n\n\n/**\n * Alias a property of an object using es5 getters. If es5 getters are not\n * supported, just add the aliased property directly to the object.\n * @param {Object} object The object for which you want to alias properties.\n * @param {string} referenceProp The reference property.\n * @param {string} aliasName The reference property's alias name.\n */\nfunction alias(object, referenceProp, aliasName) {\n  if (Object.defineProperty) {\n    Object.defineProperty(object, aliasName, {\n      get: function() {\n        return object[referenceProp];\n      }\n    });\n  }\n  else {\n    object[aliasName] = object[referenceProp];\n  }\n}\n\n\nmodule.exports = AccountSummaries;\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/javascript-api-utils/lib/account-summaries/account-summaries.js\n ** module id = 2\n ** module chunks = 2\n **/"],"sourceRoot":""}

data/installer/core/plugins/keppler_ga_dashboard/app/assets/stylesheets/dashboard.scss

@@ -0,0 +1,83 @@
+.dashboard{
+  margin: 110px 30px 30px 30px;
+  @media #{$small-and-down} {
+    margin: 10px 10px 10px 10px;
+  }
+  .card {
+    padding: 20px;
+  }
+
+  label{
+    font-size: 12px;
+    color: #3C3C3C;
+    font-weight: 900;
+    font-family: roboto;
+  }
+
+  select.FormField{
+    display: block !important;
+  }
+
+  .dashboard-head{
+    margin: 15px 15px 15px 20px;
+    position: relative;
+
+    @media #{$small-and-down} {
+      margin: 0px;
+    }
+
+    #view-name{
+      margin-left: 10px;
+      font-family: "roboto";
+      font-weight: 300;
+      font-size: 1.4em;
+      color: #777;
+    }
+
+    .ActiveUsers{
+      position: absolute;
+      top: -3px;
+      right: 10px;
+      background: none;
+      border: 1px solid #d4d2d0;
+      border-radius: 4px;
+      font-weight: 300;
+      padding: .5em 1.5em;
+      white-space: nowrap;
+      @media #{$small-and-down} {
+        position: relative;
+        text-align: center;
+        top: 0px;
+        right: 0px;
+      }
+    }
+
+    #view-selector-container{
+      margin-top: 20px;
+    }
+  }
+
+  #embed-api-auth-container{
+    .gapi-analytics-auth-styles-signinbutton{
+      width: 100%;
+    }
+  }
+
+  .charts-legend{
+    list-style: none;
+    margin: 0;
+    padding: 1em 0 0;
+    text-align: center;
+    li{
+      display: inline-block;
+      padding: .25em .5em;
+      i{
+        display: inline-block;
+        height: 1em;
+        margin-right: .5em;
+        vertical-align: -.1em;
+        width: 1em;
+      }
+    }
+  }
+}

data/installer/core/plugins/keppler_ga_dashboard/app/controllers/keppler_ga_dashboard/dashboard_controller.rb

@@ -0,0 +1,48 @@
+require 'google/api_client'
+
+module KepplerGaDashboard
+  # DashboarController
+  class DashboardController < ::ApplicationController
+    layout 'admin/layouts/application'
+    before_action :dashboard_access, only: [:analytics]
+    before_action :authenticate_user!
+
+    def analytics
+      # set up a client instance
+      client = ::Google::APIClient.new(
+        application_name: 'keppler',
+        application_version: '1'
+      )
+
+      client.authorization = Signet::OAuth2::Client.new(
+        options
+      ).tap(&:fetch_access_token!)
+
+      @access_token = client.authorization.fetch_access_token!['access_token']
+    end
+
+    # Options for authenticate
+    def options
+      { token_credential_uri: 'https://accounts.google.com/o/oauth2/token',
+        audience: 'https://accounts.google.com/o/oauth2/token',
+        scope: 'https://www.googleapis.com/auth/analytics.readonly',
+        issuer: Rails.application.secrets.ga_auth.fetch(
+          :service_account_email_address
+        ),
+        signing_key: Google::APIClient::KeyUtils.load_from_pkcs12(
+          file_key, 'notasecret'
+        )
+      }
+    end
+
+    # get .p12 File for authenticate token
+    def file_key
+      File.join(
+        Rails.root,
+        'config',
+        'gaAuth',
+        Rails.application.secrets.ga_auth.fetch(:file_key_name)
+      )
+    end
+  end
+end

data/installer/core/plugins/keppler_ga_dashboard/app/helpers/keppler_ga_dashboard/application_helper.rb

@@ -0,0 +1,4 @@
+module KepplerGaDashboard
+  module ApplicationHelper
+  end
+end

data/installer/core/plugins/keppler_ga_dashboard/app/helpers/keppler_ga_dashboard/dashboard_helper.rb

@@ -0,0 +1,14 @@
+module KepplerGaDashboard
+  module DashboardHelper
+  	def library_analytics
+  		content_tag :script do
+  			"(function(w,d,s,g,js,fs){
+				  g=w.gapi||(w.gapi={});g.analytics={q:[],ready:function(f){this.q.push(f);}};
+				  js=d.createElement(s);fs=d.getElementsByTagName(s)[0];
+				  js.src='https://apis.google.com/js/platform.js';
+				  fs.parentNode.insertBefore(js,fs);js.onload=function(){g.load('analytics');};
+				}(window,document,'script'));".html_safe
+  		end
+  	end
+  end
+end

data/installer/core/plugins/keppler_ga_dashboard/app/views/keppler_ga_dashboard/dashboard/analytics.html.haml

@@ -0,0 +1,359 @@
+= title "Dashboard"
+
+= library_analytics
+
+%script{:src => "https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"}
+%script{:src => "https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"}
+%script{:src => "/assets/keppler_ga_dashboard/view-selector2.js?body=1"}
+%script{:src => "/assets/keppler_ga_dashboard/date-range-selector.self.js?body=1"}
+%script{:src => "/assets/keppler_ga_dashboard/active-users.self.js?body=1"}
+
+.dashboard
+	.row
+		.col.s12
+			.card
+				.dashboard-head
+					#view-name.hide-on-small-only
+					#active-users-container
+					#view-selector-container.hide-on-small-only
+		.col.s12
+			.card
+				#chart-1-container{ style: "height: 200px;"}
+				#legend-1-container.charts-legend
+		.col.s12
+			.card
+				#chart-2-container{ style: "height: 200px;"}
+				#legend-2-container.charts-legend
+		.col.s12.m6.l6
+			.card
+				#chart-4-container{ style: "height: 300px;"}
+				#legend-4-container.charts-legend
+		.col.s12.m6.l6
+			.card
+				#chart-3-container{ style: "height: 300px;"}
+				#legend-3-container.charts-legend
+
+:javascript
+	gapi.analytics.ready(function() {
+	
+		/*Authorize the user immediately if the user has already granted access.*/
+		gapi.analytics.auth.authorize({
+			serverAuth: {
+		    access_token: "#{@access_token}" /*Se agrega el access token desde la api de ruby para analitycs*/
+		  }
+		});
+	
+	
+		/**
+		 * Create a new ActiveUsers instance to be rendered inside of an
+		 * element with the id "active-users-container" and poll for changes every
+		 * five seconds.
+		 */
+		var activeUsers = new gapi.analytics.ext.ActiveUsers({
+			container: 'active-users-container',
+			pollingInterval: 5
+		});
+	
+	
+		/*Add CSS animation to visually show the when users come and go.*/
+		activeUsers.once('success', function() {
+			var element = this.container.firstChild;
+			var timeout;
+	
+			this.on('change', function(data) {
+				var element = this.container.firstChild;
+				var animationClass = data.delta > 0 ? 'is-increasing' : 'is-decreasing';
+				element.className += (' ' + animationClass);
+	
+				clearTimeout(timeout);
+				timeout = setTimeout(function() {
+					element.className = element.className.replace(/ is-(increasing|decreasing)/g, '');
+				}, 3000);
+			});
+		});
+	
+	
+		/*
+			Create a new ViewSelector2 instance to be rendered inside of an
+			element with the id "view-selector-container".
+		*/
+		var viewSelector = new gapi.analytics.ext.ViewSelector2({
+			container: 'view-selector-container',
+			accountId: "#{Rails.application.secrets.ga_auth.fetch(:account_id)}"
+		}).execute();
+	
+	
+		/*
+			Update the activeUsers component, the Chartjs charts, and the dashboard
+			title whenever the user changes the view.
+		*/
+		viewSelector.on('viewChange', function(data) {
+			var title = document.getElementById('view-name');
+			title.innerHTML = data.property.name + ' (' + data.view.name + ')';
+
+			// Start tracking active users for this view.
+			activeUsers.set(data).execute();
+	
+			// Aqui se deben agregar los ids de las vistas de la pagina.
+			renderWeekOverWeekChart(data.ids);
+			renderYearOverYearChart(data.ids);
+			renderTopBrowsersChart(data.ids);
+			renderTopCountriesChart(data.ids);
+		});
+	
+	
+		/**
+		 * Draw the a chart.js line chart with data from the specified view that
+		 * overlays session data for the current week over session data for the
+		 * previous week.
+		 */
+		function renderWeekOverWeekChart(ids) {
+	
+			// Adjust `now` to experiment with different days, for testing only...
+			var now = moment(); // .subtract(3, 'day');
+	
+			var thisWeek = query({
+				'ids': ids,
+				'dimensions': 'ga:date,ga:nthDay',
+				'metrics': 'ga:sessions',
+				'start-date': moment(now).subtract(1, 'day').day(0).format('YYYY-MM-DD'),
+				'end-date': moment(now).format('YYYY-MM-DD')
+			});
+	
+			var lastWeek = query({
+				'ids': ids,
+				'dimensions': 'ga:date,ga:nthDay',
+				'metrics': 'ga:sessions',
+				'start-date': moment(now).subtract(1, 'day').day(0).subtract(1, 'week').format('YYYY-MM-DD'),
+				'end-date': moment(now).subtract(1, 'day').day(6).subtract(1, 'week').format('YYYY-MM-DD')
+			});
+	
+			Promise.all([thisWeek, lastWeek]).then(function(results) {
+	
+				var data1 = results[0].rows.map(function(row) { return +row[2]; });
+				var data2 = results[1].rows.map(function(row) { return +row[2]; });
+				var labels = results[1].rows.map(function(row) { return +row[0]; });
+	
+				labels = ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"]
+	
+				var data = {
+					labels : labels,
+					datasets : [
+						{
+							label: 'Semana pasada',
+							fillColor : '#e3e3e3',
+							strokeColor : '#e3e3e3',
+							pointColor : '#e3e3e3',
+							pointStrokeColor : '#e3e3e3',
+							pointHighlightFill: "#fff",
+							pointHighlightStroke: '#e3e3e3',
+							data : data2
+						},
+						{
+							label: 'Esta semana',
+							fillColor : '#009688',
+							strokeColor : '#009688',
+							pointColor : '#009688',
+							pointStrokeColor : '#009688',
+							pointHighlightFill: "#fff",
+							pointHighlightStroke: "#009688",
+							data : data1
+						}
+					]
+				};
+	
+				new Chart(makeCanvas('chart-1-container')).Line(data, {
+					scaleShowHorizontalLines: false,
+					scaleShowVerticalLines: false
+				});
+				generateLegend('legend-1-container', data.datasets);
+			});
+		}
+	
+	
+		/**
+		 * Draw the a chart.js bar chart with data from the specified view that
+		 * overlays session data for the current year over session data for the
+		 * previous year, grouped by month.
+		 */
+		function renderYearOverYearChart(ids) {
+	
+			// Adjust `now` to experiment with different days, for testing only...
+			var now = moment(); // .subtract(3, 'day');
+	
+			var thisYear = query({
+				'ids': ids,
+				'dimensions': 'ga:month,ga:nthMonth',
+				'metrics': 'ga:users',
+				'start-date': moment(now).date(1).month(0).format('YYYY-MM-DD'),
+				'end-date': moment(now).format('YYYY-MM-DD')
+			});
+	
+			var lastYear = query({
+				'ids': ids,
+				'dimensions': 'ga:month,ga:nthMonth',
+				'metrics': 'ga:users',
+				'start-date': moment(now).subtract(1, 'year').date(1).month(0).format('YYYY-MM-DD'),
+				'end-date': moment(now).date(1).month(0).subtract(1, 'day').format('YYYY-MM-DD')
+			});
+	
+			Promise.all([thisYear, lastYear]).then(function(results) {
+				var data1 = results[0].rows.map(function(row) { return +row[2]; });
+				var data2 = results[1].rows.map(function(row) { return +row[2]; });
+				var labels = ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'];
+	
+				// Ensure the data arrays are at least as long as the labels array.
+				// Chart.js bar charts don't (yet) accept sparse datasets.
+				for (var i = 0, len = labels.length; i < len; i++) {
+					if (data1[i] === undefined) data1[i] = null;
+					if (data2[i] === undefined) data2[i] = null;
+				}
+	
+				var data = {
+					labels : labels,
+					datasets : [
+						{
+							label: 'Año pasado',
+							fillColor : '#e3e3e3',
+							strokeColor : '#e3e3e3',
+							data : data2
+						},
+						{
+							label: 'Este año',
+							fillColor : '#009688',
+							strokeColor : '#009688',
+							data : data1
+						}
+					]
+				};
+	
+				new Chart(makeCanvas('chart-2-container')).Bar(data, {
+					scaleShowHorizontalLines: false,
+					scaleShowVerticalLines: false
+				});
+				generateLegend('legend-2-container', data.datasets);
+			})
+			.catch(function(err) {
+				console.error(err.stack);
+			});
+		}
+	
+	
+		/**
+		 * Draw the a chart.js doughnut chart with data from the specified view that
+		 * show the top 5 browsers over the past seven days.
+		 */
+		function renderTopBrowsersChart(ids) {
+	
+			query({
+				'ids': ids,
+				'dimensions': 'ga:browser',
+				'metrics': 'ga:pageviews',
+				'sort': '-ga:pageviews',
+				'max-results': 5
+			})
+			.then(function(response) {
+	
+				var data = [];
+				var colors = ['#009688','#e3e3e3','#2196f3','#f1dd30','#f44336'];
+	
+				response.rows.forEach(function(row, i) {
+					data.push({ value: +row[1], color: colors[i], label: row[0] });
+				});
+	
+				new Chart(makeCanvas('chart-3-container')).Doughnut(data);
+				generateLegend('legend-3-container', data);
+			});
+		}
+	
+	
+		/**
+		 * Draw the a chart.js doughnut chart with data from the specified view that
+		 * compares sessions from mobile, desktop, and tablet over the past seven
+		 * days.
+		 */
+		function renderTopCountriesChart(ids) {
+			query({
+				'ids': ids,
+				'dimensions': 'ga:country',
+				'metrics': 'ga:sessions',
+				'sort': '-ga:sessions',
+				'max-results': 5
+			})
+			.then(function(response) {
+	
+				var data = [];
+				var colors = ['#009688','#e3e3e3','#2196f3','#f1dd30','#f44336'];
+	
+				response.rows.forEach(function(row, i) {
+					data.push({
+						label: row[0],
+						value: +row[1],
+						color: colors[i]
+					});
+				});
+	
+				new Chart(makeCanvas('chart-4-container')).Pie(data);
+				generateLegend('legend-4-container', data);
+			});
+		}
+	
+	
+		/**
+		 * Extend the Embed APIs `gapi.analytics.report.Data` component to
+		 * return a promise the is fulfilled with the value returned by the API.
+		 * @param {Object} params The request parameters.
+		 * @return {Promise} A promise.
+		 */
+		function query(params) {
+			return new Promise(function(resolve, reject) {
+				var data = new gapi.analytics.report.Data({query: params});
+				data.once('success', function(response) { resolve(response); })
+				.once('error', function(response) { reject(response); })
+				.execute();
+			});
+		}
+	
+	
+		/**
+		 * Create a new canvas inside the specified element. Set it to be the width
+		 * and height of its container.
+		 * @param {string} id The id attribute of the element to host the canvas.
+		 * @return {RenderingContext} The 2D canvas context.
+		 */
+		function makeCanvas(id) {
+			var container = document.getElementById(id);
+			var canvas = document.createElement('canvas');
+			var ctx = canvas.getContext('2d');
+	
+			container.innerHTML = '';
+			canvas.width = container.offsetWidth;
+			canvas.height = container.offsetHeight;
+			container.appendChild(canvas);
+	
+			return ctx;
+		}
+	
+	
+		/**
+		 * Create a visual legend inside the specified element based off of a
+		 * Chart.js dataset.
+		 * @param {string} id The id attribute of the element to host the legend.
+		 * @param {Array.} items A list of labels and colors for the legend.
+		 */
+		function generateLegend(id, items) {
+	    var legend = document.getElementById(id);
+	    legend.innerHTML = items.map(function(item) {
+	      var color = item.color || item.fillColor;
+	      var label = item.label;
+	      return '<li><i style="background:' + color + '"></i>' + label + '</li>';
+	    }).join('');
+	  }
+	
+	
+		// Set some global Chart.js defaults.
+		Chart.defaults.global.animationSteps = 60;
+		Chart.defaults.global.animationEasing = 'easeInOutQuart';
+		Chart.defaults.global.responsive = true;
+		Chart.defaults.global.maintainAspectRatio = false;
+	});