Feature/sa1.pm001

frontend/src/components/CampoDeEquipesComBuscaPorOrgao.vue

@@ -220,7 +220,7 @@ watch(() => props.valoresIniciais, async (novoValor) => {
             :title="orgao.descricao?.length > 36 ? orgao.descricao : undefined"
             :disabled="mapaDeOrgaos[orgao.id] && listaDeOrgaos[idx].id !== orgao.id"
           >
-            {{ orgao.id }} - {{ orgao.sigla }} - {{ truncate(orgao.descricao, 36) }}
+            {{ orgao.sigla }} - {{ truncate(orgao.descricao, 36) }}
           </option>
         </select>
       </div>

frontend/src/components/CampoDeTagsComBuscaPorCategoria.vue

@@ -45,13 +45,15 @@ const categoriasStore = useOdsStore();
 const { lista: categorias } = storeToRefs(categoriasStore);
 
 function caminhoParaApi(rotaMeta) {
-  if (rotaMeta.entidadeMãe === 'pdm') {
-    return 'tag';
+  switch (rotaMeta.entidadeMãe) {
+    case 'pdm':
+      return 'tag';
+    case 'planoSetorial':
+    case 'programaDeMetas':
+      return 'plano-setorial-tag';
+    default:
+      throw new Error('Não foi possível identificar o módulo para buscar suas tags.');
   }
-  if (rotaMeta.entidadeMãe === 'planoSetorial') {
-    return 'plano-setorial-tag';
-  }
-  throw new Error('Não foi possível identificar o módulo para buscar suas tags.');
 }
 
 const listaDeTags = ref([]);

frontend/src/components/CheckClose.vue

@@ -82,7 +82,7 @@ async function checkClose() {
   >{{ formularioSujo }}</pre>
 
   <button
-    class="btn round ml2"
+    class="btn round ml2 botao-de-fechamento"
     @click="checkClose"
   >
     <svg
@@ -91,3 +91,8 @@ async function checkClose() {
     ><use xlink:href="#i_x" /></svg>
   </button>
 </template>
+<style scoped>
+.botao-de-fechamento {
+  flex-shrink: 0;
+}
+</style>

frontend/src/components/NavMenu.vue

@@ -94,6 +94,7 @@ onBeforeRouteUpdate(() => {
         ><use xlink:href="#i_graf" /></svg>
       </button>
     </hgroup>
+
     <nav
       v-if="user"
       id="menu"
@@ -104,6 +105,8 @@ onBeforeRouteUpdate(() => {
           <SmaeLink
             v-if="rotaInicial"
             :to="rotaInicial"
+            prefixo-dos-caminhos=""
+            sufixo-dos-caminhos=""
             class="menu__link"
           >
             <span class="menu__envelope-svg">
@@ -164,6 +167,8 @@ onBeforeRouteUpdate(() => {
           <SmaeLink
             v-else
             :to="item.path"
+            prefixo-dos-caminhos=""
+            sufixo-dos-caminhos=""
             class="menu__link"
           >
             <span
@@ -202,6 +207,8 @@ onBeforeRouteUpdate(() => {
                 class="menu__item menu__item--sub"
               >
                 <SmaeLink
+                  prefixo-dos-caminhos=""
+                  sufixo-dos-caminhos=""
                   class="menu__link menu__link--sub"
                   :to="subitem.path"
                 >
@@ -233,6 +240,8 @@ onBeforeRouteUpdate(() => {
         >
           <SmaeLink
             :to="{ name: 'home' }"
+            prefixo-dos-caminhos=""
+            sufixo-dos-caminhos=""
             class="menu__link menu__link--módulos"
           >
             <span class="menu__envelope-svg">

frontend/src/components/PlanosMetasRelacionados.vue

@@ -53,7 +53,7 @@
             <component
               :is="relacionamento.ehPlanoSetorial ? SmaeLink : 'span'"
               :to="{
-                name: 'planosSetoriaisResumo',
+                name: `${route.meta.entidadeMãe}.planosSetoriaisResumo`,
                 params: { planoSetorialId: relacionamento.pdm_id }
               }"
             >
@@ -148,12 +148,13 @@
 import type { IdSigla } from '@/../../backend/src/common/dto/IdSigla.dto.ts';
 import type { MetaPdmDto } from '@/../../backend/src/meta/entities/meta.entity.ts';
 
+import { uniqBy } from 'lodash';
+import { computed, defineProps } from 'vue';
+import { useRoute } from 'vue-router';
 import tiposDePlanos from '@/consts/tiposDePlanos';
 import SmaeLink from '@/components/SmaeLink.vue';
 import combinadorDeListas from '@/helpers/combinadorDeListas';
 import truncate from '@/helpers/truncate';
-import { uniqBy } from 'lodash';
-import { computed, defineProps } from 'vue';
 
 type MetaPdmDtoComOrgaosCombinados = MetaPdmDto & {
   orgaos: IdSigla[];
@@ -171,6 +172,8 @@ const props = defineProps({
   },
 });
 
+const route = useRoute();
+
 function combinadorDeOrgaos(relacionamento: MetaPdmDto): IdSigla[] {
   let todosOsOrgaos: IdSigla[] = [];
 

frontend/src/components/metas/EvolucaoDeMetaIniciativaAtividade.vue

@@ -70,7 +70,8 @@
             && !variavel.etapa
             && temPermissãoPara([
               'CadastroMeta.administrador_no_pdm',
-              'CadastroMetaPS.administrador_no_pdm'
+              'CadastroMetaPS.administrador_no_pdm',
+              'CadastroMetaPDM.administrador_no_pdm'
             ])"
           class="f0 dropbtn right"
         >
@@ -184,16 +185,16 @@
   </article>
 </template>
 <script lang="ts" setup>
+import type { Indicador } from '@back/indicador/entities/indicador.entity';
+import type { VariavelItemDto } from '@back/variavel/entities/variavel.entity';
+import { storeToRefs } from 'pinia';
+import { ref, watch, type PropType } from 'vue';
 import EvolucaoGraph from '@/components/EvolucaoGraph.vue';
 import GruposDeSerie from '@/components/metas/GruposDeSerie.vue';
 import GraficoHeatmapVariavelCategorica from '@/components/GraficoHeatmapVariavelCategorica.vue';
 import dateToField from '@/helpers/dateToField';
 import { useAuthStore } from '@/stores/auth.store';
 import { useVariaveisStore } from '@/stores/variaveis.store';
-import type { Indicador } from '@back/indicador/entities/indicador.entity';
-import type { VariavelItemDto } from '@back/variavel/entities/variavel.entity';
-import { storeToRefs } from 'pinia';
-import { ref, watch, type PropType } from 'vue';
 
 const authStore = useAuthStore();
 const { temPermissãoPara } = authStore;

frontend/src/components/metas/GruposDeSerie.vue

@@ -28,6 +28,7 @@ const props = defineProps({
 const baseUrl = `${import.meta.env.VITE_API_URL}`;
 
 const conteudoDoModal = computed(() => (route.meta.entidadeMãe === 'planoSetorial'
+  || route.meta.entidadeMãe === 'programaDeMetas'
   ? CicloFisicoPS
   : CicloFisicoPdM));
 
@@ -52,6 +53,7 @@ function openAnalise() {
 
 function hasModal(cicloFisico) {
   return route.meta.entidadeMãe === 'planoSetorial'
+    || route.meta.entidadeMãe === 'programaDeMetas'
     ? cicloFisico?.contagem_qualitativa
     : cicloFisico?.analise || cicloFisico?.tem_documentos;
 }
@@ -60,6 +62,7 @@ function hasModal(cicloFisico) {
 async function buscarAnalise(dataValor, variavelId) {
   try {
     analise.value = route.meta.entidadeMãe === 'planoSetorial'
+      || route.meta.entidadeMãe === 'programaDeMetas'
       ? await requestS.get(`${baseUrl}/variavel-analise-qualitativa`, {
         consulta_historica: true,
         data_referencia: dataValor,
@@ -78,7 +81,10 @@ function handleClick(obj) {
   if (hasModal(obj.ciclo_fisico)) {
     periodo.value = obj.periodo;
 
-    if (route.meta.entidadeMãe === 'planoSetorial') {
+    if (
+      route.meta.entidadeMãe === 'planoSetorial'
+      || route.meta.entidadeMãe === 'programaDeMetas'
+    ) {
       buscarAnalise(
         `${obj.periodo}-01`,
         props.g.variavel?.variavel_mae_id || props.g.variavel?.id,

frontend/src/components/metas/MigalhasDeMetas.vue

@@ -2,67 +2,78 @@
 import rotasDosNiveisDeMetas from '@/consts/rotasDosNiveisDeMetas';
 import {
   useAtividadesStore,
-  useIniciativasStore, useMetasStore,
+  useIniciativasStore,
+  useMetasStore,
 } from '@/stores';
 import { storeToRefs } from 'pinia';
+import { computed, watchEffect } from 'vue';
 import { useRoute } from 'vue-router';
 
 const route = useRoute();
-// eslint-disable-next-line @typescript-eslint/naming-convention
-const { meta_id } = route.params;
-// eslint-disable-next-line @typescript-eslint/naming-convention
-const { iniciativa_id } = route.params;
-// eslint-disable-next-line @typescript-eslint/naming-convention
-const { atividade_id } = route.params;
 
 const MetasStore = useMetasStore();
 const { singleMeta, activePdm } = storeToRefs(MetasStore);
-// mantendo comportamento legado
-// eslint-disable-next-line eqeqeq
-if (meta_id && singleMeta.value.id != meta_id) MetasStore.getById(meta_id);
-if (meta_id && !activePdm.value.id) MetasStore.getPdM();
-
 const IniciativasStore = useIniciativasStore();
 const { singleIniciativa } = storeToRefs(IniciativasStore);
-if (
-  iniciativa_id
-  // mantendo comportamento legado
-  // eslint-disable-next-line eqeqeq
-  && singleIniciativa.value.id != iniciativa_id
-  && !singleIniciativa.value.loading
-) {
-  IniciativasStore.getByIdReal(iniciativa_id);
-}
 
 const AtividadesStore = useAtividadesStore();
 const { singleAtividade } = storeToRefs(AtividadesStore);
-if (
-  atividade_id
-  // mantendo comportamento legado
-  // eslint-disable-next-line eqeqeq
-  && singleAtividade.value.id != atividade_id
-  && !singleAtividade.value.loading
-) {
-  AtividadesStore.getByIdReal(atividade_id);
-}
 
 const groupBy = localStorage.getItem('groupBy') ?? 'todas';
+
+const metaId = computed(() => {
+  const id = Number(route.params.meta_id);
+  return Number.isNaN(id) ? undefined : id;
+});
+const iniciativaId = computed(() => {
+  const id = Number(route.params.iniciativa_id);
+  return Number.isNaN(id) ? undefined : id;
+});
+const atividadeId = computed(() => {
+  const id = Number(route.params.atividade_id);
+  return Number.isNaN(id) ? undefined : id;
+});
+
+watchEffect(() => {
+  if (metaId.value && singleMeta.value.id !== metaId.value) {
+    MetasStore.getById(metaId.value);
+  }
+
+  if (metaId.value && !activePdm.value?.id) {
+    MetasStore.getPdM();
+  }
+
+  if (
+    iniciativaId.value
+    && singleIniciativa.value.id !== iniciativaId.value
+    && !singleIniciativa.value.loading
+  ) {
+    IniciativasStore.getByIdReal(iniciativaId.value);
+  }
+  if (
+    atividadeId.value
+    && singleAtividade.value.id !== atividadeId.value
+    && !singleAtividade.value.loading
+  ) {
+    AtividadesStore.getByIdReal(atividadeId.value);
+  }
+});
 </script>
 <template>
   <nav class="migalhas-de-pão migalhas-de-pão--metas">
     <ul class="migalhas-de-pão__lista">
       <li
-        v-if="activePdm.id"
+        v-if="activePdm?.id"
         class="migalhas-de-pão__item"
       >
         <SmaeLink
           class="migalhas-de-pão__link"
           to="/metas"
         >
-          {{ activePdm.nome }}
+          {{ activePdm?.nome }}
         </SmaeLink>
       </li>
-      <template v-if="meta_id && activePdm.id">
+      <template v-if="metaId && activePdm?.id">
         <template
           v-for="item in Object.values(rotasDosNiveisDeMetas)"
           :key="item.nível"
@@ -84,40 +95,40 @@ const groupBy = localStorage.getItem('groupBy') ?? 'todas';
         </template>
       </template>
       <li
-        v-if="meta_id && singleMeta.id"
+        v-if="metaId && singleMeta.id"
         class="migalhas-de-pão__item"
       >
         <SmaeLink
-          :to="`/metas/${meta_id}`"
+          :to="`/metas/${metaId}`"
           class="migalhas-de-pão__link"
         >
           Meta {{ singleMeta?.codigo }} {{ singleMeta?.titulo }}
         </SmaeLink>
       </li>
 
       <li
-        v-if="iniciativa_id && activePdm.possui_iniciativa && singleIniciativa.id"
+        v-if="iniciativaId && activePdm?.possui_iniciativa && singleIniciativa.id"
         class="migalhas-de-pão__item"
       >
         <SmaeLink
-          :to="`/metas/${meta_id}/iniciativas/${iniciativa_id}`"
+          :to="`/metas/${metaId}/iniciativas/${iniciativaId}`"
           class="migalhas-de-pão__link"
         >
-          {{ activePdm.rotulo_iniciativa }}
+          {{ activePdm?.rotulo_iniciativa }}
           {{ singleIniciativa?.codigo }}
           {{ singleIniciativa?.titulo }}
         </SmaeLink>
       </li>
 
       <li
-        v-if="atividade_id && activePdm.possui_atividade && singleAtividade.id"
+        v-if="atividadeId && activePdm?.possui_atividade && singleAtividade.id"
         class="migalhas-de-pão__item"
       >
         <SmaeLink
-          :to="`/metas/${meta_id}/iniciativas/${iniciativa_id}/atividades/${atividade_id}`"
+          :to="`/metas/${metaId}/iniciativas/${iniciativaId}/atividades/${atividadeId}`"
           class="migalhas-de-pão__link"
         >
-          {{ activePdm.rotulo_atividade }}
+          {{ activePdm?.rotulo_atividade }}
           {{ singleAtividade?.codigo }}
           {{ singleAtividade?.titulo }}
         </SmaeLink>

frontend/src/components/metas/SimpleIndicador.vue

@@ -1,4 +1,7 @@
 <script setup>
+import { storeToRefs } from 'pinia';
+import { computed, nextTick, ref } from 'vue';
+import { useRoute } from 'vue-router';
 import GraficoHeatmapVariavelCategorica from '@/components/GraficoHeatmapVariavelCategorica.vue';
 // eslint-disable-next-line import/no-named-default
 import { default as EvolucaoGraph } from '@/components/EvolucaoGraph.vue';
@@ -8,9 +11,6 @@ import { useAuthStore } from '@/stores/auth.store';
 import { useIndicadoresStore } from '@/stores/indicadores.store';
 import { usePdMStore } from '@/stores/pdm.store';
 import { usePlanosSetoriaisStore } from '@/stores/planosSetoriais.store';
-import { storeToRefs } from 'pinia';
-import { computed, nextTick, ref } from 'vue';
-import { useRoute } from 'vue-router';
 
 const route = useRoute();
 
@@ -25,7 +25,8 @@ const { tempIndicadores, ValoresInd } = storeToRefs(IndicadoresStore);
 const activePdm = computed(() => {
   switch (route.meta.entidadeMãe) {
     case 'planoSetorial':
-      return usePlanosSetoriaisStore().emFoco;
+    case 'programaDeMetas':
+      return usePlanosSetoriaisStore(route.meta.entidadeMãe).emFoco;
 
     case 'pdm':
       return usePdMStore().activePdm;
@@ -95,6 +96,7 @@ iniciar();
             v-if="temPermissãoPara([
               'CadastroMeta.administrador_no_pdm',
               'CadastroMetaPS.administrador_no_pdm',
+              'CadastroMetaPDM.administrador_no_pdm'
             ]) && activePdm?.pode_editar"
             :to="`${parentlink}/indicadores/${ind.id}`"
             title="Editar indicador"
@@ -148,6 +150,7 @@ iniciar();
       v-if="temPermissãoPara([
         'CadastroMeta.administrador_no_pdm',
         'CadastroMetaPS.administrador_no_pdm',
+        'CadastroMetaPDM.administrador_no_pdm'
       ]) && activePdm?.pode_editar"
       class="bgc50"
     >