MUR-4: added part of murder assign list

src/common/localization/de.js

@@ -47,6 +47,22 @@ export default {
     ok: 'OK'
   },
   game: {
+    assignments: {
+      title: 'Mordauftrag',
+      empty: 'Das Spiel hat noch begonnen',
+      current: {
+        claim: 'Dein aktueller Mordauftrag gilt %{target}'
+      },
+      former: {
+        claim: 'Du hast %{target} erfolgreich ermordet'
+      },
+      failed: {
+        claim: 'Du hast das vor %{target} das zeitliche gesegnet'
+      },
+      leaved: {
+        claim: 'Du hast dich Feige aus dem Staub gemacht'
+      }
+    },
     participants: {
       title: 'Teilnehmer'
     },

src/common/localization/en.js

@@ -47,6 +47,22 @@ export default {
     ok: 'OK'
   },
   game: {
+    assignments: {
+      title: 'Murder assignment',
+      empty: 'Game has not started yet',
+      current: {
+        claim: 'Your current murder assignee is %{target}'
+      },
+      former: {
+        claim: 'You have successfully murdered %{target}'
+      },
+      failed: {
+        claim: 'You have died before killing %{target}'
+      },
+      leaved: {
+        claim: 'You ran away like a coward'
+      }
+    },
     participants: {
       title: 'Participants'
     },

src/common/types/game.js

@@ -2,6 +2,7 @@
 
 import type { GamePreferences, NewGamePreferences } from './gamePreferences'
 import type { NewPlayer, Player } from './player'
+import type {MurderAssignment} from "./murderAssignment";
 
 export const GAME_CODE_LENGTH = 6
 export const MIN_GAME_TITLE_LENGTH = 3
@@ -23,5 +24,6 @@ export type Game = {|
     ...NewGame,
     preferences: GamePreferences,
     owner: Player,
-    players: Player[]
+    players: Player[],
+    assignments: MurderAssignment[]
 |}

src/common/types/murder.js

@@ -0,0 +1,5 @@
+// @flow
+
+export type Murder = {|
+    id: number
+|}

src/common/types/murderAssignment.js

@@ -0,0 +1,11 @@
+// @flow
+
+export type MurderAssignmentState = 'PENDING' | 'FULFILLED' | 'FAILED' | 'PLAYER_LEAVED';
+
+export type MurderAssignment = {|
+    id: number,
+    killer: Player,
+    target: Player,
+    state: MurderAssignmentState,
+    murder: Murder
+|}

src/nav/game/components/AssignmentsList.js

@@ -0,0 +1,21 @@
+// @flow
+
+import React from 'react'
+import type { MurderAssignment } from '../../../common/types/murderAssignment';
+import MurderAssignmentCard from './MurderAssignmentCard'
+import { Card } from 'native-base'
+
+type PropsType = {|
+  assignments: MurderAssignment[]
+|}
+
+export default class AssignmentsList extends React.Component<PropsType> {
+  render () {
+    const { assignments } = this.props
+    return <>
+      { assignments.map<Card>(assignment => (
+        <MurderAssignmentCard key={ assignment.id } assignment={ assignment }/>
+      )) }
+    </>
+  }
+}

src/nav/game/components/GameMurderAssignmentScreen.js

@@ -0,0 +1,66 @@
+// @flow
+
+import React from 'react'
+import { Content, Text } from 'native-base'
+import type { Game } from '../../../common/types/game'
+import { RefreshControl, View } from 'react-native'
+import isEmpty from 'react-native-web/dist/vendor/react-native/isEmpty'
+import AssignmentsList from './AssignmentsList'
+import ApiError from '../../../common/api/apiError'
+import { toastifyError } from '../../../common/funtions/errorHandling'
+import GamesApi from '../../../common/api/gamesApi'
+import i18n from 'i18n-js'
+
+type PropsType = {|
+  game: Game,
+  navigation: NavigationScreenProp<NavigationState>
+|}
+
+type StateType = {|
+  loading: boolean
+|}
+
+export default class GameMurderAssignmentScreen extends React.Component<PropsType> {
+  state = {
+    loading: false
+  }
+
+  componentDidMount () {
+    this.refreshAssignments()
+  }
+
+  fetchGameAgain: (Game) => Promise<?Game> = (game: Game) => GamesApi.getGame(game.id)
+    .then(game => game.deleted ? null : game)
+    .catch(error => ApiError.handle(error, new Map([
+      [404, () => null]
+    ])))
+
+  refreshAssignments () {
+    this.setState({ loading: true })
+    const { game } = this.props
+    Promise.all(
+      this.props.game = this.fetchGameAgain(game)
+        .then(updatedGame => {
+
+        })
+    )
+      .catch(toastifyError)
+      .finally(() => this.setState({ loading: false }))
+  }
+
+  render () {
+    const { loading } = this.state
+    const { game, navigation } = this.props
+    const refreshControl = <RefreshControl refreshing={loading} onRefresh={this.refreshAssignments()}/>
+    return <Content refreshControl={refreshControl}>
+      { (game.assignments && !isEmpty(game.assignments))
+        ? <View>
+          <AssignmentsList assignments={game.assignments} navigation={navigation}/>
+        </View>
+        : <View>
+          <Text>{ i18n.t('games.assignments.empty') }</Text>
+        </View>
+      }
+    </Content>
+  }
+}

src/nav/game/components/GameTabsScreen.js

@@ -7,6 +7,7 @@ import type { NavigationScreenProp, NavigationState, NavigationStateRoute } from
 import i18n from 'i18n-js'
 import GameParticipantsScreen from './GameParticipantsScreen'
 import GamePreferencesScreen from './GamePreferencesScreen'
+import GameMurderAssignmentScreen from './GameMurderAssignmentScreen';
 
 const Tab = createBottomTabNavigator()
 
@@ -48,6 +49,10 @@ export default class GameTabsScreen extends React.Component<PropsType> {
 
   render () {
     return <Tab.Navigator tabBar={this.buildTabBar} backBehavior='none'>
+      <Tab.Screen name="Game.MurderAssignment" component={this.addGameProp(GameMurderAssignmentScreen)} options={{
+        title: i18n.t('game.murderAssignment.title'),
+        icon: <Icon name='target' type="MaterialCommunityIcons"/>
+      }}/>
       <Tab.Screen name="Game.Participants" component={this.addGameProp(GameParticipantsScreen)} options={{
         title: i18n.t('game.participants.title'),
         icon: <Icon android='md-people' ios='ios-people'/>

src/nav/game/components/MurderAssignmentCard.js

@@ -0,0 +1,47 @@
+// @flow
+
+import React from 'react'
+import { MurderAssignment } from '../../../common/types/murderAssignment'
+import { Card, CardItem, Icon, Text } from 'native-base'
+import i18n from 'i18n-js'
+
+type PropsType = {|
+  assignment: MurderAssignment
+|}
+
+export default class MurderAssignmentCard extends React.Component<PropsType> {
+  getAssignmentClaim () {
+    const { assignment } = this.props
+    const target = assignment.target
+    switch (this.props.assignment.state) {
+      case 'PENDING':
+        return <>
+          <Text>{ i18n.t('game.assignments.current.claim', { target: target.name }) }</Text>
+          <Icon name=""/>
+        </>
+      case 'FULFILLED':
+        return <>
+          <Text>{ i18n.t('game.assignments.former.claim') }</Text>
+          <Icon name=""/>
+        </>
+      case 'FAILED':
+        return <>
+          <Text>{ i18n.t('game.assignments.failed.claim', { target: target.name }) }</Text>
+          <Icon name=""/>
+        </>
+      case 'PLAYER_LEAVED':
+        return <>
+          <Text>{ i18n.t('game.assignments.leaved.claim', { target: target.name }) }</Text>
+          <Icon name=""/>
+        </>
+    }
+  }
+
+  render () {
+    return <Card>
+      <CardItem header bordered>
+        { this.getAssignmentClaim() }
+      </CardItem>
+    </Card>
+  }
+}