feat: add ControlEntrySample form screen

packages/apps/quality/src/api/control-entry-api.js

@@ -16,6 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import {
+  axiosApiProvider,
   createStandardFetch,
   createStandardSearch,
   getEndOfDay,
@@ -80,3 +81,27 @@ export async function fetchControlEntryById({controlEntryId}) {
     fieldKey: 'quality_controlEntry',
   });
 }
+
+export async function updateControlEntry({controlEntry}) {
+  return axiosApiProvider.post({
+    url: '/ws/rest/com.axelor.apps.quality.db.ControlEntry/',
+    data: {
+      data: controlEntry,
+    },
+  });
+}
+
+export async function getProgressValues({
+  controlEntryId,
+  characteristicId,
+  sampleId,
+}) {
+  return axiosApiProvider.post({
+    url: 'ws/aos/controlentry/progressValues',
+    data: {
+      controlEntryId,
+      characteristicId,
+      sampleId,
+    },
+  });
+}

packages/apps/quality/src/api/control-entry-sample-line-api.js

@@ -16,7 +16,11 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import {createStandardSearch} from '@axelor/aos-mobile-core';
+import {
+  createStandardSearch,
+  createStandardFetch,
+  axiosApiProvider,
+} from '@axelor/aos-mobile-core';
 
 const createControlEntrySampleLineCriteria = controlEntrySampleId => {
   return [
@@ -40,3 +44,51 @@ export async function searchControlEntrySampleLine({
     page: page,
   });
 }
+
+const createSampleLineOfControlEntryCriteria = controlEntryId => {
+  return [
+    {
+      fieldName: 'controlEntrySample.controlEntry.id',
+      operator: '=',
+      value: controlEntryId,
+    },
+  ];
+};
+
+export async function searchControlEntrySampleLineOfControlEntry({
+  controlEntryId,
+}) {
+  return createStandardSearch({
+    model: 'com.axelor.apps.quality.db.ControlEntryPlanLine',
+    criteria: createSampleLineOfControlEntryCriteria(controlEntryId),
+    fieldKey: 'quality_controlEntrySampleLine',
+    sortKey: 'quality_controlEntrySampleLine',
+    numberElementsByPage: null,
+    page: 0,
+  });
+}
+
+export async function fetchControlEntrySampleLine({id}) {
+  return createStandardFetch({
+    model: 'com.axelor.apps.quality.db.ControlEntryPlanLine',
+    id,
+    fieldKey: 'quality_controlEntrySampleLine',
+  });
+}
+
+export async function checkComformity({object}) {
+  return axiosApiProvider.post({
+    url: 'ws/action',
+    data: {
+      action:
+        'action-quality-control-entry-line-method-control-conformity,save',
+      data: {
+        context: {
+          ...object,
+          _model: 'com.axelor.apps.quality.db.ControlEntryPlanLine',
+        },
+      },
+      model: 'com.axelor.apps.quality.db.ControlEntryPlanLine',
+    },
+  });
+}

packages/apps/quality/src/api/control-plan-api.js

@@ -0,0 +1,27 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2024 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import {createStandardFetch} from '@axelor/aos-mobile-core';
+
+export async function fetchControlPlanById({id}) {
+  return createStandardFetch({
+    model: 'com.axelor.apps.quality.db.ControlPlan',
+    id,
+    fieldKey: 'quality_controlPlan',
+  });
+}

packages/apps/quality/src/api/index.ts

@@ -19,6 +19,14 @@
 export {
   fetchControlEntryById as fetchControlEntryByIdApi,
   searchControlEntry as searchControlEntryApi,
+  updateControlEntry as updateControlEntryApi,
+  getProgressValues as getProgressValuesApi,
 } from './control-entry-api';
 export {searchControlEntrySample as searchControlEntrySampleApi} from './control-entry-sample-api';
-export {searchControlEntrySampleLine as searchControlEntrySampleLineApi} from './control-entry-sample-line-api';
+export {
+  checkComformity,
+  fetchControlEntrySampleLine as fetchControlEntrySampleLineApi,
+  searchControlEntrySampleLine as searchControlEntrySampleLineApi,
+  searchControlEntrySampleLineOfControlEntry as searchControlEntrySampleLineOfControlEntryApi,
+} from './control-entry-sample-line-api';
+export {fetchControlPlanById as fetchControlPlanByIdApi} from './control-plan-api';

packages/apps/quality/src/components/atoms/ControlEntryCard/ControlEntryCard.tsx

@@ -79,7 +79,7 @@ const ControlEntryCard = ({
           <DateDisplay date={entryDateTime} />
         </View>
         <View style={styles.childrenContainer}>
-          <Text>{`${I18n.t('Quality_Sample')} : ${sampleCount}`}</Text>
+          <Text>{`${I18n.t('Quality_SampleCount')} : ${sampleCount}`}</Text>
           <ProgressBar
             style={styles.progressBar}
             value={numberSampleFilled}

packages/apps/quality/src/components/atoms/ControlEntryHeader/ControlEntryHeader.tsx

@@ -0,0 +1,61 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2024 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import React from 'react';
+import {StyleSheet, View} from 'react-native';
+import {DateDisplay, useSelector, useTranslator} from '@axelor/aos-mobile-core';
+import {Badge, Text, useThemeColor} from '@axelor/aos-mobile-ui';
+import {ControlEntry} from '../../../types';
+
+const ControlEntryHeader = ({}) => {
+  const I18n = useTranslator();
+  const Colors = useThemeColor();
+
+  const {controlEntry} = useSelector((state: any) => state.controlEntry);
+
+  return (
+    <View>
+      <View style={styles.row}>
+        <Text writingType="title">{controlEntry.name}</Text>
+        <Badge
+          color={ControlEntry.getStatusColor(controlEntry.statusSelect, Colors)}
+          title={ControlEntry.getStatus(controlEntry.statusSelect, I18n)}
+        />
+      </View>
+      <View style={styles.row}>
+        <Text>{`${I18n.t('Quality_SampleCount')} : ${
+          controlEntry.sampleCount
+        }`}</Text>
+        <DateDisplay date={controlEntry.entryDateTime} />
+      </View>
+      <Text>{`${I18n.t('Quality_ControlPlan')} : ${
+        controlEntry.controlPlan?.name
+      }`}</Text>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  row: {
+    justifyContent: 'space-between',
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+});
+
+export default ControlEntryHeader;

packages/apps/quality/src/components/atoms/ControlEntrySampleLineHeader/ControlEntrySampleLineHeader.tsx

@@ -0,0 +1,73 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2024 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import React from 'react';
+import {StyleSheet, View} from 'react-native';
+import {useSelector, useTranslator} from '@axelor/aos-mobile-core';
+import {Badge, Text, useThemeColor} from '@axelor/aos-mobile-ui';
+import {ControlEntry} from '../../../types';
+
+const ControlEntrySampleLineHeader = ({}) => {
+  const I18n = useTranslator();
+  const Colors = useThemeColor();
+
+  const {sampleLine} = useSelector(
+    (state: any) => state.controlEntrySampleLine,
+  );
+
+  if (sampleLine?.id == null) {
+    return null;
+  }
+
+  return (
+    <View>
+      <View style={styles.row}>
+        <Text>{`${I18n.t('Quality_Sample')} : ${
+          sampleLine.controlEntrySample?.fullName
+        }`}</Text>
+        <Badge
+          color={ControlEntry.getSampleResultColor(
+            sampleLine.resultSelect,
+            Colors,
+          )}
+          title={ControlEntry.getSampleResultTitle(
+            sampleLine.resultSelect,
+            I18n,
+          )}
+        />
+      </View>
+      <Text>{`${I18n.t('Quality_Characteristic')} : ${
+        sampleLine.controlPlanLine?.characteristic?.name
+      }`}</Text>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+  badge: {
+    margin: 0,
+    width: null,
+  },
+});
+
+export default ControlEntrySampleLineHeader;

packages/apps/quality/src/components/atoms/NavigationButton/NavigationButton.tsx

@@ -0,0 +1,55 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2024 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import React, {useMemo} from 'react';
+import {StyleSheet, View} from 'react-native';
+import {Button, Icon, useThemeColor} from '@axelor/aos-mobile-ui';
+
+const NavigationButton = ({position, onPress, icon, disabled}) => {
+  const Colors = useThemeColor();
+
+  const positionStyle = useMemo(() => ({[position]: '15%'}), [position]);
+
+  return (
+    <View style={styles.buttonContainer}>
+      <Button
+        onPress={onPress}
+        color={Colors.priorityColor}
+        disabled={disabled}
+        iconName={icon}
+      />
+      <Icon
+        name={`chevron-${position}`}
+        style={[styles.chevron, positionStyle]}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  buttonContainer: {
+    width: '45%',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  chevron: {
+    position: 'absolute',
+  },
+});
+
+export default NavigationButton;

packages/apps/quality/src/components/atoms/index.js

@@ -17,4 +17,7 @@
  */
 
 export {default as ControlEntryCard} from './ControlEntryCard/ControlEntryCard';
+export {default as ControlEntryHeader} from './ControlEntryHeader/ControlEntryHeader';
 export {default as ControlEntrySampleCard} from './ControlEntrySampleCard/ControlEntrySampleCard';
+export {default as ControlEntrySampleLineHeader} from './ControlEntrySampleLineHeader/ControlEntrySampleLineHeader';
+export {default as NavigationButton} from './NavigationButton/NavigationButton';

packages/apps/quality/src/components/molecules/ControlEntryDetailsButtons/ControlEntryDetailsButtons.tsx

@@ -17,14 +17,33 @@
  */
 
 import React from 'react';
-import {useTranslator} from '@axelor/aos-mobile-core';
+import {useDispatch, useSelector, useTranslator} from '@axelor/aos-mobile-core';
 import {Button} from '@axelor/aos-mobile-ui';
+import {updateControlEntry} from '../../../features/controlEntrySlice';
+import {ControlEntry} from '../../../types';
 
 const ControlEntryDetailsButtons = () => {
+  const dispatch = useDispatch();
   const I18n = useTranslator();
 
+  const {controlEntry} = useSelector((state: any) => state.controlEntry);
+
   return (
-    <Button title={I18n.t('Quality_MarkAsCompleted')} iconName="check-lg" />
+    <Button
+      title={I18n.t('Quality_MarkAsCompleted')}
+      onPress={() => {
+        dispatch(
+          (updateControlEntry as any)({
+            controlEntry: {
+              ...controlEntry,
+              statusSelect: ControlEntry.status.Completed,
+            },
+            controlEntryId: controlEntry.id,
+          }),
+        );
+      }}
+      iconName="check-lg"
+    />
   );
 };