rename peripherie to miscellaneous

Signed-off-by: Stefan Dej <meteyou@gmail.com>

src/components/panels/MiscellaneousPanel.vue

@@ -27,15 +27,15 @@
             <v-divider></v-divider>
             <tool-slider label="Extrusion factor" :target="extrude_factor" :max="200" :multi="100" :step="1" command="M221" attribute-name="S" ></tool-slider>
         </v-card>
-        <v-card class="mt-6" v-if="this['printer/getPeripherie'].length">
+        <v-card class="mt-6" v-if="this['printer/getMiscellaneous'].length">
             <v-toolbar flat dense >
                 <v-toolbar-title>
-                    <span class="subheading"><v-icon left>mdi-dip-switch</v-icon>Peripherie</span>
+                    <span class="subheading"><v-icon left>mdi-dip-switch</v-icon>Miscellaneous</span>
                 </v-toolbar-title>
             </v-toolbar>
-            <div v-for="(object, index) of this['printer/getPeripherie']" v-bind:key="index">
+            <div v-for="(object, index) of this['printer/getMiscellaneous']" v-bind:key="index">
                 <v-divider v-if="index"></v-divider>
-                <peripherie-slider :name="object.name" :type="object.type" :target="object.power" :controllable="object.controllable" :pwm="object.pwm" :multi="parseInt(object.scale)" ></peripherie-slider>
+                <miscellaneous-slider :name="object.name" :type="object.type" :target="object.power" :controllable="object.controllable" :pwm="object.pwm" :multi="parseInt(object.scale)" ></miscellaneous-slider>
             </div>
         </v-card>
     </div>
@@ -43,12 +43,12 @@
 
 <script>
     import { mapState, mapGetters } from 'vuex'
-    import PeripherieSlider from '../../inputs/PeripherieSlider'
     import ToolSlider from '../../inputs/ToolSlider'
+    import MiscellaneousSlider from "@/inputs/MiscellaneousSlider";
 
     export default {
         components: {
-            PeripherieSlider,
+            MiscellaneousSlider,
             ToolSlider
         },
         data () {
@@ -63,7 +63,7 @@
                 printer_state: state => state.printer.print_stats.state,
             }),
             ...mapGetters([
-                'printer/getPeripherie',
+                'printer/getMiscellaneous',
             ]),
         },
     }

src/components/panels/index.js

@@ -8,7 +8,7 @@ import ToolsPanel from './ToolsPanel.vue'
 import ControlPanel from "./ControlPanel";
 import ExtruderPanel from "./ExtruderPanel";
 import ZOffsetPanel from "./ZOffsetPanel";
-import Peripherie from "./PeripheriePanel";
+import Miscellaneous from "./MiscellaneousPanel";
 import WebcamPanel from "./WebcamPanel";
 import MiniconsolePanel from "./MiniconsolePanel";
 import Settings from "./Settings/";
@@ -22,7 +22,7 @@ Vue.component('tools-panel', ToolsPanel);
 Vue.component('control-panel', ControlPanel);
 Vue.component('extruder-panel', ExtruderPanel);
 Vue.component('zoffset-panel', ZOffsetPanel);
-Vue.component('peripherie-panel', Peripherie);
+Vue.component('miscellaneous-panel', Miscellaneous);
 Vue.component('webcam-panel', WebcamPanel);
 Vue.component('miniconsole-panel', MiniconsolePanel);
 Vue.component('power-control-panel', PowerControlPanel);

src/pages/Dashboard.vue

@@ -9,7 +9,7 @@
             <z-offset-panel class="mt-6" v-if="klippy_state === 'ready'"></z-offset-panel>
             <control-panel class="mt-6" v-if="klippy_state === 'ready'"></control-panel>
             <extruder-panel class="mt-6" v-if="klippy_state === 'ready'"></extruder-panel>
-            <peripherie-panel v-if="klippy_state === 'ready'"></peripherie-panel>
+            <miscellaneous-panel v-if="klippy_state === 'ready'"></miscellaneous-panel>
         </v-col>
         <v-col class="col-sm-12 col-md-7" v-if="klippy_connected">
             <tools-panel v-if="socket_connected && klippy_connected"></tools-panel>

src/store/printer/getters.js

@@ -188,7 +188,7 @@ export default {
 		})
 	},
 
-	getPeripherie: state => {
+	getMiscellaneous: state => {
 		let output = [];
 		const supportedObjects = [
 			'controller_fan',