oip-common 0.2.2 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/i18n/en.json +11 -0
- package/assets/i18n/ru.json +11 -0
- package/assets/layout/_menu.scss +148 -159
- package/assets/oip-common.scss +6 -5
- package/fesm2022/oip-common.mjs +1432 -1014
- package/fesm2022/oip-common.mjs.map +1 -1
- package/index.d.ts +281 -274
- package/package.json +4 -1
- package/scripts/generate-api.mjs +3 -1
- package/templates/http-client.ejs +25 -13
package/assets/i18n/en.json
CHANGED
|
@@ -79,8 +79,19 @@
|
|
|
79
79
|
},
|
|
80
80
|
"topbar": {
|
|
81
81
|
"logout": "Logout",
|
|
82
|
+
"logoutConfirmHeader": "Logout",
|
|
83
|
+
"logoutConfirmMessage": "Are you sure you want to logout?",
|
|
84
|
+
"logoutConfirmCancel": "Cancel",
|
|
85
|
+
"logoutConfirmAccept": "Logout",
|
|
82
86
|
"profile": "Profile"
|
|
83
87
|
},
|
|
88
|
+
"userNotifications": {
|
|
89
|
+
"title": "Notifications",
|
|
90
|
+
"empty": "No unread notifications",
|
|
91
|
+
"refresh": "Refresh",
|
|
92
|
+
"markAsRead": "Read",
|
|
93
|
+
"markedAsRead": "Notification marked as read"
|
|
94
|
+
},
|
|
84
95
|
"discussionComponent": {
|
|
85
96
|
"writeCommentPlaceholder": "Write a comment. Use @email or @first.last for mentions.",
|
|
86
97
|
"mentionSuggestions": "Mention suggestions",
|
package/assets/i18n/ru.json
CHANGED
|
@@ -79,8 +79,19 @@
|
|
|
79
79
|
},
|
|
80
80
|
"topbar": {
|
|
81
81
|
"logout": "Выход",
|
|
82
|
+
"logoutConfirmHeader": "Выход",
|
|
83
|
+
"logoutConfirmMessage": "Вы уверены, что хотите выйти?",
|
|
84
|
+
"logoutConfirmCancel": "Отмена",
|
|
85
|
+
"logoutConfirmAccept": "Выйти",
|
|
82
86
|
"profile": "Профиль"
|
|
83
87
|
},
|
|
88
|
+
"userNotifications": {
|
|
89
|
+
"title": "Оповещения",
|
|
90
|
+
"empty": "Непрочитанных оповещений нет",
|
|
91
|
+
"refresh": "Обновить",
|
|
92
|
+
"markAsRead": "Прочитано",
|
|
93
|
+
"markedAsRead": "Оповещение отмечено прочитанным"
|
|
94
|
+
},
|
|
84
95
|
"discussionComponent": {
|
|
85
96
|
"writeCommentPlaceholder": "Напишите комментарий. Используйте @email или @first.last для упоминаний.",
|
|
86
97
|
"mentionSuggestions": "Варианты упоминаний",
|
package/assets/layout/_menu.scss
CHANGED
|
@@ -1,159 +1,148 @@
|
|
|
1
|
-
@use "./mixins" as *;
|
|
2
|
-
|
|
3
|
-
.layout-sidebar {
|
|
4
|
-
position: fixed;
|
|
5
|
-
width: 21rem;
|
|
6
|
-
height: 100vh;
|
|
7
|
-
z-index: 996;
|
|
8
|
-
overflow-y: auto;
|
|
9
|
-
user-select: none;
|
|
10
|
-
|
|
11
|
-
transition:
|
|
12
|
-
transform var(--layout-section-transition-duration),
|
|
13
|
-
left var(--layout-section-transition-duration);
|
|
14
|
-
background-color: var(--surface-overlay);
|
|
15
|
-
border-radius: var(--content-border-radius);
|
|
16
|
-
padding: 4.5rem 1.5rem;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.layout-menu {
|
|
20
|
-
margin: 0;
|
|
21
|
-
padding: 0;
|
|
22
|
-
list-style-type: none;
|
|
23
|
-
|
|
24
|
-
.layout-root-menuitem {
|
|
25
|
-
> .layout-menuitem-root-text {
|
|
26
|
-
font-size: 0.857rem;
|
|
27
|
-
text-transform: uppercase;
|
|
28
|
-
font-weight: 700;
|
|
29
|
-
color: var(--text-color);
|
|
30
|
-
margin: 0.75rem 0;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
> a {
|
|
34
|
-
display: none;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
a {
|
|
39
|
-
user-select: none;
|
|
40
|
-
|
|
41
|
-
&.active-menuitem {
|
|
42
|
-
> .layout-submenu-toggler {
|
|
43
|
-
transform: rotate(-180deg);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
li.active-menuitem {
|
|
49
|
-
> a {
|
|
50
|
-
.layout-submenu-toggler {
|
|
51
|
-
transform: rotate(-180deg);
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
ul {
|
|
57
|
-
margin: 0;
|
|
58
|
-
padding: 0;
|
|
59
|
-
list-style-type: none;
|
|
60
|
-
|
|
61
|
-
a {
|
|
62
|
-
display: flex;
|
|
63
|
-
align-items: center;
|
|
64
|
-
position: relative;
|
|
65
|
-
outline: 0 none;
|
|
66
|
-
color: var(--text-color);
|
|
67
|
-
cursor: pointer;
|
|
68
|
-
padding: 0.75rem 1rem;
|
|
69
|
-
border-radius: var(--content-border-radius);
|
|
70
|
-
transition:
|
|
71
|
-
background-color var(--element-transition-duration),
|
|
72
|
-
box-shadow var(--element-transition-duration);
|
|
73
|
-
|
|
74
|
-
.layout-menuitem-icon {
|
|
75
|
-
margin-right: 0.5rem;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.layout-submenu-toggler {
|
|
79
|
-
font-size: 75%;
|
|
80
|
-
margin-left: auto;
|
|
81
|
-
transition: transform var(--element-transition-duration);
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
&.active-route {
|
|
85
|
-
font-weight: 700;
|
|
86
|
-
color: var(--primary-color);
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
&:hover {
|
|
90
|
-
background-color: var(--surface-hover);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
&:focus {
|
|
94
|
-
@include focused-inset();
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
ul {
|
|
99
|
-
overflow: hidden;
|
|
100
|
-
border-radius: var(--content-border-radius);
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.layout-submenu-leave-active {
|
|
152
|
-
overflow: hidden;
|
|
153
|
-
transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.layout-submenu-enter-active {
|
|
157
|
-
overflow: hidden;
|
|
158
|
-
transition: max-height 1s ease-in-out;
|
|
159
|
-
}
|
|
1
|
+
@use "./mixins" as *;
|
|
2
|
+
|
|
3
|
+
.layout-sidebar {
|
|
4
|
+
position: fixed;
|
|
5
|
+
width: 21rem;
|
|
6
|
+
height: 100vh;
|
|
7
|
+
z-index: 996;
|
|
8
|
+
overflow-y: auto;
|
|
9
|
+
user-select: none;
|
|
10
|
+
|
|
11
|
+
transition:
|
|
12
|
+
transform var(--layout-section-transition-duration),
|
|
13
|
+
left var(--layout-section-transition-duration);
|
|
14
|
+
background-color: var(--surface-overlay);
|
|
15
|
+
border-radius: var(--content-border-radius);
|
|
16
|
+
padding: 4.5rem 1.5rem;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.layout-menu {
|
|
20
|
+
margin: 0;
|
|
21
|
+
padding: 0;
|
|
22
|
+
list-style-type: none;
|
|
23
|
+
|
|
24
|
+
.layout-root-menuitem {
|
|
25
|
+
> .layout-menuitem-root-text {
|
|
26
|
+
font-size: 0.857rem;
|
|
27
|
+
text-transform: uppercase;
|
|
28
|
+
font-weight: 700;
|
|
29
|
+
color: var(--text-color);
|
|
30
|
+
margin: 0.75rem 0;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
> a {
|
|
34
|
+
display: none;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
a {
|
|
39
|
+
user-select: none;
|
|
40
|
+
|
|
41
|
+
&.active-menuitem {
|
|
42
|
+
> .layout-submenu-toggler {
|
|
43
|
+
transform: rotate(-180deg);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
li.active-menuitem {
|
|
49
|
+
> a {
|
|
50
|
+
.layout-submenu-toggler {
|
|
51
|
+
transform: rotate(-180deg);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
ul {
|
|
57
|
+
margin: 0;
|
|
58
|
+
padding: 0;
|
|
59
|
+
list-style-type: none;
|
|
60
|
+
|
|
61
|
+
a {
|
|
62
|
+
display: flex;
|
|
63
|
+
align-items: center;
|
|
64
|
+
position: relative;
|
|
65
|
+
outline: 0 none;
|
|
66
|
+
color: var(--text-color);
|
|
67
|
+
cursor: pointer;
|
|
68
|
+
padding: 0.75rem 1rem;
|
|
69
|
+
border-radius: var(--content-border-radius);
|
|
70
|
+
transition:
|
|
71
|
+
background-color var(--element-transition-duration),
|
|
72
|
+
box-shadow var(--element-transition-duration);
|
|
73
|
+
|
|
74
|
+
.layout-menuitem-icon {
|
|
75
|
+
margin-right: 0.5rem;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.layout-submenu-toggler {
|
|
79
|
+
font-size: 75%;
|
|
80
|
+
margin-left: auto;
|
|
81
|
+
transition: transform var(--element-transition-duration);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
&.active-route {
|
|
85
|
+
font-weight: 700;
|
|
86
|
+
color: var(--primary-color);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
&:hover {
|
|
90
|
+
background-color: var(--surface-hover);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
&:focus {
|
|
94
|
+
@include focused-inset();
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
ul {
|
|
99
|
+
overflow: hidden;
|
|
100
|
+
border-radius: var(--content-border-radius);
|
|
101
|
+
|
|
102
|
+
&.layout-submenu {
|
|
103
|
+
max-height: 0;
|
|
104
|
+
transition: max-height 400ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
105
|
+
|
|
106
|
+
&.layout-submenu-expanded {
|
|
107
|
+
max-height: 1000px;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
li {
|
|
112
|
+
a {
|
|
113
|
+
margin-left: 1rem;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
li {
|
|
117
|
+
a {
|
|
118
|
+
margin-left: 2rem;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
li {
|
|
122
|
+
a {
|
|
123
|
+
margin-left: 2.5rem;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
li {
|
|
127
|
+
a {
|
|
128
|
+
margin-left: 3rem;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
li {
|
|
132
|
+
a {
|
|
133
|
+
margin-left: 3.5rem;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
li {
|
|
137
|
+
a {
|
|
138
|
+
margin-left: 4rem;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
}
|
package/assets/oip-common.scss
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
/* You can add global styles to this file, and also import other style files */
|
|
2
|
-
@use "./tailwind.css";
|
|
3
|
-
@use "./layout/layout.scss";
|
|
4
|
-
@use "primeicons/primeicons.css";
|
|
5
|
-
@use "
|
|
1
|
+
/* You can add global styles to this file, and also import other style files */
|
|
2
|
+
@use "./tailwind.css";
|
|
3
|
+
@use "./layout/layout.scss";
|
|
4
|
+
@use "primeicons/primeicons.css";
|
|
5
|
+
@use "@fortawesome/fontawesome-free/css/all.css";
|
|
6
|
+
@use "./demo/demo.scss";
|