Test de VUEPRIME en cours (e8cd8503) · Commits · open-source / oscar

ui/package.json

+2 −0

Original line number	Diff line number	Diff line
		@@ -11,6 +11,7 @@
		},
		"dependencies": {
		"@popperjs/core": "^2.11.8",
		"@primeuix/themes": "^2.0.3",
		"@quasar/extras": "^1.16.17",
		"@vitejs/plugin-vue": "^6.0.0",
		"axios": "^1.4.0",
		@@ -19,6 +20,7 @@
		"material-design-icons-iconfont": "^6.7.0",
		"materials": "^1.1.3",
		"moment": "^2.30.1",
		"primevue": "^4.5.4",
		"quasar": "^2.18.1",
		"vue": "^3.2",
		"vue-i18n": "11.1.11",

ui/src/OscarUIDev.js

+11 −0

Original line number	Diff line number	Diff line
		import { createApp } from "vue";
		import PrimeVue from 'primevue/config';
		import momentFilter from "./utils/MomentFilter.js";
		import OscarUIDev from "./views/OscarUiDev.vue";
		import {oscarText} from "./utils/OscarText.js";
		import Aura from '@primeuix/themes/aura';

		let id = '#oscar-ui-dev';



		// Récupération des données dans le DOM
		let elemDatas = document.querySelector(id);
		const app = createApp(OscarUIDev, {
		@@ -18,4 +23,10 @@ app.config.globalProperties.$filters = {
		dateFull(date){ return momentFilter.dateFull(date); }
		};

		app.use(PrimeVue, {
		theme: {
		preset: Aura
		}
		});

		app.mount(id);
		No newline at end of file

ui/src/views/OscarUiDev.vue

+34 −1

Original line number	Diff line number	Diff line
		@@ -430,6 +430,25 @@
		<hr>
		Selected : {{ selectedPerson }}
		<PersonAutoCompleter v-model="selectedPerson"/>

		<h1>
		PRIME
		</h1>
		<Button>TEST</Button>
		<hr>
		Value : {{ autocomplete_value }}<br>
		Suggestions : {{ autocomplete_items }}<br>
		Suggestions : {{ autocomplete_items_filtered }}<br>
		<AutoComplete optionLabel="name" dropdown v-model="autocomplete_value"
		:suggestions="autocomplete_items_filtered"
		@complete="autocomplete_handler" />
		<pre>
		test




		</pre>
		</div>
		</template>
		<script>
		@@ -437,11 +456,15 @@ import OrganizationAutoComplete from "../components/OrganizationAutoComplete.vue
		import PersonAutoCompleter from "../components/PersonAutoCompleter.vue";
		import SelectAdvanced from "../components/SelectAdvanced.vue";
		import Datepicker from "../components/Datepicker.vue";
		import {Button} from "primevue";
		import AutoComplete from 'primevue/autocomplete';

		export default {
		components: {Datepicker, OrganizationAutoComplete, PersonAutoCompleter, SelectAdvanced},
		components: {Datepicker, OrganizationAutoComplete, PersonAutoCompleter, SelectAdvanced, Button, AutoComplete},
		data() {
		return {
		autocomplete_value: null,
		autocomplete_items: [{name:"Normandie"},{name:"Bretagne"},{name:"Cotentin"},{name:"Parisien"}],
		selectedOrganization: null,
		selectedPerson: null,
		dateexemple: '2024-07-04',
		@@ -469,6 +492,16 @@ export default {
		methods: {
		handlerAdvancedSelectChange() {
		console.log("CHANGE", arguments);
		},

		autocomplete_handler(evt){
		console.log("CHANGE", arguments);
		const query = evt.query ? evt.query.toLowerCase() : "";

		this.autocomplete_items_filtered = this.autocomplete_items.filter(item =>
		item.name.toLowerCase().includes(query)
		);

		}
		}

ui/yarn.lock

+53 −0

Original line number	Diff line number	Diff line
		@@ -232,6 +232,48 @@
		resolved "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz"
		integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==

		"@primeuix/styled@^0.7.4":
		version "0.7.4"
		resolved "https://registry.yarnpkg.com/@primeuix/styled/-/styled-0.7.4.tgz#d2108a7fad297dea60d549b2c10ed744dc0cbc0e"
		integrity sha512-QSO/NpOQg8e9BONWRBx9y8VGMCMYz0J/uKfNJEya/RGEu7ARx0oYW0ugI1N3/KB1AAvyGxzKBzGImbwg0KUiOQ==
		dependencies:
		"@primeuix/utils" "^0.6.1"

		"@primeuix/styles@^2.0.2":
		version "2.0.3"
		resolved "https://registry.yarnpkg.com/@primeuix/styles/-/styles-2.0.3.tgz#e42d14c138fe092683228d65a3f6de17de70d6a0"
		integrity sha512-2ykAB6BaHzR/6TwF8ShpJTsZrid6cVIEBVlookSdvOdmlWuevGu5vWOScgIwqWwlZcvkFYAGR/SUV3OHCTBMdw==
		dependencies:
		"@primeuix/styled" "^0.7.4"

		"@primeuix/themes@^2.0.3":
		version "2.0.3"
		resolved "https://registry.yarnpkg.com/@primeuix/themes/-/themes-2.0.3.tgz#c3919d49e818b3bbac611ab8d89a52d4ffed6815"
		integrity sha512-3fS1883mtCWhgUgNf/feiaaDSOND4EBIOu9tZnzJlJ8QtYyL6eFLcA6V3ymCWqLVXQ1+lTVEZv1gl47FIdXReg==
		dependencies:
		"@primeuix/styled" "^0.7.4"

		"@primeuix/utils@^0.6.1", "@primeuix/utils@^0.6.2":
		version "0.6.4"
		resolved "https://registry.yarnpkg.com/@primeuix/utils/-/utils-0.6.4.tgz#f436eae1be166662d424b8550a97ba0c150819e6"
		integrity sha512-pZ5f+vj7wSzRhC7KoEQRU5fvYAe+RP9+m39CTscZ3UywCD1Y2o6Fe1rRgklMPSkzUcty2jzkA0zMYkiJBD1hgg==

		"@primevue/core@4.5.4":
		version "4.5.4"
		resolved "https://registry.yarnpkg.com/@primevue/core/-/core-4.5.4.tgz#65ede07d18040bb7c09b199725d561c27b7ac76b"
		integrity sha512-lYJJB3wTrDJ8MkLctzHfrPZAqXVxoatjIsswSJzupatf6ZogJHVYADUKcn1JAkLLk8dtV1FA2AxDek663fHO5Q==
		dependencies:
		"@primeuix/styled" "^0.7.4"
		"@primeuix/utils" "^0.6.2"

		"@primevue/icons@4.5.4":
		version "4.5.4"
		resolved "https://registry.yarnpkg.com/@primevue/icons/-/icons-4.5.4.tgz#dcb195dbb732fe9f3ab5db0de1bc49660d2c1f0f"
		integrity sha512-DxgryEc7ZmUqcEhYMcxGBRyFzdtLIoy3jLtlH1zsVSRZaG+iSAcjQ88nvfkZxGUZtZBFL7sRjF6KLq3bJZJwUw==
		dependencies:
		"@primeuix/utils" "^0.6.2"
		"@primevue/core" "4.5.4"

		"@quasar/extras@^1.16.17":
		version "1.17.0"
		resolved "https://registry.npmjs.org/@quasar/extras/-/extras-1.17.0.tgz"
		@@ -1025,6 +1067,17 @@ postcss@^8.5.6:
		picocolors "^1.1.1"
		source-map-js "^1.2.1"

		primevue@^4.5.4:
		version "4.5.4"
		resolved "https://registry.yarnpkg.com/primevue/-/primevue-4.5.4.tgz#ef96d1a5c8def9fd759b313c3e73646577911b5b"
		integrity sha512-nTyEohZABFJhVIpeUxgP0EJ8vKcJAhD+Z7DYj95e7ie/MNUCjRNcGjqmE1cXtXi4z54qDfTSI9h2uJ51qz2DIw==
		dependencies:
		"@primeuix/styled" "^0.7.4"
		"@primeuix/styles" "^2.0.2"
		"@primeuix/utils" "^0.6.2"
		"@primevue/core" "4.5.4"
		"@primevue/icons" "4.5.4"

		proxy-from-env@^1.1.0:
		version "1.1.0"
		resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz"