Mission editing slang (#496)

* Added Template Reset Feature

* Update GlobalDeploymentTab.tsx

nicer symbol editing

* nicer buttons

* made local deployment

and added globals editing

* yarn format

* minor bug fix

* Auto update overview maxGrade/Xp

* xp bug fix

* Update NavigationBar.tsx.snap

* Update EditingWorkspace.tsx

* Reset button added

* fixed bugs

globals fixed
previous button fixed
new template fixed
added manual library refresh
fixed graderdeployment

* yarn format

* placeholder for overview card

Author: gerhean

src/components/incubator/EditingOverviewCard.tsx

@@ -105,7 +105,7 @@ export class EditingOverviewCard extends React.Component<Props, IState> {
             {this.state.editingOverviewField === 'shortSummary' ? (
               this.makeEditingOverviewTextarea('shortSummary')
             ) : (
-              <Markdown content={overview.shortSummary} />
+              <Markdown content={createPlaceholder(overview.shortSummary)} />
             )}
           </div>
           <div className="listing-controls">
@@ -138,7 +138,7 @@ export class EditingOverviewCard extends React.Component<Props, IState> {
         <h4 onClick={this.toggleEditField('title')}>
           {this.state.editingOverviewField === 'title'
             ? this.makeEditingOverviewTextarea('title')
-            : title}{' '}
+            : createPlaceholder(title)}
         </h4>
       </Text>
       <div className="col-xs-2">{this.makeExportButton(overview)}</div>
@@ -160,6 +160,14 @@ export class EditingOverviewCard extends React.Component<Props, IState> {
   );
 }
 
+const createPlaceholder = (str: string): string => {
+  if (str.match('^\n*$')) {
+    return 'Enter Value Here.';
+  } else {
+    return str;
+  }
+};
+
 const makeOverviewCardButton = (overview: IAssessmentOverview, listingPath: string | undefined) => {
   const icon: IconName = IconNames.EDIT;
   const label: string = 'Edit mission';