yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-27 07:03:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve PluginHeader display in edit view

Browse Source
This commit is contained in:
Pierre Burgy 2017-04-25 17:45:57 +02:00
parent c9aebe3f8d
commit a3da03a645
2 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/strapi-plugin-content-manager/public/app/containers/Edit/index.js
View File

@ -7,6 +7,7 @@
import React from 'react';
import { connect } from 'react-redux';
import { createStructuredSelector } from 'reselect';
import _ from 'lodash';
import Container from 'components/Container';
import EditForm from 'components/EditForm';
@ -71,17 +72,21 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
disabled: this.props.deleting,
}];
// Plugin header config
const pluginHeaderTitle = _.upperFirst(this.props.routeParams.slug) || 'Content Manager';
const pluginHeaderDescription = this.props.record ? `#${this.props.record.get('id') }` : 'Content Manager';
return (
<div className="col-md-12">
<div className="container-fluid">
<PluginHeader
title={{
id: 'plugin-content-manager-title',
defaultMessage: `Content Manager > ${this.props.routeParams.slug}`
defaultMessage: `${pluginHeaderTitle}`
}}
description={{
id: 'plugin-content-manager-description',
defaultMessage: `Manage your ${this.props.routeParams.slug}`
defaultMessage: `${pluginHeaderDescription}`
}}
actions={headersActions}
/>
@ -133,7 +138,7 @@ function mapDispatchToProps(dispatch) {
editRecord: () => dispatch(editRecord()),
deleteRecord: () => {
// TODO: improve confirmation UX.
if (confirm('Are you sure ?')) {
if (window.confirm('Are you sure ?')) {
dispatch(deleteRecord());
}
},

11
packages/strapi-plugin-content-manager/public/app/containers/List/index.js
View File

@ -92,20 +92,23 @@ export class List extends React.Component { // eslint-disable-line react/prefer-
);
}
// Plugin header config
const pluginHeaderTitle = _.upperFirst(this.props.currentModelNamePluralized) || 'Content Manager';
const pluginHeaderDescription = `Manage your ${this.props.currentModelNamePluralized}`;
return (
<div>
<div className={`container-fluid ${styles.containerFluid}`}>
<PluginHeader
title={{
id: 'plugin-content-manager-title',
defaultMessage: `${_.upperFirst(this.props.currentModelNamePluralized) || 'Content Manager'}`
defaultMessage: `${pluginHeaderTitle}`
}}
description={{
id: 'plugin-content-manager-description',
defaultMessage: `Manage your ${this.props.currentModelNamePluralized}`
defaultMessage: `${pluginHeaderDescription}`
}}
>
</PluginHeader>
/>
<Container>
{content}
<TableFooter