{"version":3,"sources":["webpack:///./src/views/tool/ToolFirewall.vue?7ebc","webpack:///./node_modules/core-js/modules/es.set.js","webpack:///./src/views/tool/ToolFirewall.vue?5e4f","webpack:///src/views/tool/ToolFirewall.vue","webpack:///./src/views/tool/ToolFirewall.vue?4e08","webpack:///./src/views/tool/ToolFirewall.vue"],"names":["collection","collectionStrong","module","exports","init","this","arguments","length","undefined","render","_vm","_h","$createElement","_c","_self","ref","attrs","queries","on","onQueriesResponse","$t","_l","items","protocol","key","_v","_s","fields","scopedSlots","_u","fn","data","value","field","staticClass","$event","onTablePortToggling","item","port","index","model","callback","$$v","$set","expression","class","$v","serverError","preventDefault","onFormPortToggling","apply","actionChoices","form","connectionChoices","protocolChoices","upnpEnabled","toggleUpnp","proxy","upnpError","staticRenderFns","name","protocols","portToToggle","action","connection","validations","methods","ports","TCP","UDP","tables","sort","uPnP","enabled","togglePort","toggled","then","mixins","component"],"mappings":"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","file":"js/views/tools/firewall.c776192f.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToolFirewall.vue?vue&type=style&index=0&id=44cab13a&lang=scss&scoped=true&\"","'use strict';\nvar collection = require('../internals/collection');\nvar collectionStrong = require('../internals/collection-strong');\n\n// `Set` constructor\n// https://tc39.es/ecma262/#sec-set-objects\nmodule.exports = collection('Set', function (init) {\n  return function Set() { return init(this, arguments.length ? arguments[0] : undefined); };\n}, collectionStrong);\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('view-base',{ref:\"view\",attrs:{\"queries\":_vm.queries,\"skeleton\":\"card-form-skeleton\"},on:{\"queries-response\":_vm.onQueriesResponse}},[_c('card',{attrs:{\"title\":_vm.$t('ports'),\"icon\":\"shield\"}},_vm._l((_vm.protocols),function(items,protocol){return _c('div',{key:protocol},[_c('h5',[_vm._v(_vm._s(_vm.$t(protocol)))]),_c('b-table',{attrs:{\"fields\":_vm.fields,\"items\":items,\"small\":\"\",\"striped\":\"\",\"responsive\":\"\"},scopedSlots:_vm._u([{key:\"cell(port)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\" \")]}},{key:\"cell()\",fn:function(data){return [(data.field.key !== 'uPnP')?_c('b-checkbox',{staticClass:\"on-off-switch\",attrs:{\"switch\":\"\"},on:{\"change\":function($event){return _vm.onTablePortToggling(data.item.port, protocol, data.field.key, data.index, $event)}},model:{value:(data.value),callback:function ($$v) {_vm.$set(data, \"value\", $$v)},expression:\"data.value\"}},[_c('span',{class:'btn btn-sm py-0 btn-' + (data.value ? 'danger' : 'success')},[_vm._v(\" \"+_vm._s(_vm.$t(data.value ? 'close' : 'open'))+\" \")])]):_c('icon',{class:data.value ? 'text-success' : 'text-danger',attrs:{\"iname\":data.value ? 'check' : 'times'}})]}}],null,true)})],1)}),0),_c('card-form',{attrs:{\"title\":_vm.$t('operations'),\"icon\":\"cogs\",\"validation\":_vm.$v,\"server-error\":_vm.serverError,\"inline\":\"\",\"form-classes\":\"d-flex justify-content-between align-items-start\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.onFormPortToggling.apply(null, arguments)}}},[_c('b-input-group',{attrs:{\"prepend\":_vm.$t('action')}},[_c('b-select',{attrs:{\"options\":_vm.actionChoices},model:{value:(_vm.form.action),callback:function ($$v) {_vm.$set(_vm.form, \"action\", $$v)},expression:\"form.action\"}})],1),_c('form-field',{attrs:{\"validation\":_vm.$v.form.port}},[_c('b-input-group',{attrs:{\"prepend\":_vm.$t('port')}},[_c('input-item',{attrs:{\"id\":\"input-port\",\"placeholder\":\"0\",\"type\":\"number\"},model:{value:(_vm.form.port),callback:function ($$v) {_vm.$set(_vm.form, \"port\", $$v)},expression:\"form.port\"}})],1)],1),_c('b-input-group',{attrs:{\"prepend\":_vm.$t('connection')}},[_c('b-select',{attrs:{\"options\":_vm.connectionChoices,\"id\":\"input-connection\"},model:{value:(_vm.form.connection),callback:function ($$v) {_vm.$set(_vm.form, \"connection\", $$v)},expression:\"form.connection\"}})],1),_c('b-input-group',{attrs:{\"prepend\":_vm.$t('protocol')}},[_c('b-select',{attrs:{\"options\":_vm.protocolChoices,\"id\":\"input-protocol\"},model:{value:(_vm.form.protocol),callback:function ($$v) {_vm.$set(_vm.form, \"protocol\", $$v)},expression:\"form.protocol\"}})],1)],1),_c('card',{attrs:{\"title\":_vm.$t('upnp'),\"icon\":\"exchange\",\"body-text-variant\":_vm.upnpEnabled ? 'success' : 'danger'},scopedSlots:_vm._u([{key:\"buttons\",fn:function(){return [_c('b-button',{attrs:{\"variant\":!_vm.upnpEnabled ? 'success' : 'danger'},on:{\"click\":_vm.toggleUpnp}},[_vm._v(\" \"+_vm._s(_vm.$t(!_vm.upnpEnabled ? 'enable' : 'disable' ))+\" \")])]},proxy:true}])},[_vm._v(\" \"+_vm._s(_vm.$t(_vm.upnpEnabled ? 'upnp_enabled' : 'upnp_disabled' ))+\" \"),_c('b-form-invalid-feedback',{attrs:{\"state\":_vm.upnpError !== '' ? false : null}},[_vm._v(\" \"+_vm._s(_vm.upnpError)+\" \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <view-base\n    :queries=\"queries\" @queries-response=\"onQueriesResponse\"\n    ref=\"view\" skeleton=\"card-form-skeleton\"\n  >\n    <!-- PORTS -->\n    <card :title=\"$t('ports')\" icon=\"shield\">\n      <div v-for=\"(items, protocol) in protocols\" :key=\"protocol\">\n        <h5>{{ $t(protocol) }}</h5>\n\n        <b-table\n          :fields=\"fields\" :items=\"items\"\n          small striped responsive\n        >\n          <!-- PORT CELL -->\n          <template #cell(port)=\"data\">\n            {{ data.value }}\n          </template>\n\n          <!-- CONNECTIONS CELL -->\n          <template #cell()=\"data\">\n            <b-checkbox\n              v-if=\"data.field.key !== 'uPnP'\"\n              class=\"on-off-switch\"\n              v-model=\"data.value\"\n              switch\n              @change=\"onTablePortToggling(data.item.port, protocol, data.field.key, data.index, $event)\"\n            >\n              <span :class=\"'btn btn-sm py-0 btn-' + (data.value ? 'danger' : 'success')\">\n                {{ $t(data.value ? 'close' : 'open') }}\n              </span>\n            </b-checkbox>\n\n            <icon\n              v-else\n              :iname=\"data.value ? 'check' : 'times'\"\n              :class=\"data.value ? 'text-success' : 'text-danger'\"\n            />\n          </template>\n        </b-table>\n      </div>\n    </card>\n\n    <!-- OPERATIONS -->\n    <card-form\n      :title=\"$t('operations')\" icon=\"cogs\"\n      :validation=\"$v\" :server-error=\"serverError\"\n      @submit.prevent=\"onFormPortToggling\"\n      inline form-classes=\"d-flex justify-content-between align-items-start\"\n    >\n      <b-input-group :prepend=\"$t('action')\">\n        <b-select v-model=\"form.action\" :options=\"actionChoices\" />\n      </b-input-group>\n\n      <form-field :validation=\"$v.form.port\">\n        <b-input-group :prepend=\"$t('port')\">\n          <input-item\n            id=\"input-port\" placeholder=\"0\" type=\"number\"\n            v-model=\"form.port\"\n          />\n        </b-input-group>\n      </form-field>\n\n      <b-input-group :prepend=\"$t('connection')\">\n        <b-select v-model=\"form.connection\" :options=\"connectionChoices\" id=\"input-connection\" />\n      </b-input-group>\n\n      <b-input-group :prepend=\"$t('protocol')\">\n        <b-select v-model=\"form.protocol\" :options=\"protocolChoices\" id=\"input-protocol\" />\n      </b-input-group>\n    </card-form>\n\n    <!-- UPnP -->\n    <card :title=\"$t('upnp')\" icon=\"exchange\" :body-text-variant=\"upnpEnabled ? 'success' : 'danger'\">\n      {{ $t(upnpEnabled ? 'upnp_enabled' : 'upnp_disabled' ) }}\n\n      <b-form-invalid-feedback :state=\"upnpError !== '' ? false : null\">\n        {{ upnpError }}\n      </b-form-invalid-feedback>\n\n      <template #buttons>\n        <b-button @click=\"toggleUpnp\" :variant=\"!upnpEnabled ? 'success' : 'danger'\">\n          {{ $t(!upnpEnabled ? 'enable' : 'disable' ) }}\n        </b-button>\n      </template>\n    </card>\n  </view-base>\n</template>\n\n<script>\nimport { validationMixin } from 'vuelidate'\n\nimport api from '@/api'\nimport { required, integer, between } from '@/helpers/validators'\n\nexport default {\n  name: 'ToolFirewall',\n\n  data () {\n    return {\n      queries: [\n        ['GET', '/firewall?raw']\n      ],\n      serverError: '',\n\n      // Ports tables data\n      fields: [\n        { key: 'port', label: this.$i18n.t('port') },\n        { key: 'ipv4', label: this.$i18n.t('ipv4') },\n        { key: 'ipv6', label: this.$i18n.t('ipv6') },\n        { key: 'uPnP', label: this.$i18n.t('upnp') }\n      ],\n      protocols: undefined,\n      portToToggle: undefined,\n\n      // Ports form data\n      actionChoices: [\n        { value: 'allow', text: this.$i18n.t('open') },\n        { value: 'disallow', text: this.$i18n.t('close') }\n      ],\n      connectionChoices: [\n        { value: 'ipv4', text: this.$i18n.t('ipv4') },\n        { value: 'ipv6', text: this.$i18n.t('ipv6') }\n      ],\n      protocolChoices: [\n        { value: 'TCP', text: this.$i18n.t('tcp') },\n        { value: 'UDP', text: this.$i18n.t('udp') },\n        { value: 'Both', text: this.$i18n.t('both') }\n      ],\n      form: {\n        action: 'allow',\n        port: undefined,\n        connection: 'ipv4',\n        protocol: 'TCP'\n      },\n\n      // uPnP\n      upnpEnabled: undefined,\n      upnpError: ''\n    }\n  },\n\n  validations: {\n    form: {\n      port: { number: required, integer, between: between(0, 65535) }\n    }\n  },\n\n  methods: {\n    onQueriesResponse (data) {\n      const ports = Object.values(data).reduce((ports, protocols) => {\n        for (const type of ['TCP', 'UDP']) {\n          for (const port of protocols[type]) {\n            ports[type].add(port)\n          }\n        }\n        return ports\n      }, { TCP: new Set(), UDP: new Set() })\n\n      const tables = {\n        TCP: [],\n        UDP: []\n      }\n      for (const protocol of ['TCP', 'UDP']) {\n        for (const port of ports[protocol]) {\n          const row = { port }\n          for (const connection of ['ipv4', 'ipv6', 'uPnP']) {\n            row[connection] = data[connection][protocol].includes(port)\n          }\n          tables[protocol].push(row)\n        }\n        tables[protocol].sort((a, b) => a.port < b.port ? -1 : 1)\n      }\n\n      this.protocols = tables\n      this.upnpEnabled = data.uPnP.enabled\n    },\n\n    async togglePort ({ action, port, protocol, connection }) {\n      const confirmed = await this.$askConfirmation(\n        this.$i18n.t('confirm_firewall_' + action, { port, protocol, connection })\n      )\n      if (!confirmed) {\n        return Promise.resolve(confirmed)\n      }\n\n      const actionTrad = this.$i18n.t({ allow: 'open', disallow: 'close' }[action])\n      return api.put(\n        `firewall/${protocol}/${action}/${port}?${connection}_only`,\n        {},\n        { key: 'firewall.ports', protocol, action: actionTrad, port, connection },\n        { wait: false }\n      ).then(() => confirmed)\n    },\n\n    async toggleUpnp (value) {\n      const action = this.upnpEnabled ? 'disable' : 'enable'\n      const confirmed = await this.$askConfirmation(this.$i18n.t('confirm_upnp_' + action))\n      if (!confirmed) return\n\n      api.put(\n        'firewall/upnp/' + action,\n        {},\n        { key: 'firewall.upnp', action: this.$i18n.t(action) }\n      ).then(() => {\n        // FIXME Couldn't test when it works.\n        this.$refs.view.fetchQueries()\n      }).catch(err => {\n        if (err.name !== 'APIBadRequestError') throw err\n        this.upnpError = err.message\n      })\n    },\n\n    onTablePortToggling (port, protocol, connection, index, value) {\n      this.$set(this.protocols[protocol][index], connection, value)\n      const action = value ? 'allow' : 'disallow'\n      this.togglePort({ action, port, protocol, connection }).then(toggled => {\n        // Revert change on cancel\n        if (!toggled) {\n          this.$set(this.protocols[protocol][index], connection, !value)\n        }\n      })\n    },\n\n    onFormPortToggling (e) {\n      this.togglePort(this.form).then(toggled => {\n        if (toggled) this.$refs.view.fetchQueries()\n      })\n    }\n  },\n\n  mixins: [validationMixin]\n}\n</script>\n\n<style lang=\"scss\" scoped>\n::v-deep .on-off-switch {\n  .custom-control-input {\n      &:checked ~ .custom-control-label::before {\n        border-color: $success;\n        background-color: $success;\n      }\n      &:not(:checked) ~ .custom-control-label {\n        &::before {\n          border-color: $danger;\n          background-color: $danger;\n        }\n        &::after {\n          background-color: $white;\n        }\n      }\n  }\n\n  input:focus ~ .custom-control-label, &:hover {\n    span {\n      visibility: visible;\n    }\n  }\n  span {\n    visibility: hidden;\n    @include media-breakpoint-down(xs) {\n      display: none;\n    }\n  }\n}\n\n::v-deep form {\n  margin-bottom: -1rem;\n\n  & > * {\n    margin-bottom: 1rem;\n  }\n\n  @include media-breakpoint-down(xs) {\n    fieldset {\n      width: 100%;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToolFirewall.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToolFirewall.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToolFirewall.vue?vue&type=template&id=44cab13a&scoped=true&\"\nimport script from \"./ToolFirewall.vue?vue&type=script&lang=js&\"\nexport * from \"./ToolFirewall.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToolFirewall.vue?vue&type=style&index=0&id=44cab13a&lang=scss&scoped=true&\"\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  \"44cab13a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}