Agregando componente de Editar grupo

frontend/templates/en.lang

@@ -417,6 +417,7 @@ groupEditScoreboardsAdded = "Scoreboard successfully added!"
 groupEditScoreboardsContests = "Contests"
 groupEditScoreboardsContestsAdded = "Contest successfully added!"
 groupEditScoreboardsContestsRemoved = "Contest successfully removed!"
+groupEditTitleWithName = "Edit group %(name)"
 groupNewFormCreateGroup = "Create group"
 groupNewFormDescription = "Group description"
 groupNewFormOnlyAC = "Only count ACs"

frontend/templates/es.lang

@@ -417,6 +417,7 @@ groupEditScoreboardsAdded = "Scoreboard agregado correctamente."
 groupEditScoreboardsContests = "Concursos"
 groupEditScoreboardsContestsAdded = "Concurso agregado correctamente."
 groupEditScoreboardsContestsRemoved = "Concurso eliminado correctamente."
+groupEditTitleWithName = "Editar grupo %(name)"
 groupNewFormCreateGroup = "Crear grupo"
 groupNewFormDescription = "Descripción del grupo"
 groupNewFormOnlyAC = "Contar sólo ACs"

frontend/templates/pseudo.lang

@@ -417,6 +417,7 @@ groupEditScoreboardsAdded = "(Sc0r3b0ard 5ucc355fu11y add3d!)"
 groupEditScoreboardsContests = "(C0n73575)"
 groupEditScoreboardsContestsAdded = "(C0n7357 5ucc355fu11y add3d!)"
 groupEditScoreboardsContestsRemoved = "(C0n7357 5ucc355fu11y r3m0v3d!)"
+groupEditTitleWithName = "(Edi7 gr0up %(name))"
 groupNewFormCreateGroup = "(Cr3a73 gr0up)"
 groupNewFormDescription = "(Gr0up d35crip7i0n)"
 groupNewFormOnlyAC = "(On1y c0un7 AC5)"

frontend/templates/pt.lang

@@ -417,6 +417,7 @@ groupEditScoreboardsAdded = "Painel adicionado com sucesso!"
 groupEditScoreboardsContests = "Concursos"
 groupEditScoreboardsContestsAdded = "Concurso adicionado com sucesso!"
 groupEditScoreboardsContestsRemoved = "Concurso removido com sucesso!"
+groupEditTitleWithName = "Editar grupo %(name)"
 groupNewFormCreateGroup = "Criar grupo"
 groupNewFormDescription = "Descrição do Grupo"
 groupNewFormOnlyAC = "Contar só ACs"

frontend/www/js/omegaup/components/group/Edit.test.ts

@@ -0,0 +1,42 @@
+import { mount, shallowMount } from '@vue/test-utils';
+import expect from 'expect';
+
+import T from '../../lang';
+
+import group_Edit from './Edit.vue';
+
+describe('Edit.vue', () => {
+  it('Should handle edit view with empty scoreboards and identities', () => {
+    const wrapper = shallowMount(group_Edit, {
+      propsData: {
+        groupAlias: 'Hello',
+        groupName: 'Hello omegaUp',
+        countries: [{ country_id: 'MX', name: 'Mexico' }],
+        isOrganizer: true,
+        initialTab: 'members',
+        initialIdentities: [],
+        initialIdentitiesCsv: [],
+        initialScoreboards: [],
+      },
+    });
+
+    expect(wrapper.text()).toContain('Hello omegaUp');
+  });
+
+  it('Should handle edit view getting the subcomponents info', () => {
+    const wrapper = mount(group_Edit, {
+      propsData: {
+        groupAlias: 'Hello',
+        groupName: 'Hello omegaUp',
+        countries: [{ country_id: 'MX', name: 'Mexico' }],
+        isOrganizer: true,
+        initialTab: 'members',
+        initialIdentities: [],
+        initialIdentitiesCsv: [],
+        initialScoreboards: [],
+      },
+    });
+
+    expect(wrapper.text()).toContain(T.groupEditMembers);
+  });
+});

frontend/www/js/omegaup/components/group/Edit.vue

@@ -0,0 +1,200 @@
+<template>
+  <div class="group-edit">
+    <div class="page-header">
+      <h1>
+        <span>
+          {{ ui.formatString(T.groupEditTitleWithName, { name: groupName }) }}
+        </span>
+      </h1>
+    </div>
+    <ul class="nav nav-pills">
+      <li class="nav-item" role="presentation">
+        <a
+          href="#"
+          class="nav-link"
+          data-tab-members
+          :class="{ active: showTab === 'members' }"
+          @click="showTab = 'members'"
+          >{{ T.groupEditMembers }}</a
+        >
+      </li>
+      <li class="nav-item" role="presentation">
+        <a
+          href="#"
+          class="nav-link"
+          data-tab-scoreboards
+          :class="{ active: showTab === 'scoreboards' }"
+          @click="showTab = 'scoreboards'"
+          >{{ T.groupEditScoreboards }}</a
+        >
+      </li>
+      <li class="nav-item" role="presentation">
+        <a
+          href="#"
+          class="nav-link"
+          data-tab-identities
+          :class="{ active: showTab === 'identities' }"
+          @click="showTab = 'identities'"
+          >{{ T.groupCreateIdentities }}</a
+        >
+      </li>
+    </ul>
+
+    <div class="tab-content">
+      <div v-if="showTab === 'members'" class="tab-pane active" role="tabpanel">
+        <omegaup-group-members
+          :identities="identities"
+          :identities-csv="identitiesCsv"
+          :group-alias="groupAlias"
+          :countries="countries"
+          @add-member="
+            (memberComponent, username) =>
+              $emit('add-member', memberComponent, username)
+          "
+          @edit-identity="
+            (memberComponent, identity) =>
+              $emit('edit-identity', memberComponent, identity)
+          "
+          @edit-identity-member="
+            (
+              memberComponent,
+              originalUsername,
+              username,
+              name,
+              country,
+              state,
+              school,
+              schoolId,
+            ) =>
+              $emit(
+                'edit-identity-member',
+                memberComponent,
+                originalUsername,
+                username,
+                name,
+                country,
+                state,
+                school,
+                schoolId,
+              )
+          "
+          @change-password-identity="
+            (memberComponent, username) =>
+              $emit('change-password-identity', memberComponent, username)
+          "
+          @change-password-identity-member="
+            (memberComponent, username, password, repeatPassword) =>
+              $emit(
+                'change-password-identity-member',
+                memberComponent,
+                username,
+                password,
+                repeatPassword,
+              )
+          "
+          @remove="(username) => $emit('remove', username)"
+          @cancel="(memberComponent) => $emit('cancel', memberComponent)"
+        ></omegaup-group-members>
+      </div>
+
+      <div
+        v-if="showTab === 'scoreboards'"
+        class="tab-pane active"
+        role="tabpanel"
+      >
+        <omegaup-group-scoreboards
+          :group-alias="groupAlias"
+          :scoreboards.sync="scoreboards"
+          @create-scoreboard="
+            (title, alias, description) =>
+              $emit('create-scoreboard', title, alias, description)
+          "
+        ></omegaup-group-scoreboards>
+      </div>
+
+      <div
+        v-if="showTab === 'identities'"
+        class="tab-pane active"
+        role="tabpanel"
+      >
+        <omegaup-group-create-identities
+          :group-alias="groupAlias"
+          :user-error-row="userErrorRow"
+          @bulk-identities="
+            (identitiesComponent, identities) =>
+              $emit('bulk-identities', identitiesComponent, identities)
+          "
+          @download-identities="
+            (identities) => $emit('download-identities', identities)
+          "
+          @read-csv="
+            (identitiesComponent, fileUpload) =>
+              $emit('read-csv', identitiesComponent, fileUpload)
+          "
+        ></omegaup-group-create-identities>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop, Watch } from 'vue-property-decorator';
+import group_Identities from './Identities.vue';
+import group_Members from './Members.vue';
+import group_Scoreboards from './Scoreboards.vue';
+import T from '../../lang';
+import { dao, types } from '../../api_types';
+import * as ui from '../../ui';
+
+const availableTabs = ['memebers', 'scoreboards', 'identities'];
+
+@Component({
+  components: {
+    'omegaup-group-create-identities': group_Identities,
+    'omegaup-group-members': group_Members,
+    'omegaup-group-scoreboards': group_Scoreboards,
+  },
+})
+export default class GroupEdit extends Vue {
+  @Prop() groupAlias!: string;
+  @Prop() groupName!: string;
+  @Prop() countries!: dao.Countries[];
+  @Prop() isOrganizer!: boolean;
+  @Prop() initialTab!: string;
+  @Prop() initialIdentities!: types.Identity[];
+  @Prop() initialIdentitiesCsv!: types.Identity[];
+  @Prop() initialScoreboards!: types.GroupScoreboard[];
+
+  T = T;
+  ui = ui;
+  showTab = this.initialTab;
+  userErrorRow = null;
+  identities = this.initialIdentities;
+  identitiesCsv = this.initialIdentitiesCsv;
+  scoreboards = this.initialScoreboards;
+
+  @Watch('initialTab')
+  onInitialTabChanged(newValue: string): void {
+    if (!availableTabs.includes(this.initialTab)) {
+      this.showTab = 'members';
+      return;
+    }
+    this.showTab = newValue;
+  }
+
+  @Watch('initialIdentities')
+  onInitialIdentitiesChanged(newValue: types.Identity[]): void {
+    this.identities = newValue;
+  }
+
+  @Watch('initialIdentitiesCsv')
+  onInitialIdentitiesCsvChanged(newValue: types.Identity[]): void {
+    this.identitiesCsv = newValue;
+  }
+
+  @Watch('initialScoreboards')
+  onInitialScoreboardsChanged(newValue: types.GroupScoreboard[]): void {
+    this.scoreboards = newValue;
+  }
+}
+</script>

frontend/www/js/omegaup/lang.en.json

@@ -418,6 +418,7 @@
 	"groupEditScoreboardsContests": "Contests",
 	"groupEditScoreboardsContestsAdded": "Contest successfully added!",
 	"groupEditScoreboardsContestsRemoved": "Contest successfully removed!",
+	"groupEditTitleWithName": "Edit group %(name)",
 	"groupNewFormCreateGroup": "Create group",
 	"groupNewFormDescription": "Group description",
 	"groupNewFormOnlyAC": "Only count ACs",

frontend/www/js/omegaup/lang.en.ts

@@ -419,6 +419,7 @@ const translations: { [key: string]: string; } = {
   groupEditScoreboardsContests: "Contests",
   groupEditScoreboardsContestsAdded: "Contest successfully added!",
   groupEditScoreboardsContestsRemoved: "Contest successfully removed!",
+  groupEditTitleWithName: "Edit group %(name)",
   groupNewFormCreateGroup: "Create group",
   groupNewFormDescription: "Group description",
   groupNewFormOnlyAC: "Only count ACs",

frontend/www/js/omegaup/lang.es.json

@@ -418,6 +418,7 @@
 	"groupEditScoreboardsContests": "Concursos",
 	"groupEditScoreboardsContestsAdded": "Concurso agregado correctamente.",
 	"groupEditScoreboardsContestsRemoved": "Concurso eliminado correctamente.",
+	"groupEditTitleWithName": "Editar grupo %(name)",
 	"groupNewFormCreateGroup": "Crear grupo",
 	"groupNewFormDescription": "Descripci\u00f3n del grupo",
 	"groupNewFormOnlyAC": "Contar s\u00f3lo ACs",

frontend/www/js/omegaup/lang.es.ts

@@ -419,6 +419,7 @@ const translations: { [key: string]: string; } = {
   groupEditScoreboardsContests: "Concursos",
   groupEditScoreboardsContestsAdded: "Concurso agregado correctamente.",
   groupEditScoreboardsContestsRemoved: "Concurso eliminado correctamente.",
+  groupEditTitleWithName: "Editar grupo %(name)",
   groupNewFormCreateGroup: "Crear grupo",
   groupNewFormDescription: "Descripci\u00f3n del grupo",
   groupNewFormOnlyAC: "Contar s\u00f3lo ACs",

frontend/www/js/omegaup/lang.pseudo.json

@@ -418,6 +418,7 @@
 	"groupEditScoreboardsContests": "(C0n73575)",
 	"groupEditScoreboardsContestsAdded": "(C0n7357 5ucc355fu11y add3d!)",
 	"groupEditScoreboardsContestsRemoved": "(C0n7357 5ucc355fu11y r3m0v3d!)",
+	"groupEditTitleWithName": "(Edi7 gr0up %(name))",
 	"groupNewFormCreateGroup": "(Cr3a73 gr0up)",
 	"groupNewFormDescription": "(Gr0up d35crip7i0n)",
 	"groupNewFormOnlyAC": "(On1y c0un7 AC5)",

frontend/www/js/omegaup/lang.pseudo.ts

@@ -419,6 +419,7 @@ const translations: { [key: string]: string; } = {
   groupEditScoreboardsContests: "(C0n73575)",
   groupEditScoreboardsContestsAdded: "(C0n7357 5ucc355fu11y add3d!)",
   groupEditScoreboardsContestsRemoved: "(C0n7357 5ucc355fu11y r3m0v3d!)",
+  groupEditTitleWithName: "(Edi7 gr0up %(name))",
   groupNewFormCreateGroup: "(Cr3a73 gr0up)",
   groupNewFormDescription: "(Gr0up d35crip7i0n)",
   groupNewFormOnlyAC: "(On1y c0un7 AC5)",

frontend/www/js/omegaup/lang.pt.json

@@ -418,6 +418,7 @@
 	"groupEditScoreboardsContests": "Concursos",
 	"groupEditScoreboardsContestsAdded": "Concurso adicionado com sucesso!",
 	"groupEditScoreboardsContestsRemoved": "Concurso removido com sucesso!",
+	"groupEditTitleWithName": "Editar grupo %(name)",
 	"groupNewFormCreateGroup": "Criar grupo",
 	"groupNewFormDescription": "Descri\u00e7\u00e3o do Grupo",
 	"groupNewFormOnlyAC": "Contar s\u00f3 ACs",

frontend/www/js/omegaup/lang.pt.ts

@@ -419,6 +419,7 @@ const translations: { [key: string]: string; } = {
   groupEditScoreboardsContests: "Concursos",
   groupEditScoreboardsContestsAdded: "Concurso adicionado com sucesso!",
   groupEditScoreboardsContestsRemoved: "Concurso removido com sucesso!",
+  groupEditTitleWithName: "Editar grupo %(name)",
   groupNewFormCreateGroup: "Criar grupo",
   groupNewFormDescription: "Descri\u00e7\u00e3o do Grupo",
   groupNewFormOnlyAC: "Contar s\u00f3 ACs",