ExternalVendorCode/chirpstack
1
0
Fork 0
mirror of https://github.com/chirpstack/chirpstack.git synced 2025-06-19 15:53:49 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Initial commit.

Browse Source
This commit is contained in:
Orne Brocaar
2022-04-06 21:18:32 +01:00
commit 96fe672fc7
709 changed files with 335482 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
ui/src/views/multicast-groups/CreateMulticastGroup.tsx Normal file
View File

@ -0,0 +1,66 @@
import React, { Component } from "react";
import { Link, RouteComponentProps } from "react-router-dom";
import { Space, Breadcrumb, Card, PageHeader } from "antd";
import { Tenant } from "@chirpstack/chirpstack-api-grpc-web/api/tenant_pb";
import { Application } from "@chirpstack/chirpstack-api-grpc-web/api/application_pb";
import { CreateMulticastGroupRequest, CreateMulticastGroupResponse, MulticastGroup } from "@chirpstack/chirpstack-api-grpc-web/api/multicast_group_pb";
import MulticastGroupForm from "./MulticastGroupForm";
import MulticastGroupStore from "../../stores/MulticastGroupStore";
interface IProps extends RouteComponentProps {
tenant: Tenant;
application: Application;
}
class CreateMulticastGroup extends Component<IProps> {
onFinish = (obj: MulticastGroup) => {
obj.setApplicationId(this.props.application.getId());
let req = new CreateMulticastGroupRequest();
req.setMulticastGroup(obj);
MulticastGroupStore.create(req, (resp: CreateMulticastGroupResponse) => {
this.props.history.push(`/tenants/${this.props.tenant.getId()}/applications/${this.props.application.getId()}/multicast-groups`);
});
}
render() {
let multicastGroup = new MulticastGroup();
multicastGroup.setApplicationId(this.props.application.getId());
return(
<Space direction="vertical" style={{width: "100%"}} size="large">
<PageHeader
breadcrumbRender={() => <Breadcrumb>
<Breadcrumb.Item>
<span>Tenants</span>
</Breadcrumb.Item>
<Breadcrumb.Item>
<span><Link to={`/tenants/${this.props.tenant.getId()}`}>{this.props.tenant.getName()}</Link></span>
</Breadcrumb.Item>
<Breadcrumb.Item>
<span><Link to={`/tenants/${this.props.tenant.getId()}/applications`}>Applications</Link></span>
</Breadcrumb.Item>
<Breadcrumb.Item>
<span><Link to={`/tenants/${this.props.tenant.getId()}/applications/${this.props.application.getId()}`}>{this.props.application.getName()}</Link></span>
</Breadcrumb.Item>
<Breadcrumb.Item>
<span>Add multicast-group</span>
</Breadcrumb.Item>
</Breadcrumb>}
title="Add multicast-group"
/>
<Card>
<MulticastGroupForm initialValues={multicastGroup} onFinish={this.onFinish} />
</Card>
</Space>
);
}
}
export default CreateMulticastGroup;