ode-csslib-openent-neoconnect 3.4.19 → 3.4.20-develop-integration-demo.202609031838

package/dist/css/_springboard-overrides.scss

@@ -0,0 +1 @@
+@import "styles/header-v2";

package/dist/css/styles/_header-v2.scss

@@ -0,0 +1,196 @@
+// Header v2 (uiOverrides['layout.header'] = 'v2') — neoconnect only.
+// Layers on top of the shared .header rules (scss/layouts/_header.scss),
+// which stay untouched so every other skin/override keeps the v1 look.
+
+.header-v2 .navbar {
+  background: $white !important;
+  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.06);
+  border-bottom: 2px solid;
+  border-image-slice: 1;
+  border-image-source: linear-gradient(67.55deg, #ffc403, #fc94ff);
+}
+
+// No logo on mobile — the brand link itself is hidden (not just the image)
+// so the nav-icons row can claim the full header width from the left edge.
+.header-v2 .navbar-brand {
+  display: none;
+}
+
+@media (min-width: 800px) {
+  .header-v2 .navbar-brand {
+    display: inline-block;
+  }
+
+  .header-v2 .navbar-brand .logo {
+    display: inline-block;
+    height: 20px;
+  }
+}
+
+.header-v2 .navbar .navbar-nav {
+  width: 100%;
+  gap: 0.8rem;
+  justify-content: space-between;
+  margin-right: 0 !important;
+}
+
+@media (min-width: 800px) {
+  .header-v2 .navbar .navbar-nav {
+    width: auto;
+    justify-content: flex-end;
+    margin-right: 0 !important;
+  }
+}
+
+.header-v2 .navbar .nav-link {
+  padding: 8px;
+  border-radius: 8px;
+  transition: background-color 0.2s ease-in-out;
+
+  &:hover {
+    border-bottom: none;
+    background-color: #f7f7f7;
+  }
+
+  &:active {
+    background-color: #f2f2f2;
+  }
+}
+
+// Popovers are centered by default (top-100 start-50 translate-middle-x) which
+// overflows the viewport when the trigger sits near the right edge of the
+// right-aligned nav — anchor to the trigger's right edge instead.
+.header-v2 .navbar .popover {
+  left: auto;
+  right: 0;
+  transform: none;
+}
+
+// .dropdown-item has no display override outside of the (irrelevant here)
+// mobile .dropdown-menu context, so it falls back to .nav-link's display:block
+// and its icon's display:block, stacking icon/text on separate lines.
+.header-v2 .popover-body .dropdown-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.header-v2 .navbar .nav-link .badge {
+  background-color: #dc0404 !important;
+  border-radius: 50rem;
+  right: -16px;
+}
+
+@media (min-width: 800px) {
+  .header-v2 .navbar .nav-link .badge {
+    right: -12px;
+  }
+}
+
+.header-v2 .avatar {
+  --ode-avatar-size: 24px;
+  --ode-avatar-svg-size: 18px;
+}
+
+@media (min-width: 800px) {
+  .header-v2 .avatar {
+    --ode-avatar-size: 32px;
+    --ode-avatar-svg-size: 24px;
+  }
+}
+
+.header-v2 .notification-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px;
+  border-radius: 8px;
+  background-color: transparent;
+  transition: background-color 0.2s ease-in-out;
+
+  &:hover {
+    background-color: #f7f7f7;
+  }
+
+  &:active {
+    background-color: #f2f2f2;
+  }
+}
+
+.header-v2 .notification-popover {
+  display: block;
+  opacity: 1;
+  width: 320px;
+  max-width: 320px;
+  padding: 16px;
+  border-radius: 16px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.18);
+
+  &::before {
+    content: none;
+  }
+
+  .popover-body {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    padding: 0;
+  }
+}
+
+.header-v2 .notification-popover-header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+}
+
+.header-v2 .notification-popover-title {
+  flex: 1 0 0;
+  margin: 0;
+  color: #383838;
+  font-size: 22px;
+  font-weight: 700;
+  line-height: 28px;
+}
+
+.header-v2 .notification-popover-illu {
+  display: block;
+  width: 64px;
+  height: 64px;
+  margin: 0 auto;
+}
+
+.header-v2 .notification-popover-text {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  color: #696969;
+  font-size: 16px;
+  line-height: 22px;
+
+  p {
+    margin: 0;
+  }
+}
+
+.header-v2 .notification-popover-actions {
+  display: flex;
+  justify-content: flex-end;
+  width: 100%;
+}
+
+.header-v2 .notification-popover-cta {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  color: #1c1c73;
+  font-size: 16px;
+  font-weight: 700;
+  text-decoration: none;
+  white-space: nowrap;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}

package/dist/i18n/Portal/fr.json

@@ -18,5 +18,9 @@
   "smartbanner.android.store": "Google Play",
   "smartbanner.android.uri": "https://play.google.com/store/apps/details?id=com.ode.neo",
   "smartbanner.ios.store": "App Store",
-  "smartbanner.ios.uri": "https://apps.apple.com/fr/app/neo-pocket/id1458097439"
+  "smartbanner.ios.uri": "https://apps.apple.com/fr/app/neo-pocket/id1458097439",
+  "notifications.unavailable.title": "Non accessible",
+  "notifications.unavailable.body1": "Nous modernisons progressivement votre ENT module par module. Les notifications seront disponibles lorsque cette page aura fait peau neuve.",
+  "notifications.unavailable.body2": "En attendant, pour consulter vos notifications, rendez-vous sur votre page d'accueil.",
+  "notifications.unavailable.cta": "Consulter sur la page d'accueil"
 }

package/dist/portal.html

@@ -111,14 +111,6 @@
               </svg>
             </button>
             <ul class="dropdown-menu dropdown-menu-end" id="dropdown-navbar" ng-class="{'show' : dropdownToggle}">
-              <li class="nav-item" data-community ng-if="me.hasWorkflow('net.atos.entng.community.controllers.CommunityController|view')">
-                <a class="nav-link dropdown-item" href="/community" i18n-title="navbar.community"
-                        ng-click="ctrl.trackEvent($event, {detail:{'open':'community'} })">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-hidden="true" class="icon community"><path fill="currentColor" d="M19.935 17.51c.725 0 1.348.264 1.868.792.52.529.78 1.162.78 1.898 0 .737-.26 1.37-.78 1.898-.52.529-1.135.793-1.844.793-.71 0-1.333-.264-1.869-.793a2.52 2.52 0 0 1-.78-1.922c0-.288.063-.6.19-.936l-3.997-2.931c-.773.8-1.703 1.2-2.79 1.2-1.089 0-2.019-.392-2.791-1.176-.773-.785-1.167-1.738-1.183-2.86 0-.143.024-.352.071-.624l-3.168-1.057a1.248 1.248 0 0 1-.852.337c-.378 0-.693-.129-.946-.385a1.315 1.315 0 0 1-.378-.96c0-.385.126-.698.378-.938.253-.24.568-.368.946-.384.316 0 .584.104.804.312.221.208.37.457.45.745l3.192 1.08a3.798 3.798 0 0 1 1.443-1.56 3.839 3.839 0 0 1 2.033-.577c.82 0 1.577.248 2.27.745l4.706-4.781c-.252-.48-.378-.921-.378-1.321 0-.737.26-1.37.78-1.898.52-.529 1.143-.793 1.869-.793.725 0 1.34.264 1.844.793.505.528.765 1.16.78 1.898a2.417 2.417 0 0 1-.78 1.873c-.536.513-1.159.777-1.868.793-.41 0-.844-.136-1.3-.408l-4.707 4.804c.49.705.733 1.474.733 2.307 0 .592-.134 1.177-.402 1.753l3.997 2.907c.52-.416 1.08-.624 1.679-.624Z"></path></svg>
-                        
-                        <span class="nav-text"><i18n>navbar.community</i18n></span>
-                </a>
-              </li>
               <li class="nav-item" data-community ng-if="me.hasWorkflow('community.access')">
                 <a class="nav-link dropdown-item" href="/communities" i18n-title="navbar.community"
                         ng-click="ctrl.trackEvent($event, {detail:{'open':'communities'} })">