oip-common 0.2.1 → 0.3.1

package/assets/i18n/app-modules.en.json

@@ -1,23 +1,23 @@
-{
-  "app-modules": {
-    "title": "Modules",
-    "refreshTooltip": "Refresh",
-    "table": {
-      "moduleId": "Module ID",
-      "name": "Name",
-      "currentlyLoaded": "Currently Loaded",
-      "yes": "Yes",
-      "no": "No",
-      "deleteTooltip": "Delete"
-    },
-    "confirm": {
-      "header": "Warning",
-      "message": "Are you sure you want to delete the module?",
-      "cancel": "Cancel",
-      "delete": "Delete"
-    },
-    "messages": {
-      "deleteSuccess": "Module deleted"
-    }
-  }
-}
+{
+  "app-modules": {
+    "title": "Modules",
+    "refreshTooltip": "Refresh",
+    "table": {
+      "moduleId": "Module ID",
+      "name": "Name",
+      "currentlyLoaded": "Currently Loaded",
+      "yes": "Yes",
+      "no": "No",
+      "deleteTooltip": "Delete"
+    },
+    "confirm": {
+      "header": "Warning",
+      "message": "Are you sure you want to delete the module?",
+      "cancel": "Cancel",
+      "delete": "Delete"
+    },
+    "messages": {
+      "deleteSuccess": "Module deleted"
+    }
+  }
+}

package/assets/i18n/app-modules.ru.json

@@ -1,23 +1,23 @@
-{
-  "app-modules": {
-    "title": "Модули",
-    "refreshTooltip": "Обновить",
-    "table": {
-      "moduleId": "ID модуля",
-      "name": "Название",
-      "currentlyLoaded": "Загружен",
-      "yes": "Да",
-      "no": "Нет",
-      "deleteTooltip": "Удалить"
-    },
-    "confirm": {
-      "header": "Внимание",
-      "message": "Вы уверены, что хотите удалить модуль?",
-      "cancel": "Отмена",
-      "delete": "Удалить"
-    },
-    "messages": {
-      "deleteSuccess": "Модуль удален"
-    }
-  }
-}
+{
+  "app-modules": {
+    "title": "Модули",
+    "refreshTooltip": "Обновить",
+    "table": {
+      "moduleId": "ID модуля",
+      "name": "Название",
+      "currentlyLoaded": "Загружен",
+      "yes": "Да",
+      "no": "Нет",
+      "deleteTooltip": "Удалить"
+    },
+    "confirm": {
+      "header": "Внимание",
+      "message": "Вы уверены, что хотите удалить модуль?",
+      "cancel": "Отмена",
+      "delete": "Удалить"
+    },
+    "messages": {
+      "deleteSuccess": "Модуль удален"
+    }
+  }
+}

package/assets/i18n/en.json

@@ -79,8 +79,19 @@
   },
   "topbar": {
     "logout": "Logout",
+    "logoutConfirmHeader": "Logout",
+    "logoutConfirmMessage": "Are you sure you want to logout?",
+    "logoutConfirmCancel": "Cancel",
+    "logoutConfirmAccept": "Logout",
     "profile": "Profile"
   },
+  "userNotifications": {
+    "title": "Notifications",
+    "empty": "No unread notifications",
+    "refresh": "Refresh",
+    "markAsRead": "Read",
+    "markedAsRead": "Notification marked as read"
+  },
   "discussionComponent": {
     "writeCommentPlaceholder": "Write a comment. Use @email or @first.last for mentions.",
     "mentionSuggestions": "Mention suggestions",

package/assets/i18n/ru.json

@@ -79,8 +79,19 @@
   },
   "topbar": {
     "logout": "Выход",
+    "logoutConfirmHeader": "Выход",
+    "logoutConfirmMessage": "Вы уверены, что хотите выйти?",
+    "logoutConfirmCancel": "Отмена",
+    "logoutConfirmAccept": "Выйти",
     "profile": "Профиль"
   },
+  "userNotifications": {
+    "title": "Оповещения",
+    "empty": "Непрочитанных оповещений нет",
+    "refresh": "Обновить",
+    "markAsRead": "Прочитано",
+    "markedAsRead": "Оповещение отмечено прочитанным"
+  },
   "discussionComponent": {
     "writeCommentPlaceholder": "Напишите комментарий. Используйте @email или @first.last для упоминаний.",
     "mentionSuggestions": "Варианты упоминаний",

package/assets/layout/_menu.scss

@@ -1,159 +1,148 @@
-@use "./mixins" as *;
-
-.layout-sidebar {
-  position: fixed;
-  width: 21rem;
-  height: 100vh;
-  z-index: 996;
-  overflow-y: auto;
-  user-select: none;
-
-  transition:
-    transform var(--layout-section-transition-duration),
-    left var(--layout-section-transition-duration);
-  background-color: var(--surface-overlay);
-  border-radius: var(--content-border-radius);
-  padding: 4.5rem 1.5rem;
-}
-
-.layout-menu {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-
-  .layout-root-menuitem {
-    > .layout-menuitem-root-text {
-      font-size: 0.857rem;
-      text-transform: uppercase;
-      font-weight: 700;
-      color: var(--text-color);
-      margin: 0.75rem 0;
-    }
-
-    > a {
-      display: none;
-    }
-  }
-
-  a {
-    user-select: none;
-
-    &.active-menuitem {
-      > .layout-submenu-toggler {
-        transform: rotate(-180deg);
-      }
-    }
-  }
-
-  li.active-menuitem {
-    > a {
-      .layout-submenu-toggler {
-        transform: rotate(-180deg);
-      }
-    }
-  }
-
-  ul {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-
-    a {
-      display: flex;
-      align-items: center;
-      position: relative;
-      outline: 0 none;
-      color: var(--text-color);
-      cursor: pointer;
-      padding: 0.75rem 1rem;
-      border-radius: var(--content-border-radius);
-      transition:
-        background-color var(--element-transition-duration),
-        box-shadow var(--element-transition-duration);
-
-      .layout-menuitem-icon {
-        margin-right: 0.5rem;
-      }
-
-      .layout-submenu-toggler {
-        font-size: 75%;
-        margin-left: auto;
-        transition: transform var(--element-transition-duration);
-      }
-
-      &.active-route {
-        font-weight: 700;
-        color: var(--primary-color);
-      }
-
-      &:hover {
-        background-color: var(--surface-hover);
-      }
-
-      &:focus {
-        @include focused-inset();
-      }
-    }
-
-    ul {
-      overflow: hidden;
-      border-radius: var(--content-border-radius);
-
-      li {
-        a {
-          margin-left: 1rem;
-        }
-
-        li {
-          a {
-            margin-left: 2rem;
-          }
-
-          li {
-            a {
-              margin-left: 2.5rem;
-            }
-
-            li {
-              a {
-                margin-left: 3rem;
-              }
-
-              li {
-                a {
-                  margin-left: 3.5rem;
-                }
-
-                li {
-                  a {
-                    margin-left: 4rem;
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.layout-submenu-enter-from,
-.layout-submenu-leave-to {
-  max-height: 0;
-}
-
-.layout-submenu-enter-to,
-.layout-submenu-leave-from {
-  max-height: 1000px;
-}
-
-.layout-submenu-leave-active {
-  overflow: hidden;
-  transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
-}
-
-.layout-submenu-enter-active {
-  overflow: hidden;
-  transition: max-height 1s ease-in-out;
-}
+@use "./mixins" as *;
+
+.layout-sidebar {
+  position: fixed;
+  width: 21rem;
+  height: 100vh;
+  z-index: 996;
+  overflow-y: auto;
+  user-select: none;
+
+  transition:
+    transform var(--layout-section-transition-duration),
+    left var(--layout-section-transition-duration);
+  background-color: var(--surface-overlay);
+  border-radius: var(--content-border-radius);
+  padding: 4.5rem 1.5rem;
+}
+
+.layout-menu {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+
+  .layout-root-menuitem {
+    > .layout-menuitem-root-text {
+      font-size: 0.857rem;
+      text-transform: uppercase;
+      font-weight: 700;
+      color: var(--text-color);
+      margin: 0.75rem 0;
+    }
+
+    > a {
+      display: none;
+    }
+  }
+
+  a {
+    user-select: none;
+
+    &.active-menuitem {
+      > .layout-submenu-toggler {
+        transform: rotate(-180deg);
+      }
+    }
+  }
+
+  li.active-menuitem {
+    > a {
+      .layout-submenu-toggler {
+        transform: rotate(-180deg);
+      }
+    }
+  }
+
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+
+    a {
+      display: flex;
+      align-items: center;
+      position: relative;
+      outline: 0 none;
+      color: var(--text-color);
+      cursor: pointer;
+      padding: 0.75rem 1rem;
+      border-radius: var(--content-border-radius);
+      transition:
+        background-color var(--element-transition-duration),
+        box-shadow var(--element-transition-duration);
+
+      .layout-menuitem-icon {
+        margin-right: 0.5rem;
+      }
+
+      .layout-submenu-toggler {
+        font-size: 75%;
+        margin-left: auto;
+        transition: transform var(--element-transition-duration);
+      }
+
+      &.active-route {
+        font-weight: 700;
+        color: var(--primary-color);
+      }
+
+      &:hover {
+        background-color: var(--surface-hover);
+      }
+
+      &:focus {
+        @include focused-inset();
+      }
+    }
+
+    ul {
+      overflow: hidden;
+      border-radius: var(--content-border-radius);
+
+      &.layout-submenu {
+        max-height: 0;
+        transition: max-height 400ms cubic-bezier(0.86, 0, 0.07, 1);
+
+        &.layout-submenu-expanded {
+          max-height: 1000px;
+        }
+      }
+
+      li {
+        a {
+          margin-left: 1rem;
+        }
+
+        li {
+          a {
+            margin-left: 2rem;
+          }
+
+          li {
+            a {
+              margin-left: 2.5rem;
+            }
+
+            li {
+              a {
+                margin-left: 3rem;
+              }
+
+              li {
+                a {
+                  margin-left: 3.5rem;
+                }
+
+                li {
+                  a {
+                    margin-left: 4rem;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/assets/oip-common.scss

@@ -1,5 +1,6 @@
-/* You can add global styles to this file, and also import other style files */
-@use "./tailwind.css";
-@use "./layout/layout.scss";
-@use "primeicons/primeicons.css";
-@use "./demo/demo.scss";
+/* You can add global styles to this file, and also import other style files */
+@use "./tailwind.css";
+@use "./layout/layout.scss";
+@use "primeicons/primeicons.css";
+@use "@fortawesome/fontawesome-free/css/all.css";
+@use "./demo/demo.scss";