prehistoric-systems/FilterLists
1
0
Fork 0
mirror of https://github.com/collinbarrett/FilterLists.git synced 2026-03-11 09:04:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

expose syntax in detailsExpander

Browse source 
ref #429
This commit is contained in:
Collin Barrett 2018-09-15 20:58:23 -05:00
parent 9220647820
commit f6ce391eca
3 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/IFilterListDetailsDto.ts
View file

@ -16,7 +16,7 @@
publishedDate: string;
ruleCount: number;
submissionUrl: string;
syntax: IListSyntaxDto[];
syntax: IListSyntaxDto;
tags: IListTagDto[];
updatedDate: string;
viewUrl: string;

4
src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/InfoCard.tsx
View file

@ -6,6 +6,7 @@ import { Languages } from "./Languages";
import { License } from "./License";
import { PublishedDate } from "./PublishedDate";
import { RuleCount } from "./RuleCount";
import { Syntax } from "./Syntax";
import { Tags } from "./Tags";
import { UpdatedDate } from "./UpdatedDate";
@ -18,7 +19,7 @@ interface IProps {
name: string;
publishedDate: string;
ruleCount: number;
syntax: IListSyntaxDto[];
syntax: IListSyntaxDto;
tags: IListTagDto[];
updatedDate: string;
}
@ -33,6 +34,7 @@ export const InfoCard = (props: IProps) => {
<DiscontinuedDate date={props.discontinuedDate}/>
<UpdatedDate {...props}/>
<PublishedDate date={props.publishedDate}/>
<Syntax {...props.syntax}/>
<License {...props.license}/>
</ul>
</div>;

14
src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/Syntax.tsx Normal file
View file

@ -0,0 +1,14 @@
import * as React from "react";
import { IListSyntaxDto } from "../IFilterListDetailsDto";
export const Syntax = (props: IListSyntaxDto) => {
return props.name
? (props.definitionUrl
? <li className="list-group-item">
<p>Syntax: <a href={props.definitionUrl}>{props.name}</a></p>
</li>
: <li className="list-group-item">
<p>Syntax: {props.name}</p>
</li>)
: null;
};