@windward/games 0.2.2 → 0.3.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.
@@ -11,6 +11,7 @@
11
11
  'windward.games.components.settings.quizshow_game.form.title'
12
12
  )
13
13
  "
14
+ :disabled="render"
14
15
  ></v-text-field>
15
16
  <br />
16
17
  <v-checkbox
@@ -20,6 +21,7 @@
20
21
  'windward.games.components.settings.quizshow_game.form.responsive'
21
22
  )
22
23
  "
24
+ :disabled="render"
23
25
  ></v-checkbox>
24
26
  <br />
25
27
  <v-textarea
@@ -33,13 +35,14 @@
33
35
  'windward.games.components.settings.multiple_choice.instructions'
34
36
  )
35
37
  "
38
+ :disabled="render"
36
39
  ></v-textarea>
37
40
  <br />
38
41
  <v-expansion-panels outlined tile flat>
39
42
  <v-divider class="cardOutline primary"></v-divider>
40
43
  <v-expansion-panel>
41
44
  <v-expansion-panel-header>
42
- <template v-slot:default="{ open }">
45
+ <template #default="{ open }">
43
46
  <v-row no-gutters class="text-capitalize">
44
47
  <h5>
45
48
  {{
@@ -50,7 +53,7 @@
50
53
  </h5>
51
54
  </v-row>
52
55
  </template>
53
- <template v-slot:actions>
56
+ <template #actions>
54
57
  <v-icon> mdi-chevron-down </v-icon>
55
58
  </template>
56
59
  </v-expansion-panel-header>
@@ -82,6 +85,7 @@
82
85
  index
83
86
  "
84
87
  outlined
88
+ :disabled="render"
85
89
  @click:append="
86
90
  removeCategory(index)
87
91
  "
@@ -101,11 +105,12 @@
101
105
  .maxCategories
102
106
  ) < 6
103
107
  "
108
+ color="primary"
104
109
  class="text-capitalize clickable"
110
+ :disabled="render"
105
111
  @click="addCategory"
106
- color="primary"
107
112
  >
108
- <v-icon>mdi-plus</v-icon>&nbsp{{
113
+ <v-icon>mdi-plus</v-icon>&nbsp;{{
109
114
  $t(
110
115
  'windward.games.components.settings.quizshow_game.form.add_category'
111
116
  )
@@ -120,7 +125,7 @@
120
125
  <v-divider class="cardOutline primary"></v-divider>
121
126
  <v-expansion-panel>
122
127
  <v-expansion-panel-header>
123
- <template v-slot:default="{ open }">
128
+ <template #default="{ open }">
124
129
  <v-row no-gutters class="text-capitalize">
125
130
  <h5>
126
131
  {{
@@ -131,7 +136,7 @@
131
136
  </h5>
132
137
  </v-row>
133
138
  </template>
134
- <template v-slot:actions>
139
+ <template #actions>
135
140
  <v-icon> mdi-chevron-down </v-icon>
136
141
  </template>
137
142
  </v-expansion-panel-header>
@@ -145,19 +150,19 @@
145
150
  v-for="index in Number(
146
151
  block.metadata.config.maxRows
147
152
  )"
153
+ :key="'maxrows-row-' + index"
148
154
  >
149
155
  <v-text-field
150
156
  :key="'row' + index"
151
- append-icon="mdi-delete-outline"
152
157
  v-model="
153
158
  block.metadata.config.points[
154
159
  index - 1
155
160
  ]
156
161
  "
162
+ append-icon="mdi-delete-outline"
157
163
  type="number"
158
164
  min="1"
159
165
  max="9999"
160
- @input="onPointsChange(index - 1)"
161
166
  :label="
162
167
  $t(
163
168
  'windward.games.components.settings.quizshow_game.form.row'
@@ -166,6 +171,8 @@
166
171
  index
167
172
  "
168
173
  outlined
174
+ :disabled="render"
175
+ @input="onPointsChange(index - 1)"
169
176
  @click:append="removeRow(index)"
170
177
  ></v-text-field>
171
178
  </v-row>
@@ -178,10 +185,11 @@
178
185
  ) < 6
179
186
  "
180
187
  class="text-capitalize clickable"
181
- @click="addRow"
182
188
  color="primary"
189
+ :disabled="render"
190
+ @click="addRow"
183
191
  >
184
- <v-icon>mdi-plus</v-icon>&nbsp{{
192
+ <v-icon>mdi-plus</v-icon>&nbsp;{{
185
193
  $t(
186
194
  'windward.games.components.settings.quizshow_game.form.add_row'
187
195
  )
@@ -209,7 +217,7 @@
209
217
 
210
218
  <script>
211
219
  import TextEditor from '~/components/Text/TextEditor.vue'
212
- import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
220
+ import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
213
221
  export default {
214
222
  name: 'QuizShowSettingsManager',
215
223
  extends: BaseContentSettings,
@@ -3,6 +3,7 @@
3
3
  <v-form ref="form" v-model="valid" v-if="!loading">
4
4
  <v-container class="pa-0">
5
5
  <v-text-field
6
+ ref="title"
6
7
  v-model="block.metadata.config.title"
7
8
  outlined
8
9
  :counter="50"
@@ -12,7 +13,7 @@
12
13
  'windward.games.components.settings.bucket_game.form.title'
13
14
  )
14
15
  "
15
- ref="title"
16
+ :disabled="render"
16
17
  ></v-text-field>
17
18
  <v-textarea
18
19
  v-model="block.metadata.config.instructions"
@@ -23,6 +24,7 @@
23
24
  'windward.games.components.settings.bucket_game.form.instructions'
24
25
  )
25
26
  "
27
+ :disabled="render"
26
28
  ></v-textarea>
27
29
  </v-container>
28
30
  <v-divider class="my-4 primary"></v-divider>
@@ -37,6 +39,7 @@
37
39
  <SortableExpansionPanel
38
40
  v-model="block.metadata.config.words"
39
41
  v-bind:currentPanel.sync="block.metadata.config.currentWord"
42
+ :disabled="render"
40
43
  @click:close="onDelete($event)"
41
44
  >
42
45
  <template #header="{ item, index }">
@@ -64,6 +67,7 @@
64
67
  "
65
68
  outlined
66
69
  :autofocus="true"
70
+ :disabled="render"
67
71
  ></v-textarea>
68
72
  <p class="p-label">
69
73
  {{
@@ -78,6 +82,7 @@
78
82
  "
79
83
  outlined
80
84
  class="pt-4"
85
+ :disabled="render"
81
86
  ></v-textarea>
82
87
  </v-flex>
83
88
  </v-container>
@@ -86,7 +91,11 @@
86
91
  </v-container>
87
92
  <v-container class="pa-0">
88
93
  <v-row justify="center" class="my-4">
89
- <v-btn color="primary" @click="onAddElement">
94
+ <v-btn
95
+ color="primary"
96
+ :disabled="render"
97
+ @click="onAddElement"
98
+ >
90
99
  <v-icon>mdi-plus</v-icon>
91
100
  {{
92
101
  $t(
@@ -98,6 +107,7 @@
98
107
  </v-container>
99
108
  <v-row class="mt-3">
100
109
  <v-textarea
110
+ ref="title"
101
111
  v-model="block.metadata.config.feedback_correct"
102
112
  outlined
103
113
  auto-grow
@@ -107,7 +117,7 @@
107
117
  'windward.games.components.settings.word_jumble.feedback_correct'
108
118
  )
109
119
  "
110
- ref="title"
120
+ :disabled="render"
111
121
  ></v-textarea>
112
122
  <v-textarea
113
123
  v-model="block.metadata.config.feedback_incorrect"
@@ -118,6 +128,7 @@
118
128
  'windward.games.components.settings.word_jumble.feedback_incorrect'
119
129
  )
120
130
  "
131
+ :disabled="render"
121
132
  ></v-textarea>
122
133
  </v-row>
123
134
  </v-form>
@@ -127,9 +138,9 @@
127
138
  <script>
128
139
  import _ from 'lodash'
129
140
  import draggable from 'vuedraggable'
130
- import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
141
+ import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
131
142
  import CrudTable from '../content/CrudTable.vue'
132
- import SortableExpansionPanel from '~/components/SortableExpansionPanel.vue'
143
+ import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
133
144
 
134
145
  export default {
135
146
  name: 'SevenStrikesSettingsManager',
@@ -12,11 +12,12 @@
12
12
  'windward.games.components.settings.slideshow.form.title'
13
13
  )
14
14
  "
15
+ :disabled="render"
15
16
  ></v-text-field>
16
17
  <v-textarea
18
+ v-model="block.metadata.config.instructions"
17
19
  outlined
18
20
  auto-grow
19
- v-model="block.metadata.config.instructions"
20
21
  :counter="255"
21
22
  maxlength="255"
22
23
  :label="
@@ -24,6 +25,7 @@
24
25
  'windward.games.components.settings.slideshow.form.instructions'
25
26
  )
26
27
  "
28
+ :disabled="render"
27
29
  ></v-textarea>
28
30
  </v-container>
29
31
  <v-divider class="my-4 primary"></v-divider>
@@ -40,6 +42,7 @@
40
42
  v-bind:currentPanel.sync="
41
43
  block.metadata.config.currentSlide
42
44
  "
45
+ :disabled="render"
43
46
  @click:close="onDeleteSlide($event)"
44
47
  >
45
48
  <template #header="{ item, index }">
@@ -65,6 +68,7 @@
65
68
  'windward.games.components.content.blocks.slideshow.slides.slide_header'
66
69
  )
67
70
  "
71
+ :disabled="render"
68
72
  ></v-text-field>
69
73
  <v-text-field
70
74
  v-model="
@@ -77,6 +81,7 @@
77
81
  'windward.games.components.content.blocks.slideshow.slides.slide_description'
78
82
  )
79
83
  "
84
+ :disabled="render"
80
85
  ></v-text-field>
81
86
  <v-text-field
82
87
  v-model="
@@ -89,6 +94,7 @@
89
94
  'windward.games.components.content.blocks.slideshow.slides.image_alt'
90
95
  )
91
96
  "
97
+ :disabled="render"
92
98
  ></v-text-field>
93
99
  <ContentBlockAsset
94
100
  id="content-block-asset"
@@ -96,13 +102,18 @@
96
102
  block.metadata.config.slides[index].image
97
103
  "
98
104
  mimes="image/png,image/jpeg"
105
+ :disabled="render"
99
106
  ></ContentBlockAsset>
100
107
  </v-container>
101
108
  </template>
102
109
  </SortableExpansionPanel>
103
110
  <v-container>
104
111
  <v-row justify="center" class="my-4">
105
- <v-btn @click="onAddSlide" color="primary">
112
+ <v-btn
113
+ color="primary"
114
+ :disabled="render"
115
+ @click="onAddSlide"
116
+ >
106
117
  <v-icon>mdi-plus</v-icon>
107
118
  {{
108
119
  $t(
@@ -125,10 +136,10 @@
125
136
  </div>
126
137
  </template>
127
138
  <script>
128
- import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
139
+ import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
129
140
  import _ from 'lodash'
130
141
  import ContentBlockAsset from '~/components/Content/ContentBlockAsset.vue'
131
- import SortableExpansionPanel from '~/components/SortableExpansionPanel.vue'
142
+ import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
132
143
 
133
144
  export default {
134
145
  name: 'SlideShowManager',
@@ -3,6 +3,7 @@
3
3
  <v-form ref="form" v-model="valid" v-if="!loading">
4
4
  <v-container class="pa-0">
5
5
  <v-text-field
6
+ ref="title"
6
7
  v-model="block.metadata.config.title"
7
8
  outlined
8
9
  :autofocus="true"
@@ -12,18 +13,19 @@
12
13
  'windward.games.components.settings.bucket_game.form.title'
13
14
  )
14
15
  "
15
- ref="title"
16
+ :disabled="render"
16
17
  ></v-text-field>
17
18
  <v-textarea
19
+ v-model="block.metadata.config.instructions"
18
20
  outlined
19
21
  auto-grow
20
- v-model="block.metadata.config.instructions"
21
22
  :counter="255"
22
23
  :label="
23
24
  $t(
24
25
  'windward.games.components.settings.bucket_game.form.instructions'
25
26
  )
26
27
  "
28
+ :disabled="render"
27
29
  ></v-textarea>
28
30
  </v-container>
29
31
  <v-divider class="my-4 primary"></v-divider>
@@ -37,6 +39,7 @@
37
39
  </p>
38
40
  <SortableExpansionPanel
39
41
  v-model="block.metadata.config.answer"
42
+ :disabled="render"
40
43
  @click:close="onDelete($event)"
41
44
  >
42
45
  <template #header="{ item, index }">
@@ -58,11 +61,12 @@
58
61
  }}
59
62
  </p>
60
63
  <v-textarea
61
- outlined
62
64
  v-model="
63
65
  block.metadata.config.answer[index].value
64
66
  "
67
+ outlined
65
68
  :autofocus="true"
69
+ :disabled="render"
66
70
  ></v-textarea>
67
71
  </v-container>
68
72
  </template>
@@ -70,7 +74,11 @@
70
74
  </v-container>
71
75
  <v-container class="pa-0">
72
76
  <v-row justify="center" class="my-4">
73
- <v-btn color="primary" @click="onAddElement">
77
+ <v-btn
78
+ color="primary"
79
+ :disabled="render"
80
+ @click="onAddElement"
81
+ >
74
82
  <v-icon>mdi-plus</v-icon>
75
83
  {{
76
84
  $t(
@@ -80,26 +88,28 @@
80
88
  </v-btn>
81
89
  </v-row>
82
90
  <v-textarea
91
+ v-model="block.metadata.config.feedback_correct"
83
92
  outlined
84
93
  auto-grow
85
- v-model="block.metadata.config.feedback_correct"
86
94
  :counter="255"
87
95
  :label="
88
96
  $t(
89
97
  'windward.games.components.settings.bucket_game.form.feedback.correct'
90
98
  )
91
99
  "
100
+ :disabled="render"
92
101
  ></v-textarea>
93
102
  <v-textarea
103
+ v-model="block.metadata.config.feedback_incorrect"
94
104
  outlined
95
105
  auto-grow
96
- v-model="block.metadata.config.feedback_incorrect"
97
106
  :counter="255"
98
107
  :label="
99
108
  $t(
100
109
  'windward.games.components.settings.bucket_game.form.feedback.incorrect'
101
110
  )
102
111
  "
112
+ :disabled="render"
103
113
  ></v-textarea>
104
114
  </v-container>
105
115
  </v-form>
@@ -116,8 +126,8 @@
116
126
 
117
127
  <script>
118
128
  import _ from 'lodash'
119
- import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
120
- import SortableExpansionPanel from '~/components/SortableExpansionPanel.vue'
129
+ import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
130
+ import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
121
131
  export default {
122
132
  name: 'SortingGameSettingsManager',
123
133
  extends: BaseContentSettings,
@@ -3,6 +3,7 @@
3
3
  <v-form ref="form" v-model="valid" v-if="!loading">
4
4
  <v-container class="pa-0">
5
5
  <v-text-field
6
+ ref="title"
6
7
  v-model="block.metadata.config.title"
7
8
  :counter="50"
8
9
  outlined
@@ -12,17 +13,18 @@
12
13
  'windward.games.components.settings.word_jumble.title_input'
13
14
  )
14
15
  "
15
- ref="title"
16
+ :disabled="render"
16
17
  ></v-text-field>
17
18
  <v-textarea
19
+ v-model="block.metadata.config.instructions"
18
20
  outlined
19
21
  auto-grow
20
- v-model="block.metadata.config.instructions"
21
22
  :label="
22
23
  $t(
23
24
  'windward.games.components.settings.word_jumble.instructions'
24
25
  )
25
26
  "
27
+ :disabled="render"
26
28
  ></v-textarea>
27
29
  </v-container>
28
30
  <v-divider class="my-4 primary"></v-divider>
@@ -37,6 +39,7 @@
37
39
  <SortableExpansionPanel
38
40
  v-model="block.metadata.config.words"
39
41
  v-bind:currentPanel.sync="block.metadata.config.currentWord"
42
+ :disabled="render"
40
43
  @click:close="onDelete($event)"
41
44
  >
42
45
  <template #header="{ item, index }">
@@ -59,11 +62,12 @@
59
62
  }}
60
63
  </p>
61
64
  <v-textarea
62
- outlined
63
- :autofocus="true"
64
65
  v-model="
65
66
  block.metadata.config.words[index].value
66
67
  "
68
+ outlined
69
+ :autofocus="true"
70
+ :disabled="render"
67
71
  ></v-textarea>
68
72
  </v-flex>
69
73
  <v-flex xs12>
@@ -75,10 +79,11 @@
75
79
  }}
76
80
  </p>
77
81
  <v-textarea
78
- outlined
79
82
  v-model="
80
83
  block.metadata.config.words[index].hint
81
84
  "
85
+ outlined
86
+ :disabled="render"
82
87
  ></v-textarea>
83
88
  </v-flex>
84
89
  </v-container>
@@ -87,7 +92,11 @@
87
92
  </v-container>
88
93
  <v-container class="pa-0">
89
94
  <v-row justify="center" class="my-4">
90
- <v-btn color="primary" @click="onAddWord">
95
+ <v-btn
96
+ color="primary"
97
+ :disabled="render"
98
+ @click="onAddWord"
99
+ >
91
100
  <v-icon>mdi-plus</v-icon>
92
101
  {{
93
102
  $t(
@@ -97,6 +106,7 @@
97
106
  </v-btn>
98
107
  </v-row>
99
108
  <v-textarea
109
+ ref="title"
100
110
  v-model="block.metadata.config.feedback_correct"
101
111
  outlined
102
112
  auto-grow
@@ -106,17 +116,18 @@
106
116
  'windward.games.components.settings.word_jumble.feedback_correct'
107
117
  )
108
118
  "
109
- ref="title"
119
+ :disabled="render"
110
120
  ></v-textarea>
111
121
  <v-textarea
122
+ v-model="block.metadata.config.feedback_incorrect"
112
123
  outlined
113
124
  auto-grow
114
- v-model="block.metadata.config.feedback_incorrect"
115
125
  :label="
116
126
  $t(
117
127
  'windward.games.components.settings.word_jumble.feedback_incorrect'
118
128
  )
119
129
  "
130
+ :disabled="render"
120
131
  ></v-textarea>
121
132
  </v-container>
122
133
  </v-form>
@@ -132,8 +143,8 @@
132
143
  </template>
133
144
  <script>
134
145
  import _ from 'lodash'
135
- import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
136
- import SortableExpansionPanel from '~/components/SortableExpansionPanel.vue'
146
+ import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
147
+ import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
137
148
 
138
149
  export default {
139
150
  name: 'WordJumbleSettings',
package/jest.config.js CHANGED
@@ -9,7 +9,6 @@ module.exports = {
9
9
  },
10
10
  moduleFileExtensions: ['ts', 'js', 'vue', 'json'],
11
11
  transformIgnorePatterns: ['node_modules/(?!@ngrx|(?!deck.gl)|ng-dynamic)'],
12
-
13
12
  transform: {
14
13
  '^.+\\.ts$': 'ts-jest',
15
14
  '^.+\\.js$': 'babel-jest',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@windward/games",
3
- "version": "0.2.2",
3
+ "version": "0.3.0",
4
4
  "description": "Windward UI Plugin Games",
5
5
  "main": "plugin.js",
6
6
  "scripts": {
@@ -21,7 +21,7 @@
21
21
  "license": "MIT",
22
22
  "homepage": "https://bitbucket.org/mindedge/windward-ui-plugin-games#readme",
23
23
  "dependencies": {
24
- "@windward/core": "^0.0.2",
24
+ "@windward/core": "^0.3.0",
25
25
  "eslint": "^8.11.0",
26
26
  "lodash": "^4.17.21",
27
27
  "prettier": "^2.6.0",
@@ -1,6 +1,7 @@
1
1
  // TODO find better way for jest to recognize utils imports
2
+ /*
2
3
  jest.mock(
3
- '~/components/SortableExpansionPanel.vue',
4
+ '~/components/SomeComponent.vue',
4
5
  () => {
5
6
  return {
6
7
  data() {
@@ -10,3 +11,4 @@ jest.mock(
10
11
  },
11
12
  { virtual: true }
12
13
  )
14
+ */
@@ -1,88 +1,17 @@
1
- import { Model as mockModel } from 'vue-api-query'
2
-
3
- import axios from 'axios'
4
- jest.mock('axios')
5
- mockModel.$http = axios
6
-
7
- jest.mock('axios')
1
+ //import { registerVirtualModels, registerModels } from '@windward/core/test/__mocks__/modelMock.js'
8
2
 
9
3
  // Define any new model mocks here. The imports / mocks will be auto-generated below
10
- const mockVirtualModels = [
4
+ /*
5
+ registerVirtualModels([
11
6
  {
12
- path: '~/models/UserContentBlockState',
13
- resource: 'user-content-block-state',
7
+ path: '~/models/MyNewModel',
8
+ resource: 'my-new-model',
14
9
  },
15
- ]
16
-
17
- const mockModels = []
18
-
19
- // DO NOT ALTER THE BELOW CODE
20
- jest.mock('', () => {
21
- return {
22
- __esModule: true,
23
- default: class Model {},
24
- }
25
- })
26
- class mockBaseModel extends mockModel {
27
- baseURL() {
28
- return 'http://windwardapi.local'
29
- }
30
-
31
- request(_config) {
32
- return new Promise((resolve) => {
33
- resolve({ data: {} })
34
- })
35
- }
36
- }
37
-
38
- jest.mock(
39
- '~/models/Model',
40
- () => {
41
- return {
42
- __esModule: true,
43
- default: class Model extends mockBaseModel {},
44
- }
45
- },
46
- { virtual: true }
47
- )
48
-
49
- for (let mockI = 0; mockI < mockVirtualModels.length; mockI++) {
50
- jest.mock(
51
- mockVirtualModels[mockI].path,
52
- () => {
53
- return {
54
- __esModule: true,
55
- default: class Model extends mockBaseModel {
56
- resource() {
57
- return (
58
- mockVirtualModels[mockI].resource ||
59
- this.constructor.name
60
- )
61
- }
62
- },
63
- }
64
- },
65
- { virtual: true }
66
- )
67
- }
68
-
69
- for (let mockJ = 0; mockJ < mockModels.length; mockJ++) {
70
- jest.mock(mockModels[mockJ].path, () => {
71
- return {
72
- __esModule: true,
73
- default: class Model extends mockBaseModel {
74
- resource() {
75
- return mockModels[mockJ].resource || this.constructor.name
76
- }
77
-
78
- integrations() {
79
- return this
80
- }
81
-
82
- get() {
83
- return []
84
- }
85
- },
86
- }
87
- })
88
- }
10
+ ])
11
+ */
12
+
13
+ /*
14
+ registerModels([
15
+ { path: '../../models/UserFileAsset', resource: 'user-files' },
16
+ ])
17
+ */