Skip to content

Commit a0df50e

Browse files
laura-bergoensxav-car
laura-bergoens
authored and
xav-car
committed
plipplop
1 parent 035065c commit a0df50e

File tree

11 files changed

+683
-0
lines changed

11 files changed

+683
-0
lines changed

‎admin/app/components/layout/menu-bar/index.gjs

+5
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,11 @@ export default class MenuBar extends Component {
1919
<template>
2020
<nav class="menu-bar" aria-label={{t "components.layout.menu-bar.label"}}>
2121
<ul>
22+
<MenuBarEntry
23+
@path="authenticated.poc-quest"
24+
@icon="buildings"
25+
@title="POC QUETE"
26+
/>
2227
<MenuBarEntry
2328
@path="authenticated.organizations"
2429
@icon="buildings"

‎admin/app/components/quests/form.gjs

+219
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,219 @@
1+
import PixInput from '@1024pix/pix-ui/components/pix-input';
2+
import PixButton from '@1024pix/pix-ui/components/pix-button';
3+
import { on } from '@ember/modifier';
4+
import { fn } from '@ember/helper';
5+
import { action } from '@ember/object';
6+
import Component from '@glimmer/component';
7+
import { tracked } from '@glimmer/tracking';
8+
import { service } from '@ember/service';
9+
import PixButtonLink from '@1024pix/pix-ui/components/pix-button-link';
10+
11+
const LOCAL_STORAGE_KEY = 'QUEST_REQUIREMENT_SNIPPETS';
12+
13+
export default class QuestForm extends Component {
14+
@tracked questName = '';
15+
@tracked questRewardType = '';
16+
@tracked questRewardId = '';
17+
@tracked questEligibilityRequirementsStr = 'all(one-of(all(MonCousin,OrgaSCO),OrgaAEFE),all(OrgaAEFE,one-of(MonCousin,OrgaAEFE)),one-of(OrgaSCO,all(MonCousin,OrgaSCO)))';
18+
@service router;
19+
20+
constructor() {
21+
super(...arguments);
22+
console.log('constructor questform');
23+
}
24+
25+
get snippets() {
26+
const { objectRequirementsByLabel } = JSON.parse(window.localStorage.getItem(LOCAL_STORAGE_KEY)) ?? { objectRequirementsByLabel: {} };
27+
return Object.keys(objectRequirementsByLabel);
28+
}
29+
30+
@action
31+
onQuestNameChanged(event) {
32+
this.questName = event.target.value;
33+
}
34+
35+
@action
36+
onQuestRewardTypeChanged(event) {
37+
this.questRewardType = event.target.value;
38+
}
39+
40+
@action
41+
onQuestRewardIdChanged(event) {
42+
this.questRewardId = event.target.value;
43+
}
44+
45+
@action
46+
onQuestEligibilityRequirementsChanged(event) {
47+
this.questEligibilityRequirementsStr = event.target.value;
48+
}
49+
50+
@action
51+
onSubmitClicked(event) {
52+
event.preventDefault();
53+
}
54+
55+
@action
56+
onAddSnippetInEligibilityRequirements(snippetName) {
57+
const stock = this.questEligibilityRequirementsStr;
58+
this.questEligibilityRequirementsStr = null
59+
this.questEligibilityRequirementsStr = stock + snippetName;
60+
}
61+
62+
@action
63+
eligibilityRequirementJSONinClipboard() {
64+
const { objectRequirementsByLabel } = JSON.parse(window.localStorage.getItem(LOCAL_STORAGE_KEY)) ?? { objectRequirementsByLabel: {} };
65+
const obj = this.popToRootToPip(this.questEligibilityRequirementsStr, objectRequirementsByLabel);
66+
console.log([obj]);
67+
console.log(JSON.stringify([obj]));
68+
}
69+
70+
recursiveToJson(str, objectRequirementsByLabel) {
71+
const regexAll = /^all\((.*)\)$/;
72+
const regexOneOf = /^one-of\((.*)\)$/;
73+
const regexOneOf2 = /^((one-of\((\w*,?)*\)))/;
74+
const regexAll2 = /^((all\((\w*,?)*\)))/;
75+
const execAll = regexAll.exec(str);
76+
const execOneOf = regexOneOf.exec(str);
77+
if(execAll?.length > 0) {
78+
const indexOfFirstComma = execAll[1].indexOf(',');
79+
const before = execAll[1].slice(0, indexOfFirstComma);
80+
const after = execAll[1].slice(indexOfFirstComma+1, execAll[1].length);
81+
console.log('all');
82+
console.log(before);
83+
console.log(after);
84+
const data = [before, after].map((member) => this.recursiveToJson(member, objectRequirementsByLabel));
85+
return {
86+
requirement_type: 'compose',
87+
comparison: 'all',
88+
data,
89+
};
90+
}
91+
else if(execOneOf?.length > 0) {
92+
const indexOfFirstComma = execOneOf[1].indexOf(',');
93+
const before = execOneOf[1].slice(0, indexOfFirstComma);
94+
const after = execOneOf[1].slice(indexOfFirstComma+1, execOneOf[1].length);
95+
console.log('oneof');
96+
console.log(before);
97+
console.log(after);
98+
const data = [before, after].map((member) => this.recursiveToJson(member, objectRequirementsByLabel));
99+
return {
100+
requirement_type: 'compose',
101+
comparison: 'one-of',
102+
data,
103+
};
104+
} else {
105+
return objectRequirementsByLabel[str];
106+
}
107+
}
108+
109+
popToRootToPip(str, objectRequirementsByLabel) {
110+
const possibleWordsForSnippets = Object.keys(objectRequirementsByLabel);
111+
const composeStack = [];
112+
let currentWord = '';
113+
let root;
114+
for(const char of str) {
115+
currentWord += char;
116+
if(currentWord === ')') {
117+
root = composeStack.pop();
118+
currentWord = '';
119+
} else if(currentWord === ',') {
120+
currentWord = '';
121+
} else if(currentWord === 'all(') {
122+
const compose = {
123+
requirement_type: 'compose',
124+
comparison: 'all',
125+
data: [],
126+
};
127+
if(composeStack.length > 0) {
128+
composeStack.at(-1).data.push(compose);
129+
}
130+
composeStack.push(compose);
131+
currentWord = '';
132+
} else if(currentWord === 'one-of(') {
133+
const compose = {
134+
requirement_type: 'compose',
135+
comparison: 'one-of',
136+
data: [],
137+
};
138+
if(composeStack.length > 0) {
139+
composeStack.at(-1).data.push(compose);
140+
}
141+
composeStack.push(compose);
142+
currentWord = '';
143+
} else if(possibleWordsForSnippets.includes(currentWord)) {
144+
composeStack.at(-1).data.push(objectRequirementsByLabel[currentWord]);
145+
currentWord = '';
146+
}
147+
}
148+
return root;
149+
}
150+
151+
<template>
152+
<PixInput
153+
@id="questName"
154+
onchange={{this.onQuestNameChanged}}
155+
required={{true}}
156+
>
157+
<:label>Nom de la quête</:label>
158+
</PixInput>
159+
<PixInput
160+
@id="rewardType"
161+
onchange={{this.onQuestRewardTypeChanged}}
162+
required={{true}}
163+
>
164+
<:label>Type de récompense</:label>
165+
</PixInput>
166+
<PixInput
167+
@id="rewardId"
168+
onchange={{this.onQuestRewardIdChanged}}
169+
required={{true}}
170+
>
171+
<:label>ID de récompense</:label>
172+
</PixInput>
173+
<PixButtonLink
174+
@route="authenticated.poc-quest-new-or-edit-snippet"
175+
@size="small"
176+
@variant="primary"
177+
>
178+
Ajouter un nouveau snippet de requirement
179+
</PixButtonLink>
180+
<textarea {{on "keyup" this.onQuestEligibilityRequirementsChanged}} value={{this.questEligibilityRequirementsStr}}></textarea>
181+
<ul>
182+
<li>
183+
<PixButton @size="small" @variant="secondary" @triggerAction={{fn this.onAddSnippetInEligibilityRequirements "all"}}>
184+
all
185+
</PixButton>
186+
</li>
187+
<li>
188+
<PixButton @size="small" @variant="secondary" @triggerAction={{fn this.onAddSnippetInEligibilityRequirements "one-of"}}>
189+
one-of
190+
</PixButton>
191+
</li>
192+
<li>
193+
<PixButton @size="small" @variant="secondary" @triggerAction={{fn this.onAddSnippetInEligibilityRequirements "("}}>
194+
(
195+
</PixButton>
196+
</li>
197+
<li>
198+
<PixButton @size="small" @variant="secondary" @triggerAction={{fn this.onAddSnippetInEligibilityRequirements ")"}}>
199+
)
200+
</PixButton>
201+
</li>
202+
<li>
203+
<PixButton @size="small" @variant="secondary" @triggerAction={{fn this.onAddSnippetInEligibilityRequirements ","}}>
204+
,
205+
</PixButton>
206+
</li>
207+
{{#each this.snippets as |snippetName|}}
208+
<li>
209+
<PixButton @size="small" @variant="secondary" @triggerAction={{fn this.onAddSnippetInEligibilityRequirements snippetName}}>
210+
{{snippetName}}
211+
</PixButton>
212+
</li>
213+
{{/each}}
214+
</ul>
215+
<PixButton @size="small" @variant="secondary" @triggerAction={{this.eligibilityRequirementJSONinClipboard}}>
216+
Mettre le json d'eligibility dans le presse papiers
217+
</PixButton>
218+
</template>
219+
}

‎admin/app/components/quests/requirements/form.gjs

+64
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
import PixSelect from '@1024pix/pix-ui/components/pix-select';
2+
import { next } from '@ember/runloop';
3+
import { action } from '@ember/object';
4+
import Component from '@glimmer/component';
5+
import { tracked } from '@glimmer/tracking';
6+
import ObjectRequirementForm from 'pix-admin/components/quests/requirements/object/form';
7+
import { objectConfigurations } from 'pix-admin/components/quests/requirements/object/object-configuration.js';
8+
import { service } from '@ember/service';
9+
import PixButtonLink from '@1024pix/pix-ui/components/pix-button-link';
10+
11+
export default class RequirementForm extends Component {
12+
@tracked selectedRequirementType = null;
13+
@service router;
14+
15+
constructor() {
16+
super(...arguments);
17+
console.log('constructor requirementform');
18+
}
19+
20+
get requirementTypeOptions() {
21+
return [
22+
{ value: 'organization', label: 'Organization' },
23+
{ value: 'organizationLearner', label: 'Organization Learner' },
24+
{ value: 'campaignParticipations', label: 'Participation' },
25+
];
26+
}
27+
28+
get configurationForSelectedRequirement() {
29+
return objectConfigurations[this.selectedRequirementType];
30+
}
31+
32+
@action
33+
onRequirementTypeChanged(value) {
34+
this.selectedRequirementType = null;
35+
36+
next(this, function() {
37+
this.selectedRequirementType = value;
38+
});
39+
}
40+
41+
<template>
42+
<PixSelect
43+
@onChange={{this.onRequirementTypeChanged}}
44+
@value={{this.selectedRequirementType}}
45+
@options={{this.requirementTypeOptions}}
46+
@screenReaderOnly={{true}}
47+
@hideDefaultValue={{true}}
48+
>
49+
<:label>Sélectionner un type de requirement</:label>
50+
</PixSelect>
51+
{{#if this.selectedRequirementType}}
52+
<ObjectRequirementForm
53+
@configuration={{this.configurationForSelectedRequirement}}
54+
/>
55+
{{/if}}
56+
<PixButtonLink
57+
@route="authenticated.poc-quest"
58+
@size="small"
59+
@variant="primary"
60+
>
61+
Revenir au formulaire de quête
62+
</PixButtonLink>
63+
</template>
64+
}

0 commit comments

Comments
 (0)