{"version":3,"sources":["webpack:///./src/components/Loading.vue?0004","webpack:///src/PermissionTemplateEditPage.vue","webpack:///./src/PermissionTemplateEditPage.vue?70f6","webpack:///./src/components/Loading.vue?0b7e","webpack:///./src/components/Loading.vue?e714","webpack:///./src/PermissionTemplateEditPage.vue","webpack:///./src/PermissionTemplateEditPage.vue?7a0c","webpack:///./src/PermissionTemplateEditPage.vue?3f66","webpack:///./src/components/Loading.vue","webpack:///./src/components/Loading.vue?b9c5","webpack:///./src/components/Loading.vue?fa6c"],"names":["id","name","code","components","Loading","data","pageheading","isLoading","permissions","model","isSame","input","client_reports","watch","handler","deep","computed","mapState","pageTitle","isNotNew","inputOpacity","inputColor","isNotEdited","mounted","methods","isSameCheck","Object","permissionsAreSame","moment","submit","updatePermissionTemplate","_context2","response","createPermissionTemplate","_context3","getPermissionTemplate","_context4","_this2","setup","_context5","description","_this3"],"mappings":";;;;;;;;;AAAA;AACA,kCAAkC,mBAAO,CAAC,oKAAiF;AAC3H;AACA;AACA,cAAc,QAAS,yBAAyB,oBAAoB,WAAW,YAAY,gCAAgC,gBAAgB,iBAAiB,oBAAoB,4BAA4B,wBAAwB,kBAAkB,GAAG,mBAAmB,iBAAiB,kBAAkB,4BAA4B,wBAAwB,2BAA2B,GAAG;AACjY;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACqGA;AACA;AACA;AACA;;AAEA;AACA;AACA,mBACA;EACAA;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,GACA;EACAF;EACAC;EACAC;AACA,EACA;AAEe;EACfC;IACAC;EACA;EACAC;IACA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;QACAH;UACAI;QACA;MACA;IACA;EACA;EACAC;IACA;MACAC;QACA;MACA;MACAC;IACA;EACA;EACAC,0CACAC;IACAC;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;MAEA;QACA;MACA;QACA;MACA;QACA;MACA;QACA;MACA;IACA;IACAC;MACA;MAEA;QACA;MACA;QACA;MACA;QACA;MACA;IACA;IACAC;MACA;IACA;EAAA,EACA;EACAC;IACA;EACA;EACAC;IACAC;MAAA;MACA;MACA;MAEA;QACAC;UACA;YACAC;UACA;QACA;;QAEA;QACA;UAAA;UACA;YACA;UACA;QACA;MACA;MAEA;IACA;IACAC;MACA;IACA;IACAC;MAAA;QAAA;UAAA;YAAA;cAAA;gBACA;kBACA;gBACA;kBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEAC;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACA;gBAAAC;gBAAA,OACA;cAAA;gBAAAC;gBACA;kBACA;kBACA;oBAAA/B;kBAAA;gBACA;kBACA;gBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEAgC;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACA;gBAAAC;gBAAA,OACA;cAAA;gBAAAF;gBACA;kBACA;kBACA;oBAAA/B;kBAAA;gBACA;kBACA;gBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEAkC;MAAA;QAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACA;gBACA;gBAAAC;gBAAA,OACA;cAAA;gBAAAJ;gBACA;kBACA;kBACA;kBACA;oBACA;oBAEAN;sBACAW;oBACA;oBAEA;kBACA;kBACA;gBACA;kBACA;kBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEAC;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACA;gBAAA,KAEA;kBAAAC;kBAAA;gBAAA;gBACA;gBAAAA;gBAAA,OACA;cAAA;gBAAAA;gBAAA;cAAA;gBAEA;gBACA;kBACAvC;kBACAC;kBACAuC;kBACAhC;gBACA;gBAEA;kBACAiC;gBACA;cAAA;gBAGA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;EAEA;AACA,CAAC,E;;;;;;;;;;;;ACnXD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,eAAe,iBAAiB,EAAE;AACvC;AACA,yBAAyB,SAAS,uBAAuB,EAAE;AAC3D;AACA;AACA;AACA;AACA,wBAAwB,0BAA0B;AAClD,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,4BAA4B,qBAAqB;AACjD,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4B,0CAA0C;AACtE,sBAAsB,0BAA0B;AAChD,aAAa;AACb;AACA;AACA;AACA,iBAAiB,sCAAsC,mBAAmB,EAAE;AAC5E;AACA,6BAA6B,8BAA8B;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB,6BAA6B,oBAAoB;AACjD,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,iBAAiB;AACjD;AACA;AACA;AACA,2BAA2B;AAC3B,yBAAyB;AACzB,uBAAuB;AACvB;AACA;AACA;AACA,6BAA6B,yBAAyB;AACtD,+BAA+B,2CAA2C;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,yBAAyB;AACzB;AACA,sCAAsC,sCAAsC;AAC5E;AACA;AACA;AACA;AACA,iCAAiC,yBAAyB;AAC1D;AACA;AACA;AACA;AACA,oCAAoC,UAAU;AAC9C,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA,kCAAkC,eAAe;AACjD,qCAAqC,wBAAwB;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA,iCAAiC,yBAAyB;AAC1D;AACA;AACA;AACA;AACA,oCAAoC,UAAU;AAC9C,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA,kCAAkC,4CAA4C;AAC9E,qCAAqC,+BAA+B;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC,eAAe,iBAAiB,EAAE;AACzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B;AACA;AACA;AACA,+BAA+B,sCAAsC;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C,gBAAgB;AAC9D,+BAA+B;AAC/B;AACA;AACA,4CAA4C,SAAS,eAAe,EAAE;AACtE;AACA;AACA;AACA;AACA,qCAAqC,eAAe,iBAAiB,EAAE;AACvE;AACA;AACA;AACA;AACA,qCAAqC,eAAe,iBAAiB,EAAE;AACvE;AACA;AACA;AACA;AACA,qCAAqC,eAAe,iBAAiB,EAAE;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC,uCAAuC;AACvC,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C,kDAAkD,eAAe;AACjE,yCAAyC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C;AACA;AACA;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C,2CAA2C;AAC3C,yCAAyC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C;AACA;AACA;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C,2CAA2C;AAC3C,yCAAyC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C;AACA;AACA;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C,2CAA2C;AAC3C,yCAAyC;AACzC;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACpaA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,oBAAoB,SAAS,0BAA0B,EAAE;AACzD;AACA;AACA,OAAO,SAAS,uBAAuB,EAAE;AACzC,0BAA0B,SAAS,iBAAiB,EAAE;AACtD;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACdA;;AAEA;AACA,cAAc,mBAAO,CAAC,4qBAA+X;AACrZ;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,0HAA6D;AAC/E,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;;ACXf;AAAA;AAAA;AAAA;AAAyG;AAC3B;AACL;;;AAGzE;AACuF;AACvF,gBAAgB,2GAAU;AAC1B,EAAE,gGAAM;AACR,EAAE,qGAAM;AACR,EAAE,8GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAA2R,CAAgB,2VAAG,EAAC,C;;;;;;;;;;;;ACA/S;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAsF;AACtF;AACmE;;;AAGnE;AAC0F;AAC1F,gBAAgB,2GAAU;AAC1B;AACA,EAAE,kFAAM;AACR,EAAE,2FAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"79.d9f83a138050827a981d.js","sourcesContent":["// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../node_modules/@vue/cli-service/node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"\\n#loading-container {\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  background-color: #ffffff99;\\n  width: 100%;\\n  height: 100%;\\n\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  z-index: 1000;\\n}\\n#loading-banner {\\n  width: 250px;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  flex-direction: column;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n","<template>\n  <div style=\"height: 100%;\" >\n    <vue-headful :title=\"pageTitle\" />\n\n    <div class=\"has-text-centered has-background-primary\" style=\"margin-bottom: 20px;\">\n      <h1 class=\"is-size-6 has-text-white\" style=\"padding: 5px 0px\">\n        {{ pageheading.toLocaleUpperCase() }}\n      </h1>\n    </div>\n\n    <Loading v-if=\"isLoading\"/>\n    <div style=\"height: 100%; width: 100%!important;\" id=\"body-content-area\" v-else>\n      <div id=\"pagelayout\" class=\"page-wrapper\">\n        <div class=\"button-group\">\n          <button :disabled=\"(isNotNew && isSame) || !$hasPermissions(clientSession, ['PERMISSION_TEMPLATES'], 2)\" class=\"button is-accent\" @click=\"submit\">\n            Save\n          </button>\n          <button @click=\"$router.back()\" class=\"button is-dark\" type=\"button\">\n            Cancel\n          </button>\n        </div>\n        <div class=\"columns\">\n          <div class=\"column column-is-one-half\">\n            <div\n                class=\"block\"\n                style=\"padding: 0px 0px 7px 0px; border-bottom: solid 1px lightgray;\"\n              >\n                <span class=\"has-text-weight-bold\">Permission Template</span>\n              </div>\n              <div class=\"control\">\n                <label for=\"\" class=\"label is-size-7\">Name</label>\n                <input type=\"text\" class=\"input\" v-model=\"input.name\" />\n              </div>\n\n              <div class=\"control\">\n                <label for=\"\" class=\"label is-size-7\">Description</label>\n                <textarea maxlength=\"300\" rows=\"5\" type=\"text\" class=\"textarea\" v-model=\"input.description\" />\n                <span\n                  :style=\"{\n                    justifyContent: 'flex-end',\n                    width: '100%!important',\n                    display: 'flex',\n                    opacity: inputOpacity,\n                    color: $inputColorScale(input.description ? input.description.length : 0, [\n                    {\n                      color: '#7fb942',\n                      min: 0,\n                      max: 200\n                    },\n                    {\n                      color: '#FFD300',\n                      min: 200,\n                      max: 225\n                    },\n                    {\n                      color: '#ff9200',\n                      min: 225,\n                      max: 275\n                    },\n                    {\n                      color: '#e82b18',\n                      min: 275,\n                      max: 301\n                    }\n                    ])\n                  }\"\n                >\n                {{input.description ? input.description.length : 0}}&nbsp;<div style=\"color: black; black\"> / 300</div>\n                </span>\n              </div>\n          </div>\n          <div class=\"column column-is-one-half\" style=\"padding-bottom: 5rem; max-height: 75vh; overflow: hidden; overflow-y: scroll;\">\n            <div\n                class=\"block\"\n                style=\"padding: 0px 0px 7px 0px; border-bottom: solid 1px lightgray;\"\n              >\n                <span class=\"has-text-weight-bold\">Default Permissions</span>\n              </div>\n              <table class=\"table\" style=\"width: 100%;\" v-if=\"input.id !== undefined\">\n                <tr>\n                  <th colspan=\"3\">Section</th>\n                  <th style=\"width: 100px\">No-Access</th>\n                  <th style=\"width: 100px\">Read-Only</th>\n                  <th style=\"width: 100px\">Read/Write</th>\n                </tr>\n                <tr v-for=\"permission in permissions\" :key=\"permission.code\" @mouseup=\"isSame = false\">\n                  <td colspan=\"3\" style=\"color: #363636!important;\">{{permission.name}}</td>\n\n                  <td>\n                    <input type=\"radio\" :name=\"permission.code\" :value=\"0\" v-model=\"input.permissions[permission.code]\"/>\n                  </td>\n                  <td>\n                    <input type=\"radio\" :name=\"permission.code\" :value=\"1\" v-model=\"input.permissions[permission.code]\" />\n                  </td>\n                  <td>\n                    <input type=\"radio\" :name=\"permission.code\" :value=\"2\" v-model=\"input.permissions[permission.code]\" />\n                  </td>\n                </tr>\n              </table>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable eqeqeq */\nimport { mapState } from 'vuex'\nimport Loading from './components/Loading.vue'\nimport moment from 'moment-timezone'\n\n// TODO - move to an API endpoint so that these permissions are dynamic. Currently they're only defined in code\n// and DB / API accessors aren't really needed. Just a nice to have.\nconst permissions = [\n  {\n    id: 0,\n    name: 'Client Reports',\n    code: 'CLIENT_REPORTS'\n  },\n  {\n    id: 1,\n    name: 'Document Center',\n    code: 'DOCUMENT_CENTER'\n  },\n  {\n    id: 2,\n    name: 'Announcements',\n    code: 'ANNOUNCEMENTS'\n  },\n  {\n    id: 3,\n    name: 'Email Templates',\n    code: 'EMAIL_TEMPLATES'\n  },\n  {\n    id: 4,\n    name: 'Carriers',\n    code: 'CARRIERS'\n  },\n  {\n    id: 5,\n    name: 'Institutions',\n    code: 'INSTITUTIONS'\n  },\n  {\n    id: 6,\n    name: 'Report Types',\n    code: 'REPORT_TYPES'\n  },\n  {\n    id: 7,\n    name: 'Client Menu',\n    code: 'CLIENT_MENU'\n  },\n  {\n    id: 8,\n    name: 'Sites',\n    code: 'SITES'\n  },\n  {\n    id: 9,\n    name: 'Permission Templates',\n    code: 'PERMISSION_TEMPLATES'\n  },\n  {\n    id: 10,\n    name: 'Users',\n    code: 'USERS'\n  },\n  {\n    id: 11,\n    name: 'Activity Report',\n    code: 'ACTIVITY_REPORT'\n  },\n  {\n    id: 12,\n    name: 'Asset Report',\n    code: 'ASSET_REPORT'\n  },\n  {\n    id: 14,\n    name: 'Report Configuration',\n    code: 'REPORT_CONFIGURATION'\n  },\n  {\n    id: 15,\n    name: '8925 Report',\n    code: 'C8925_REPORT'\n  },\n  {\n    id: 16,\n    name: 'Summary Asset Report',\n    code: 'ASSET_SUMMARY_REPORT'\n  },\n  {\n    id: 17,\n    name: 'Annual Questionnaire',\n    code: 'ANNUAL_QUESTIONNAIRE'\n  },\n  {\n    id: 18,\n    name: 'Annual BOLI Review',\n    code: 'ANNUAL_BOLI_REVIEW'\n  }\n]\n\nexport default {\n  components: {\n    Loading: Loading\n  },\n  data () {\n    return {\n      pageheading: '',\n      isLoading: true,\n      permissions: permissions,\n      model: {},\n      isSame: true,\n      input: {\n        permissions: {\n          client_reports: 0\n        }\n      }\n    }\n  },\n  watch: {\n    'input': {\n      handler (val) {\n        this.isSameCheck()\n      },\n      deep: true\n    }\n  },\n  computed: {\n    ...mapState(['activeSite', 'clientSession']),\n    pageTitle () {\n      return 'Permission Templates - ' + this.activeSite.displayName\n    },\n    isNotNew () {\n      return this.$route.params.id && this.$route.params.id !== 'new'\n    },\n    inputOpacity () {\n      const descriptionLength = this.input.description ? this.input.description.length : 0\n\n      if (descriptionLength > 300) {\n        return '1'\n      } else if (descriptionLength > 250) {\n        return '0.8'\n      } else if (descriptionLength > 200) {\n        return '0.6'\n      } else {\n        return '0.5'\n      }\n    },\n    inputColor () {\n      const descriptionLength = this.input.description ? this.input.description.length : 0\n\n      if (descriptionLength > 280) {\n        return 'red'\n      } else if (descriptionLength > 250) {\n        return 'orange'\n      } else {\n        return '#000'\n      }\n    },\n    isNotEdited () {\n      return this.isSame()\n    }\n  },\n  mounted () {\n    this.setup()\n  },\n  methods: {\n    isSameCheck () {\n      let nameAndDescriptionIsSame = this.input.name === this.model.name && this.input.description === this.model.description\n      let permissionsAreSame = true\n\n      if (this.input.permissions) {\n        Object.keys(this.input.permissions).map(permission => {\n          if (this.input.permissions[permission] !== this.model.permissions[permission]) {\n            permissionsAreSame = false\n          }\n        })\n\n        //  Fill in missing template permissions\n        for (let permission of permissions) {\n          if (this.input.permissions[permission.code] === undefined) {\n            this.input.permissions[permission.code] = 0 // Set to no access by default\n          }\n        }\n      }\n\n      this.isSame = nameAndDescriptionIsSame && permissionsAreSame\n    },\n    moment (date) {\n      return moment(date)\n    },\n    async submit () {\n      if (this.isNotNew) {\n        this.updatePermissionTemplate()\n      } else {\n        this.createPermissionTemplate()\n      }\n    },\n    async updatePermissionTemplate () {\n      this.isLoading = true\n      const response = await this.$http.put(`/permission-templates/${this.$route.params.id}`, this.input)\n      if (response.status === 200) {\n        this.successToast('Permission Template Updated')\n        this.$router.push({ name: 'PermissionTemplate' })\n      } else {\n        this.errorToast('Error Updating Permission Template')\n      }\n      this.isLoading = false\n    },\n    async createPermissionTemplate () {\n      this.isLoading = true\n      let response = await this.api().permissions().createPermissionTemplate(this.input)\n      if (response.status === 200) {\n        this.successToast('Permission Template Created')\n        this.$router.push({ name: 'PermissionTemplate' })\n      } else {\n        this.errorToast(response.data && response.data.error ? response.data.error : 'Error creating permission template.')\n      }\n      this.isLoading = false\n    },\n    async getPermissionTemplate () {\n      this.isLoading = true\n      // let response = await this.$http.get('/api/permission-templates/' + this.$route.params.id)\n      let response = await this.api().permissions().getPermissionTemplate(this.$route.params.id)\n      if (response.status === 200) {\n        // <!-- console.log(this.input) -->\n        this.input = { ...response.data.data }\n        if (this.input) {\n          this.input.permissions = {}\n\n          Object.keys(response.data.data.permissions).map(permission => {\n            this.input.permissions[permission] = response.data.data.permissions[permission]\n          })\n\n          this.model = { ...this.input }\n        }\n        this.isLoading = false\n      } else {\n        this.isLoading = false\n        this.$errorToast('Error', 'Error getting permission template')\n      }\n    },\n    async setup () {\n      this.isLoading = true\n\n      if (this.isNotNew) {\n        this.pageheading = 'Permission Template Details'\n        await this.getPermissionTemplate()\n      } else {\n        this.pageheading = 'New Permission Template'\n        this.input = {\n          id: 0,\n          name: '',\n          description: '',\n          permissions: {}\n        }\n\n        this.permissions.map(type => {\n          this.input.permissions[type.code] = 0\n        })\n      }\n\n      this.isLoading = false\n    }\n  }\n}\n</script>\n","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticStyle: { height: \"100%\" } },\n    [\n      _c(\"vue-headful\", { attrs: { title: _vm.pageTitle } }),\n      _c(\n        \"div\",\n        {\n          staticClass: \"has-text-centered has-background-primary\",\n          staticStyle: { \"margin-bottom\": \"20px\" },\n        },\n        [\n          _c(\n            \"h1\",\n            {\n              staticClass: \"is-size-6 has-text-white\",\n              staticStyle: { padding: \"5px 0px\" },\n            },\n            [_vm._v(\" \" + _vm._s(_vm.pageheading.toLocaleUpperCase()) + \" \")]\n          ),\n        ]\n      ),\n      _vm.isLoading\n        ? _c(\"Loading\")\n        : _c(\n            \"div\",\n            {\n              staticStyle: { height: \"100%\", width: \"100%!important\" },\n              attrs: { id: \"body-content-area\" },\n            },\n            [\n              _c(\n                \"div\",\n                { staticClass: \"page-wrapper\", attrs: { id: \"pagelayout\" } },\n                [\n                  _c(\"div\", { staticClass: \"button-group\" }, [\n                    _c(\n                      \"button\",\n                      {\n                        staticClass: \"button is-accent\",\n                        attrs: {\n                          disabled:\n                            (_vm.isNotNew && _vm.isSame) ||\n                            !_vm.$hasPermissions(\n                              _vm.clientSession,\n                              [\"PERMISSION_TEMPLATES\"],\n                              2\n                            ),\n                        },\n                        on: { click: _vm.submit },\n                      },\n                      [_vm._v(\" Save \")]\n                    ),\n                    _c(\n                      \"button\",\n                      {\n                        staticClass: \"button is-dark\",\n                        attrs: { type: \"button\" },\n                        on: {\n                          click: function ($event) {\n                            return _vm.$router.back()\n                          },\n                        },\n                      },\n                      [_vm._v(\" Cancel \")]\n                    ),\n                  ]),\n                  _c(\"div\", { staticClass: \"columns\" }, [\n                    _c(\"div\", { staticClass: \"column column-is-one-half\" }, [\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"block\",\n                          staticStyle: {\n                            padding: \"0px 0px 7px 0px\",\n                            \"border-bottom\": \"solid 1px lightgray\",\n                          },\n                        },\n                        [\n                          _c(\"span\", { staticClass: \"has-text-weight-bold\" }, [\n                            _vm._v(\"Permission Template\"),\n                          ]),\n                        ]\n                      ),\n                      _c(\"div\", { staticClass: \"control\" }, [\n                        _c(\n                          \"label\",\n                          {\n                            staticClass: \"label is-size-7\",\n                            attrs: { for: \"\" },\n                          },\n                          [_vm._v(\"Name\")]\n                        ),\n                        _c(\"input\", {\n                          directives: [\n                            {\n                              name: \"model\",\n                              rawName: \"v-model\",\n                              value: _vm.input.name,\n                              expression: \"input.name\",\n                            },\n                          ],\n                          staticClass: \"input\",\n                          attrs: { type: \"text\" },\n                          domProps: { value: _vm.input.name },\n                          on: {\n                            input: function ($event) {\n                              if ($event.target.composing) {\n                                return\n                              }\n                              _vm.$set(_vm.input, \"name\", $event.target.value)\n                            },\n                          },\n                        }),\n                      ]),\n                      _c(\"div\", { staticClass: \"control\" }, [\n                        _c(\n                          \"label\",\n                          {\n                            staticClass: \"label is-size-7\",\n                            attrs: { for: \"\" },\n                          },\n                          [_vm._v(\"Description\")]\n                        ),\n                        _c(\"textarea\", {\n                          directives: [\n                            {\n                              name: \"model\",\n                              rawName: \"v-model\",\n                              value: _vm.input.description,\n                              expression: \"input.description\",\n                            },\n                          ],\n                          staticClass: \"textarea\",\n                          attrs: { maxlength: \"300\", rows: \"5\", type: \"text\" },\n                          domProps: { value: _vm.input.description },\n                          on: {\n                            input: function ($event) {\n                              if ($event.target.composing) {\n                                return\n                              }\n                              _vm.$set(\n                                _vm.input,\n                                \"description\",\n                                $event.target.value\n                              )\n                            },\n                          },\n                        }),\n                        _vm._v(\" \"),\n                        _c(\n                          \"span\",\n                          {\n                            style: {\n                              justifyContent: \"flex-end\",\n                              width: \"100%!important\",\n                              display: \"flex\",\n                              opacity: _vm.inputOpacity,\n                              color: _vm.$inputColorScale(\n                                _vm.input.description\n                                  ? _vm.input.description.length\n                                  : 0,\n                                [\n                                  {\n                                    color: \"#7fb942\",\n                                    min: 0,\n                                    max: 200,\n                                  },\n                                  {\n                                    color: \"#FFD300\",\n                                    min: 200,\n                                    max: 225,\n                                  },\n                                  {\n                                    color: \"#ff9200\",\n                                    min: 225,\n                                    max: 275,\n                                  },\n                                  {\n                                    color: \"#e82b18\",\n                                    min: 275,\n                                    max: 301,\n                                  },\n                                ]\n                              ),\n                            },\n                          },\n                          [\n                            _vm._v(\n                              \" \" +\n                                _vm._s(\n                                  _vm.input.description\n                                    ? _vm.input.description.length\n                                    : 0\n                                ) +\n                                \" \"\n                            ),\n                            _c(\"div\", { staticStyle: { color: \"black\" } }, [\n                              _vm._v(\" / 300\"),\n                            ]),\n                          ]\n                        ),\n                      ]),\n                    ]),\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"column column-is-one-half\",\n                        staticStyle: {\n                          \"padding-bottom\": \"5rem\",\n                          \"max-height\": \"75vh\",\n                          overflow: \"hidden\",\n                          \"overflow-y\": \"scroll\",\n                        },\n                      },\n                      [\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"block\",\n                            staticStyle: {\n                              padding: \"0px 0px 7px 0px\",\n                              \"border-bottom\": \"solid 1px lightgray\",\n                            },\n                          },\n                          [\n                            _c(\n                              \"span\",\n                              { staticClass: \"has-text-weight-bold\" },\n                              [_vm._v(\"Default Permissions\")]\n                            ),\n                          ]\n                        ),\n                        _vm.input.id !== undefined\n                          ? _c(\n                              \"table\",\n                              {\n                                staticClass: \"table\",\n                                staticStyle: { width: \"100%\" },\n                              },\n                              [\n                                _c(\"tr\", [\n                                  _c(\"th\", { attrs: { colspan: \"3\" } }, [\n                                    _vm._v(\"Section\"),\n                                  ]),\n                                  _c(\n                                    \"th\",\n                                    { staticStyle: { width: \"100px\" } },\n                                    [_vm._v(\"No-Access\")]\n                                  ),\n                                  _c(\n                                    \"th\",\n                                    { staticStyle: { width: \"100px\" } },\n                                    [_vm._v(\"Read-Only\")]\n                                  ),\n                                  _c(\n                                    \"th\",\n                                    { staticStyle: { width: \"100px\" } },\n                                    [_vm._v(\"Read/Write\")]\n                                  ),\n                                ]),\n                                _vm._l(_vm.permissions, function (permission) {\n                                  return _c(\n                                    \"tr\",\n                                    {\n                                      key: permission.code,\n                                      on: {\n                                        mouseup: function ($event) {\n                                          _vm.isSame = false\n                                        },\n                                      },\n                                    },\n                                    [\n                                      _c(\n                                        \"td\",\n                                        {\n                                          staticStyle: {\n                                            color: \"#363636!important\",\n                                          },\n                                          attrs: { colspan: \"3\" },\n                                        },\n                                        [_vm._v(_vm._s(permission.name))]\n                                      ),\n                                      _c(\"td\", [\n                                        _c(\"input\", {\n                                          directives: [\n                                            {\n                                              name: \"model\",\n                                              rawName: \"v-model\",\n                                              value:\n                                                _vm.input.permissions[\n                                                  permission.code\n                                                ],\n                                              expression:\n                                                \"input.permissions[permission.code]\",\n                                            },\n                                          ],\n                                          attrs: {\n                                            type: \"radio\",\n                                            name: permission.code,\n                                          },\n                                          domProps: {\n                                            value: 0,\n                                            checked: _vm._q(\n                                              _vm.input.permissions[\n                                                permission.code\n                                              ],\n                                              0\n                                            ),\n                                          },\n                                          on: {\n                                            change: function ($event) {\n                                              return _vm.$set(\n                                                _vm.input.permissions,\n                                                permission.code,\n                                                0\n                                              )\n                                            },\n                                          },\n                                        }),\n                                      ]),\n                                      _c(\"td\", [\n                                        _c(\"input\", {\n                                          directives: [\n                                            {\n                                              name: \"model\",\n                                              rawName: \"v-model\",\n                                              value:\n                                                _vm.input.permissions[\n                                                  permission.code\n                                                ],\n                                              expression:\n                                                \"input.permissions[permission.code]\",\n                                            },\n                                          ],\n                                          attrs: {\n                                            type: \"radio\",\n                                            name: permission.code,\n                                          },\n                                          domProps: {\n                                            value: 1,\n                                            checked: _vm._q(\n                                              _vm.input.permissions[\n                                                permission.code\n                                              ],\n                                              1\n                                            ),\n                                          },\n                                          on: {\n                                            change: function ($event) {\n                                              return _vm.$set(\n                                                _vm.input.permissions,\n                                                permission.code,\n                                                1\n                                              )\n                                            },\n                                          },\n                                        }),\n                                      ]),\n                                      _c(\"td\", [\n                                        _c(\"input\", {\n                                          directives: [\n                                            {\n                                              name: \"model\",\n                                              rawName: \"v-model\",\n                                              value:\n                                                _vm.input.permissions[\n                                                  permission.code\n                                                ],\n                                              expression:\n                                                \"input.permissions[permission.code]\",\n                                            },\n                                          ],\n                                          attrs: {\n                                            type: \"radio\",\n                                            name: permission.code,\n                                          },\n                                          domProps: {\n                                            value: 2,\n                                            checked: _vm._q(\n                                              _vm.input.permissions[\n                                                permission.code\n                                              ],\n                                              2\n                                            ),\n                                          },\n                                          on: {\n                                            change: function ($event) {\n                                              return _vm.$set(\n                                                _vm.input.permissions,\n                                                permission.code,\n                                                2\n                                              )\n                                            },\n                                          },\n                                        }),\n                                      ]),\n                                    ]\n                                  )\n                                }),\n                              ],\n                              2\n                            )\n                          : _vm._e(),\n                      ]\n                    ),\n                  ]),\n                ]\n              ),\n            ]\n          ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"loading-container\" } }, [\n    _c(\n      \"div\",\n      { attrs: { id: \"loading-banner\" } },\n      [_c(\"spin-loader\", { attrs: { \"is-large\": \"\" } })],\n      1\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loading.vue?vue&type=style&index=0&lang=css&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"7a56bdca\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loading.vue?vue&type=style&index=0&lang=css&\", function() {\n     var newContent = require(\"!!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loading.vue?vue&type=style&index=0&lang=css&\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./PermissionTemplateEditPage.vue?vue&type=template&id=20ee77fb&\"\nimport script from \"./PermissionTemplateEditPage.vue?vue&type=script&lang=js&\"\nexport * from \"./PermissionTemplateEditPage.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/vsts/work/1/s/ui/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('20ee77fb')) {\n      api.createRecord('20ee77fb', component.options)\n    } else {\n      api.reload('20ee77fb', component.options)\n    }\n    module.hot.accept(\"./PermissionTemplateEditPage.vue?vue&type=template&id=20ee77fb&\", function () {\n      api.rerender('20ee77fb', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/PermissionTemplateEditPage.vue\"\nexport default component.exports","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--13-0!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./PermissionTemplateEditPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--13-0!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./PermissionTemplateEditPage.vue?vue&type=script&lang=js&\"","export * from \"-!../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"0a38ad29-vue-loader-template\\\"}!../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./PermissionTemplateEditPage.vue?vue&type=template&id=20ee77fb&\"","import { render, staticRenderFns } from \"./Loading.vue?vue&type=template&id=efe9d588&\"\nvar script = {}\nimport style0 from \"./Loading.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/vsts/work/1/s/ui/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('efe9d588')) {\n      api.createRecord('efe9d588', component.options)\n    } else {\n      api.reload('efe9d588', component.options)\n    }\n    module.hot.accept(\"./Loading.vue?vue&type=template&id=efe9d588&\", function () {\n      api.rerender('efe9d588', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/Loading.vue\"\nexport default component.exports","export * from \"-!../../node_modules/vue-style-loader/index.js??ref--7-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loading.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"0a38ad29-vue-loader-template\\\"}!../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loading.vue?vue&type=template&id=efe9d588&\""],"sourceRoot":""}