Rename k-radio to k-radio-button

Author: christianmemije

kolibri/core/assets/src/core-app/apiSpec.js

@@ -46,7 +46,7 @@ import pointsIcon from '../views/points-icon';
 import authMessage from '../views/auth-message';
 import kBreadcrumbs from '../views/k-breadcrumbs';
 import kCheckbox from '../views/k-checkbox';
-import kRadio from '../views/k-radio';
+import kRadioButton from '../views/k-radio-button';
 import router from '../router';
 import responsiveWindow from '../mixins/responsive-window';
 import responsiveElement from '../mixins/responsive-element';
@@ -103,7 +103,7 @@ export default {
       authMessage,
       kBreadcrumbs,
       kCheckbox,
-      kRadio,
+      kRadioButton,
     },
     router,
     mixins: {

kolibri/core/assets/src/views/k-radio/index.vue renamed to kolibri/core/assets/src/views/k-radio-button/index.vue

@@ -50,7 +50,7 @@
    * Used to display all options
    */
   export default {
-    name: 'k-radio',
+    name: 'k-radio-button',
     props: {
       /**
        * Label

kolibri/plugins/coach/assets/src/views/exams-page/change-exam-visibility-modal.vue

@@ -2,7 +2,7 @@
 
   <core-modal :title="$tr('examVisibility')" @cancel="close">
     <p v-html="$trHtml('shouldBeVisible', { examTitle })"></p>
-    <k-radio
+    <k-radio-button
       :label="$tr('entireClass', { className })"
       :radiovalue="true"
       v-model="classIsSelected"
@@ -33,7 +33,7 @@
   import { CollectionKinds } from 'kolibri.coreVue.vuex.constants';
   import coreModal from 'kolibri.coreVue.components.coreModal';
   import kButton from 'kolibri.coreVue.components.kButton';
-  import kRadio from 'kolibri.coreVue.components.kRadio';
+  import kRadioButton from 'kolibri.coreVue.components.kRadioButton';
   import uiSelect from 'keen-ui/src/UiSelect';
   export default {
     name: 'changeExamVisibilityModal',
@@ -50,7 +50,7 @@
     components: {
       coreModal,
       kButton,
-      kRadio,
+      kRadioButton,
       uiSelect,
     },
     props: {

kolibri/plugins/coach/assets/src/views/groups-page/move-learners-modal.vue

@@ -3,7 +3,7 @@
   <core-modal :title="$tr('moveLearners')"
     @cancel="close">
     <p>{{ $tr('moveThe') }} <strong>{{ $tr('learners', {count: usersToMove.length }) }}</strong> {{ $tr('to') }}:</p>
-    <k-radio
+    <k-radio-button
       v-for="group in groupsExcludingCurrent"
       :key="group.id"
       :radiovalue="group.id"
@@ -13,7 +13,7 @@
 
     <div v-if="!isUngrouped">
       <hr>
-      <k-radio
+      <k-radio-button
         radiovalue="ungrouped"
         :label="$tr('ungrouped')"
         v-model="groupSelected"
@@ -39,7 +39,7 @@
   import * as groupActions from '../../state/actions/group';
   import coreModal from 'kolibri.coreVue.components.coreModal';
   import kButton from 'kolibri.coreVue.components.kButton';
-  import kRadio from 'kolibri.coreVue.components.kRadio';
+  import kRadioButton from 'kolibri.coreVue.components.kRadioButton';
   export default {
     name: 'moveLearnersModal',
     $trs: {
@@ -54,7 +54,7 @@
     components: {
       coreModal,
       kButton,
-      kRadio,
+      kRadioButton,
     },
     props: {
       groupId: {

kolibri/plugins/management/assets/src/views/manage-content-page/wizards/drive-list.vue

@@ -10,15 +10,15 @@
 
     <div v-else>
       <h2>{{ $tr('drivesFound') }}</h2>
-      <k-radio
+      <k-radio-button
         v-for="drive in enabledDrives"
         :key="drive.id"
         :label="genEnabledDriveLabel(drive)"
         :radiovalue="drive.id"
         v-model="selectedDrive"
         @change="$emit('change', drive.id)"
       />
-      <k-radio
+      <k-radio-button
         v-for="drive in disabledDrives"
         :key="drive.id"
         :label="genDisabledDriveLabel(drive)"
@@ -34,10 +34,10 @@
 
 <script>
 
-  import kRadio from 'kolibri.coreVue.components.kRadio';
+  import kRadioButton from 'kolibri.coreVue.components.kRadioButton';
 
   export default {
-    components: { kRadio },
+    components: { kRadioButton },
     props: {
       value: {
         type: String,

kolibri/plugins/style_guide/assets/src/views/content/radios/example.html renamed to kolibri/plugins/style_guide/assets/src/views/content/radio-buttons/example.html

@@ -1,38 +1,38 @@
 <template>
 
   <div>
-    <k-radio
+    <k-radio-button
       label="Radio 1"
       :radiovalue="1"
       v-model="model1"
     >
-    </k-radio>
-    <k-radio
+    </k-radio-button>
+    <k-radio-button
       label="Radio 2"
       :radiovalue="2"
       v-model="model1"
     >
-    </k-radio>
-    <k-radio
+    </k-radio-button>
+    <k-radio-button
       label="Radio 3"
       :radiovalue="3"
       v-model="model1"
     >
-    </k-radio>
-    <k-radio
+    </k-radio-button>
+    <k-radio-button
       label="Radio 4 Disabled"
       :radiovalue="4"
       :disabled="true"
       v-model="model2"
     >
-    </k-radio>
-    <k-radio
+    </k-radio-button>
+    <k-radio-button
       label="Radio 5 Disabled"
       :radiovalue="5"
       :disabled="true"
       v-model="model2"
     >
-    </k-radio>
+    </k-radio-button>
   </div>
 
 </template>

kolibri/plugins/style_guide/assets/src/views/content/radios/index.vue renamed to kolibri/plugins/style_guide/assets/src/views/content/radio-buttons/index.vue

@@ -1,9 +1,9 @@
 <template>
 
-  <page-template title="Radios" :completed="false">
+  <page-template title="Radio Buttons" :completed="false">
 
-    <h2><code>{{ kRadioApi.name }}</code> API</h2>
-    <component-docs :api="kRadioApi" />
+    <h2><code>{{ kRadioButtonApi.name }}</code> API</h2>
+    <component-docs :api="kRadioButtonApi" />
 
     <h2>Code Example</h2>
     <vue-example :code="example" />
@@ -12,7 +12,7 @@
     <h3>Usage</h3>
     <ul>
       <li>Should be used when all options must be visible. If not, use a select.</li>
-      <li>Selected state of radios should denote positives (yes/selected)</li>
+      <li>Selected state of radio buttons should denote positives (yes/selected)</li>
       <li>Should not be used to filter tables or lists</li>
       <li>Should not be nested</li>
     </ul>
@@ -40,11 +40,11 @@
   import pageTemplate from '../../shell/page-template';
 
   import example from 'raw-loader!./example.html';
-  import kRadioApi from '!vue-doc!kolibri.coreVue.components.kRadio';
+  import kRadioButtonApi from '!vue-doc!kolibri.coreVue.components.kRadioButton';
 
   import FullVue from 'vue/dist/vue.common';
-  import kRadio from 'kolibri.coreVue.components.kRadio';
-  FullVue.component('k-radio', kRadio);
+  import kRadioButton from 'kolibri.coreVue.components.kRadioButton';
+  FullVue.component('k-radio-button', kRadioButton);
 
   export default {
     components: {
@@ -53,7 +53,7 @@
       vueExample,
     },
     data: () => ({
-      kRadioApi,
+      kRadioButtonApi,
       example,
     }),
   };

kolibri/plugins/style_guide/assets/src/views/shell/nav-menu.js

@@ -4,7 +4,7 @@ import buttonsPage from '../content/buttons';
 import breadcrumbsPage from '../content/breadcrumbs';
 import navbarPage from '../content/navbar';
 import checkboxesPage from '../content/checkboxes';
-import radiosPage from '../content/radios';
+import radioButtonsPage from '../content/radio-buttons';
 import homePage from '../content/style-guide-home';
 
 function sortSectionItems(items) {
@@ -55,10 +55,10 @@ const navMenu = [
         },
       },
       {
-        itemName: 'Radios',
+        itemName: 'Radio Buttons',
         itemRoute: {
-          path: `/components/radios`,
-          component: radiosPage,
+          path: `/components/radio-buttons`,
+          component: radioButtonsPage,
         },
       },
     ]),