|
1 | 1 | <template>
|
2 | 2 | <q-page class="page-content q-gutter-y-lg" padding>
|
3 |
| - <h5>Load cell</h5> |
| 3 | + <h5>{{ $t('page.load_cell_mgmt.headline') }}</h5> |
4 | 4 | <q-card
|
5 | 5 | class="q-pa-md bg-card-body text-card-body"
|
6 | 6 | flat
|
7 | 7 | bordered
|
8 | 8 | >
|
9 | 9 | <div class="row">
|
10 |
| - <p class="text-weight-medium q-pb-md">Load cell settings</p> |
| 10 | + <p class="text-weight-medium q-pb-md">{{ $t('page.load_cell_mgmt.hardware_settings.headline') }}</p> |
11 | 11 | </div>
|
12 | 12 | <q-form class="q-col-gutter-md">
|
13 | 13 | <div class="row">
|
|
17 | 17 | bordered
|
18 | 18 | >
|
19 | 19 | <q-toggle
|
20 |
| - label="Enable load cell" |
| 20 | + :label="$t('page.load_cell_mgmt.hardware_settings.enable_btn_label')" |
21 | 21 | color="green"
|
22 | 22 | v-model:model-value="v.form.enable.$model"
|
23 | 23 | />
|
|
31 | 31 | bordered>
|
32 | 32 | <q-card-section>
|
33 | 33 | <div class="text-subtitle2">
|
34 |
| - CLK-Pin |
| 34 | + {{ $t('page.load_cell_mgmt.hardware_settings.clk_pin_label') }} |
35 | 35 | </div>
|
36 | 36 | </q-card-section>
|
37 | 37 | <q-separator/>
|
|
55 | 55 | bordered>
|
56 | 56 | <q-card-section>
|
57 | 57 | <div class="text-subtitle2">
|
58 |
| - DT-Pin |
| 58 | + {{ $t('page.load_cell_mgmt.hardware_settings.dt_pin_label') }} |
59 | 59 | </div>
|
60 | 60 | </q-card-section>
|
61 | 61 | <q-separator/>
|
|
75 | 75 | <div class="row justify-end">
|
76 | 76 | <div class="q-gutter-sm">
|
77 | 77 | <q-btn
|
78 |
| - label="Save" |
| 78 | + :label="$t('page.load_cell_mgmt.hardware_settings.save_btn_label')" |
79 | 79 | color="green"
|
80 | 80 | @click="onClickSave()"
|
81 | 81 | />
|
82 | 82 | <q-btn
|
83 |
| - label="Save & Return" |
| 83 | + :label="$t('page.load_cell_mgmt.hardware_settings.save_and_return_btn_label')" |
84 | 84 | color="green"
|
85 | 85 | @click="onClickSave(true)"
|
86 | 86 | />
|
|
95 | 95 | bordered
|
96 | 96 | >
|
97 | 97 | <div class="row">
|
98 |
| - <p class="text-weight-medium q-pb-md">Calibration</p> |
| 98 | + <p class="text-weight-medium q-pb-md">{{ $t('page.load_cell_mgmt.calibration.headline') }}</p> |
99 | 99 | </div>
|
100 | 100 | <div class="row">
|
101 | 101 | <q-card
|
|
111 | 111 | :dark="color.cardItemGroupDark"
|
112 | 112 | >
|
113 | 113 | <q-step
|
114 |
| - title="Zero-Point Calibration (No Weight)" |
| 114 | + :title="$t('page.load_cell_mgmt.calibration.zero_point.headline')" |
115 | 115 | :disable="!currentLoadCell.enable"
|
116 | 116 | :name="1"
|
117 | 117 | :done="calibration.step > 1 || currentLoadCell.calibrated"
|
118 | 118 | :header-nav="calibration.step > 1 || currentLoadCell.calibrated"
|
119 | 119 | >
|
120 |
| - <p>Ensure the dispensing area is empty. Press the Next button to record the load cell's zero-point measurement.</p> |
| 120 | + <p>{{ $t('page.load_cell_mgmt.calibration.zero_point.text') }}</p> |
121 | 121 | <q-stepper-navigation>
|
122 | 122 | <q-btn
|
123 | 123 | @click="onClickCalibrateZero()"
|
124 | 124 | color="primary"
|
125 |
| - label="Next" |
| 125 | + :label="$t('page.load_cell_mgmt.calibration.next_btn_label')" |
126 | 126 | :disable="!currentLoadCell.enable"
|
127 | 127 | />
|
128 | 128 | </q-stepper-navigation>
|
129 | 129 | </q-step>
|
130 | 130 | <q-step
|
131 |
| - title="Known Weight Calibration" |
| 131 | + :title="$t('page.load_cell_mgmt.calibration.known_weight.headline')" |
132 | 132 | :name="2"
|
133 | 133 | :done="calibration.step > 2 || currentLoadCell.calibrated"
|
134 | 134 | :header-nav="currentLoadCell.calibrated"
|
135 | 135 | :disable="!currentLoadCell.enable"
|
136 | 136 | >
|
137 | 137 | <p>
|
138 |
| - Place a known weight on the dispensing area. |
139 |
| - Enter the weight value in grams using the input field. |
140 |
| - Press the Next button to record the load cell's response to the known weight. |
| 138 | + {{ $t('page.load_cell_mgmt.calibration.known_weight.text') }} |
141 | 139 | </p>
|
142 | 140 | <q-input
|
143 | 141 | v-model:model-value.number="calibration.referenceWeight"
|
144 | 142 | :disable="!currentLoadCell.enable"
|
145 |
| - label="Reference weight (in g)" |
| 143 | + :label="$t('page.load_cell_mgmt.calibration.known_weight.ref_weight_field_label')" |
146 | 144 | type="number"
|
147 | 145 | filled
|
148 | 146 | :dark="color.cardItemGroupDark"
|
|
153 | 151 | :disable="calibration.referenceWeight < 1 || calibration.referenceWeight == null || !currentLoadCell.enable"
|
154 | 152 | @click="onClickCalibrateReference(calibration.referenceWeight)"
|
155 | 153 | color="primary"
|
156 |
| - label="Next" |
| 154 | + :label="$t('page.load_cell_mgmt.calibration.next_btn_label')" |
157 | 155 | />
|
158 | 156 | </q-stepper-navigation>
|
159 | 157 | </q-step>
|
160 | 158 | <q-step
|
161 |
| - title="Validation Test" |
| 159 | + :title="$t('page.load_cell_mgmt.calibration.validation.headline')" |
162 | 160 | :name="3"
|
163 | 161 | :disable="!currentLoadCell.enable"
|
164 | 162 | :done="currentLoadCell.calibrated"
|
165 | 163 | :header-nav="currentLoadCell.calibrated"
|
166 | 164 | >
|
167 | 165 | <p>
|
168 |
| - Place a random weight on the dispensing area. |
169 |
| - Press the Measure button to read the load cell's response to the known weight and compare it with the response. |
| 166 | + {{ $t('page.load_cell_mgmt.calibration.validation.text') }} |
170 | 167 | </p>
|
171 | 168 | <q-input
|
172 | 169 | :model-value="formattedMeasurementWeight"
|
|
177 | 174 | hide-bottom-space
|
178 | 175 | readonly
|
179 | 176 | borderless
|
180 |
| - label="Measurement" |
| 177 | + :label="$t('page.load_cell_mgmt.calibration.validation.measure_field_label')" |
181 | 178 | :dark="color.cardItemGroupDark"
|
182 | 179 | >
|
183 | 180 | <template v-slot:append>
|
184 | 181 | <q-btn
|
185 |
| - label="Measure" |
| 182 | + :label="$t('page.load_cell_mgmt.calibration.validation.measure_btn_label')" |
186 | 183 | color="primary"
|
187 | 184 | outline
|
188 | 185 | no-caps
|
|
198 | 195 | @click="$router.back()"
|
199 | 196 | :disable="!currentLoadCell.enable"
|
200 | 197 | color="positive"
|
201 |
| - label="Finish & Return" |
| 198 | + :label="$t('page.load_cell_mgmt.calibration.validation.finish_and_return_btn_label')" |
202 | 199 | />
|
203 | 200 | <q-btn
|
204 | 201 | @click="calibration.step = 1"
|
205 | 202 | :disable="!currentLoadCell.enable"
|
206 | 203 | color="negative"
|
207 | 204 | :icon="mdiReload"
|
208 |
| - label="Start over" |
| 205 | + :label="$t('page.load_cell_mgmt.calibration.validation.start_over_btn_label')" |
209 | 206 | />
|
210 | 207 | </q-stepper-navigation>
|
211 | 208 | </q-step>
|
|
0 commit comments