@windward/games 0.0.1

package/components/settings/SortingGameSettingsManager.vue

@@ -0,0 +1,286 @@
+<template>
+    <div>
+        <br />
+        <v-form ref="form" v-model="valid" v-if="!loading">
+            <v-text-field
+                v-model="block.metadata.config.title"
+                :counter="50"
+                :label="
+                    $t(
+                        'plugin.games.components.settings.bucket_game.form.title'
+                    )
+                "
+                ref="title"
+            ></v-text-field>
+            <br />
+            <v-textarea
+                outlined
+                auto-grow
+                v-model="block.metadata.config.instructions"
+                :counter="255"
+                :label="
+                    $t(
+                        'plugin.games.components.settings.bucket_game.form.instructions'
+                    )
+                "
+            ></v-textarea>
+            <v-expansion-panels flat>
+                <v-expansion-panel>
+                    <v-expansion-panel-header class="pa-0"
+                        ><h3>Sortable Items</h3></v-expansion-panel-header
+                    >
+                    <v-expansion-panel-content class="ma-0">
+                        <v-container class="pa-0">
+                            <draggable
+                                v-model="block.metadata.config.answer"
+                                class="d-flex flex-column mb-6"
+                                group="cards"
+                                @change="onDragged"
+                            >
+                                <v-card
+                                    v-for="(item, index) in block.metadata
+                                        .config.answer"
+                                    :key="'bucket_' + index"
+                                    class="pa-2 flex-fill cardOutline"
+                                    elevation="0"
+                                    outlined
+                                    tile
+                                >
+                                    <v-row class="itemHeight">
+                                        <p
+                                            class="text-truncate pa-0 ma-0 seventy"
+                                            @click="onOpenEditor(index)"
+                                            v-on:keyup.enter="
+                                                onOpenEditor(index)
+                                            "
+                                            @mouseover="onHover"
+                                            @mouseleave="onHoverLeave"
+                                            :class="cursor"
+                                            tabindex="0"
+                                        >
+                                            <v-icon class="pl-2"
+                                                >mdi-gesture-tap-hold</v-icon
+                                            >
+                                            {{
+                                                item.value
+                                                    ? block.metadata.config
+                                                          .answer[index].value
+                                                    : $t(
+                                                          'plugin.games.components.settings.bucket_game.form.enter_text'
+                                                      )
+                                            }}
+                                        </p>
+                                        <v-icon
+                                            class="twenty"
+                                            @click="onDelete(index)"
+                                            >mdi-delete-outline</v-icon
+                                        >
+                                    </v-row>
+                                    <v-textarea
+                                        v-if="item.expand"
+                                        outlined
+                                        :autofocus="true"
+                                        class="pt-4"
+                                        v-model="
+                                            block.metadata.config.answer[index]
+                                                .value
+                                        "
+                                    ></v-textarea>
+                                </v-card>
+                            </draggable>
+                            <p
+                                @mouseover="onHover"
+                                @mouseleave="onHoverLeave"
+                                @click="onAddElement"
+                                v-on:keyup.enter="onAddElement"
+                                class="fullWidth"
+                                :class="cursor"
+                                tabindex="0"
+                            >
+                                <v-icon class="primary addIcon"
+                                    >mdi-plus</v-icon
+                                >
+                                {{
+                                    $t(
+                                        'plugin.games.components.content.blocks.sorting_game.add_element'
+                                    )
+                                }}
+                            </p>
+                        </v-container>
+                    </v-expansion-panel-content>
+                </v-expansion-panel>
+            </v-expansion-panels>
+            <br />
+            <v-textarea
+                outlined
+                auto-grow
+                v-model="block.metadata.config.feedback_correct"
+                :counter="255"
+                :label="
+                    $t(
+                        'plugin.games.components.settings.bucket_game.form.feedback.correct'
+                    )
+                "
+            ></v-textarea>
+            <v-textarea
+                outlined
+                auto-grow
+                v-model="block.metadata.config.feedback_incorrect"
+                :counter="255"
+                :label="
+                    $t(
+                        'plugin.games.components.settings.bucket_game.form.feedback.incorrect'
+                    )
+                "
+            ></v-textarea>
+        </v-form>
+        <div v-if="loading" class="text-center">
+            <v-progress-circular
+                :size="70"
+                :width="7"
+                color="primary"
+                indeterminate
+            ></v-progress-circular>
+        </div>
+    </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import draggable from 'vuedraggable'
+import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import CrudTable from '../content/CrudTable.vue'
+export default {
+    name: 'SortingGameSettingsManager',
+    extends: BaseContentSettings,
+    components: { CrudTable, draggable },
+    beforeMount() {
+        if (_.isEmpty(this.block)) {
+            this.block = {}
+        }
+        if (_.isEmpty(this.block.metadata)) {
+            this.block.metadata = {}
+        }
+        if (_.isEmpty(this.block.metadata.config)) {
+            this.block.metadata.config = {}
+        }
+        if (_.isEmpty(this.block.metadata.config.answer)) {
+            this.block.metadata.config.answer = []
+            const default_object = {
+                id: this.block.metadata.config.answer.length + 1,
+                value: '',
+                expand: false,
+            }
+            this.block.metadata.config.answer.push(default_object)
+        }
+    },
+    data() {
+        return {
+            valid: true,
+            dialog: false,
+            expansionPanelKey: '0',
+            loading: false,
+            headers: [
+                {
+                    text: 'Bucket Text',
+                    value: 'value',
+                    sortable: false,
+                    draggable: true,
+                },
+            ],
+            cursor: null,
+        }
+    },
+    methods: {
+        onAddElement() {
+            this.block.metadata.config.answer.forEach((element) => {
+                element.expand = false
+            })
+            const default_object = {
+                id: this.block.metadata.config.answer.length + 1,
+                value: '',
+                expand: true,
+            }
+            this.block.metadata.config.answer.push(default_object)
+        },
+        onDelete(index) {
+            let startingIndex = 0
+            this.block.metadata.config.answer.splice(index, 1)
+            this.block.metadata.config.answer.forEach((element) => {
+                startingIndex = startingIndex + 1
+                return (element.id = startingIndex)
+            })
+        },
+        onOpenEditor(index) {
+            this.block.metadata.config.answer[index].expand =
+                !this.block.metadata.config.answer[index].expand
+            this.block.metadata.config.answer.forEach((element) => {
+                if (index + 1 !== element.id) {
+                    element.expand = false
+                }
+            })
+        },
+        onHover(index) {
+            this.cursor = 'changePointer'
+        },
+        onHoverLeave() {
+            this.cursor = ''
+        },
+        onDragged() {
+            let counter = 1
+            this.block.metadata.config.answer.forEach((element) => {
+                element.id = counter
+                counter = counter + 1
+            })
+        },
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+.v-progress-circular {
+    margin: 1rem;
+}
+.cardOutline {
+    border: solid 2px var(--v-primary);
+    margin-bottom: 8px;
+}
+.fullWidth {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-weight: bold;
+    font-size: 16px;
+}
+.itemHeight {
+    display: flex;
+    align-content: center;
+    justify-content: space-between;
+    height: 60px;
+}
+.changePointer {
+    cursor: pointer !important;
+}
+.seventy {
+    width: 70%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+.twenty {
+    width: 20%;
+    height: 90%;
+    margin-top: 3px;
+    border-left: 2px solid var(--v-primary);
+}
+.addButton {
+    height: 50%;
+    width: 50%;
+}
+.addIcon {
+    margin-right: 5px;
+}
+.v-expansion-panel-content >>> .v-expansion-panel-content__wrap {
+    padding: 0 !important;
+}
+</style>

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

@@ -0,0 +1,39 @@
+export default {
+    out_of: '{0} of {1} completed',
+    completed: 'Completed!',
+    name: 'Bucket Name',
+    game_title: 'Bucket Game',
+    answers: 'Answers',
+    cannot: 'Cannot drag when editing!',
+    form: {
+        answer: 'Answer',
+        value: 'Value',
+        insert_math: 'Insert Math',
+        mass_entry: 'Mass data entry',
+        title: 'Title',
+        instructions: 'Instructions',
+        feedback: {
+            feedback: 'Feedback',
+            feedback_here: 'Feedback here!',
+            default: 'Default feedback',
+            correct: 'feedback when correct',
+            incorrect: 'feedback when incorrect',
+        },
+        image: {
+            title: 'Flash Card Image File',
+            configure_blurb:
+                'Upload an image file (.png or .jpg), pick one from the file manager, or add via the public URL. This is the image that appears in the middle of the flashcard.',
+            alt_text: 'Alt Text',
+        },
+        update: 'update ',
+        submit: 'submit ',
+        preview: 'preview ',
+        new: 'Add New ',
+        cancel: 'cancel ',
+        rules: {
+            field_required: 'This field is required',
+            char_count_less_then:
+                'The character count for this field must be less than',
+        },
+    },
+}

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

@@ -0,0 +1,5 @@
+export default {
+    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/content/blocks/index.ts

@@ -0,0 +1,15 @@
+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'
+
+export default {
+    bucket_game,
+    sorting_game,
+    flashcard,
+    matching_game,
+    quizshow_game,
+    slideshow,
+}

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

@@ -0,0 +1,26 @@
+export default {
+    description:
+        'Drag the correct descriptor to the sentence and watch for feedback.',
+    of_complete: '{0} of {1} complete',
+    of_complete_text_area: 'Completed {0} out of {1}',
+    prompt: 'Prompt',
+    prompt_plural: 'Prompts',
+    amount_of_prompts: 'Amount of prompts',
+    answer: 'Answer',
+    toggle: 'Toggle to upload image',
+    match_game_title: 'Match game title',
+    add_prompt: 'Add Prompt',
+    add_answer: 'Add Answer',
+    choose_answer_value: 'Choose an answer value',
+    default_feedback: 'Watch Here for Feedback',
+    congratulations_feedback: 'Congratulations! You have completed the game!',
+    answer_display_text: 'Answer display text',
+    alt_image: 'Alternate text for image',
+    aria_described: 'Aria described by',
+    reset: 'Reset Game',
+    term: 'Term',
+    terms: 'Terms',
+    prompts: 'Prompts',
+    click_here: 'Click here to enter text',
+    image: 'Image'
+}

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

@@ -0,0 +1,35 @@
+export default {
+    basic_instructions:
+        'To begin, choose a question box on the quiz board to view a question worth the specified number of points. Click your selected response to receive immediate feedback. (Correct answers will appear in green, while incorrect answers will be marked in red.) ',
+    title: 'Slideshow title',
+    total_score: 'total score',
+    return_to_questions: 'return to questions',
+    spreadsheet_mode: 'Spreadsheet mode',
+    form: {
+        basic_instructions:
+            'To begin, choose a question box on the quiz board to view a question worth the specified number of points. Click your selected response to receive immediate feedback. (Correct answers will appear in green, while incorrect answers will be marked in red.) ',
+        question: 'question',
+        question_text: 'Add question here',
+        choice: 'Answer',
+        for_points: 'no points | For 1 point | For {points} points',
+    },
+    feedback: {
+        correct: 'Correct',
+        incorrect: 'Incorrect',
+        feedback: 'Correct Answer Feedback',
+        answer_description: 'Answer Description',
+        placeholder: 'This is the correct choice!'
+    },
+    add_choice: 'add choice',
+    success: 'success',
+    error: 'error',
+    expand_button: 'click to expand',
+    category: 'Category',
+    points: 'Points',
+    question: 'Question',
+    answer: 'Answer',
+    choice_1: 'Choice 1',
+    choice_2: 'Choice 2',
+    choice_3: 'Choice 3',
+    choice_4: 'Choice 4',
+}

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

@@ -0,0 +1,13 @@
+export default {
+    slides: {
+        slide: 'Slide {0}: {1}',
+        slide_header: 'Slide header',
+        slide_description: 'Slide description',
+        image_alt: 'Enter text here if not uploading image',
+    },
+    add_slide: 'Add Slide',
+    amount_of_slides: 'Amount of slides',
+    slideshow_title: 'Slideshow title',
+    basic_instructions:
+        "Click on the 'next' and 'previous' buttons to move through the slideshow.",
+}

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

@@ -0,0 +1,5 @@
+export default {
+    check_answers: 'Check your Answers',
+    add_element: 'Add Element',
+    placeholder: 'Placeholder',
+}

package/i18n/en-US/components/content/crud_table.ts

@@ -0,0 +1,6 @@
+export default {
+    display: 'Display',
+    add_row: 'Add Items',
+    new_item: 'New Item',
+    answer_keys: 'Terms',
+}

package/i18n/en-US/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/en-US/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/en-US/components/navigation/index.ts

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

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

@@ -0,0 +1,35 @@
+export default {
+    form: {
+        insert_math: 'Insert Math',
+        mass_entry: 'Mass data entry',
+        title: 'Title',
+        instructions: 'Instructions',
+        buckets: 'Buckets',
+        feedback: {
+            default: 'Default feedback',
+            correct: 'feedback when correct',
+            incorrect: 'feedback when incorrect',
+        },
+        image: {
+            title: 'Flash Card Image File',
+            configure_blurb:
+                'Upload an image file (.png or .jpg), pick one from the file manager, or add via the public URL. This is the image that appears in the middle of the flashcard.',
+            alt_text: 'Alt Text',
+        },
+        update: 'update ',
+        submit: 'submit ',
+        preview: 'preview ',
+        new: 'Add New ',
+        cancel: 'cancel ',
+        rules: {
+            field_required: 'This field is required',
+            char_count_less_then:
+                'The character count for this field must be less than',
+        },
+        enter_text: 'Click to enter text',
+        add_bucket: 'Add Bucket',
+        click_here: 'Click here to enter text',
+        add_answer: 'Add Answer',
+        color: 'Bucket Color'
+    },
+}

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

@@ -0,0 +1,26 @@
+export default {
+    form: {
+        card: 'Card',
+        front: 'Front',
+        back: 'Back',
+        header: 'Header',
+        Text: 'Text',
+        image: {
+            title: 'Flash Card Image File',
+            configure_blurb:
+                'Upload an image file (.png or .jpg), pick one from the file manager, or add via the public URL. This is the image that appears in the middle of the flashcard.',
+            alt_text: 'Alt Text',
+        },
+        update: 'update ',
+        submit: 'submit ',
+        preview: 'preview ',
+        new: 'Add New ',
+        cancel: 'cancel ',
+        add_card: 'Add Card',
+        rules: {
+            field_required: 'This field is required',
+            char_count_less_then:
+                'The character count for this field must be less than',
+        },
+    },
+}

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

@@ -0,0 +1,13 @@
+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'
+
+export default {
+    bucket_game,
+    flashcard,
+    matching_game,
+    quizshow_game,
+    slideshow,
+}

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

@@ -0,0 +1,15 @@
+export default {
+    form: {
+        title: 'Title',
+        instructions: 'Instructions',
+        feedback: {
+            correct: 'feedback when correct',
+            incorrect: 'feedback when incorrect',
+        },
+        rules: {
+            field_required: 'This field is required',
+            char_count_less_then:
+                'The character count for this field must be less than',
+        },
+    },
+}

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

@@ -0,0 +1,14 @@
+export default {
+    form: {
+        title: 'Title',
+        instructions: 'Instructions',
+        max_categories: '# of Categories',
+        max_rows: '# of Questions Per Category',
+        category: 'category',
+        categories: 'Categories',
+        points_per_row: 'Points per question',
+        row: 'row',
+        responsive: 'Responsive Columns',
+        confirm_change_text: 'Are you sure you want to change this?',
+    },
+}

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

@@ -0,0 +1,11 @@
+export default {
+    form: {
+        title: 'Title',
+        instructions: 'Instructions',
+        rules: {
+            field_required: 'This field is required',
+            char_count_less_then:
+                'The character count for this field must be less than',
+        },
+    },
+}

package/i18n/en-US/index.ts

@@ -0,0 +1,15 @@
+import pages from './pages/index'
+import components from './components/index'
+import shared from './shared/index'
+import modules from './modules/index'
+
+export default {
+    plugin: {
+        games: {
+            pages,
+            components,
+            shared,
+            modules,
+        },
+    },
+}

package/i18n/en-US/modules/index.ts

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

package/i18n/en-US/pages/index.ts

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

package/i18n/en-US/shared/content_blocks.ts

@@ -0,0 +1,14 @@
+export default {
+    title: {
+        flashcards: 'Flashcards',
+        bucket: 'Bucket',
+        sort: 'Sorting',
+        matching_game: 'Matching',
+        quizshow: 'Quizshow',
+        slideshow: 'Slideshow',
+    },
+    grouping: {
+        game: 'Activities',
+        multimedia: 'Multimedia Files',
+    },
+}

package/i18n/en-US/shared/index.ts

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

package/i18n/en-US/shared/settings.ts

@@ -0,0 +1,10 @@
+export default {
+    title: {
+        card_manager: ' Flashcard Slides Manager',
+        bucket_manager: ' Bucket Game Manager',
+        sorting_manager: 'Sorting Game Manager',
+        matching_game_manager: ' Matching Game Manager',
+        slideshow_manager: 'Slideshow Manager',
+        quizshow_manager: 'Quizshow Manager',
+    },
+}

package/i18n/en-US.ts

@@ -0,0 +1,5 @@
+import enUS from './en-US/index'
+
+export default {
+    ...enUS,
+}