DRAFT: Making namespaces as a hidden feature

Closes tolgee#2594

TODO.md

@@ -0,0 +1,5 @@
+* Save settings to DB
+* Hide select boxes by the settings
+* Add liquibase changeset for customers already using namespaces, disable them only when there are none
+  * Default is off, set it to on for customers who already use it
+* Inline checkbox styling

backend/api/src/main/kotlin/io/tolgee/hateoas/project/ProjectModel.kt

@@ -21,6 +21,7 @@ open class ProjectModel(
   val avatar: Avatar?,
   val organizationOwner: SimpleOrganizationModel?,
   val baseLanguage: LanguageModel?,
+  val useNamespaces: Boolean,
   val defaultNamespace: NamespaceModel?,
   val organizationRole: OrganizationRoleType?,
   @Schema(description = "Current user's direct permission", example = "MANAGE")

backend/api/src/main/kotlin/io/tolgee/hateoas/project/ProjectModelAssembler.kt

@@ -58,6 +58,7 @@ class ProjectModelAssembler(
       organizationRole = view.organizationRole,
       organizationOwner = view.organizationOwner.let { simpleOrganizationModelAssembler.toModel(it) },
       baseLanguage = baseLanguage.let { languageModelAssembler.toModel(LanguageDto.fromEntity(it, it.id)) },
+      useNamespaces = view.useNamespaces,
       defaultNamespace = defaultNamespace,
       directPermission = view.directPermission?.let { permissionModelAssembler.toModel(it) },
       computedPermission = computedPermissionModelAssembler.toModel(computedPermissions),

backend/data/src/main/kotlin/io/tolgee/dtos/request/project/EditProjectRequest.kt

@@ -13,6 +13,7 @@ data class EditProjectRequest(
   @field:Pattern(regexp = "^[a-z0-9-]*[a-z]+[a-z0-9-]*$", message = "invalid_pattern")
   var slug: String? = null,
   var baseLanguageId: Long? = null,
+  var useNamespaces: Boolean = false,
   var defaultNamespaceId: Long? = null,
   @field:Size(min = 3, max = 2000)
   var description: String? = null,

backend/data/src/main/kotlin/io/tolgee/model/Project.kt

@@ -125,6 +125,9 @@ class Project(
   @ColumnDefault("true")
   override var icuPlaceholders: Boolean = true
 
+  @ColumnDefault("false")
+  var useNamespaces: Boolean = false
+
   @ColumnDefault("0")
   var lastTaskNumber: Long = 0
 

backend/data/src/main/kotlin/io/tolgee/model/views/ProjectView.kt

@@ -11,6 +11,7 @@ interface ProjectView {
   val description: String?
   val slug: String?
   val avatarHash: String?
+  val useNamespaces: Boolean
   val defaultNamespace: Namespace?
   val organizationOwner: Organization
   val organizationRole: OrganizationRoleType?

backend/data/src/main/kotlin/io/tolgee/model/views/ProjectWithLanguagesView.kt

@@ -11,6 +11,7 @@ open class ProjectWithLanguagesView(
   override val description: String?,
   override val slug: String?,
   override val avatarHash: String?,
+  override val useNamespaces: Boolean,
   override val defaultNamespace: Namespace?,
   override val organizationOwner: Organization,
   override val organizationRole: OrganizationRoleType?,
@@ -29,6 +30,7 @@ open class ProjectWithLanguagesView(
         description = view.description,
         slug = view.slug,
         avatarHash = view.avatarHash,
+        useNamespaces = view.useNamespaces,
         defaultNamespace = view.defaultNamespace,
         organizationOwner = view.organizationOwner,
         organizationRole = view.organizationRole,

backend/data/src/main/kotlin/io/tolgee/model/views/ProjectWithStatsView.kt

@@ -13,6 +13,7 @@ class ProjectWithStatsView(
     view.description,
     view.slug,
     view.avatarHash,
+    view.useNamespaces,
     view.defaultNamespace,
     view.organizationOwner,
     view.organizationRole,

backend/data/src/main/kotlin/io/tolgee/service/project/ProjectService.kt

@@ -180,6 +180,7 @@ class ProjectService(
     project.name = dto.name
     project.description = dto.description
     project.icuPlaceholders = dto.icuPlaceholders
+    project.useNamespaces = dto.useNamespaces
 
     if (project.defaultNamespace != null) {
       namespaceService.deleteUnusedNamespaces(listOf(project.defaultNamespace!!))

backend/data/src/main/resources/db/changelog/schema.xml

@@ -3878,4 +3878,11 @@
             <column name="organization_id"/>
         </createIndex>
     </changeSet>
+    <changeSet author="stanov (generated)" id="1732537248089-1">
+        <addColumn tableName="project">
+            <column defaultValueBoolean="false" name="use_namespaces" type="boolean">
+                <constraints nullable="false"/>
+            </column>
+        </addColumn>
+    </changeSet>
 </databaseChangeLog>

webapp/src/service/apiSchema.generated.ts

@@ -1152,6 +1152,7 @@ export interface components {
       slug?: string;
       /** Format: int64 */
       baseLanguageId?: number;
+      useNamespaces: boolean;
       /** Format: int64 */
       defaultNamespaceId?: number;
       description?: string;
@@ -1336,6 +1337,7 @@ export interface components {
       avatar?: components["schemas"]["Avatar"];
       organizationOwner?: components["schemas"]["SimpleOrganizationModel"];
       baseLanguage?: components["schemas"]["LanguageModel"];
+      useNamespaces: boolean;
       defaultNamespace?: components["schemas"]["NamespaceModel"];
       organizationRole?: "MEMBER" | "OWNER";
       directPermission?: components["schemas"]["PermissionModel"];

webapp/src/views/projects/project/ProjectSettingsGeneral.tsx

@@ -15,11 +15,13 @@ import { Box, styled } from '@mui/material';
 import { ProjectLanguagesProvider } from 'tg.hooks/ProjectLanguagesProvider';
 import { useProjectNamespaces } from 'tg.hooks/useProjectNamespaces';
 import { DefaultNamespaceSelect } from './components/DefaultNamespaceSelect';
+import { UseNamespacesCheckbox } from './components/UseNamespacesCheckbox';
 
 type FormValues = {
   name: string;
   description: string | undefined;
   baseLanguageId: number | undefined;
+  useNamespaces: boolean | false;
   defaultNamespaceId: number | '';
 };
 
@@ -49,6 +51,15 @@ const LanguageSelect = () => {
   );
 };
 
+const NamespacesCheckbox = () => {
+  return (
+    <UseNamespacesCheckbox
+      label={<T keyName="project_settings_use_namespaces" />}
+      name="useNamespaces"
+    />
+  );
+};
+
 const NamespaceSelect = () => {
   const { allNamespacesWithNone } = useProjectNamespaces();
   return (
@@ -69,6 +80,7 @@ export const ProjectSettingsGeneral = () => {
     name: project.name,
     baseLanguageId: project.baseLanguage?.id,
     description: project.description ?? '',
+    useNamespaces: project.useNamespaces ?? false,
     defaultNamespaceId: defaultNamespace?.id ?? '',
   } satisfies FormValues;
 
@@ -82,6 +94,7 @@ export const ProjectSettingsGeneral = () => {
     const data = {
       ...values,
       description: values.description || undefined,
+      useNamespaces: values.useNamespaces || false,
       defaultNamespaceId:
         values.defaultNamespaceId === 0 ? undefined : values.defaultNamespaceId,
     };
@@ -157,6 +170,7 @@ export const ProjectSettingsGeneral = () => {
           <ProjectLanguagesProvider>
             <LanguageSelect />
           </ProjectLanguagesProvider>
+          <NamespacesCheckbox />
           <NamespaceSelect />
         </Box>
       </StandardForm>

webapp/src/views/projects/project/components/UseNamespacesCheckbox.tsx

@@ -0,0 +1,24 @@
+import { FC, ReactNode } from 'react';
+import { Box, Checkbox, MenuItem } from '@mui/material';
+
+import { Select } from 'tg.component/common/form/fields/Select';
+import { components } from 'tg.service/apiSchema.generated';
+import { FieldLabel } from 'tg.component/FormField';
+import { useTranslate } from '@tolgee/react';
+
+export const UseNamespacesCheckbox: FC<{
+  label?: ReactNode;
+  name: string;
+}> = (props) => {
+  return (
+    <Box>
+      <FieldLabel>{props.label}</FieldLabel>
+      <Checkbox
+        data-cy="default-namespace-select"
+        sx={{ mt: 0 }}
+        name={props.name}
+        size="small"
+      />
+    </Box>
+  );
+};

webapp/src/views/projects/translations/KeyCreateForm/FormBody.tsx

@@ -126,7 +126,7 @@ export const FormBody: React.FC<Props> = ({ onCancel, autofocus }) => {
             {({ field, form }: FieldProps<any>) => {
               return (
                 <div>
-                  <FieldLabel>
+                  <FieldLabel> {/*TODO tady možná taky*/}
                     <LabelHint title={t('translation_single_namespace_hint')}>
                       <T keyName="translation_single_label_namespace" />
                     </LabelHint>

webapp/src/views/projects/translations/KeyEdit/KeyGeneral.tsx

@@ -67,10 +67,11 @@ export const KeyGeneral = () => {
           </EditorWrapper>
           <FieldError error={errors.name} />
         </StyledSection>
+        {/*<ConditionalFormItem>*/}
         <StyledSection>
           <FieldLabel>
             <LabelHint title={t('translations_key_edit_label_namespace_hint')}>
-              {t('translations_key_edit_label_namespace')}
+              {t('translations_key_edit_label_namespace')} tady
             </LabelHint>
           </FieldLabel>
           <NamespaceSelector
@@ -84,6 +85,7 @@ export const KeyGeneral = () => {
           />
           <FieldError error={errors.namespace} />
         </StyledSection>
+        {/*</ConditionalFormItem>*/}
       </StyledKeyNsContainer>
 
       <StyledSection>