Showing proper callout information when group planting is in progress.

Author: krulis-martin

src/locales/cs.json

@@ -92,8 +92,10 @@
   "app.groupsSupervisor.currentlyManagedGroups": "Skupiny",
   "app.groupsSupervisor.notSuperadmin": "Tato stránka je k dispozici pouze administrátorům ReCodExu.",
   "app.groupsSupervisor.plantTermButton": "Osadit skupiny pro",
+  "app.groupsSupervisor.plantTermGroupsExplanation": "Organizační skupiny budou vytvořeny pro vybraný semestr s následujícími názvy a popisy:",
   "app.groupsSupervisor.plantTermGroupsInfo": "Osazování skupin pro semestr {termLabel}",
   "app.groupsSupervisor.plantTermGroupsModal.title": "Nastavit parametry skupin pro semestr",
+  "app.groupsSupervisor.plantTermGroupsSelectParents": "Prosíme, vybertete předměty, do kterých budou semestrální skupiny osazeny.",
   "app.groupsSupervisor.title": "Spravovat všechny skupiny a jejich vazby",
   "app.groupsTeacher.aboutStudentsInfo": "Studenti nejsou do skupiny přidáni automaticky, ale mohou se do skupiny připojit sami prostřednictvím rozšíření SIS-CodEx.",
   "app.groupsTeacher.bindGroupInfo": "Vybraný událost bude svázána s existující cílovou skupinou, kterou můžete vybrat níže.",

src/locales/en.json

@@ -92,8 +92,10 @@
   "app.groupsSupervisor.currentlyManagedGroups": "Groups",
   "app.groupsSupervisor.notSuperadmin": "This page is available to ReCodEx administrators only.",
   "app.groupsSupervisor.plantTermButton": "Plant groups for",
+  "app.groupsSupervisor.plantTermGroupsExplanation": "Organizational groups will be created for the selected term using the following names and descriptions:",
   "app.groupsSupervisor.plantTermGroupsInfo": "Planting groups for term {termLabel}",
   "app.groupsSupervisor.plantTermGroupsModal.title": "Define Group Parameters for Term",
+  "app.groupsSupervisor.plantTermGroupsSelectParents": "Please, select courses in which the term groups will be planted.",
   "app.groupsSupervisor.title": "Manage All Groups and Their Associations",
   "app.groupsTeacher.aboutStudentsInfo": "The students are not automatically added to the group, but they can join the group themselves via SIS-CodEx extension.",
   "app.groupsTeacher.bindGroupInfo": "The selected event will be bound to an existing target group which you can select below.",

src/pages/GroupsSuperadmin/GroupsSuperadmin.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { connect } from 'react-redux';
-import { Modal, Badge, Dropdown, ButtonGroup } from 'react-bootstrap';
+import { Modal, Badge, Dropdown, ButtonGroup, Row, Col } from 'react-bootstrap';
 import { FormattedMessage } from 'react-intl';
 import { FORM_ERROR } from 'final-form';
 
@@ -18,6 +18,7 @@ import Icon, { CloseIcon, GroupIcon, ManagementIcon } from '../../components/ico
 import ResourceRenderer from '../../components/helpers/ResourceRenderer';
 import Button from '../../components/widgets/TheButton';
 import Callout from '../../components/widgets/Callout';
+import Markdown from '../../components/widgets/Markdown';
 
 import { fetchAllGroups, addGroupAttribute, removeGroupAttribute } from '../../redux/modules/groups.js';
 import { fetchAllTerms } from '../../redux/modules/terms.js';
@@ -127,6 +128,41 @@ class GroupsSuperadmin extends Component {
                             />
                           </h5>
 
+                          <FormattedMessage
+                            id="app.groupsSupervisor.plantTermGroupsExplanation"
+                            defaultMessage="Organizational groups will be created for the selected term using the following names and descriptions:"
+                          />
+
+                          <Row>
+                            <Col xs={12} xl={6}>
+                              <div className="border border-success-subtle rounded-1 p-3 pb-0 my-2">
+                                <h5 className="text-muted">
+                                  <Icon icon={['far', 'flag']} gapRight />
+                                  <FormattedMessage id="app.plantTermGroupsForm.czech" defaultMessage="Czech" />
+                                </h5>
+                                <strong>{this.state.plantTexts.cs.name}</strong>
+                                <Markdown source={this.state.plantTexts.cs.description} />
+                              </div>
+                            </Col>
+                            <Col xs={12} xl={6}>
+                              <div className="border border-success-subtle rounded-1 p-3 pb-0 my-2">
+                                <h5 className="text-muted">
+                                  <Icon icon={['far', 'flag']} gapRight />
+                                  <FormattedMessage id="app.plantTermGroupsForm.english" defaultMessage="English" />
+                                </h5>
+                                <strong>{this.state.plantTexts.en.name}</strong>
+                                <Markdown source={this.state.plantTexts.en.description} />
+                              </div>
+                            </Col>
+                          </Row>
+
+                          <p>
+                            <FormattedMessage
+                              id="app.groupsSupervisor.plantTermGroupsSelectParents"
+                              defaultMessage="Please, select courses in which the term groups will be planted."
+                            />
+                          </p>
+
                           <Button variant="secondary" size="sm" onClick={this.cancelGroupPlanting}>
                             <CloseIcon gapRight />
                             <FormattedMessage id="generic.cancel" defaultMessage="Cancel" />