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 1e65ec834bf8e48f75230bea8505d843eda82a63..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> {
@@
-27,7
+28,12
@@
export class ProjectDetails extends DetailsData<ProjectResource> {
<DetailsAttribute label='Created at' value={formatDate(this.item.createdAt)} />
{/* Missing attr */}
<DetailsAttribute label='File size' value='1.4 GB' />
<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>;
}
}