Blog/Airframe-React
Template
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Init

Browse Source 
Preview: http://dashboards.webkom.co/react/airframe
This commit is contained in:
Tomasz Owczarczyk
2019-08-15 00:54:44 +02:00
parent f975443095
commit 37092d1d6c
626 changed files with 56691 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

156
app/routes/Apps/AccountEdit/AccountEdit.js Executable file
View File

@@ -0,0 +1,156 @@
import React from 'react';
import {
Container,
Row,
Col,
Input,
Card,
Button,
CardBody,
CardFooter,
CardTitle,
Label,
FormGroup,
Form
} from './../../../components';
import { HeaderMain } from "../../components/HeaderMain";
import { ProfileLeftNav } from "../../components/Profile/ProfileLeftNav";
import { ProfileHeader } from "../../components/Profile/ProfileHeader";
const AccountEdit = () => (
<React.Fragment>
<Container>
<HeaderMain
title="Account Edit"
className="mb-5 mt-4"
/>
{ /* START Content */}
<Row>
<Col lg={ 12 }>
<ProfileHeader />
</Col>
<Col lg={ 3 }>
<ProfileLeftNav />
</Col>
<Col lg={ 9 }>
<Card className="mb-3">
<CardBody>
<div className="d-flex mb-4">
<CardTitle tag="h6">
Account Edit
</CardTitle>
<span className="ml-auto align-self-start small">
Fields mark as <span className="text-danger">*</span> is required.
</span>
</div>
<Form>
{ /* START Input */}
<FormGroup row>
<Label for="oldPassword" sm={3} className="text-right">
<span className="text-danger">*</span> Old Password
</Label>
<Col sm={8}>
<Input
type="password"
name="password"
id="oldPassword"
defaultValue="********"
/>
</Col>
</FormGroup>
{ /* END Input */}
{ /* START Input */}
<FormGroup row>
<Label for="newPassword" sm={3} className="text-right">
<span className="text-danger">*</span> New Password
</Label>
<Col sm={8}>
<Input
type="password"
name="password"
id="newPassword"
defaultValue="********"
/>
</Col>
</FormGroup>
{ /* END Input */}
{ /* START Input */}
<FormGroup row className="mb-0">
<Label for="confirmNewPassword" sm={3} className="text-right">
<span className="text-danger">*</span> Confirm New Password
</Label>
<Col sm={8}>
<Input
type="password"
name="password"
id="confirmNewPassword"
defaultValue="********"
/>
</Col>
</FormGroup>
{ /* END Input */}
{ /* START Input */}
<FormGroup row>
<Label sm={3} >
</Label>
<Col sm={8}>
<Button color="primary">
Update Profile
</Button>
<Button color="link">
Forgot Password
</Button>
</Col>
</FormGroup>
{ /* END Input */}
</Form>
{ /* END Form */}
</CardBody>
<CardFooter className="small">
<i className="fa fa-fw fa-support text-muted mr-2"></i>
If you have trouble with the configuration, you can contact us. <a href="#">We Can Help</a>
</CardFooter>
</Card>
<Card className="mb-3">
<CardBody>
<CardTitle tag="h6">
Change Username
</CardTitle>
<p>
Changing the username is not recommended. In this connection,
I can appear <a href="#">many problems</a>.
</p>
<Button color="secondary" outline>
Change Username
</Button>
</CardBody>
</Card>
<Card className="mb-3 b-danger">
<CardBody>
<CardTitle tag="h6" className="text-danger">
Delete Account
</CardTitle>
<p>
Once you delete your account, there is no going back. Please be certain.
</p>
<Button color="danger" outline>
Yes, Delete
</Button>
</CardBody>
<CardFooter className="small">
<i className="fa fa-fw fa-support text-muted mr-2"></i>
Are you sure you don’t want to just downgrade your account to a <strong>Free Account</strong>? We won’t charge your PayPal account anymore.
</CardFooter>
</Card>
</Col>
</Row>
{ /* END Content */}
</Container>
</React.Fragment>
);
export default AccountEdit;

3
app/routes/Apps/AccountEdit/index.js Executable file
View File

@@ -0,0 +1,3 @@
import AccountEdit from './AccountEdit';
export default AccountEdit;