projects
/
arvados.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
improve panel details - show modal description using rich text editor
[arvados.git]
/
src
/
views-components
/
details-panel
/
project-details.tsx
diff --git
a/src/views-components/details-panel/project-details.tsx
b/src/views-components/details-panel/project-details.tsx
index 154f0a2c906e908660d05d5d437c65ad7890911a..0e8835affdb92f0231b216550cec8807738dfde7 100644
(file)
--- a/
src/views-components/details-panel/project-details.tsx
+++ b/
src/views-components/details-panel/project-details.tsx
@@
-10,6
+10,7
@@
import { ResourceKind } from '~/models/resource';
import { resourceLabel } from '~/common/labels';
import { DetailsData } from "./details-data";
import { DetailsAttribute } from "~/components/details-attribute/details-attribute";
import { resourceLabel } from '~/common/labels';
import { DetailsData } from "./details-data";
import { DetailsAttribute } from "~/components/details-attribute/details-attribute";
+import { RichTextEditorLink } from '~/components/rich-text-editor-link/rich-text-editor-link';
export class ProjectDetails extends DetailsData<ProjectResource> {
export class ProjectDetails extends DetailsData<ProjectResource> {
@@
-22,12
+23,17
@@
export class ProjectDetails extends DetailsData<ProjectResource> {
<DetailsAttribute label='Type' value={resourceLabel(ResourceKind.PROJECT)} />
{/* Missing attr */}
<DetailsAttribute label='Size' value='---' />
<DetailsAttribute label='Type' value={resourceLabel(ResourceKind.PROJECT)} />
{/* Missing attr */}
<DetailsAttribute label='Size' value='---' />
- <DetailsAttribute label='Owner' value={this.item.ownerUuid} />
+ <DetailsAttribute label='Owner' value={this.item.ownerUuid}
lowercaseValue={true}
/>
<DetailsAttribute label='Last modified' value={formatDate(this.item.modifiedAt)} />
<DetailsAttribute label='Created at' value={formatDate(this.item.createdAt)} />
{/* Missing attr */}
<DetailsAttribute label='File size' value='1.4 GB' />
<DetailsAttribute label='Last modified' value={formatDate(this.item.modifiedAt)} />
<DetailsAttribute label='Created at' value={formatDate(this.item.createdAt)} />
{/* Missing attr */}
<DetailsAttribute label='File size' value='1.4 GB' />
- <DetailsAttribute label='Description' value={this.item.description} />
+ <DetailsAttribute label='Description'>
+ <RichTextEditorLink
+ title={`Description of ${this.item.name}`}
+ content={this.item.description}
+ label='Show full description' />
+ </DetailsAttribute>
</div>;
}
}
</div>;
}
}