Merge pull request #133 from Maker-Management-Platform/87-implement-file-upload-to-octoprint

87 implement file upload to octoprint

Author: Nunardas

public/images/octoprint-logo.png

@@ -19,6 +19,7 @@ export function PrinterForm({ printer, onPrinterChange }: PrinterFormProps) {
             name: '',
             type: '',
             address: '',
+            apiKey: ''
         },
         validate: {
             name: hasLength({ min: 3 }, "Use at least 3 characters"),
@@ -82,6 +83,14 @@ export function PrinterForm({ printer, onPrinterChange }: PrinterFormProps) {
                 label="Type"
                 {...form.getInputProps('type')}
                 data={Array.from(printerTypes.values()).map(t => t.type)} />
+
+            {form.values.type === 'octoPrint' && <Input.Wrapper label="Api Key">
+                <Input
+                    placeholder=""
+                    mb="sm"
+                    {...form.getInputProps('apiKey')}
+                />
+            </Input.Wrapper>}
             <Input.Wrapper label="Address">
                 <Input
                     placeholder="http://192.168.0.123"

src/printers/components/parts/printer-form/PrinterForm.tsx

@@ -7,6 +7,7 @@ export interface Printer {
     status: string
     state: string
     version: string
+    apiKey?: string
 }
 
 export interface Thermal {
@@ -19,4 +20,6 @@ export interface Job {
     fileName: string,
 }
 
-export const printerTypes = new Map<string, any>([["klipper", { type: 'klipper', name: 'Klipper', logo: 'images/klipper-logo.png' }]])
+export const printerTypes = new Map<string, any>([["klipper", { type: 'klipper', name: 'Klipper', logo: 'images/klipper-logo.png' }], ["octoPrint", { type: 'octoPrint', name: 'op', logo: 'images/octoprint-logo.png' }]])
+
+