Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mediacentre UI completed #105

Open
wants to merge 33 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
33 commits
Select commit Hold shift + click to select a range
da3ca08
build(mediacentre): replace compiled info-modal files by a yarn depen…
EwannRoux Sep 25, 2024
d45a1b9
fix(mediacentre): add missing key to .env.schema and remove unused k…
EwannRoux Sep 25, 2024
24cfbb9
fix(mediacentre): replace hardcoded target of getConfig request with …
EwannRoux Sep 25, 2024
6fd5c44
fix(mediacentre): add try/catch to flushMediacentreFavorites put request
EwannRoux Sep 25, 2024
9721569
fix(mediacentre): remove space char at start of string in en.json lo…
EwannRoux Sep 25, 2024
b13dd48
feat(mediacentre): change getResources to support multiples group reg…
EwannRoux Sep 27, 2024
2219b8d
fix(mediacentre): prevent method call with invalid parameter from get…
EwannRoux Sep 27, 2024
c0a6821
fix(mediacentre): replace hardcoded filter names by locales keys
EwannRoux Sep 27, 2024
b12f0ae
refactor(mediacentre): change parent SCSS property of icone info for …
EwannRoux Sep 27, 2024
0394b42
fix(mediacentre): change menu border from top to left
EwannRoux Sep 30, 2024
033269c
fix(mediacentre): move modal events definitions in PageMediacentre fr…
EwannRoux Oct 2, 2024
724c778
fix(mediacentre): increase fav and info icons clic aera and change o…
EwannRoux Oct 2, 2024
ae9c2cd
fix(mediacentre): fix mediacentre menu display on mobile
EwannRoux Oct 2, 2024
504c176
fix(mediacentre): swap opacity of cards icons for hover and normal st…
EwannRoux Oct 2, 2024
4ea6e49
feat(mediacentre): create .env.prod
EwannRoux Oct 2, 2024
4acb630
fix(mediacentre): eslint 9 errors
Quentin-Guillemin Nov 6, 2024
c19dafc
refactor(mediacentre): move getGroups logic into its own method from …
EwannRoux Nov 14, 2024
e6b5c73
style(mediacentre): fix import order
EwannRoux Jan 6, 2025
4fe728f
fix(mediacentre): fix properties definition in PageMediacentre
EwannRoux Jan 7, 2025
73d8031
feat(mediacentre): export dececoded soffit in soffitUtils
EwannRoux Feb 6, 2025
2ea0416
feat(mediacentre): create EtablissementsData class
EwannRoux Feb 6, 2025
c336c3e
feat(mediacentre): create a store for future uses in refactor
EwannRoux Feb 6, 2025
f6d5ed2
chore(mediacentre): add vueform/multiselect to project
EwannRoux Feb 7, 2025
d290b72
feat(mediacentre): separate all resources based on school and add a s…
EwannRoux Feb 7, 2025
1d24d47
feat(mediacentre): add help link
EwannRoux Feb 7, 2025
d15e0ba
chore(info-modal): add tgz to gitignore
EwannRoux Jan 8, 2025
013ba44
chore(info-modal): add sourcemap to vite config
EwannRoux Jan 8, 2025
4fe74de
fix(mediacentre): fix info-modal import
EwannRoux Jan 8, 2025
8a1da8f
chore: update yarn.lock
EwannRoux Feb 7, 2025
bcf52da
chore(mediacentre): set allowedHosts property
EwannRoux Feb 7, 2025
e8f7d5b
fix(mediacentre): fix shared resources displays
EwannRoux Feb 10, 2025
a248c66
refactor(mediacentre): replace method updating a variable by a getter
EwannRoux Feb 10, 2025
3ee3402
refactor(mediacentre): rename method for disambiguation and rename re…
EwannRoux Feb 10, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions packages/info-modal/.gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -22,3 +22,6 @@ dist-ssr
*.njsproj
*.sln
*.sw?

# Archives
*.tgz
1 change: 1 addition & 0 deletions packages/info-modal/vite.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@ export default ({ mode }: { mode: string }) => {

return defineConfig({
build: {
sourcemap: true,
lib: {
entry: './src/info-modal.ts',
formats: ['es'],
Expand Down
10 changes: 10 additions & 0 deletions packages/mediacentre/.env.production
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
VITE_BASE_URI="/"
VITE_AXIOS_TIMEOUT=10000
VITE_APP_MEDIACENTRE_CONTEXT="/portail"
VITE_APP_MEDIACENTRE_API_URI="/mediacentre-api/api/resources"
VITE_APP_MEDIACENTRE_CONFIG_API_URI="/mediacentre-api/api/config"
VITE_APP_MEDIACENTRE_FNAME="Mediacentre"
VITE_APP_MEDIACENTRE_USER_INFO_API_URI="/api/v5-1/userinfo?claims=&groups="
VITE_APP_MEDIACENTRE_USER_RIGHTS_API_URI="/api/groups"
VITE_APP_MEDIACENTRE_USER_GET_USER_FAVORITE_RESOURCES_API_URI="/api/prefs/getentityonlyprefs/"
VITE_APP_MEDIACENTRE_USER_PUT_USER_FAVORITE_RESOURCES_API_URI="/api/prefs/putprefs?fname="
3 changes: 2 additions & 1 deletion packages/mediacentre/.env.schema
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@

VITE_APP_MEDIACENTRE_BASE_URI="/"
VITE_BASE_URI="/"
VITE_AXIOS_TIMEOUT=10000
VITE_APP_MEDIACENTRE_CONTEXT=""
VITE_APP_MEDIACENTRE_API_URI=""
VITE_APP_MEDIACENTRE_CONFIG_API_URI=""
VITE_APP_MEDIACENTRE_FNAME=""
VITE_APP_MEDIACENTRE_USER_INFO_API_URI=""
VITE_APP_MEDIACENTRE_USER_RIGHTS_API_URI=""
Expand Down
6 changes: 3 additions & 3 deletions packages/mediacentre/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,14 +4,14 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@gip-recia/mediacentre-ui</title>
<script type="text/javascript">
<!-- <script type="text/javascript">
let triggerElement
document.addEventListener('openModale', (event) => {
triggerElement = event.detail.originalEvent
const modalElement = document.querySelector('info-modal')
modalElement.isOpen = !modalElement.isOpen
modalElement.titleModal = event.detail.title
modalElement.mainElement = document.getElementsByTagName('main')[0]
modalElement.mainElement = document.querySelector('body > div')[0]
})

document.addEventListener('closeModale', (event) => {
Expand All @@ -20,7 +20,7 @@
event.preventDefault()
}
})
</script>
</script> -->
</head>
<body>
<main id="app"></main>
Expand Down
2 changes: 2 additions & 0 deletions packages/mediacentre/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -51,6 +51,7 @@
"@fortawesome/free-regular-svg-icons": "^6.7.2",
"@fortawesome/free-solid-svg-icons": "^6.7.2",
"@fortawesome/vue-fontawesome": "^3.0.8",
"@gip-recia/info-modal": "file:../info-modal/package.tgz",
"@intlify/unplugin-vue-i18n": "^6.0.3",
"@tsconfig/node22": "^22.0.0",
"@types/lodash.debounce": "^4",
Expand All @@ -59,6 +60,7 @@
"@uportal/open-id-connect": "^1.40.2",
"@vitejs/plugin-vue": "^5.2.1",
"@vue/tsconfig": "^0.7.0",
"@vueform/multiselect": "^2.6.11",
"@vueuse/core": "^12.5.0",
"axios": "^1.7.9",
"dotenv-checker": "^1.1.7",
Expand Down
5 changes: 4 additions & 1 deletion packages/mediacentre/src/assets/scss/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,12 @@
*/

$border-color: var(--ui-mediacentre-border-color, #25b2f3);
$background-color: var(--ui-mediacentre-background-color, #beb2b2);
$background-color: var(--ui-mediacentre-background-color, #ffffff);
$card-background-color: var(--ui-mediacentre-card-background-color, #ffffff);
$font-color: var(--ui-mediacentre-font-color, #000000);
$menu-title-background-color: var(--ui-mediacentre-menu-title-background-color, #ededed);
$category-hover-background-color: var(--ui-mediacentre-category-hover-background-color, #f3f3f3);
$category-active-background-color: var(--ui-mediacentre-category-active-background-color, #f8f8f8);
$vueform-option-selected-background: var(--recia-btn-primary-bg, #0d9eff);
$vueform-option-selected: var(--recia-btn-primary-color, #e4e4e4);
$background-color-menu: var(--recia-basic-grey, #f4f4f4);
Original file line number Diff line number Diff line change
Expand Up @@ -173,12 +173,6 @@ function toggleFavoris(): void {
overflow: hidden;
text-overflow: ellipsis;
}

.icone-info-carte-ressource-mediacentre {
width: 1.5em;
height: 1.5em;
color: $menu-title-background-color;
}
}
}

Expand All @@ -190,13 +184,22 @@ function toggleFavoris(): void {
height: fit-content;
width: fit-content;
padding: 0;
color: $menu-title-background-color;
color: gray;
cursor: pointer;
opacity: 0.5;
&:hover {
opacity: 1;
}

.icone-info-carte-ressource-mediacentre {
width: 1.5em;
height: 1.5em;
margin: 0.5em;
}
.icone-favorite-carte-ressource-mediacentre {
width: 1.8em;
height: 1.8em;

margin: 0.5em;
&.fav {
color: #ffaa46;
}
Expand Down
Loading
Loading