@windward/games 0.22.0 → 0.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/components/content/blocks/multipleChoice/MultipleChoice.vue +8 -1
  3. package/components/content/blocks/multipleChoice/QuestionDialog.vue +0 -9
  4. package/components/content/blocks/quizshowGame/feedbackIcons.vue +2 -2
  5. package/components/settings/BucketGameSettingsManager.vue +136 -96
  6. package/components/settings/CrosswordPuzzleSettingsManager.vue +248 -1
  7. package/components/settings/FlashCardSlidesManager.vue +122 -51
  8. package/components/settings/MatchingGameManager.vue +179 -84
  9. package/components/settings/MultipleChoiceSettingsManager.vue +132 -0
  10. package/components/settings/QuizShowSettingsManager.vue +2 -1
  11. package/components/settings/SevenStrikesSettingsManager.vue +91 -0
  12. package/components/settings/SortingGameSettingsManager.vue +103 -58
  13. package/components/settings/WordJumbleSettingsManager.vue +114 -49
  14. package/i18n/en-US/components/settings/crossword.ts +4 -0
  15. package/i18n/en-US/components/settings/multiple_choice.ts +4 -0
  16. package/i18n/es-ES/components/settings/crossword.ts +4 -0
  17. package/i18n/es-ES/components/settings/multiple_choice.ts +4 -0
  18. package/i18n/sv-SE/components/settings/crossword.ts +4 -0
  19. package/i18n/sv-SE/components/settings/multiple_choice.ts +4 -0
  20. package/package.json +1 -1
  21. package/plugin.js +1 -1
package/components/settings/WordJumbleSettingsManager.vue CHANGED
@@ -122,14 +122,18 @@
122
122
  <v-container class="pa-4 mb-6">
123
123
  <v-row>
124
124
  <v-col cols="12">
125
- <GenerateAIQuestionButton
126
- :course="course"
127
- :content="currentContent"
128
- :block="block"
129
- question-type="word_jumble"
130
- :replace-existing-mode="replaceExisting"
131
- @click:generate="onGeneratedWordJumble"
132
- ></GenerateAIQuestionButton>
125
+ <PluginRef
126
+ target="contentBlockSettingTool"
127
+ :attrs="{
128
+ value: block,
129
+ course: course,
130
+ content: currentContent,
131
+ }"
132
+ :on="{
133
+ input: onPluginSetBlock,
134
+ append: onPluginAppendBlock,
135
+ }"
136
+ ></PluginRef>
133
137
  </v-col>
134
138
  </v-row>
135
139
  </v-container>
@@ -138,10 +142,10 @@
138
142
  <script>
139
143
  import _ from 'lodash'
140
144
  import { mapGetters } from 'vuex'
141
- import { GenerateAIQuestionButton } from '@windward/core/utils'
142
145
  import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
143
146
  import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
144
147
  import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
148
+ import PluginRef from '~/components/Core/PluginRef.vue'
145
149
 
146
150
  export default {
147
151
  name: 'WordJumbleSettings',
@@ -149,7 +153,7 @@ export default {
149
153
  components: {
150
154
  SortableExpansionPanel,
151
155
  BaseContentBlockSettings,
152
- GenerateAIQuestionButton,
156
+ PluginRef,
153
157
  },
154
158
  beforeMount() {
155
159
  if (_.isEmpty(this.block)) {
@@ -194,7 +198,6 @@ export default {
194
198
  }
195
199
  },
196
200
  computed: {
197
-
198
201
  ...mapGetters({
199
202
  course: 'course/get',
200
203
  currentContent: 'content/get',
@@ -251,69 +254,131 @@ export default {
251
254
  this.block.metadata.config.currentWord =
252
255
  this.block.metadata.config.words.length - 1
253
256
  },
254
- onGeneratedWordJumble(activityData, replaceMode) {
257
+ onPluginSetBlock(activityData) {
255
258
  this.loading = true
256
259
  try {
257
260
  // Process the activity data
258
- if (activityData && activityData.metadata &&
261
+ if (
262
+ activityData &&
263
+ activityData.metadata &&
259
264
  activityData.metadata.config &&
260
265
  activityData.metadata.config.words &&
261
- Array.isArray(activityData.metadata.config.words)) {
262
-
266
+ Array.isArray(activityData.metadata.config.words)
267
+ ) {
263
268
  const newWords = activityData.metadata.config.words
264
269
 
265
- if (replaceMode) { this.block.metadata.config.words.splice(0, this.block.metadata.config.words.length)
266
- newWords.forEach(word => {
267
- this.block.metadata.config.words.push({
268
- id: word.id || this.block.metadata.config.words.length + 1,
269
- value: word.value || '',
270
- hint: word.hint || '',
271
- shuffledWord: this.shuffle(word.value || '')
272
- })
273
- })
274
- } else {
275
- newWords.forEach(word => {
276
- this.block.metadata.config.words.push({
277
- id: this.block.metadata.config.words.length + 1,
278
- value: word.value || '',
279
- hint: word.hint || '',
280
- shuffledWord: this.shuffle(word.value || '')
281
- })
270
+ this.block.metadata.config.words.splice(
271
+ 0,
272
+ this.block.metadata.config.words.length
273
+ )
274
+ newWords.forEach((word) => {
275
+ this.block.metadata.config.words.push({
276
+ id:
277
+ word.id ||
278
+ this.block.metadata.config.words.length + 1,
279
+ value: word.value || '',
280
+ hint: word.hint || '',
281
+ shuffledWord: this.shuffle(word.value || ''),
282
282
  })
283
+ })
284
+
285
+ if (activityData.metadata.config.title) {
286
+ this.block.metadata.config.title =
287
+ activityData.metadata.config.title
283
288
  }
284
289
 
285
- if (replaceMode && activityData.metadata.config.title) {
286
- this.block.metadata.config.title = activityData.metadata.config.title
290
+ if (activityData.metadata.config.feedback_correct) {
291
+ this.block.metadata.config.feedback_correct =
292
+ activityData.metadata.config.feedback_correct
287
293
  }
288
294
 
289
- if (replaceMode) {
290
- if (activityData.metadata.config.feedback_correct) {
291
- this.block.metadata.config.feedback_correct = activityData.metadata.config.feedback_correct
292
- }
295
+ if (activityData.metadata.config.feedback_incorrect) {
296
+ this.block.metadata.config.feedback_incorrect =
297
+ activityData.metadata.config.feedback_incorrect
298
+ }
299
+
300
+ this.block.metadata.config.currentWord = 0
293
301
 
294
- if (activityData.metadata.config.feedback_incorrect) {
295
- this.block.metadata.config.feedback_incorrect = activityData.metadata.config.feedback_incorrect
302
+ this.$toast.success(
303
+ this.$t(
304
+ 'windward.games.components.settings.word_jumble.form.replaced_successfully'
305
+ ),
306
+ { duration: 3000 }
307
+ )
308
+ } else {
309
+ this.$toast.error(
310
+ this.$t(
311
+ 'windward.games.components.settings.word_jumble.form.invalid_response'
312
+ ),
313
+ {
314
+ duration: 5000,
296
315
  }
316
+ )
317
+ }
318
+ } catch (error) {
319
+ const errorMessage = error.message || 'Unknown error occurred'
320
+ this.$toast.error(
321
+ `${this.$t(
322
+ 'windward.games.components.settings.word_jumble.form.failed_to_process'
323
+ )}: ${errorMessage}`,
324
+ {
325
+ duration: 5000,
297
326
  }
327
+ )
328
+ } finally {
329
+ this.loading = false
330
+ }
331
+ },
332
+ onPluginAppendBlock(activityData) {
333
+ this.loading = true
334
+ try {
335
+ // Process the activity data
336
+ if (
337
+ activityData &&
338
+ activityData.metadata &&
339
+ activityData.metadata.config &&
340
+ activityData.metadata.config.words &&
341
+ Array.isArray(activityData.metadata.config.words)
342
+ ) {
343
+ const newWords = activityData.metadata.config.words
344
+
345
+ newWords.forEach((word) => {
346
+ this.block.metadata.config.words.push({
347
+ id: this.block.metadata.config.words.length + 1,
348
+ value: word.value || '',
349
+ hint: word.hint || '',
350
+ shuffledWord: this.shuffle(word.value || ''),
351
+ })
352
+ })
298
353
 
299
354
  this.block.metadata.config.currentWord = 0
300
355
 
301
356
  this.$toast.success(
302
- replaceMode
303
- ? this.$t('windward.games.components.settings.word_jumble.form.replaced_successfully')
304
- : this.$t('windward.games.components.settings.word_jumble.form.added_successfully'),
357
+ this.$t(
358
+ 'windward.games.components.settings.word_jumble.form.added_successfully'
359
+ ),
305
360
  { duration: 3000 }
306
361
  )
307
362
  } else {
308
- this.$toast.error(this.$t('windward.games.components.settings.word_jumble.form.invalid_response'), {
309
- duration: 5000
310
- })
363
+ this.$toast.error(
364
+ this.$t(
365
+ 'windward.games.components.settings.word_jumble.form.invalid_response'
366
+ ),
367
+ {
368
+ duration: 5000,
369
+ }
370
+ )
311
371
  }
312
372
  } catch (error) {
313
373
  const errorMessage = error.message || 'Unknown error occurred'
314
- this.$toast.error(`${this.$t('windward.games.components.settings.word_jumble.form.failed_to_process')}: ${errorMessage}`, {
315
- duration: 5000
316
- })
374
+ this.$toast.error(
375
+ `${this.$t(
376
+ 'windward.games.components.settings.word_jumble.form.failed_to_process'
377
+ )}: ${errorMessage}`,
378
+ {
379
+ duration: 5000,
380
+ }
381
+ )
317
382
  } finally {
318
383
  this.loading = false
319
384
  }
package/i18n/en-US/components/settings/crossword.ts CHANGED
@@ -5,4 +5,8 @@ export default {
5
5
  min_length: 'Cannot have less than two words',
6
6
  alert: 'Alert',
7
7
  instructions: 'Complete the crossword by clicking on each square to type the appropriate letter. Use the tab key to move left to right across the grid. Click on the clue to highlight the corresponding word in the puzzle.',
8
+ replaced_successfully: 'Crossword items replaced successfully',
9
+ added_successfully: 'Crossword items added successfully',
10
+ failed_to_process: 'Failed to process generated crossword items',
11
+ invalid_response: 'Unable to process generated crossword items',
8
12
  }
package/i18n/en-US/components/settings/multiple_choice.ts CHANGED
@@ -15,4 +15,8 @@ export default {
15
15
  add_answer: 'Add Answer Option',
16
16
  add_question: 'Add Question',
17
17
  answer: 'Answers',
18
+ added_successfully: 'Questions added successfully',
19
+ replaced_successfully: 'Questions replaced successfully',
20
+ invalid_response: 'Could not process AI response for multiple-choice.',
21
+ failed_to_process: 'Failed to process AI response',
18
22
  }
package/i18n/es-ES/components/settings/crossword.ts CHANGED
@@ -6,4 +6,8 @@ export default {
6
6
  alert: 'Alerta',
7
7
  instructions:
8
8
  'Complete el crucigrama haciendo clic en cada cuadrado para escribir la letra correspondiente. Utilice la tecla de tabulación para moverse de izquierda a derecha a través de la cuadrícula. Haga clic en la pista para resaltar la palabra correspondiente en el rompecabezas.',
9
+ replaced_successfully: 'Elementos del crucigrama reemplazados correctamente',
10
+ added_successfully: 'Elementos del crucigrama agregados correctamente',
11
+ failed_to_process: 'Error al procesar los elementos generados del crucigrama',
12
+ invalid_response: 'No se pudieron procesar los elementos generados del crucigrama',
9
13
  }
package/i18n/es-ES/components/settings/multiple_choice.ts CHANGED
@@ -15,4 +15,8 @@ export default {
15
15
  add_answer: 'Agregar opción de respuesta',
16
16
  add_question: 'Agregar pregunta',
17
17
  answer: 'Respuestas',
18
+ added_successfully: 'Preguntas agregadas correctamente',
19
+ replaced_successfully: 'Preguntas reemplazadas correctamente',
20
+ invalid_response: 'No se pudo procesar la respuesta de IA para opción múltiple.',
21
+ failed_to_process: 'No se pudo procesar la respuesta de IA',
18
22
  }
package/i18n/sv-SE/components/settings/crossword.ts CHANGED
@@ -5,4 +5,8 @@ export default {
5
5
  min_length: 'Kan inte ha mindre än två ord',
6
6
  alert: 'Alert',
7
7
  instructions: 'Fyll i korsordet genom att klicka på varje ruta för att skriva rätt bokstav. Använd tabbtangenten för att flytta från vänster till höger över rutnätet. Klicka på ledtråden för att markera motsvarande ord i pusslet.',
8
+ replaced_successfully: 'Korsordsobjekt ersattes',
9
+ added_successfully: 'Korsordsobjekt lades till',
10
+ failed_to_process: 'Det gick inte att bearbeta genererade korsordsobjekt',
11
+ invalid_response: 'Det gick inte att behandla genererade korsordsobjekt',
8
12
  }
package/i18n/sv-SE/components/settings/multiple_choice.ts CHANGED
@@ -14,4 +14,8 @@ export default {
14
14
  add_answer: 'Lägg till svarsalternativ',
15
15
  add_question: 'Lägg till fråga',
16
16
  answer: 'Svar',
17
+ added_successfully: 'Frågor har lagts till',
18
+ replaced_successfully: 'Frågor har ersatts',
19
+ invalid_response: 'Kunde inte bearbeta AI-svar för flervalsfrågor.',
20
+ failed_to_process: 'Misslyckades med att bearbeta AI-svar',
17
21
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@windward/games",
3
- "version": "0.22.0",
3
+ "version": "0.24.0",
4
4
  "description": "Windward UI Plugin Games",
5
5
  "main": "plugin.js",
6
6
  "scripts": {
package/plugin.js CHANGED
@@ -128,7 +128,7 @@ export default {
128
128
  },
129
129
  },
130
130
  ],
131
- settings: [
131
+ contentBlockSetting: [
132
132
  {
133
133
  tag: 'games-flashcard-settings',
134
134
  template: FlashCardSlidesManager,