Allow selecting a card when viewing by hitting space.

Part of #688.

src/actions/collection.ts

@@ -41,7 +41,8 @@ import {
 	selectActiveCollection,
 	selectPendingNewCardIDToNavigateTo,
 	selectAlreadyCommittedModificationsWhenFullyLoaded,
-	selectCollectionConstructorArguments
+	selectCollectionConstructorArguments,
+	selectExplicitlySelectedCardIDs
 } from '../selectors.js';
 
 import {
@@ -498,6 +499,16 @@ export const waitForFinalCollection = async (description : CollectionDescription
 	return collection;
 };
 
+export const toggleCardSelected = (id : CardID) : ThunkSomeAction => (dispatch, getState) => {
+	const state = getState();
+	const selected = selectExplicitlySelectedCardIDs(state);
+	if (selected[id]) {
+		dispatch(unselectCards([id]));
+	} else {
+		dispatch(doSelectCards([id]));
+	}
+};
+
 //Funky name to avoid colliding with selectCards selector
 export const doSelectCards = (cards : CardID[]) : SomeAction => {
 	return {

src/components/main-view.ts

@@ -111,6 +111,10 @@ import {
 	CARD_HOVERED_EVENT_NAME
 } from '../events.js';
 
+import {
+	toggleCardSelected
+} from '../actions/collection.js';
+
 @customElement('main-view')
 class MainView extends connect(store)(PageViewElement) {
 
@@ -467,9 +471,15 @@ class MainView extends connect(store)(PageViewElement) {
 			e.preventDefault();
 			store.dispatch(openFindDialog());
 			break;
+		case ' ':
+			if (!this._card) return;	
+			e.stopPropagation();
+			e.preventDefault();
+			//TODO: should we not do this if the user can't edit?
+			store.dispatch(toggleCardSelected(this._card.id));
+			break;
 		case 'ArrowDown':
 		case 'ArrowRight':
-		case ' ':
 			e.stopPropagation();
 			e.preventDefault();
 			store.dispatch(navigateToNextCard());