Changeset 13f1472 for frontend/src/Dashboard/Menu.js

Timestamp:

09/18/22 18:09:53 (21 months ago)

Author:

Danilo <danilo.najkov@…>

Branches:

master

Parents:

49b0bbd

Message:

vip functionallity + menu fields + alergens filtering + google/fb login + email queueing

File:

• frontend/src/Dashboard/Menu.js (modified) (5 diffs)

frontend/src/Dashboard/Menu.js

@@ -1 +1 @@
 import React, {useEffect, useState} from 'react'
-import {Button, Form, Input, Card, notification} from "antd";
+import {Button, Form, Input, Card, notification, Checkbox, message, Upload} from "antd";
 import axios from "axios";
 import env from "../env";
+import {PlusOutlined} from "@ant-design/icons";
 
 const Menu = props => {
@@ -23 +24 @@
     }
 
+    const beforeUpload = (file) => {
+        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
+        if (!isJpgOrPng) {
+            message.error('Сликата мора да е формат jpg или png');
+        }
+        if(isJpgOrPng) setLoadingSave(true);
+        return isJpgOrPng;
+    }
+    const uploadChanged = (ev) =>{
+        if(ev.file.status == 'done'){
+            getRestaurant()
+        }
+    }
+
     const addMenu = (data) => {
         setLoadingSave(true);
+        console.log(data)
         axios.post(env.api + 'Menu/',{...data,price: parseInt(data.price)}, { headers: {Authorization: localStorage.getItem('Auth')}
         }).then(res => {
@@ -97 +113 @@
                     </Form.Item>
                     <Form.Item
+                        label="Алергени"
+                        name="alergens"
+                    >
+                        <Input/>
+                    </Form.Item>
+                    <Form.Item
                         label="Цена"
                         name="price"
@@ -109 +131 @@
                         <Input placeholder="Цена" type={'number'}/>
                     </Form.Item>
+                    <Form.Item
+                        name="isVipOnly"
+                        valuePropName="checked"
+                    >
+                        <Checkbox>Само за VIP</Checkbox>
+                    </Form.Item>
                     <Form.Item style={{textAlign: 'center'}}>
                         <Button type="primary" htmlType="submit" loading={loadingSave}>
@@ -118 +146 @@
             <div style={{textAlign:'start'}}>
                 {restaurant.menu.map(el =>
-                    <Card title={el.title} extra={<p style={{color:'red',cursor:'pointer'}} onClick={()=>deleteMenu(el.id)}>Избриши</p>} style={{ width: 300, display:'inline-block', margin:'10px' }} size="small">
+                    <Card key={el.id} title={el.title} extra={<div>{el.isVipOnly ? <span style={{color:'orange',fontWeight:'bold'}}>VIP </span>:''}<span style={{color:'red',cursor:'pointer'}} onClick={()=>deleteMenu(el.id)}>Избриши</span></div>} style={{ width: 300, display:'inline-block', margin:'10px' }} size="small">
+                        <div style={{height:'100px', width:'270px'}}>
+                            <Upload
+                                name="file"
+                                onChange={uploadChanged}
+                                showUploadList={false}
+                                beforeUpload={beforeUpload}
+                                style={{height: '100px', overflow: 'hidden'}}
+                                action={env.api+'Menu/'+el.id+'/upload'}
+                            >
+                                {el.image != "data:image/png;base64," ? <img style={{cursor: 'pointer'}} src={el.image} alt="avatar"
+                                                                                           height='100px' width={'270px'}/> : <div style={{cursor:'pointer',margin: 15,border:'1px solid gray',padding: 5}}><PlusOutlined /><div style={{ marginTop: 8}}>Додади слика</div></div>}
+                            </Upload>
+                        </div>
                         <p>{el.description}</p>
+                        <p>Алергени: {el.alergens.length ==0 ? 'Нема' : el.alergens}</p>
                         <b>{el.price} ден.</b>
                     </Card>