Browse Source

[Monitor Dashboard]: Remove dashboard-theme folder. Remove cleanlibrary. Add gitignore. Add gitmodules

master
kostis30fyllou 5 months ago
parent
commit
26d31191af
  1. 4
      .gitignore
  2. 9
      .gitmodules
  3. 3
      clean-library.sh
  4. 1
      package.json
  5. 1
      src/app/openaireLibrary
  6. 1
      src/assets/common-assets
  7. 1
      src/assets/dashboard-theme
  8. 23
      src/assets/dashboard-theme/button.css
  9. 47
      src/assets/dashboard-theme/card.css
  10. 32
      src/assets/dashboard-theme/dropdowns.css
  11. 14
      src/assets/dashboard-theme/input.css
  12. 10
      src/assets/dashboard-theme/main.css
  13. 3
      src/assets/dashboard-theme/notification.css
  14. 20
      src/assets/dashboard-theme/sortable.css
  15. 262
      src/assets/dashboard-theme/structure.css
  16. 86
      src/assets/dashboard-theme/tabs-pills.css
  17. 64
      src/assets/dashboard-theme/text.css
  18. 9
      src/assets/dashboard-theme/variables.css

4
.gitignore

@ -0,0 +1,4 @@
node_modules/
dist/
.idea/
package-lock.json

9
.gitmodules

@ -0,0 +1,9 @@
[submodule "src/app/openaireLibrary"]
path = src/app/openaireLibrary
url = gitea@code-repo.d4science.org:MaDgIK/openaire-library.git
[submodule "src/assets/common-assets"]
path = src/assets/common-assets
url = gitea@code-repo.d4science.org:MaDgIK/openaire-assets.git
[submodule "src/assets/dashboard-theme"]
path = src/assets/dashboard-theme
url = gitea@code-repo.d4science.org:MaDgIK/dashboard-theme.git

3
clean-library.sh

@ -1,3 +0,0 @@
cd src/app/openaireLibrary
cd ../../../
echo "Done"

1
package.json

@ -17,7 +17,6 @@
"build:ssr-beta": "npm run build-beta && ng run monitor-dashboard:server:beta",
"build:ssr-prod": "npm run build-prod && ng run monitor-dashboard:server:production",
"prerender": "ng run monitor-dashboard:prerender",
"postinstall": "chmod +x clean-library.sh && ./clean-library.sh",
"after-build-clean": "rm -rf dist/monitor-dashboard/browser/assets/common-assets/.svn/ src/app/openaireLibrary/.svn node_modules src/assets/common-assets/.svn/"
},
"private": true,

1
src/app/openaireLibrary

@ -0,0 +1 @@
Subproject commit 410643a682b184f96982bb228657a16769c622ff

1
src/assets/common-assets

@ -0,0 +1 @@
Subproject commit 2f572df5783cb32cc84969b75939e45ffce3b424

1
src/assets/dashboard-theme

@ -0,0 +1 @@
Subproject commit 3e966ab23829756c256c266a2201042785f83963

23
src/assets/dashboard-theme/button.css

@ -1,23 +0,0 @@
.uk-button {
font-weight: 700;
}
.uk-button:not(.uk-button-link) {
text-transform: none;
font-size: 13px;
}
.uk-button.uk-button-default:enabled {
border-color: #B5B5B5;
color: currentColor;
background-color: #FFFFFF;
}
.uk-button.uk-button-default:hover:enabled {
background-color: #FFFFFF;
border-color: currentColor;
}
div[search-input] .search {
font-size: var(--xs-font-size) !important;
}

47
src/assets/dashboard-theme/card.css

@ -1,47 +0,0 @@
.uk-card.uk-card-default {
color: currentColor !important;
background-color: #FFFFFF;
box-shadow: 0 3px 6px #0000001A;
}
.uk-card-body {
padding: 19px 25px;
}
.uk-card-body .uk-card-title {
font-size: var(--font-size);
font-family: "Roboto", sans-serif;
font-weight: 700;
color: var(--muted-color) !important;
}
.uk-card-body a.uk-card-title:hover, .uk-card-body a.uk-card-title:active, .uk-card-body a.uk-card-title:focus {
color: var(--secondary-color) !important;
}
.uk-card .uk-button.action {
color: var(--muted-color);
}
.uk-card-header {
background-color: #F2F2F2;
color: rgba(var(--text-color-rgb), 0.8);
box-shadow: 0 3px 6px #00000029;
padding: 10px 20px;
font-family: "Roboto", sans-serif;
z-index: 1;
position: relative;
}
.uk-card-header .title {
color: rgba(var(--text-color-rgb), 0.5);
}
.uk-card-header th {
color: #7A7A7A;
font-weight: bold;
}
.uk-card .title {
color: rgb(var(--text-color-rgb), 0.5) !important;
}

32
src/assets/dashboard-theme/dropdowns.css

@ -1,32 +0,0 @@
.uk-dropdown {
background-color: white;
min-width: 150px;
padding: 10px 0;
text-align: left;
}
.sidebar_main_swipe.sidebar_mini #sidebar_content .uk-dropdown {
min-width: auto;
}
.uk-dropdown > ul {
padding: 0 !important;
}
.uk-dropdown-nav > li > a, .uk-dropdown-nav > li:hover > a {
padding: 3px 10px;
color: var(--text-color);
font-weight: 400 !important;
font-size: var(--xs-font-size);
font-family: "Open Sans", sans-serif;
}
.uk-dropdown-nav > li:hover {
background-color: rgba(var(--secondary-color-rgb), 0.3);
}
.uk-dropdown .uk-nav-divider {
margin: 3px 10px;
border-color: var(--secondary-color);
}

14
src/assets/dashboard-theme/input.css

@ -1,14 +0,0 @@
.uk-form-label, .input-box .mat-select {
font-size: var(--font-size);
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}

10
src/assets/dashboard-theme/main.css

@ -1,10 +0,0 @@
@import "variables.css";
@import "text.css";
@import "structure.css";
@import "input.css";
@import "dropdowns.css";
@import "tabs-pills.css";
@import "card.css";
@import "button.css";
@import "sortable.css";
@import "notification.css";

3
src/assets/dashboard-theme/notification.css

@ -1,3 +0,0 @@
.uk-notification-message {
font-size: var(--small-font-size);
}

20
src/assets/dashboard-theme/sortable.css

@ -1,20 +0,0 @@
.dashboard .uk-sortable > * {
cursor: move;
}
.dashboard .uk-sortable-drag .uk-card.uk-card-hover {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.dashboard .uk-sortable-drag {
overflow: unset !important;
}
.uk-drag .dashboard .disable-sortable {
pointer-events: none;
}
.dashboard .uk-sortable .uk-sortable-nodrag {
cursor: default;
}

262
src/assets/dashboard-theme/structure.css

@ -1,262 +0,0 @@
:root {
--sidebar-width: 230px;
--sidebar-mini-width: 130px;
--sidebar-font-size: 14px;
--header-height: 100px;
--background-color: #F9FBFC;
}
#sidebar_main .badge {
height: 59px;
position: absolute;
top: 0;
left: -5px;
z-index: 1;
background-color: transparent;
display: block !important;
}
#sidebar_main .sidebar_main_header .logo {
margin-left: 35px;
margin-top: 25px;
margin-right: 10px;
height: 50px;
position: relative;
}
.sidebar_mini #sidebar_main .sidebar_main_header .logo {
margin-right: 15px;
margin-left: 15px;
}
#sidebar_main .sidebar_main_header .logo > img {
height: 100%;
}
#sidebar_main .sidebar_main_header .logo > .logo-label {
font-size: var(--xs-font-size);
color: var(--text-color);
}
#sidebar_main #sidebar_content {
width: var(--sidebar-width);
position: fixed;
height: 100%;
top: 0;
bottom: 0;
left: 0;
z-index: 981;
background: #fff;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition-property: width;
}
.sidebar_main_swipe.sidebar_mini #sidebar_switcher_toggle {
left: var(--sidebar-mini-width);
}
.sidebar_main_swipe #sidebar_switcher_toggle {
left: var(--sidebar-width);
}
#sidebar_main .menu_section {
min-height: 30vh;
padding: 0 10px;
}
#sidebar_main .menu_section ul:not(.uk-dropdown-nav) > li, #sidebar_main .special_section ul:not(.uk-dropdown-nav) > li {
padding: 5px 0;
}
#sidebar_main .menu_section ul:not(.uk-dropdown-nav) > li > *,
#sidebar_main .special_section ul:not(.uk-dropdown-nav) > li > a {
font-size: var(--sidebar-font-size);
}
#sidebar_main .menu_section ul:not(.uk-dropdown-nav) > li > a,
#sidebar_main .special_section ul:not(.uk-dropdown-nav) > li > a {
display: block;
color: rgba(var(--text-color-rgb), 0.8);
}
#sidebar_main .menu_section ul:not(.uk-dropdown-nav) > li:hover > a, #sidebar_main .special_section ul:not(.uk-dropdown-nav) > li:hover > a {
color: var(--secondary-color);
}
#sidebar_main .menu_section ul:not(.uk-dropdown-nav) li.uk-active > a, #sidebar_main .special_section ul:not(.uk-dropdown-nav) > li.uk-active > a {
color: var(--primary-color);
font-weight: 700;
}
#sidebar_switcher_toggle {
top: 50%;
color: var(--secondary-color);
transform: translateY(-50%);
position: fixed;
background: #ffffff;
border: 1px solid var(--text-color);
border-left: 0;
cursor: pointer;
padding: 0 4px;
width: 10px;
height: 66px;
z-index: 981;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition-property: left;
}
.sidebar_main_swipe #page_content,
.sidebar_main_swipe openaire-user > user > *,
.sidebar_main_swipe openaire-error > * {
padding-left: var(--sidebar-width);
padding-top: var(--header-height);
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
.sidebar_main_swipe #page_content .message {
padding-left: calc(var(--sidebar-width) - 100px);
padding-right: 20px;
text-align: center;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
.sidebar_main_swipe bottom > * {
padding-left: var(--sidebar-width);
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
/*Sidebar close*/
.sidebar_main_swipe:not(.sidebar_main_active):not(.sidebar_mini) #page_content,
.sidebar_main_swipe:not(.sidebar_main_active):not(.sidebar_mini) openaire-user > user > *,
.sidebar_main_swipe:not(.sidebar_main_active):not(.sidebar_mini) openaire-error > *,
.sidebar_main_swipe:not(.sidebar_main_active):not(.sidebar_mini) bottom > *{
padding-left: 0;
}
.sidebar_main_swipe:not(.sidebar_main_active):not(.sidebar_mini) #sidebar_main #sidebar_content {
display: none;
width: 0;
}
/*Sidebar mini*/
.sidebar_main_swipe.sidebar_mini #page_content,
.sidebar_main_swipe.sidebar_mini openaire-user > user > *,
.sidebar_main_swipe.sidebar_mini openaire-error > *,
.sidebar_main_swipe.sidebar_mini bottom > * {
padding-left: var(--sidebar-mini-width);
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
.sidebar_mini #sidebar_main #sidebar_content {
width: var(--sidebar-mini-width);
}
#sidebar_main #sidebar_content {
border-right: 1px solid var(--text-color);
}
#page_content {
min-height: calc(100vh - var(--header-height));
background-color: var(--background-color);
position: relative;
}
#page_content .message {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
#page_content_header {
position: fixed;
background: var(--background-color);
top: var(--header-height);
left: var(--sidebar-width);
right: 0;
z-index: 980;
padding: 0 90px;
transition-property: width;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
.sidebar_mini #page_content_header {
left: var(--sidebar-mini-width);
}
#page_content_inner {
padding: 50px 90px 90px;
}
@media only screen and (max-width: 639px){
:root {
--sidebar-mini-width: 100px;
}
#page_content_inner {
padding: 50px 45px 90px;
}
#page_content_header {
padding: 0 45px;
}
.sidebar_mini #page_content_header {
width: calc(100vw - var(--sidebar-mini-width) - 90px);
}
.sidebar_main_swipe #page_content .message {
padding-left: var(--sidebar-mini-width);
padding-right: 0;
}
}
.uk-navbar-center:not(:only-child) {
max-width: 50%;
text-align: center;
padding-left: calc(var(--sidebar-mini-width)/2);
}
navbar > *, openaire-error > *, openaire-user> user > *, .fs-modal {
background-color: var(--background-color) !important;
}
.tm-header .uk-navbar-container {
background-color: var(--background-color) !important;
box-shadow: none !important;
}
#notifications .uk-offcanvas-bar {
top: var(--header-height) !important;
}
#notifications-switcher #notifications-count {
background-color: var(--secondary-color);
}

86
src/assets/dashboard-theme/tabs-pills.css

@ -1,86 +0,0 @@
@media only screen and (max-width: 959px) {
.uk-subnav-pill, .uk-tab {
flex-wrap: nowrap;
overflow-x: auto;
}
}
.uk-subnav-pill > * > a, .uk-subnav-pill > * > span > a {
color: currentColor !important;
opacity: 0.8;
border-radius: 40px !important;
border: 1px solid currentColor !important;
padding: 6px 18px !important;
line-height: 18px;
}
.uk-subnav-pill > * > :first-child {
text-transform: none;
font-size: var(--sidebar-font-size);
color: var(--text-color);
}
.uk-subnav-pill > li {
margin-bottom: 10px;
}
.uk-subnav-pill > li > a:hover, .uk-subnav-pill > li > span > a:hover {
border-color: var(--secondary-color);
color: var(--secondary-color) !important;
background-color: var(--contrast-color);
opacity: 1;
}
.uk-subnav-pill > li.uk-active > a, .uk-subnav-pill > li.uk-active > span > a {
opacity: 1;
border-color: var(--primary-color) !important;
color: var(--contrast-color) !important;
background-color: var(--primary-color);
font-weight: bold;
}
.uk-tab > li > a {
color: rgb(var(--text-color-rgb), 0.8) !important;
font-family: "Open Sans", sans-serif !important;
text-transform: capitalize;
}
.uk-tab > li > * {
font-size: var(--small-font-size);
}
.uk-tab > li:hover > a {
color: var(--secondary-color) !important;
}
.uk-tab > li.uk-active > a {
color: var(--primary-color) !important;
font-weight: 700;
}
.customTabs.uk-tab > li > a, .customTabs.uk-tab > li.uk-active > a,.customTabs.uk-tab > li > a:focus, .customTabs.uk-tab > li > a:hover {
border: 0 transparent !important;
}
.uk-tab.customTabs::before {
border-bottom: none !important;
}
.customTabs.uk-tab.admin > li.uk-active > a .title {
border-bottom: 3px solid var(--portal-main-color);
margin-left: 3px;
}
.uk-subnav-pill.subCategoriesTabs.admin > li.uk-active > a{
border: 1px solid var(--primary-color);
background-color: var(--primary-color);
}
.uk-subnav[visibility=true], .uk-tab[visibility=true] {
margin-left: -50px;
}
.uk-subnav[visibility=true] > li:not(:first-child):not(:last-child) > :first-child,
.uk-tab[visibility=true] > li:not(:first-child):not(:last-child) {
padding-left: 0;
}

64
src/assets/dashboard-theme/text.css

@ -1,64 +0,0 @@
:root {
--font-size: 16px;
--text-color: #1A1A1A;
--text-color-rgb: 26,26,26;
--muted-color: #4D4D4D;
--xs-font-size: 12px;
--small-font-size: 14px;
--large-font-size: 18px;
}
body {
color: var(--text-color);
font-size: var(--font-size);
font-family: "Open Sans", sans-serif;
}
.landing, new-search-page, search-all {
font-size: var(--small-font-size);
}
.landing .uk-text-small, new-search-page .uk-text-small, search-all .uk-text-small, .mat-chip .uk-text-small {
font-size: var(--xs-font-size);
}
.color {
color: var(--text-color) !important;
}
.uk-text-small, .uk-text-small .mat-option {
font-size: var(--small-font-size);
}
.uk-text-large {
font-size: var(--large-font-size);
}
.uk-text-muted {
color: var(--muted-color) !important;
}
.uk-logo {
font-family: "Roboto", sans-serif;
font-size: 24px;
color: var(--text-color);
}
@media only screen and (max-width: 639px) {
:root {
--font-size: 14px;
--small-font-size: 12px;
}
.uk-logo {
font-size: 18px;
}
}
#notifications .uk-offcanvas-bar .uk-text-primary {
color: var(--theme-primary-color) !important;
}
#notifications .uk-offcanvas-bar .uk-text-secondary {
color: var(--theme-secondary-color) !important;
}

9
src/assets/dashboard-theme/variables.css

@ -1,9 +0,0 @@
:root {
--portal-main-color: var(--monitor-portal-color);
--portal-main-contrast: white;
--portal-dark-color: var(--monitor-portal-lower-tone);
--primary-color: var(--theme-primary-color);
--secondary-color: var(--theme-secondary-color);
--primary-color-rgb: var(--theme-primary-color-rgb);
--secondary-color-rgb: var(--theme-secondary-color-rgb);
}
Loading…
Cancel
Save