unified langs + added deletegroup component + renamed editgroup to general

scm-ui/public/locales/en/groups.json

@@ -11,11 +11,16 @@
     "title": "Groups",
     "subtitle": "Create, read, update and delete groups"
   },
-  "single-group": {
+  "singleGroup": {
+    "errorTitle": "Error",
+    "errorSubtitle": "Unknown group error",
+    "menu": {
       "navigationLabel": "Group Navigation",
       "informationNavLink": "Information",
-    "errorTitle": "Error",
-    "errorSubtitle": "Unknown group error"
+      "settingsNavLink": "Settings",
+      "editNavLink": "General",
+      "permissionsNavLink": "Permissions"
+    }
   },
   "add-group": {
     "title": "Create Group",
@@ -53,9 +58,10 @@
       "memberHelpText": "Usernames of the group members"
     }
   },
-  "delete-group-button": {
-    "label": "Delete",
-    "confirm-alert": {
+  "deleteGroup": {
+    "subtitle": "Delete Group",
+    "button": "Delete",
+    "confirmAlert": {
       "title": "Delete Group",
       "message": "Do you really want to delete the group?",
       "submit": "Yes",

scm-ui/public/locales/en/repos.json

@@ -118,7 +118,7 @@
       "loading": "Loading..."
     }
   },
-  "delete": {
+  "deleteRepo": {
     "subtitle": "Delete Repository",
     "button": "Delete",
     "confirmAlert": {

scm-ui/public/locales/en/users.json

@@ -42,10 +42,10 @@
     "title": "Create User",
     "subtitle": "Create a new user"
   },
-  "delete": {
+  "deleteUser": {
     "subtitle": "Delete User",
     "button": "Delete",
-    "confirm-alert": {
+    "confirmAlert": {
       "title": "Delete user",
       "message": "Do you really want to delete the user?",
       "submit": "Yes",

scm-ui/src/groups/components/DeleteGroup.js

@@ -2,16 +2,16 @@
 import React from "react";
 import { translate } from "react-i18next";
 import type { Group } from "@scm-manager/ui-types";
-import { NavAction, confirmAlert } from "@scm-manager/ui-components";
+import { Subtitle, DeleteButton, confirmAlert } from "@scm-manager/ui-components";
 
 type Props = {
   group: Group,
   confirmDialog?: boolean,
-  t: string => string,
-  deleteGroup: (group: Group) => void
+  deleteGroup: (group: Group) => void,
+  t: string => string
 };
 
-export class DeleteGroupNavLink extends React.Component<Props> {
+export class DeleteGroup extends React.Component<Props> {
   static defaultProps = {
     confirmDialog: true
   };
@@ -23,15 +23,15 @@ export class DeleteGroupNavLink extends React.Component<Props> {
   confirmDelete = () => {
     const { t } = this.props;
     confirmAlert({
-      title: t("delete-group-button.confirm-alert.title"),
-      message: t("delete-group-button.confirm-alert.message"),
+      title: t("deleteGroup.confirmAlert.title"),
+      message: t("deleteGroup.confirmAlert.message"),
       buttons: [
         {
-          label: t("delete-group-button.confirm-alert.submit"),
+          label: t("deleteGroup.confirmAlert.submit"),
           onClick: () => this.deleteGroup()
         },
         {
-          label: t("delete-group-button.confirm-alert.cancel"),
+          label: t("deleteGroup.confirmAlert.cancel"),
           onClick: () => null
         }
       ]
@@ -49,8 +49,21 @@ export class DeleteGroupNavLink extends React.Component<Props> {
     if (!this.isDeletable()) {
       return null;
     }
-    return <NavAction label={t("delete-group-button.label")} action={action} />;
+
+    return (
+      <>
+        <Subtitle subtitle={t("deleteGroup.subtitle")} />
+        <div className="columns">
+          <div className="column">
+            <DeleteButton
+              label={t("deleteGroup.button")}
+              action={action}
+            />
+          </div>
+        </div>
+      </>
+    );
   }
 }
 
-export default translate("groups")(DeleteGroupNavLink);
+export default translate("groups")(DeleteGroup);

scm-ui/src/groups/components/DeleteGroup.test.js

@@ -1,8 +1,8 @@
 import React from "react";
 import { mount, shallow } from "enzyme";
-import "../../../tests/enzyme";
+import "../../tests/enzyme";
 import "../../../tests/i18n";
-import DeleteGroupNavLink from "./DeleteGroupNavLink";
+import DeleteGroup from "./DeleteGroup";
 
 import { confirmAlert } from "@scm-manager/ui-components";
 jest.mock("@scm-manager/ui-components", () => ({
@@ -17,7 +17,7 @@ describe("DeleteGroupNavLink", () => {
     };
 
     const navLink = shallow(
-      <DeleteGroupNavLink group={group} deleteGroup={() => {}} />
+      <DeleteGroup group={group} deleteGroup={() => {}} />
     );
     expect(navLink.text()).toBe("");
   });
@@ -32,7 +32,7 @@ describe("DeleteGroupNavLink", () => {
     };
 
     const navLink = mount(
-      <DeleteGroupNavLink group={group} deleteGroup={() => {}} />
+      <DeleteGroup group={group} deleteGroup={() => {}} />
     );
     expect(navLink.text()).not.toBe("");
   });
@@ -47,7 +47,7 @@ describe("DeleteGroupNavLink", () => {
     };
 
     const navLink = mount(
-      <DeleteGroupNavLink group={group} deleteGroup={() => {}} />
+      <DeleteGroup group={group} deleteGroup={() => {}} />
     );
     navLink.find("a").simulate("click");
 
@@ -69,7 +69,7 @@ describe("DeleteGroupNavLink", () => {
     }
 
     const navLink = mount(
-      <DeleteGroupNavLink
+      <DeleteGroup
         group={group}
         confirmDialog={false}
         deleteGroup={capture}

scm-ui/src/groups/components/navLinks/GeneralGroupNavLink.js

@@ -12,13 +12,13 @@ type Props = {
 
 type State = {};
 
-class EditGroupNavLink extends React.Component<Props, State> {
+class GeneralGroupNavLink extends React.Component<Props, State> {
   render() {
     const { t, editUrl } = this.props;
     if (!this.isEditable()) {
       return null;
     }
-    return <NavLink label={t("edit-group-button.label")} to={editUrl} />;
+    return <NavLink label={t("singleGroup.menu.editNavLink")} to={editUrl} />;
   }
 
   isEditable = () => {
@@ -26,4 +26,4 @@ class EditGroupNavLink extends React.Component<Props, State> {
   };
 }
 
-export default translate("groups")(EditGroupNavLink);
+export default translate("groups")(GeneralGroupNavLink);

scm-ui/src/groups/components/navLinks/GeneralGroupNavLink.test.js

@@ -4,14 +4,14 @@ import React from "react";
 import { shallow } from "enzyme";
 import "../../../tests/enzyme";
 import "../../../tests/i18n";
-import EditGroupNavLink from "./EditGroupNavLink";
+import GeneralGroupNavLink from "./GeneralGroupNavLink";
 
 it("should render nothing, if the edit link is missing", () => {
   const group = {
       _links: {}
   };
 
-  const navLink = shallow(<EditGroupNavLink group={group} editUrl='/group/edit'/>);
+  const navLink = shallow(<GeneralGroupNavLink group={group} editUrl='/group/edit'/>);
   expect(navLink.text()).toBe("");
 });
 
@@ -24,6 +24,6 @@ it("should render the navLink", () => {
       }
   };
 
-  const navLink = shallow(<EditGroupNavLink group={group} editUrl='/group/edit'/>);
+  const navLink = shallow(<GeneralGroupNavLink group={group} editUrl='/group/edit'/>);
   expect(navLink.text()).not.toBe("");
 });

scm-ui/src/groups/components/navLinks/index.js

@@ -1,2 +1 @@
-export { default as DeleteGroupNavLink } from "./DeleteGroupNavLink";
-export { default as EditGroupNavLink } from "./EditGroupNavLink"; 
+export { default as GeneralGroupNavLink } from "./GeneralGroupNavLink";

scm-ui/src/groups/containers/SingleGroup.js

@@ -6,22 +6,22 @@ import {
   ErrorPage,
   Loading,
   Navigation,
+  SubNavigation,
   Section,
   NavLink
 } from "@scm-manager/ui-components";
 import { Route } from "react-router";
 import { Details } from "./../components/table";
-import { DeleteGroupNavLink, EditGroupNavLink } from "./../components/navLinks";
+import {
+  GeneralGroupNavLink
+} from "./../components/navLinks";
 import type { Group } from "@scm-manager/ui-types";
 import type { History } from "history";
 import {
-  deleteGroup,
   fetchGroupByName,
   getGroupByName,
   isFetchGroupPending,
-  getFetchGroupFailure,
-  getDeleteGroupFailure,
-  isDeleteGroupPending
+  getFetchGroupFailure
 } from "../modules/groups";
 
 import { translate } from "react-i18next";
@@ -36,7 +36,6 @@ type Props = {
   groupLink: string,
 
   // dispatcher functions
-  deleteGroup: (group: Group, callback?: () => void) => void,
   fetchGroupByName: (string, string) => void,
 
   // context objects
@@ -57,14 +56,6 @@ class SingleGroup extends React.Component<Props> {
     return url;
   };
 
-  deleteGroup = (group: Group) => {
-    this.props.deleteGroup(group, this.groupDeleted);
-  };
-
-  groupDeleted = () => {
-    this.props.history.push("/groups");
-  };
-
   matchedUrl = () => {
     return this.stripEndingSlash(this.props.match.url);
   };
@@ -75,8 +66,8 @@ class SingleGroup extends React.Component<Props> {
     if (error) {
       return (
         <ErrorPage
-          title={t("single-group.errorTitle")}
-          subtitle={t("single-group.errorSubtitle")}
+          title={t("singleGroup.errorTitle")}
+          subtitle={t("singleGroup.errorSubtitle")}
           error={error}
         />
       );
@@ -98,18 +89,27 @@ class SingleGroup extends React.Component<Props> {
               component={() => <Details group={group} />}
             />
             <Route
-              path={`${url}/edit`}
+              path={`${url}/settings/general`}
               exact
               component={() => <EditGroup group={group} />}
             />
           </div>
           <div className="column">
             <Navigation>
-              <Section label={t("single-group.navigationLabel")}>
+              <Section label={t("singleGroup.menu.navigationLabel")}>
                 <NavLink
                   to={`${url}`}
-                  label={t("single-group.informationNavLink")}
+                  label={t("singleGroup.menu.informationNavLink")}
                 />
+                <SubNavigation
+                  to={`${url}/settings/general`}
+                  label={t("singleGroup.menu.settingsNavLink")}
+                >
+                  <GeneralGroupNavLink
+                    group={group}
+                    editUrl={`${url}/settings/general`}
+                  />
+                </SubNavigation>
               </Section>
             </Navigation>
           </div>
@@ -122,10 +122,8 @@ class SingleGroup extends React.Component<Props> {
 const mapStateToProps = (state, ownProps) => {
   const name = ownProps.match.params.name;
   const group = getGroupByName(state, name);
-  const loading =
-    isFetchGroupPending(state, name) || isDeleteGroupPending(state, name);
-  const error =
-    getFetchGroupFailure(state, name) || getDeleteGroupFailure(state, name);
+  const loading = isFetchGroupPending(state, name);
+  const error = getFetchGroupFailure(state, name);
   const groupLink = getGroupsLink(state);
 
   return {
@@ -141,9 +139,6 @@ const mapDispatchToProps = dispatch => {
   return {
     fetchGroupByName: (link: string, name: string) => {
       dispatch(fetchGroupByName(link, name));
-    },
-    deleteGroup: (group: Group, callback?: () => void) => {
-      dispatch(deleteGroup(group, callback));
     }
   };
 };

scm-ui/src/repos/components/DeleteRepo.js

@@ -1,8 +1,8 @@
 //@flow
 import React from "react";
 import { translate } from "react-i18next";
-import { Subtitle, DeleteButton, confirmAlert } from "@scm-manager/ui-components";
 import type { Repository } from "@scm-manager/ui-types";
+import { Subtitle, DeleteButton, confirmAlert } from "@scm-manager/ui-components";
 
 type Props = {
   repository: Repository,
@@ -20,22 +20,22 @@ class DeleteRepo extends React.Component<Props> {
     confirmDialog: true
   };
 
-  delete = () => {
+  deleteRepo = () => {
     this.props.delete(this.props.repository);
   };
 
   confirmDelete = () => {
     const { t } = this.props;
     confirmAlert({
-      title: t("delete.confirmAlert.title"),
-      message: t("delete.confirmAlert.message"),
+      title: t("deleteRepo.confirmAlert.title"),
+      message: t("deleteRepo.confirmAlert.message"),
       buttons: [
         {
-          label: t("delete.confirmAlert.submit"),
-          onClick: () => this.delete()
+          label: t("deleteRepo.confirmAlert.submit"),
+          onClick: () => this.deleteRepo()
         },
         {
-          label: t("delete.confirmAlert.cancel"),
+          label: t("deleteRepo.confirmAlert.cancel"),
           onClick: () => null
         }
       ]
@@ -48,7 +48,7 @@ class DeleteRepo extends React.Component<Props> {
 
   render() {
     const { confirmDialog, t } = this.props;
-    const action = confirmDialog ? this.confirmDelete : this.delete();
+    const action = confirmDialog ? this.confirmDelete : this.deleteRepo;
 
     if (!this.isDeletable()) {
       return null;
@@ -56,11 +56,11 @@ class DeleteRepo extends React.Component<Props> {
 
     return (
       <>
-        <Subtitle subtitle={t("delete.subtitle")} />
+        <Subtitle subtitle={t("deleteRepo.subtitle")} />
         <div className="columns">
           <div className="column">
             <DeleteButton
-              label={t("delete.button")}
+              label={t("deleteRepo.button")}
               action={action}
             />
           </div>

scm-ui/src/users/components/DeleteUser.js

@@ -1,8 +1,8 @@
 // @flow
 import React from "react";
 import { translate } from "react-i18next";
-import { Subtitle, DeleteButton, confirmAlert } from "@scm-manager/ui-components";
 import type { User } from "@scm-manager/ui-types";
+import { Subtitle, DeleteButton, confirmAlert } from "@scm-manager/ui-components";
 
 type Props = {
   user: User,
@@ -27,15 +27,15 @@ class DeleteUser extends React.Component<Props> {
   confirmDelete = () => {
     const { t } = this.props;
     confirmAlert({
-      title: t("delete.confirm-alert.title"),
-      message: t("delete.confirm-alert.message"),
+      title: t("deleteUser.confirmAlert.title"),
+      message: t("deleteUser.confirmAlert.message"),
       buttons: [
         {
-          label: t("delete.confirm-alert.submit"),
+          label: t("deleteUser.confirmAlert.submit"),
           onClick: () => this.deleteUser()
         },
         {
-          label: t("delete.confirm-alert.cancel"),
+          label: t("deleteUser.confirmAlert.cancel"),
           onClick: () => null
         }
       ]
@@ -56,11 +56,11 @@ class DeleteUser extends React.Component<Props> {
 
     return (
       <>
-        <Subtitle subtitle={t("delete.subtitle")} />
+        <Subtitle subtitle={t("deleteUser.subtitle")} />
         <div className="columns">
           <div className="column">
             <DeleteButton
-              label={t("delete.button")}
+              label={t("deleteUser.button")}
               action={action}
             />
           </div>