this.facebookPluginDiv = el} data-href=\"https://www.facebook.com/kingcountysar/\" data-tabs=\"timeline\" data-width=\"500\" data-height=\"\" data-small-header=\"false\" data-adapt-container-width=\"true\" data-hide-cover=\"false\" data-show-facepile=\"true\">
)\r\n }\r\n}","import React, { Component } from 'react';\r\nimport AuthRoute from '../components/auth/AuthRoute';\r\nimport { connect } from 'react-redux';\r\nimport { actions } from '../redux/me';\r\nimport userManager from '../user-manager';\r\nimport { ActionsFactory } from '../redux/oidc';\r\nimport FacebookPage from '../components/facebook-page';\r\nimport './Home.css';\r\n\r\nconst oidcActions = ActionsFactory(userManager);\r\n\r\nclass UserHome extends Component {\r\n constructor(props) {\r\n super(props)\r\n props.loadApps();\r\n }\r\n\r\n render() {\r\n const { me } = this.props\r\n return King County Search and Rescue
\r\n \r\n \r\n {me.apps.data.map(a =>
\r\n :
\r\n }\r\n}\r\n\r\nclass Home extends Component {\r\n static displayName = Home.name;\r\n\r\n constructor(props) {\r\n super(props)\r\n props.preloadUser();\r\n }\r\n\r\n render () {\r\n const { user } = this.props;\r\n\r\n return (\r\n Here's a list of applications you can use:
\r\n {me.apps.loading\r\n ? Loading
\r\n : me.apps.failed\r\n ? failed
\r\n : me.apps.data && me.apps.data.length\r\n ? | {a.attributes.name} | {a.attributes.description} |
No applications available
\r\n }\r\n \r\n
\r\n {user\r\n ? KCSARA Member Portal
\r\n\r\n
\r\n }\r\n \r\n
\r\n This site provides members of King County Search and Rescue access to various member resources. In order to access these resources you must log in.
\r\n this.facebookColumn = el}>\r\n
\r\n \r\n Finishing login
\r\n \r\n );\r\n }\r\n}\r\n\r\nLoginCallback.propTypes = {\r\n dispatch: PropTypes.func.isRequired\r\n};\r\n\r\nexport default withRouter(connect()(LoginCallback));\r\n","import React, { Component } from 'react';\r\nimport { Button, PaginationItem } from 'reactstrap';\r\n\r\nconst PageLink = (props) => {\r\n const { children, ...rest} = props;\r\n return \r\n}\r\n\r\nexport default class Pager extends Component {\r\n render () {\r\n const { size, page, total, onPage } = this.props;\r\n\r\n var inner = {data.failed\r\n ?
\r\n Failure getting data.
\r\n : 0 rows returned
}\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default DataTable","import React from 'react';\r\n\r\nexport default React.memo(({member, token}) => (\r\n\r\n
\r\n Show entries
\r\n \r\n \r\n {data.loading ? SELECT_MODE_NONE} size=\"sm\">\r\n \r\n
\r\n setOptions({page: p})} total={data.meta ? (data.meta.filteredRows||data.meta.totalRows) : null} {...data.opts} />\r\n
\r\n \r\n \r\n
: null} \r\n \r\n \r\n
\r\n | {c.title} | )}\r\n
|---|
\r\n
\r\n));","import React from 'react';\r\n\r\nexport default React.memo(({member}) => (\r\nMember Information
\r\n{member\r\n ? (member.meta||{}).notAMember\r\n ?No member found
\r\n : \r\n 
\r\n
\r\n : \r\n
\r\n {member.data.attributes.wacLevel}
\r\n {member.data.attributes.name}
\r\n ID#: {member.data.attributes.workerNumber}
\r\n }\r\n
\r\n
));","import React from 'react';\r\n\r\nexport default React.memo(({logins}) => (\r\n Unit Membership
\r\n{member\r\n ? (member.meta||{}).notAMember\r\n ? null\r\n :\r\n {(member.data.attributes.units || []).map(u =>
\r\n : {u.unit.name} - {u.status}
)}\r\n }\r\n
\r\n
));","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux'\r\nimport { Link } from 'react-router-dom';\r\n//import { Button } from 'reactstrap';\r\nimport DataTable, { DateCell, IconCell } from '../../components/table/DataTable';\r\nimport { actions } from '../../redux/accounts';\r\nimport MemberProfileCard from '../../components/account/member-profile-card';\r\nimport MemberUnitsCard from '../../components/account/member-units-card';\r\nimport AccountLoginsCard from '../../components/account/account-logins-card';\r\n\r\nconst UsernameCell = React.memo((props) => props.value === '@' ? External Login : props.value)\r\n\r\nconst ActionCell = React.memo((props) => [\r\n // ,\r\n \r\n])\r\n\r\nclass ChildRow extends Component {\r\n constructor(props) {\r\n super(props)\r\n props.doLoadDetails(props.row.id, props.row.attributes.memberId)\r\n }\r\n\r\n render() {\r\n const { accounts, token } = this.props;\r\n const member = accounts.details.member;\r\n return External Logins
\r\n {logins && logins.data\r\n ? logins.data.length\r\n ? logins.data.map(login => {login.attributes.displayName}
)\r\n : No external logins
\r\n : }\r\n
\r\n
\r\n }\r\n}\r\nconst ConnectedChildRow = connect(\r\n (store) => {\r\n return {\r\n accounts: store.accounts,\r\n token: store.oidc.user.access_token\r\n }\r\n },\r\n (dispatch, ownProps) => {\r\n return {\r\n doLoadDetails: (userId, memberId) => dispatch(actions.loadAccountDetails(userId, memberId))\r\n }\r\n }\r\n )(ChildRow)\r\n\r\nclass AccountsPage extends Component {\r\n render() {\r\n const columns = [\r\n { title: 'Last Name', data: 'attributes.lastName' },\r\n { title: 'Name', data: 'attributes.name' },\r\n { title: 'Email', data: 'attributes.email' },\r\n { title: 'User Name', data: 'attributes.userName', render: UsernameCell },\r\n { title: 'Locked?', data: 'attributes.isLocked', className: 'text-center', render: { component: IconCell, faSet: 'fas', onIcon: 'fa-lock' }},\r\n { title: 'Last Login', data: 'attributes.lastLogin', render: { component: DateCell, tz: 'America/Los_Angeles', emptyText: 'Never' } },\r\n { render: ActionCell, className: 'dt-actions' }\r\n ]\r\n\r\n const { doLoad, doTableOpts, doRowToggle, dataTable } = this.props;\r\n\r\n return (\r\n
)\r\n }\r\n}\r\n\r\nconst storeToProps = (store) => {\r\n return {\r\n dataTable: store.accounts.list\r\n }\r\n}\r\n\r\nconst dispatchToProps = (dispatch, ownProps) => {\r\n return {\r\n doLoad: () => dispatch(actions.load()),\r\n doTableOpts: opts => dispatch(actions.setOptions(opts)),\r\n doRowToggle: (index, row) => dispatch(actions.toggleRow(index, row))\r\n }\r\n}\r\n\r\nexport default connect(storeToProps, dispatchToProps)(AccountsPage)","import React, { Component } from 'react';\r\nimport { Button } from 'reactstrap';\r\n\r\nclass GroupsByAssignmentCard extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = { expanded: { } }\r\n }\r\n\r\n toggleExpanded = id => {\r\n const expanded = { ...this.state.expanded };\r\n if (expanded[id]) {\r\n delete expanded[id]\r\n } else {\r\n expanded[id] = true;\r\n }\r\n this.setState({ expanded })\r\n }\r\n\r\n render() {\r\n const {groups} = this.props;\r\n const { expanded } = this.state;\r\n return (\r\n Accounts
\r\n\r\n
\r\n \r\n {groups.data.map(group => group.relationships.parent\r\n ? expanded[group.relationships.parent.data.id]\r\n ?
\r\n );\r\n }\r\n}\r\n\r\nclass GroupsByEffectiveCard extends Component {\r\n render() {\r\n const { groups } = this.props;\r\n const part = groups.data.map(g => g.relationships.parent ? g.relationships.parent.data : g )\r\nconsole.log(part);\r\n\r\n const effective = Object.values(\r\n groups.data\r\n //.map(g => g.relationships.parent ? g.relationships.parent.data : g )\r\n .reduce((accum, cur) => {\r\n accum[cur.id] = {...accum[cur.id], ...cur};\r\n return accum;\r\n }, {})\r\n );\r\n effective.sort((a,b) => a.id < b.id ? -1 : a.id > b.id ? 1 : 0);\r\n \r\n console.log(effective)\r\n return {group.id}
\r\n : null\r\n : {group.attributes.displayName}
\r\n )}\r\n \r\n {effective.map(g =>
\r\n }\r\n}\r\n\r\nexport default class AccountGroupsCard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { mode: 'assigned' }\r\n }\r\n\r\n setMode = (event) => {\r\n this.setState({mode: event.target.value })\r\n }\r\n\r\n render() {\r\n const {groups} = this.props;\r\n return (\r\n {g.id}
)}\r\n \r\n
\r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { connect } from 'react-redux'\r\nimport { Link } from 'react-router-dom';\r\n//import { Button } from 'reactstrap';\r\nimport DataTable, { DateCell, IconCell } from '../../components/table/DataTable';\r\nimport { actions } from '../../redux/accounts';\r\nimport MemberProfileCard from '../../components/account/member-profile-card';\r\nimport MemberUnitsCard from '../../components/account/member-units-card';\r\nimport AccountLoginsCard from '../../components/account/account-logins-card';\r\nimport AccountGroupsCard from '../../components/account/account-groups-card';\r\n\r\nimport './Account.css';\r\n\r\nconst AccountInfoCard = React.memo(({data}) => (\r\n Groups
\r\nDisplay:
\r\n {groups && groups.data\r\n ? groups.data.length\r\n ? this.state.mode === 'assigned' ? Not a member of any groups
\r\n : }\r\n
\r\n {!data.attributes ? null : \r\n \r\n \r\n }\r\n
\r\n));\r\n\r\nclass AccountPage extends Component {\r\n constructor(props) {\r\n super(props)\r\n props.doLoad();\r\n }\r\n\r\n render() {\r\n const { details, token } = this.props;\r\n\r\n return {data.attributes.name} {data.attributes.isLocked ? : null}
\r\n Username: {data.attributes.userName.startsWith('@')\r\n ? Using external login\r\n : data.attributes.userName}
\r\n Email: {data.attributes.email}
\r\n \r\n \r\n }\r\n
\r\n }\r\n}\r\n\r\nconst storeToProps = (store, ownProps) => {\r\n return {\r\n token: store.oidc.user.access_token,\r\n details: store.accounts.details\r\n }\r\n}\r\n\r\nconst dispatchToProps = (dispatch, ownProps) => {\r\n return {\r\n doLoad: () => dispatch(actions.loadAccountFull(ownProps.match.params.id)),\r\n doLoadDetails: (userId, memberId) => dispatch(actions.loadAccountDetails(userId, memberId))\r\n }\r\n}\r\n\r\nexport default withRouter(connect(storeToProps, dispatchToProps)(AccountPage));","import './App.css';\r\nimport React, { Component } from 'react';\r\nimport { Route } from 'react-router';\r\nimport { Layout } from './components/Layout';\r\nimport Home from './pages/Home';\r\nimport LoginCallback from './components/auth/LoginCallback';\r\nimport AdminAccounts from './pages/admin/Accounts';\r\nimport AdminAccount from './pages/admin/Account';\r\nimport AuthRoute from './components/auth/AuthRoute';\r\n\r\nexport default class App extends Component {\r\n static displayName = App.name;\r\n\r\n render () {\r\n return (\r\n Account Detail
\r\n {details.isLoading\r\n ? Loading ...
\r\n : \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n