@windward/games 0.0.9 → 0.0.10

package/components/settings/WordJumbleSettingsManager.vue

@@ -34,87 +34,55 @@
                         )
                     }}
                 </p>
-                <draggable v-model="block.metadata.config.words" group="cards">
-                    <v-container
-                        v-for="(word, index) in block.metadata.config.words"
-                        :key="index"
-                        class="container-card-outline"
-                        elevation="0"
-                        outlined
-                        tile
-                    >
-                        <v-layout row wrap outlined>
-                            <v-flex xs10 :class="bottomBorder(index)">
-                                <p
-                                    class="text-truncate mb-0 p-header"
-                                    @click="onOpenEditor(index)"
-                                    v-on:keyup.enter="onOpenEditor(index)"
-                                    @mouseover="onHover"
-                                    @mouseleave="onHoverLeave"
-                                    :class="cursor"
-                                    tabindex="0"
-                                >
-                                    <v-icon>mdi-drag-vertical</v-icon>
-                                    <span class="span-text-ellipsis">
-                                        {{
-                                            word.value
-                                                ? word.value
-                                                : $t(
-                                                      'plugin.games.components.settings.word_jumble.click'
-                                                  )
-                                        }}
-                                    </span>
+                <SortableExpansionPanel
+                    v-model="block.metadata.config.words"
+                    @click:close="onDelete($event)"
+                >
+                    <template #header="{ item, index }">
+                        {{
+                            item.value
+                                ? item.value
+                                : $t(
+                                      'plugin.games.components.settings.word_jumble.click'
+                                  )
+                        }}
+                    </template>
+                    <template #body="{ item, index }">
+                        <v-container>
+                            <v-flex xs12>
+                                <p class="p-label">
+                                    {{
+                                        $t(
+                                            'plugin.games.components.settings.word_jumble.word_jumble'
+                                        )
+                                    }}
                                 </p>
+                                <v-textarea
+                                    outlined
+                                    :autofocus="true"
+                                    v-model="
+                                        block.metadata.config.words[index].value
+                                    "
+                                ></v-textarea>
                             </v-flex>
-                            <v-flex
-                                xs2
-                                class="btn-header-delete d-flex justify-center"
-                                :class="bottomBorder(index)"
-                            >
-                                <v-icon
-                                    class="btn-delete-icon"
-                                    @click="onDelete(index)"
-                                    >mdi-delete-outline</v-icon
-                                >
+                            <v-flex xs12>
+                                <p class="p-label">
+                                    {{
+                                        $t(
+                                            'plugin.games.components.settings.word_jumble.hint'
+                                        )
+                                    }}
+                                </p>
+                                <v-textarea
+                                    outlined
+                                    v-model="
+                                        block.metadata.config.words[index].hint
+                                    "
+                                ></v-textarea>
                             </v-flex>
-                            <v-container v-if="word.expand">
-                                <v-flex xs12>
-                                    <p class="p-label">
-                                        {{
-                                            $t(
-                                                'plugin.games.components.settings.word_jumble.word_jumble'
-                                            )
-                                        }}
-                                    </p>
-                                    <v-textarea
-                                        outlined
-                                        :autofocus="true"
-                                        v-model="
-                                            block.metadata.config.words[index]
-                                                .value
-                                        "
-                                    ></v-textarea>
-                                </v-flex>
-                                <v-flex xs12>
-                                    <p class="p-label">
-                                        {{
-                                            $t(
-                                                'plugin.games.components.settings.word_jumble.hint'
-                                            )
-                                        }}
-                                    </p>
-                                    <v-textarea
-                                        outlined
-                                        v-model="
-                                            block.metadata.config.words[index]
-                                                .hint
-                                        "
-                                    ></v-textarea>
-                                </v-flex>
-                            </v-container>
-                        </v-layout>
-                    </v-container>
-                </draggable>
+                        </v-container>
+                    </template>
+                </SortableExpansionPanel>
             </v-container>
             <v-container class="pa-0">
                 <v-row justify="center" class="my-4">
@@ -164,13 +132,13 @@
 <script>
 import _ from 'lodash'
 import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
-import draggable from 'vuedraggable'
+import SortableExpansionPanel from '~/components/SortableExpansionPanel.vue'
 
 export default {
     name: 'WordJumbleSettings',
     extends: BaseContentSettings,
     components: {
-        draggable,
+        SortableExpansionPanel,
     },
     beforeMount() {
         if (_.isEmpty(this.block)) {
@@ -208,28 +176,15 @@ export default {
     data() {
         return {
             valid: true,
-            debounce: null,
-            cursor: null,
             loading: false,
         }
     },
     methods: {
-        bottomBorder(index) {
-            if (this.block.metadata.config.words[index].expand === true) {
-                return 'container-header-border'
-            } else {
-                return null
-            }
-        },
         onAddWord() {
-            this.block.metadata.config.words.forEach((element) => {
-                element.expand = false
-            })
             let defaultWord = {
                 id: this.block.metadata.config.words.length + 1,
                 value: '',
                 hint: '',
-                expand: true,
             }
             this.block.metadata.config.words.push(defaultWord)
         },
@@ -241,22 +196,6 @@ export default {
                 return (element.id = startingIndex)
             })
         },
-        onOpenEditor(index) {
-            // expands editing area of clicked upon word jumble
-            this.block.metadata.config.words[index].expand =
-                !this.block.metadata.config.words[index].expand
-            this.block.metadata.config.words.forEach((element) => {
-                if (index + 1 !== element.id) {
-                    element.expand = false
-                }
-            })
-        },
-        onHover(index) {
-            this.cursor = 'change-pointer'
-        },
-        onHoverLeave() {
-            this.cursor = ''
-        },
     },
 }
 </script>
@@ -264,39 +203,6 @@ export default {
 .v-progress-circular {
     margin: 1rem;
 }
-.container-card-outline {
-    border: solid 1px var(--v-primary-base);
-    border-radius: 3px !important;
-    margin-bottom: 8px;
-}
-.container-header-border {
-    border-bottom: 1px solid var(--v-primary-base);
-}
-.change-pointer {
-    cursor: pointer !important;
-}
-.p-header {
-    height: 45px;
-    display: flex;
-    align-items: center;
-}
-.p-header:hover {
-    background-color: rgb(243, 243, 243);
-}
-.span-text-ellipsis {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-.btn-header-delete {
-    border-left: 1px solid var(--v-primary-base);
-}
-.btn-header-delete:hover {
-    background-color: rgb(243, 243, 243);
-}
-.btn-delete-icon {
-    color: var(--v-primary-base);
-}
 .p-label {
     font-size: 16px;
     font-weight: 500;

package/i18n/en-US/components/content/blocks/bucket_game.ts

@@ -3,6 +3,7 @@ export default {
     completed: 'Completed!',
     name: 'Bucket Name',
     game_title: 'Bucket Game',
+    aria_title: 'Bucket Game Title',
     answers: 'Answers',
     cannot: 'Cannot drag when editing!',
     form: {

package/i18n/en-US/components/content/blocks/flashcard.ts

@@ -1,4 +1,6 @@
 export default {
+    title: 'FlashCards',
+    items: 'FlashCard Items',
     img_alt: 'card image',
     click_to_show_front: 'Click to show Front',
     click_to_show_back: 'Click to show Back',

package/i18n/en-US/components/settings/matching_game.ts

@@ -1,6 +1,6 @@
 export default {
     form: {
-        title: 'Title',
+        title: 'Matching Game',
         instructions: 'Instructions',
         feedback: {
             correct: 'feedback when correct',

package/i18n/en-US/components/settings/quizshow_game.ts

@@ -15,6 +15,6 @@ export default {
         responsive: 'Responsive Columns',
         confirm_change_text: 'Are you sure you want to change this?',
         default_instructions:
-            'Drag and drop the correct word, statement, or image presented into the prompt container and watch for feedback. To begin, choose a question box on the quiz board to view a question worth the specified number of points. Select your response to receive immediate feedback. ',
+            'Drag and drop the correct word, statement, or image presented into the prompt container and watch for feedback. ',
     },
 }

package/i18n/en-US/components/settings/slideshow.ts

@@ -7,5 +7,7 @@ export default {
             char_count_less_then:
                 'The character count for this field must be less than',
         },
+        items: 'SlideShow Items',
+        slideshow_title: 'SlideShow Title',
     },
 }

package/i18n/es-ES/components/content/blocks/bucket_game.ts

@@ -0,0 +1,40 @@
+export default {
+    out_of: '{0} de {1} completado',
+    completed: '¡Completado!',
+    name: 'Nombre del depósito',
+    game_title: 'Juego del cubo',
+    aria_title: 'título del juego de cubo',
+    answers: 'Respuestas',
+    cannot: '¡No se puede arrastrar al editar!',
+    form: {
+        answer: 'Respuesta',
+        value: 'Valor',
+        insert_math: 'Insertar matemáticas',
+        mass_entry: 'Entrada masiva de datos',
+        title: 'Título',
+        instructions: 'Instrucciones',
+        feedback: {
+            feedback: 'Comentarios',
+            feedback_here: '¡Comentarios aquí!',
+            default: 'Comentarios predeterminados',
+            correct: 'comentarios cuando sea correcto',
+            incorrect: 'comentarios cuando son incorrectos',
+        },
+        image: {
+            title: 'Archivo de imagen de tarjeta flash',
+            configure_blurb:
+                'Cargue un archivo de imagen (.png o .jpg), elija uno del administrador de archivos o agréguelo a través de la URL pública. Esta es la imagen que aparece en el medio de la flashcard.',
+            alt_text: 'Texto alternativo',
+        },
+        update: 'actualizar',
+        submit: 'enviar',
+        preview: 'vista previa',
+        new: 'Agregar nuevo',
+        cancel: 'cancelar ',
+        rules: {
+            field_required: 'Este campo es obligatorio',
+            char_count_less_then:
+                'El número de caracteres para este campo debe ser menor que',
+        },
+    },
+}

package/i18n/es-ES/components/content/blocks/crossword.ts

@@ -0,0 +1,25 @@
+export default {
+    crossword: 'Juego de crucigramas',
+    add_element: 'Agregar elemento',
+    initial_setup:
+        'Ingresa al menos dos palabras con pistas para generar un crucigrama',
+    validation_error:
+        'El crucigrama no se pudo cargar debido al siguiente error.',
+    error: {
+        min_words: '¡Debes ingresar al menos dos palabras con pistas!',
+        words_no_shared_letters:
+            'Las siguientes palabras no comparten letras: {0}',
+        word_length_max_limit:
+            'No se pueden usar palabras de más de 20 caracteres.',
+        word_length_min_limit:
+            'No se pueden usar palabras de menos de 2 caracteres.',
+        could_not_generate:
+            'No se pudo generar un crucigrama {0} por {0} con las palabras proporcionadas',
+        unknown:
+            'Se produjo un error desconocido durante la creación del crucigrama',
+    },
+
+    play_again: 'Aleatorizar crucigramas y jugar de nuevo',
+    across: 'A través',
+    down: 'Abajo',
+}

package/i18n/es-ES/components/content/blocks/flashcard.ts

@@ -0,0 +1,7 @@
+export default {
+    title: 'Tarjetas didácticas',
+    items: 'Elementos de la tarjeta didáctica',
+    img_alt: 'imagen de tarjeta',
+    click_to_show_front: 'Haga clic para mostrar el frente',
+    click_to_show_back: 'Haga clic para mostrar Atrás',
+}

package/i18n/es-ES/components/content/blocks/index.ts

@@ -0,0 +1,23 @@
+import bucket_game from './bucket_game'
+import sorting_game from './sorting_game'
+import flashcard from './flashcard'
+import matching_game from './matching_game'
+import quizshow_game from './quizshow_game'
+import slideshow from './slideshow'
+import multiple_choice from './multiple_choice'
+import word_jumble from './word_jumble'
+import seven_strikes from './seven_strikes'
+import crossword from './crossword'
+
+export default {
+    bucket_game,
+    sorting_game,
+    flashcard,
+    matching_game,
+    quizshow_game,
+    slideshow,
+    multiple_choice,
+    word_jumble,
+    seven_strikes,
+    crossword,
+}

package/i18n/es-ES/components/content/blocks/matching_game.ts

@@ -0,0 +1,26 @@
+export default {
+    description:
+        'Arrastra el descriptor correcto a la oración y espera comentarios.',
+    of_complete: '{0} de {1} completo',
+    of_complete_text_area: 'Completado {0} de {1}',
+    prompt: 'Avisar',
+    prompt_plural: 'Avisos',
+    amount_of_prompts: 'Cantidad de mensajes',
+    answer: 'Respuesta',
+    toggle: 'Alternar para cargar imagen',
+    match_game_title: 'Título del juego de combinación',
+    add_prompt: 'Agregar mensaje',
+    add_answer: 'Agregar respuesta',
+    choose_answer_value: 'Elija un valor de respuesta',
+    default_feedback: 'Mira aquí para recibir comentarios',
+    congratulations_feedback: '¡Felicitaciones! ¡Has completado el juego!',
+    answer_display_text: 'Texto mostrado de respuesta',
+    alt_image: 'Texto alternativo para imagen',
+    aria_described: 'Aria descrita por',
+    reset: 'Reiniciar juego',
+    term: 'Término',
+    terms: 'Términos',
+    prompts: 'Avisos',
+    click_here: 'Haga clic aquí para ingresar texto',
+    image: 'Imagen',
+}

package/i18n/es-ES/components/content/blocks/multiple_choice.ts

@@ -0,0 +1,9 @@
+export default {
+    game_title: 'Juego de opción múltiple',
+    hint: 'Ver sugerencia',
+    fifty: '50:50',
+    hint_title: 'Pista',
+    answer_feedback: 'Comentarios de respuesta',
+    total_points: 'Puntos totales por Curso',
+    out_of: 'fuera de',
+}

package/i18n/es-ES/components/content/blocks/quizshow_game.ts

@@ -0,0 +1,35 @@
+export default {
+    basic_instructions:
+        'Para comenzar, elija un cuadro de preguntas en el tablero de preguntas para ver una pregunta que valga la cantidad especificada de puntos. Haga clic en la respuesta seleccionada para recibir comentarios inmediatos. (Las respuestas correctas aparecerán en verde, mientras que las respuestas incorrectas se marcarán en rojo). ',
+    title: 'Título de la presentación de diapositivas',
+    total_score: 'puntuación total',
+    return_to_questions: 'volver a preguntas',
+    spreadsheet_mode: 'Modo hoja de cálculo',
+    form: {
+        basic_instructions:
+            'Para comenzar, elija un cuadro de preguntas en el tablero de preguntas para ver una pregunta que valga la cantidad especificada de puntos. Haga clic en la respuesta seleccionada para recibir comentarios inmediatos. (Las respuestas correctas aparecerán en verde, mientras que las respuestas incorrectas se marcarán en rojo). ',
+        question: 'pregunta',
+        question_text: 'Agregar pregunta aquí',
+        choice: 'Respuesta',
+        for_points: 'sin puntos | Por 1 punto | Para {puntos} puntos',
+    },
+    feedback: {
+        correct: 'Correcto',
+        incorrect: 'Incorrecto',
+        answer: 'Responder comentarios',
+        answer_description: 'Descripción de la respuesta',
+        placeholder: '¡Esta es la elección correcta!'
+    },
+    add_choice: 'añadir opción',
+    success: 'éxito',
+    error: 'error',
+    expand_button: 'haga clic para ampliar',
+    category: 'Categoría',
+    points: 'Puntos',
+    question: 'Pregunta',
+    answer: 'Respuesta',
+    choice_1: 'Elección 1',
+    choice_2: 'Elección 2',
+    choice_3: 'Elección 3',
+    choice_4: 'Elección 4',
+}

package/i18n/es-ES/components/content/blocks/seven_strikes.ts

@@ -0,0 +1,6 @@
+export default {
+    title: 'Siete golpes',
+    reveal: 'Revelar respuesta',
+    again: 'Reproducir de nuevo',
+    next: 'Siguiente',
+}

package/i18n/es-ES/components/content/blocks/slideshow.ts

@@ -0,0 +1,13 @@
+export default {
+    slides: {
+        slide: 'Diapositiva {0}: {1}',
+        slide_header: 'Encabezado de diapositiva' ,
+        slide_description: 'Descripción de la diapositiva',
+        image_alt: 'Ingrese texto aquí si no está subiendo la imagen',
+    },
+    add_slide: 'Agregar diapositiva',
+    amount_of_slides: 'Cantidad de diapositivas',
+    slideshow_title: 'Título de la presentación de diapositivas',
+    basic_instructions:
+        "Haga clic en los botones 'siguiente' y 'anterior' para moverse por la presentación de diapositivas.",
+}

package/i18n/es-ES/components/content/blocks/sorting_game.ts

@@ -0,0 +1,5 @@
+export default {
+    check_answers: 'Compruebe sus respuestas',
+    add_element: 'Agregar elemento',
+    placeholder: 'Marcador de posición',
+}

package/i18n/es-ES/components/content/blocks/word_jumble.ts

@@ -0,0 +1,9 @@
+export default {
+    title: 'Juego de palabras revueltas',
+    clue: 'Pista: ',
+    check: 'Comprobar respuesta',
+    reveal: 'Revelar respuesta',
+    correct: '¡Eso es correcto!',
+    incorrect: 'Eso es incorrecto',
+    feedback: 'Comentarios aquí',
+}

package/i18n/es-ES/components/content/crud_table.ts

@@ -0,0 +1,6 @@
+export default {
+    display: 'Pantalla',
+    add_row: 'Agregar elementos',
+    new_item: 'Nuevo artículo',
+    answer_keys: 'Términos',
+}

package/i18n/es-ES/components/content/index.ts

@@ -0,0 +1,7 @@
+import blocks from './blocks'
+import crud_table from './crud_table'
+
+export default {
+    crud_table,
+    blocks,
+}

package/i18n/es-ES/components/index.ts

@@ -0,0 +1,9 @@
+import content from './content'
+import settings from './settings'
+import navigation from './navigation/index'
+
+export default {
+    content,
+    settings,
+    navigation,
+}

package/i18n/es-ES/components/navigation/index.ts

@@ -0,0 +1,5 @@
+// import example from './example'
+
+export default {
+    // example,
+}

package/i18n/es-ES/components/settings/bucket_game.ts

@@ -0,0 +1,38 @@
+export default {
+    form: {
+        insert_math: 'Insertar matemáticas',
+        mass_entry: 'Entrada masiva de datos',
+        title: 'Título',
+        instructions: 'Instrucciones',
+        buckets: 'Elementos del depósito',
+        feedback: {
+            feedback: 'Comentarios',
+            default: 'Comentarios predeterminados',
+            correct: 'comentarios cuando sea correcto',
+            incorrect: 'comentarios cuando son incorrectos',
+            correct_default: '¡Correcto!',
+            incorrect_default: 'Eso es incorrecto.',
+        },
+        image: {
+            title: 'Archivo de imagen de tarjeta flash',
+            configure_blurb:
+                'Cargue un archivo de imagen (.png o .jpg), elija uno del administrador de archivos o agréguelo a través de la URL pública. Esta es la imagen que aparece en el medio de la flashcard.',
+            alt_text: 'Texto alternativo',
+        },
+        update: 'actualizar',
+        submit: 'enviar',
+        preview: 'vista previa',
+        new: 'Agregar nuevo',
+        cancel: 'cancelar ',
+        rules: {
+            field_required: 'Este campo es obligatorio',
+            char_count_less_then:
+                'El número de caracteres para este campo debe ser menor que',
+        },
+        enter_text: 'Haga clic para ingresar texto',
+        add_bucket: 'Agregar depósito',
+        click_here: 'Haga clic aquí para ingresar texto',
+        add_answer: 'Agregar respuesta',
+        color: 'Color del cubo',
+    },
+}

package/i18n/es-ES/components/settings/crossword.ts

@@ -0,0 +1,7 @@
+export default {
+    crossword_items: 'Elementos de crucigrama',
+    word: 'Palabra',
+    clue: 'Pista',
+    min_length: 'No puede tener menos de dos palabras',
+    alert: 'Alerta',
+}

package/i18n/es-ES/components/settings/flashcard.ts

@@ -0,0 +1,28 @@
+export default {
+    form: {
+        card: 'Tarjeta',
+        label: 'Etiqueta de tarjeta',
+        card_content: 'Contenido de la tarjeta',
+        front: 'Frente',
+        back: 'Volver',
+        header: 'Encabezado',
+        text: 'Texto',
+        image: {
+            title: 'Archivo de imagen de tarjeta flash',
+            configure_blurb:
+                'Cargue un archivo de imagen (.png o .jpg), elija uno del administrador de archivos o agréguelo a través de la URL pública. Esta es la imagen que aparece en el medio de la flashcard.',
+            alt_text: 'Texto alternativo',
+        },
+        update: 'actualizar',
+        submit: 'enviar',
+        preview: 'vista previa',
+        new: 'Agregar nuevo',
+        cancel: 'cancelar ',
+        add_card: 'Agregar tarjeta',
+        rules: {
+            field_required: 'Este campo es obligatorio',
+            char_count_less_then:
+                'El número de caracteres para este campo debe ser menor que',
+        },
+    },
+}

package/i18n/es-ES/components/settings/index.ts

@@ -0,0 +1,23 @@
+import bucket_game from './bucket_game'
+import flashcard from './flashcard'
+import matching_game from './matching_game'
+import quizshow_game from './quizshow_game'
+import slideshow from './slideshow'
+import multiple_choice from './multiple_choice'
+import sorting_game from './sorting_game'
+import word_jumble from './word_jumble'
+import seven_strikes from './seven_strikes'
+import crossword from './crossword'
+
+export default {
+    bucket_game,
+    flashcard,
+    matching_game,
+    quizshow_game,
+    word_jumble,
+    slideshow,
+    multiple_choice,
+    sorting_game,
+    seven_strikes,
+    crossword,
+}

package/i18n/es-ES/components/settings/matching_game.ts

@@ -0,0 +1,15 @@
+export default {
+    form: {
+        title: 'Juego de Correspondencias',
+        instructions: 'Instrucciones',
+        feedback: {
+            correct: 'comentarios cuando sea correcto',
+            incorrect: 'comentarios cuando son incorrectos',
+        },
+        rules: {
+            field_required: 'Este campo es obligatorio',
+            char_count_less_then:
+                'El número de caracteres para este campo debe ser menor que',
+        },
+    },
+}