API & Client: add title to Activity

mpwo_client/src/components/Activities/ActivityForms/FormWithGpx.jsx

@@ -32,7 +32,18 @@ function FormWithGpx (props) {
           </select>
         </label>
       </div>
-      {!activity && (
+      {activity ? (
+        <div className="form-group">
+          <label>
+            Title:
+            <input
+              name="title"
+              defaultValue={activity ? activity.title : ''}
+              className="form-control input-lg"
+            />
+          </label>
+        </div>
+      ) : (
         <div className="form-group">
           <label>
             GPX file:
@@ -80,7 +91,8 @@ export default connect(
     onEditActivity: (e, activity) => {
       dispatch(editActivity({
         id: activity.id,
-        sport_id: +e.target.form.sport.value
+        sport_id: +e.target.form.sport.value,
+        title: e.target.form.title.value,
       }))
     },
   })

mpwo_client/src/components/Activities/ActivityForms/FormWithoutGpx.jsx

@@ -21,6 +21,16 @@ function FormWithoutGpx (props) {
     <form
       onSubmit={event => event.preventDefault()}
     >
+      <div className="form-group">
+        <label>
+          Title:
+          <input
+            name="title"
+            defaultValue={activity ? activity.title : ''}
+            className="form-control input-lg"
+          />
+        </label>
+      </div>
       <div className="form-group">
         <label>
           Sport:
@@ -121,6 +131,7 @@ export default connect(
         distance: +e.target.form.distance.value,
         duration,
         sport_id: +e.target.form.sport_id.value,
+        title: e.target.form.title.value,
       }
       if (activity) {
         data.id = activity.id