From 6d8823e594b6b31a99d508961b11c66ab425d9cd Mon Sep 17 00:00:00 2001
From: weryques <weryques@outlook.com>
Date: Mon, 17 Sep 2018 17:05:59 -0300
Subject: [PATCH 1/3] Init feature

---
 .../other/checkbox-filter-modal.vue           |  6 ++--
 .../components/other/processes-popup.vue      | 27 ++++++++---------
 .../metadata-types/taxonomy/Taxonomy.vue      | 29 ++++++++++---------
 .../taxonomy/TaxonomyCheckbox.vue             |  2 +-
 4 files changed, 33 insertions(+), 31 deletions(-)

diff --git a/src/admin/components/other/checkbox-filter-modal.vue b/src/admin/components/other/checkbox-filter-modal.vue
index ac0698459..31be1883a 100644
--- a/src/admin/components/other/checkbox-filter-modal.vue
+++ b/src/admin/components/other/checkbox-filter-modal.vue
@@ -1,7 +1,8 @@
 <template>
     <div class="tainacan-modal-content">
         <header class="tainacan-modal-title">
-            <h2>{{ this.$i18n.get('filter') }} <em>{{ filter.name }}</em></h2>
+            <h2 v-if="isFilter">{{ this.$i18n.get('filter') }} <em>{{ filter.name }}</em></h2>
+            <h2 v-else>{{ this.$i18n.get('metadatum') }} <em>{{ metadatum.name }}</em></h2>
             <hr>
         </header>
         <div class="tainacan-form">
@@ -106,7 +107,7 @@
             </div>
             <!--<pre>{{ hierarchicalPath }}</pre>-->
             <!--<pre>{{ totalRemaining }}</pre>-->
-            <!--<pre>{{ selected }}</pre>-->
+            <pre>{{ selected }}</pre>
             <!--<pre>{{ options }}</pre>-->
             <!--<pre>{{ searchResults }}</pre>-->
 
@@ -169,6 +170,7 @@
             taxonomy: String,
             collection_id: Number,
             metadatum_id: Number,
+            metadatum: Object,
             selected: Array,
             isTaxonomy: {
                 type: Boolean,
diff --git a/src/admin/components/other/processes-popup.vue b/src/admin/components/other/processes-popup.vue
index fdb2f837e..62c4c7ca3 100644
--- a/src/admin/components/other/processes-popup.vue
+++ b/src/admin/components/other/processes-popup.vue
@@ -136,7 +136,8 @@ export default {
             showProcessesList: false,
             processesCollapses: [],
             hasAnyProcessExecuting: false,
-            dateFormat: ''
+            dateFormat: '',
+            intervalID: null,
         }
     },
     watch: {
@@ -181,19 +182,6 @@ export default {
         },
         pauseProcess() { 
         },
-        getProcessState(){
-            // Recursively
-            this.fetchProcesses({
-                page: 1,
-                processesPerPage: 12
-            }).then(() => {
-                setTimeout(() => {
-                    if (this.getUnfinishedProcesses() > 0) {
-                        this.getProcessState();
-                    }
-                }, 20000);
-            });
-        }
     },
     created() {
         let locale = navigator.language;
@@ -203,7 +191,16 @@ export default {
         let localeData = moment.localeData();
         this.dateFormat = localeData.longDateFormat('lll');
 
-        this.getProcessState();
+        this.intervalID = setInterval(() => {
+            this.fetchProcesses({
+                page: 1,
+                processesPerPage: 12
+            }).then(() => {
+                if (this.getUnfinishedProcesses() > 0) {
+                    clearInterval(this.intervalID);
+                }
+            });
+        }, 20000);
 
         this.showProcessesList = false;
     }
diff --git a/src/classes/metadata-types/taxonomy/Taxonomy.vue b/src/classes/metadata-types/taxonomy/Taxonomy.vue
index 91e4a18dd..24842c048 100644
--- a/src/classes/metadata-types/taxonomy/Taxonomy.vue
+++ b/src/classes/metadata-types/taxonomy/Taxonomy.vue
@@ -5,28 +5,29 @@
                 :is="getComponent"
                 :maxtags="maxtags"
                 v-model="valueComponent"
+                @input="onInput"
                 :allow-select-to-create="allowSelectToCreate"
                 :allow-new="allowNew"
                 :terms="terms"
                 :taxonomy-id="taxonomy"
                 :options="getOptions(0)"/>
-        <a 
-                class="add-new-term"
-                v-if="(getComponent == 'tainacan-taxonomy-checkbox' || getComponent == 'tainacan-taxonomy-radio') && terms.length < totalTerms"
-                @click="getTermsFromTaxonomy()">
-            {{ $i18n.get('label_view_more') + ' (' + Number(totalTerms - terms.length) + ' ' + $i18n.get('terms') + ')' }}
-        </a>
-        <!--<a-->
+        <!--<a -->
                 <!--class="add-new-term"-->
-                <!--v-if="(getComponent == 'tainacan-taxonomy-checkbox') && terms.length < totalTerms"-->
-                <!--@click="openCheckboxModal()">-->
-            <!--{{ $i18n.get('label_view_all') }}-->
+                <!--v-if="(getComponent == 'tainacan-taxonomy-checkbox' || getComponent == 'tainacan-taxonomy-radio') && terms.length < totalTerms"-->
+                <!--@click="getTermsFromTaxonomy()">-->
+            <!--{{ $i18n.get('label_view_more') + ' (' + Number(totalTerms - terms.length) + ' ' + $i18n.get('terms') + ')' }}-->
         <!--</a>-->
+        <a
+                class="add-new-term"
+                v-if="(getComponent == 'tainacan-taxonomy-checkbox') && terms.length < totalTerms"
+                @click="openCheckboxModal()">
+            {{ $i18n.get('label_view_all') }}
+        </a>
         <add-new-term
                 class="add-new-term"
                 v-if="allowNew"
                 :component-type="getComponent"
-                :taxonomy_id="taxonomy"
+                :taxonomy_id="taxonomy_id"
                 :metadatum="metadatum"
                 :item_id="metadatum.item.id"
                 :value="valueComponent"
@@ -82,7 +83,7 @@
                 totalTerms: 0,
                 allowNew: false,
                 offset: 0,
-                termsNumber: 40
+                termsNumber: 7
             }
         },
         watch: {
@@ -126,12 +127,13 @@
                         isFilter: false,
                         parent: 0,
                         taxonomy_id: this.taxonomy_id,
-                        selected: this.value,
+                        selected: !this.valueComponent ? [] : this.valueComponent,
                         metadatum_id: this.metadatum.metadatum.id,
                         taxonomy: this.taxonomy,
                         collection_id: this.collectionId,
                         isTaxonomy: true,
                         query: '',
+                        metadatum: this.metadatum,
                     },
                     width: 'calc(100% - 8.333333333%)',
                 });
@@ -196,6 +198,7 @@
             },
             onInput($event) {
                 this.inputValue = $event;
+                this.valueComponent = $event;
                 this.$emit('input', this.inputValue);
                 this.$emit('blur');
             },
diff --git a/src/classes/metadata-types/taxonomy/TaxonomyCheckbox.vue b/src/classes/metadata-types/taxonomy/TaxonomyCheckbox.vue
index bc98bb410..ce6e5a5a9 100644
--- a/src/classes/metadata-types/taxonomy/TaxonomyCheckbox.vue
+++ b/src/classes/metadata-types/taxonomy/TaxonomyCheckbox.vue
@@ -46,7 +46,7 @@
         methods: {
             onChecked() {
                 this.$emit('blur');
-                this.onInput(this.checked)
+                this.onInput(this.checked);
             },
             onInput($event) {
                 this.inputValue = $event;

From 35a36ad6b38de8a28ee7353262bb31e5c78613bd Mon Sep 17 00:00:00 2001
From: weryques <weryques@outlook.com>
Date: Wed, 19 Sep 2018 16:00:21 -0300
Subject: [PATCH 2/3] Now taxonomy checkbox modal is avaiable for taxonomies
 metadata in item edition page

---
 package-lock.json                             | 30 +++++++++----------
 .../other/checkbox-filter-modal.vue           |  4 ++-
 .../metadata-types/taxonomy/Taxonomy.vue      | 14 ++++-----
 3 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 0e1d87de2..9ca20b8d0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1649,7 +1649,7 @@
     },
     "browserify-aes": {
       "version": "1.2.0",
-      "resolved": "http://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
       "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
       "dev": true,
       "requires": {
@@ -1694,7 +1694,7 @@
     },
     "browserify-rsa": {
       "version": "4.0.1",
-      "resolved": "http://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
       "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=",
       "dev": true,
       "requires": {
@@ -1755,7 +1755,7 @@
     },
     "buffer": {
       "version": "4.9.1",
-      "resolved": "http://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz",
       "integrity": "sha1-bRu2AbB6TvztlwlBMgkwJ8lbwpg=",
       "dev": true,
       "requires": {
@@ -2294,7 +2294,7 @@
     },
     "create-hash": {
       "version": "1.2.0",
-      "resolved": "http://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
       "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
       "dev": true,
       "requires": {
@@ -2307,7 +2307,7 @@
     },
     "create-hmac": {
       "version": "1.1.7",
-      "resolved": "http://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
       "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
       "dev": true,
       "requires": {
@@ -2703,7 +2703,7 @@
     },
     "diffie-hellman": {
       "version": "5.0.3",
-      "resolved": "http://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
       "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
       "dev": true,
       "requires": {
@@ -3238,7 +3238,7 @@
     },
     "express": {
       "version": "4.16.3",
-      "resolved": "http://registry.npmjs.org/express/-/express-4.16.3.tgz",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.16.3.tgz",
       "integrity": "sha1-avilAjUNsyRuzEvs9rWjTSL37VM=",
       "dev": true,
       "requires": {
@@ -4555,7 +4555,7 @@
     },
     "http-errors": {
       "version": "1.6.3",
-      "resolved": "http://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
       "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=",
       "dev": true,
       "requires": {
@@ -4584,7 +4584,7 @@
     },
     "http-proxy-middleware": {
       "version": "0.18.0",
-      "resolved": "http://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.18.0.tgz",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.18.0.tgz",
       "integrity": "sha512-Fs25KVMPAIIcgjMZkVHJoKg9VcXcC1C8yb9JUgeDvVXY0S/zgVIhMb+qVswDIgtJe2DfckMSY2d6TuTEutlk6Q==",
       "dev": true,
       "requires": {
@@ -5025,7 +5025,7 @@
     },
     "is-obj": {
       "version": "1.0.1",
-      "resolved": "http://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
       "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8=",
       "dev": true
     },
@@ -6222,7 +6222,7 @@
     },
     "parse-asn1": {
       "version": "5.1.1",
-      "resolved": "http://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.1.tgz",
       "integrity": "sha512-KPx7flKXg775zZpnp9SxJlz00gTd4BmJ2yJufSc44gMCRrRQ7NSzAcSJQfifuOLgW6bEi+ftrALtsgALeB2Adw==",
       "dev": true,
       "requires": {
@@ -6695,7 +6695,7 @@
     },
     "public-encrypt": {
       "version": "4.0.2",
-      "resolved": "http://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.2.tgz",
       "integrity": "sha512-4kJ5Esocg8X3h8YgJsKAuoesBgB7mqH3eowiDzMUPKiRDDE7E/BqqZD1hnTByIaAFiwAw246YEltSq7tdrOH0Q==",
       "dev": true,
       "requires": {
@@ -7472,7 +7472,7 @@
     },
     "sha.js": {
       "version": "2.4.11",
-      "resolved": "http://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
       "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
       "dev": true,
       "requires": {
@@ -7917,7 +7917,7 @@
         },
         "readable-stream": {
           "version": "2.3.6",
-          "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
           "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
           "dev": true,
           "requires": {
@@ -8023,7 +8023,7 @@
     },
     "table": {
       "version": "4.0.3",
-      "resolved": "http://registry.npmjs.org/table/-/table-4.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/table/-/table-4.0.3.tgz",
       "integrity": "sha512-S7rnFITmBH1EnyKcvxBh1LjYeQMmnZtCXSEbHcH6S0NoKit24ZuFO/T1vDcLdYsLQkM188PVVhQmzKIuThNkKg==",
       "dev": true,
       "requires": {
diff --git a/src/admin/components/other/checkbox-filter-modal.vue b/src/admin/components/other/checkbox-filter-modal.vue
index 31be1883a..77840bbde 100644
--- a/src/admin/components/other/checkbox-filter-modal.vue
+++ b/src/admin/components/other/checkbox-filter-modal.vue
@@ -107,7 +107,7 @@
             </div>
             <!--<pre>{{ hierarchicalPath }}</pre>-->
             <!--<pre>{{ totalRemaining }}</pre>-->
-            <pre>{{ selected }}</pre>
+            <!--<pre>{{ selected }}</pre>-->
             <!--<pre>{{ options }}</pre>-->
             <!--<pre>{{ searchResults }}</pre>-->
 
@@ -482,6 +482,8 @@
                         collection_id: this.collection_id ? this.collection_id : this.filter.collection_id,
                         value: this.selected,
                     });
+                } else {
+                    this.$emit('input', this.selected)
                 }
 
                 this.$emit('appliedCheckBoxModal');
diff --git a/src/classes/metadata-types/taxonomy/Taxonomy.vue b/src/classes/metadata-types/taxonomy/Taxonomy.vue
index feca27243..02681cfaf 100644
--- a/src/classes/metadata-types/taxonomy/Taxonomy.vue
+++ b/src/classes/metadata-types/taxonomy/Taxonomy.vue
@@ -5,18 +5,11 @@
                 :is="getComponent"
                 :maxtags="maxtags"
                 v-model="valueComponent"
-                @input="onInput"
                 :allow-select-to-create="allowSelectToCreate"
                 :allow-new="allowNew"
                 :terms="terms"
                 :taxonomy-id="taxonomy_id"
                 :options="getOptions(0)"/>
-        <!--<a -->
-                <!--class="add-new-term"-->
-                <!--v-if="(getComponent == 'tainacan-taxonomy-checkbox' || getComponent == 'tainacan-taxonomy-radio') && terms.length < totalTerms"-->
-                <!--@click="getTermsFromTaxonomy()">-->
-            <!--{{ $i18n.get('label_view_more') + ' (' + Number(totalTerms - terms.length) + ' ' + $i18n.get('terms') + ')' }}-->
-        <!--</a>-->
         <a
                 class="add-new-term"
                 v-if="(getComponent == 'tainacan-taxonomy-checkbox') && terms.length < totalTerms"
@@ -133,7 +126,12 @@
                         collection_id: this.collectionId,
                         isTaxonomy: true,
                         query: '',
-                        metadatum: this.metadatum,
+                        metadatum: this.metadatum.metadatum,
+                    },
+                    events: {
+                        input: (selected) => {
+                            this.valueComponent = selected;
+                        }
                     },
                     width: 'calc(100% - 8.333333333%)',
                 });

From 5b6d0f067f5064310483265c148ae491948fafb6 Mon Sep 17 00:00:00 2001
From: weryques <weryques@outlook.com>
Date: Thu, 20 Sep 2018 10:55:18 -0300
Subject: [PATCH 3/3] Modal hierarchical for metadata taxonomy checkbox and
 radio (#121)

---
 .../other/checkbox-filter-modal.vue           | 26 ++++++++++++++++---
 src/admin/tainacan-admin-i18n.php             |  1 +
 .../metadata-types/taxonomy/Taxonomy.vue      |  6 +++--
 .../metadata-types/taxonomy/TaxonomyRadio.vue | 11 +++++++-
 4 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/src/admin/components/other/checkbox-filter-modal.vue b/src/admin/components/other/checkbox-filter-modal.vue
index 77840bbde..d37d88d0c 100644
--- a/src/admin/components/other/checkbox-filter-modal.vue
+++ b/src/admin/components/other/checkbox-filter-modal.vue
@@ -77,10 +77,17 @@
                             :ref="`${key}.${index}-tainacan-li-checkbox-model`"
                             :key="index">
                         <b-checkbox
+                                v-if="isCheckbox"
                                 v-model="selected"
                                 :native-value="option.value">
                             {{ `${option.label}` }}
                         </b-checkbox>
+                        <b-radio
+                                v-else
+                                v-model="selected"
+                                :native-value="option.value">
+                            {{ `${option.label}` }}
+                        </b-radio>
                         <a
                                 v-if="option.total_children > 0"
                                 @click="getOptionChildren(option, key, index)">
@@ -120,10 +127,17 @@
                             v-for="(option, key) in searchResults"
                             :key="key">
                         <b-checkbox
+                                v-if="isCheckbox"
                                 v-model="selected"
                                 :native-value="option.id ? option.id : option.value">
                             {{ `${ option.name ? limitChars(option.name) : limitChars(option.label) }` }}
                         </b-checkbox>
+                        <b-radio
+                                v-else
+                                v-model="selected"
+                                :native-value="option.id ? option.id : option.value">
+                            {{ `${ option.name ? limitChars(option.name) : limitChars(option.label) }` }}
+                        </b-radio>
                     </li>
                     <b-loading
                             :is-full-page="false"
@@ -174,11 +188,15 @@
             selected: Array,
             isTaxonomy: {
                 type: Boolean,
-                default: false
+                default: false,
             },
             metadatum_type: String,
             metadatum_object: Object,
             isRepositoryLevel: Boolean,
+            isCheckbox: {
+                type: Boolean,
+                default: true,
+            },
         },
         data() {
             return {
@@ -563,7 +581,7 @@
         flex-shrink: 1;
         max-width: calc(50% - 8.3333333%);
 
-        .b-checkbox {
+        .b-checkbox, .b-radio {
             max-width: 86%;
             margin-right: 10px;
         }
@@ -577,7 +595,7 @@
         display: flex;
         padding: 0;
 
-        .b-checkbox {
+        .b-checkbox, .b-radio {
             max-width: 86%;
             margin-left: 0.7rem;
             height: 24px;
@@ -594,7 +612,7 @@
         flex-shrink: 1;
         max-width: calc(50% - 8.3333333%);
 
-        .b-checkbox {
+        .b-checkbox, .b-radio {
             margin-right: 10px;
         }
 
diff --git a/src/admin/tainacan-admin-i18n.php b/src/admin/tainacan-admin-i18n.php
index 4ec7dc551..a60e3dd7f 100644
--- a/src/admin/tainacan-admin-i18n.php
+++ b/src/admin/tainacan-admin-i18n.php
@@ -72,6 +72,7 @@ return apply_filters( 'tainacan-admin-i18n', [
 	'finish'                                         => __( 'Finish', 'tainacan' ),
 	'select_to_create'                               => __( 'select to create', 'tainacan' ),
 	'new_action'                                     => __( 'New action', 'tainacan' ),
+	'clear_radio'                                    => __( 'Clear selected radio', 'tainacan'),
 
 	// Wordpress Status
 	'publish'                                        => __( 'Publish', 'tainacan' ),
diff --git a/src/classes/metadata-types/taxonomy/Taxonomy.vue b/src/classes/metadata-types/taxonomy/Taxonomy.vue
index 02681cfaf..b92a4ac8e 100644
--- a/src/classes/metadata-types/taxonomy/Taxonomy.vue
+++ b/src/classes/metadata-types/taxonomy/Taxonomy.vue
@@ -12,7 +12,8 @@
                 :options="getOptions(0)"/>
         <a
                 class="add-new-term"
-                v-if="(getComponent == 'tainacan-taxonomy-checkbox') && terms.length < totalTerms"
+                v-if="(this.getComponent == 'tainacan-taxonomy-checkbox' || this.getComponent == 'tainacan-taxonomy-radio') &&
+                 terms.length < totalTerms"
                 @click="openCheckboxModal()">
             {{ $i18n.get('label_view_all') }}
         </a>
@@ -76,7 +77,7 @@
                 totalTerms: 0,
                 allowNew: false,
                 offset: 0,
-                termsNumber: 7
+                termsNumber: 12
             }
         },
         watch: {
@@ -127,6 +128,7 @@
                         isTaxonomy: true,
                         query: '',
                         metadatum: this.metadatum.metadatum,
+                        isCheckbox: this.getComponent == 'tainacan-taxonomy-checkbox'
                     },
                     events: {
                         input: (selected) => {
diff --git a/src/classes/metadata-types/taxonomy/TaxonomyRadio.vue b/src/classes/metadata-types/taxonomy/TaxonomyRadio.vue
index ac7ae0b94..e2b09fcee 100644
--- a/src/classes/metadata-types/taxonomy/TaxonomyRadio.vue
+++ b/src/classes/metadata-types/taxonomy/TaxonomyRadio.vue
@@ -1,6 +1,15 @@
 <template>
     <div>
-        <div 
+        <b-radio
+                :disabled="disabled"
+                :id="id"
+                v-model="checked"
+                @input="onChecked()"
+                :native-value="''"
+                border>
+            {{ $i18n.get('clear_radio') }}
+        </b-radio>
+        <div
                 v-for="(option, index) in options"
                 :key="index">
             <b-radio