![](\"/static/images/logo.jpg\"){kind=logo}
DSKM- \r\n
\r\n { items &&
\r\n - \r\n {\r\n items.map(item => {\r\n const index = item.indexOf('>>');\r\n let subItems = null;\r\n if(index > 0 ) {\r\n subItems = item.substring(index + 2).split(',');\r\n item = item.substring(0, index );\r\n } \r\n\r\n return
- \r\n { }\r\n { subItems &&
- { subItems.map(si =>
- { } )}
\r\n })\r\n }\r\n
\r\n { icon && icon.style && icon.style.textAlign === 'center' && }\r\n { title && 
\r\n }\r\n\t\t\t\t\t{ text && text.map(t => ) }\r\n { html && html.map(h => ) }\r\n {\r\n items &&
\r\n \r\n { icon && icon.style && icon.style.textAlign === 'left' && }\r\n \r\n
\r\n }\r\n { subTitle &&{subTitle}
}\r\n { \r\n video ? ( video.source === \"Facebook\" ?\r\n\t\t\t\t\t\t\t : \r\n\t\t\t\t\t\t\t) :\r\n image && \r\n \r\n { link.text }\r\n \r\n
\r\n } \r\n \r\n { \r\n video ? ( video.source === \"Facebook\" ?\r\n : \r\n ) :\r\n image && \r\n }\r\n
;\r\n\r\n const info = (days: any, hours: any, minutes: any, seconds: any) => \r\n
\r\n \r\n
\r\n \r\n
\r\n {moment(startTime).date()}
\r\n {moment(startTime).format('MMM')}
\r\n \r\n \r\n
\r\n - \r\n
- \r\n \r\n { moment(startTime).format('LT') } - {moment(endTime).format('LT') }\r\n
![\"\"](\"static/images/calendar.png\")
\r\n - \r\n \r\n { location }\r\n
![\"\"](\"static/images/location.png\")
\r\n
\r\n { text && text.map(t =>
\r\n { days && days > 0 && hours && hours > 0 && minutes && minutes > 0 && seconds && seconds > 0 && { t }
) }\r\n\r\n
\r\n }\r\n - \r\n
- {days}day\r\n
- {hours}hrs\r\n
- {minutes}min\r\n
- {seconds}sec\r\n
\r\n
\r\n \r\n
\r\n \r\n { \r\n style && style.imageAlign === 'right' ? \r\n : \r\n \r\n }\r\n
\r\n \r\n { info (days, hours, minutes, seconds) }\r\n
\r\n \r\n { media() }\r\n
\r\n \r\n { media() }\r\n
\r\n \r\n { info (days, hours, minutes, seconds)}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n { \r\n video ? ( video.source === \"Facebook\" ?\r\n : \r\n ) :\r\n image && \r\n }\r\n
\r\n \r\n
\r\n \r\n {title}\r\n
\r\n \r\n
\r\n - \r\n
- {createdBy} \r\n
- {moment(startTime).format('DD MMM, YYYY')} \r\n
- {commentCount} \r\n
\r\n {\r\n text && text.map(t =>
\r\n { t }
)\r\n }\r\n\r\n\t\t\t\t\t
\r\n \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{ (title || preacher || categories) &&\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{ video ? ( video.source === \"Facebook\" ?\r\n\t\t\t\t\t\t\t : \r\n\t\t\t\t\t\t\t) :\r\n\t\t\t\t\t\t\t{moment(date).date()}
\r\n\t\t\t\t\t\t\t{moment(date).format('MMM')}
\r\n \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{ preacher &&
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{/*
\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t{ categories && Pastor:
*/}\r\n\t\t\t\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t\t\t
- {preacher} \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tCategories:
\r\n\t\t\t\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\tcategories.split(',').map((category: string, index: number) =>
- {category}, )\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n contents && contents.map((content: Content, index: number) => {\r\n if(isNullOrUndefined(content.type) || content.type === 'banner') {\r\n return (\r\n
\r\n Events
\r\nThis component demonstrates fetching data from the server and working with URL parameters.
\r\n {this.renderEvents()}\r\n {this.renderPagination()}\r\n| Start Time | \r\nEnd Time | \r\nTitle | \r\nLocation | \r\n
|---|---|---|---|
| {event.startTime} | \r\n{event.endTime} | \r\n{event.title} | \r\n{event.location} | \r\n
\r\n Previous\r\n {this.props.isLoading && Loading...}\r\n Next\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n (state: ApplicationState) => state.events, // Selects which state properties are merged into the component's props\r\n EventsStore.actionCreators // Selects which action creators are merged into the component's props\r\n)(EventList as any);\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { RouteComponentProps } from 'react-router';\r\nimport { Link } from 'react-router-dom';\r\nimport { ApplicationState } from '../store';\r\nimport * as BlogsStore from '../store/Blogs';\r\nimport { Blog } from '../api/gen/index.eotc';\r\n\r\n// At runtime, Redux will merge together...\r\ntype BlogProps =\r\n BlogsStore.BlogsState // ... state we've requested from the Redux store\r\n & typeof BlogsStore.actionCreators // ... plus action creators we've requested\r\n & RouteComponentProps<{ startIndex: string }>; // ... plus incoming routing parameters\r\n\r\n\r\nclass BlogList extends React.PureComponentBlogs
\r\nThis component demonstrates fetching data from the server and working with URL parameters.
\r\n {this.renderBlogs()}\r\n {this.renderPagination()}\r\n| Date | \r\nCreated By | \r\nTitle | \r\nImage | \r\n
|---|---|---|---|
| {blog.date} | \r\n{blog.createdBy} | \r\n{blog.title} | \r\n{blog.image} | \r\n
\r\n Previous\r\n {this.props.isLoading && Loading...}\r\n Next\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n (state: ApplicationState) => state.blogs, // Selects which state properties are merged into the component's props\r\n BlogsStore.actionCreators // Selects which action creators are merged into the component's props\r\n)(BlogList as any);\r\n","import * as React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { RouteComponentProps } from 'react-router';\r\nimport { Link } from 'react-router-dom';\r\nimport { ApplicationState } from '../store';\r\nimport * as SermonsStore from '../store/Sermons';\r\nimport { Sermon } from '../api/gen/index.eotc';\r\n\r\n// At runtime, Redux will merge together...\r\ntype SermonProps =\r\n SermonsStore.SermonsState // ... state we've requested from the Redux store\r\n & typeof SermonsStore.actionCreators // ... plus action creators we've requested\r\n & RouteComponentProps<{ startIndex: string }>; // ... plus incoming routing parameters\r\n\r\n\r\nclass SermonList extends React.PureComponentSermons
\r\nThis component demonstrates fetching data from the server and working with URL parameters.
\r\n {this.renderSermons()}\r\n {this.renderPagination()}\r\n| Date | \r\nTitle | \r\nText | \r\nPreacher | \r\n
|---|---|---|---|
| {sermon.date} | \r\n{sermon.title} | \r\n{sermon.text} | \r\n{sermon.preacher} | \r\n
\r\n Previous\r\n {this.props.isLoading && Loading...}\r\n Next\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n (state: ApplicationState) => state.sermons, // Selects which state properties are merged into the component's props\r\n SermonsStore.actionCreators // Selects which action creators are merged into the component's props\r\n)(SermonList as any);\r\n","import * as React from 'react';\r\nimport injectSheet from 'react-jss';\r\nimport { connect } from 'react-redux';\r\nimport { RouteComponentProps } from 'react-router';\r\nimport { ApplicationState } from '../store';\r\nimport * as PageStore from '../store/Page';\r\nimport { Content, ContentGroup } from '../api/gen/index.eotc';\r\nimport { GenericContent } from './contents/GenericContent';\r\nimport { Event } from './contents/event/Event';\r\nimport { isNullOrUndefined } from 'util';\r\nimport { Theme } from '../Theme';\r\nimport { ContentGroupStyles } from '../Styles';\r\nimport { Container } from 'reactstrap';\r\nimport { Blog } from './contents/blog/Blog';\r\nimport { Sermon } from './contents/sermon/Sermon';\r\nimport { Gallery } from './contents/gallery/Gallery';\r\nimport { List } from './contents/list/List';\r\nimport copy from 'copy-to-clipboard';\r\nimport Modal from 'react-modal';\r\n \r\nimport './page.css';\r\n\r\n// At runtime, Redux will merge together...\r\ntype PageProps =\r\n PageStore.PagesState // ... state we've requested from the Redux store\r\n & typeof PageStore.actionCreators // ... plus action creators we've requested\r\n & RouteComponentProps<{ path: string }>; // ... plus incoming routing parameters\r\n\r\nconst style = (theme: Theme) => ({\r\n ...ContentGroupStyles(theme),\r\n});\r\n\r\nexport type ContentGroupProps = ContentGroup & {\r\n style?: any;\r\n classes: any,\r\n};\r\n\r\nconst gc = (props: ContentGroupProps) => {\r\n const { classes, contents, path } = props;\r\n const shareUrl = path && window.location.hostname + '/' + path.replace(/\\//g, '-').replace('.json', '').substring(1);\r\n const showShare = contents && contents.length > 0 && (contents.find(c => c.text !== null) || contents.find(c => c.items !== null) || contents.find(c => c.image !== null));\r\n console.log(showShare);\r\n let show = false;\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n { shareUrl && showShare && { copy(shareUrl); show = true; setTimeout(() => {\r\n show = false;\r\n }, 1000); } } style={{cursor: 'pointer', position: 'absolute', right: 10, top: -10, fontSize: 24}} className=\"fa fa-share-alt\" > }\r\n { show &&
\r\n