Optimizing rendering
This commit is contained in:
sairaj mote
parent
0eccc4ffe4
commit
87460fa000
165
css/main.css
165
css/main.css
@ -60,6 +60,10 @@ a:where([class]):focus-visible {
|
||||
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1) inset;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
button,
|
||||
.button {
|
||||
position: relative;
|
||||
@ -394,6 +398,18 @@ ul {
|
||||
.nav-list__item--active .icon {
|
||||
fill: var(--accent-color);
|
||||
}
|
||||
.nav-list__item--active .icon--outlined {
|
||||
display: none;
|
||||
}
|
||||
.nav-list__item--active .icon--filled {
|
||||
display: inline-block;
|
||||
}
|
||||
.nav-list__item:not(.nav-list__item--active) .icon--outlined {
|
||||
display: inline-block;
|
||||
}
|
||||
.nav-list__item:not(.nav-list__item--active) .icon--filled {
|
||||
display: none;
|
||||
}
|
||||
.nav-list__item .icon {
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
@ -424,6 +440,7 @@ ul {
|
||||
right: 0;
|
||||
place-content: center;
|
||||
background-color: var(--foreground-color);
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
#sign_in_form {
|
||||
@ -540,27 +557,6 @@ ul {
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.no-transformations {
|
||||
-webkit-transform: none !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.no-bottom-margin {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.top-margin {
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
|
||||
.spacer {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -583,19 +579,6 @@ ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.active {
|
||||
opacity: 1 !important;
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
.active svg {
|
||||
fill: var(--accent-color);
|
||||
}
|
||||
|
||||
.svg-margin-right svg {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.project-card {
|
||||
padding: 1rem;
|
||||
font-weight: 500;
|
||||
@ -657,27 +640,6 @@ ul {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
#intern_updates .container-header {
|
||||
padding: 0 1rem;
|
||||
border-bottom: 1px solid rgba(var(--text-color), 0.1);
|
||||
}
|
||||
#intern_updates .container-header button {
|
||||
padding: 1rem 0;
|
||||
border-bottom: 0.2rem solid transparent;
|
||||
border-radius: 0;
|
||||
opacity: 0.7;
|
||||
}
|
||||
#intern_updates .container-header button:first-of-type {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
#intern_updates .container-header button:last-of-type {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
#intern_updates .container-header .active {
|
||||
color: rgba(var(--text-color), 1);
|
||||
border-bottom: 0.2rem solid var(--accent-color);
|
||||
}
|
||||
|
||||
#updates_page sm-select {
|
||||
--max-height: 50vh;
|
||||
}
|
||||
@ -834,8 +796,8 @@ ul {
|
||||
.task-description {
|
||||
grid-area: description;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
||||
@ -881,8 +843,11 @@ ul {
|
||||
padding: 0.8rem 1.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
#task_context li .icon {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
@ -922,34 +887,6 @@ ul {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background: var(--foreground-color);
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
border-bottom: 1px solid rgba(var(--text-color), 0.1);
|
||||
align-items: center;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.header svg {
|
||||
fill: none;
|
||||
stroke: rgba(var(--text-color), 0.8);
|
||||
stroke-width: 6;
|
||||
overflow: visible;
|
||||
height: 2rem;
|
||||
width: 2rem;
|
||||
cursor: pointer;
|
||||
padding: 0.4rem;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.header h3 {
|
||||
padding: 0 0.5rem;
|
||||
display: inline-flexbox;
|
||||
}
|
||||
|
||||
#loading_page {
|
||||
display: grid;
|
||||
position: fixed;
|
||||
@ -1071,7 +1008,7 @@ ul {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-self: end;
|
||||
padding: 0.7rem 1rem;
|
||||
padding: 0.6rem 1rem;
|
||||
border-radius: 2rem;
|
||||
transform: translateY(1.5rem);
|
||||
background-color: var(--foreground-color);
|
||||
@ -1093,6 +1030,9 @@ ul {
|
||||
fill: var(--accent-color);
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
.fab-actions__item-name {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.fab {
|
||||
position: relative;
|
||||
@ -1104,7 +1044,7 @@ ul {
|
||||
width: 3.2rem;
|
||||
border-radius: 50%;
|
||||
background-color: var(--accent-color);
|
||||
box-shadow: 0 0.5rem 0.8remrgba 0, 0, 0, 0.3;
|
||||
box-shadow: 0 0.5rem 0.8rem rgba(0, 0, 0, 0.3);
|
||||
transition: transform 0.3s;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
@ -1143,12 +1083,14 @@ ul {
|
||||
gap: 1rem;
|
||||
margin-top: 1rem;
|
||||
align-content: flex-start;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
|
||||
.task-card {
|
||||
display: grid;
|
||||
padding: 1rem;
|
||||
border-radius: 0.5rem;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
background-color: var(--foreground-color);
|
||||
}
|
||||
|
||||
@ -1177,6 +1119,8 @@ ul {
|
||||
}
|
||||
|
||||
.task__description {
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
white-space: pre-line;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
@ -1199,6 +1143,7 @@ ul {
|
||||
#admin_page__left sm-tab-header {
|
||||
--gap: 0;
|
||||
--justify-content: stretch;
|
||||
background-color: var(--foreground-color);
|
||||
border-bottom: 1px solid rgba(var(--text-color), 0.2);
|
||||
}
|
||||
#admin_page__left sm-tab {
|
||||
@ -1228,6 +1173,11 @@ ul {
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.search__icon {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 640px) {
|
||||
.hide-on-mobile,
|
||||
.hide-page-on-mobile {
|
||||
@ -1244,7 +1194,7 @@ ul {
|
||||
}
|
||||
|
||||
.popup__header {
|
||||
padding: 1.5rem 1.5rem 0 0.5rem;
|
||||
padding: 1.5rem 1.5rem 0 0.75rem;
|
||||
}
|
||||
|
||||
#main_nav {
|
||||
@ -1297,6 +1247,8 @@ ul {
|
||||
}
|
||||
|
||||
#admin_page {
|
||||
padding: 1rem;
|
||||
gap: 1rem;
|
||||
grid-template-columns: 18rem minmax(0, 1fr);
|
||||
grid-template-rows: 1fr;
|
||||
}
|
||||
@ -1329,13 +1281,13 @@ ul {
|
||||
overflow-y: auto;
|
||||
padding-bottom: 1.5rem;
|
||||
border-right: 1px solid rgba(var(--text-color), 0.06);
|
||||
background-color: rgba(var(--text-color), 0.06);
|
||||
background-color: rgba(var(--background-color), 1);
|
||||
}
|
||||
|
||||
#project_explorer #left h4 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
color: #29B6F6;
|
||||
color: var(--accent-color);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
@ -1351,7 +1303,7 @@ ul {
|
||||
}
|
||||
|
||||
#post_update_popup {
|
||||
--width: 32rem;
|
||||
--width: 28rem;
|
||||
}
|
||||
|
||||
#updates_page {
|
||||
@ -1425,36 +1377,17 @@ ul {
|
||||
background: linear-gradient(rgba(var(--text-color), 0.06), rgba(var(--text-color), 0.06)), var(--foreground-color);
|
||||
}
|
||||
|
||||
.send-update-button {
|
||||
.send-update-button,
|
||||
.task-option,
|
||||
.apply-button {
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
|
||||
.task-card:hover .send-update-button {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.task-option {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.task-list-item:hover .task-option,
|
||||
.task-option:focus-within {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.apply-btn {
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
|
||||
.task:hover .apply-btn {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (any-hover: none) {
|
||||
.task-option,
|
||||
.apply-btn {
|
||||
.task-option:focus-within,
|
||||
.task:hover .apply-button,
|
||||
.task-card:hover .send-update-button {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
176
css/main.scss
176
css/main.scss
@ -66,6 +66,9 @@ a:where([class]) {
|
||||
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1) inset;
|
||||
}
|
||||
}
|
||||
a{
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
button,
|
||||
.button {
|
||||
@ -410,6 +413,20 @@ ul {
|
||||
.icon {
|
||||
fill: var(--accent-color);
|
||||
}
|
||||
.icon--outlined{
|
||||
display: none;
|
||||
}
|
||||
.icon--filled{
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
&:not(.nav-list__item--active) {
|
||||
.icon--outlined{
|
||||
display: inline-block;
|
||||
}
|
||||
.icon--filled{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
@ -443,6 +460,7 @@ ul {
|
||||
right: 0;
|
||||
place-content: center;
|
||||
background-color: var(--foreground-color);
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
#sign_in_form {
|
||||
@ -560,28 +578,6 @@ ul {
|
||||
padding-bottom: 5rem;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.no-transformations {
|
||||
-webkit-transform: none !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.no-bottom-margin {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.top-margin {
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
|
||||
.spacer {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -604,19 +600,6 @@ ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.active {
|
||||
opacity: 1 !important;
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
.active svg {
|
||||
fill: var(--accent-color);
|
||||
}
|
||||
|
||||
.svg-margin-right svg {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.project-card {
|
||||
padding: 1rem;
|
||||
font-weight: 500;
|
||||
@ -677,30 +660,6 @@ ul {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
|
||||
#intern_updates{
|
||||
.container-header {
|
||||
padding: 0 1rem;
|
||||
border-bottom: 1px solid rgba(var(--text-color), 0.1);
|
||||
}
|
||||
.container-header button {
|
||||
padding: 1rem 0;
|
||||
border-bottom: 0.2rem solid transparent;
|
||||
border-radius: 0;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.container-header button:first-of-type {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.container-header button:last-of-type {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.container-header .active {
|
||||
color: rgba(var(--text-color), 1);
|
||||
border-bottom: 0.2rem solid var(--accent-color);
|
||||
}
|
||||
}
|
||||
|
||||
#updates_page{
|
||||
sm-select{
|
||||
--max-height: 50vh;
|
||||
@ -862,8 +821,8 @@ ul {
|
||||
.task-description{
|
||||
grid-area: description;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
||||
@ -909,8 +868,10 @@ ul {
|
||||
padding: 0.8rem 1.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
font-size: 0.9rem;
|
||||
.icon {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
@ -953,35 +914,6 @@ ul {
|
||||
width: 60vw;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background: var(--foreground-color);
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
border-bottom: 1px solid rgba(var(--text-color), 0.1);
|
||||
align-items: center;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.header svg {
|
||||
fill: none;
|
||||
stroke: rgba(var(--text-color), 0.8);
|
||||
stroke-width: 6;
|
||||
overflow: visible;
|
||||
height: 2rem;
|
||||
width: 2rem;
|
||||
cursor: pointer;
|
||||
padding: 0.4rem;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.header h3 {
|
||||
padding: 0 0.5rem;
|
||||
display: inline-flexbox;
|
||||
}
|
||||
|
||||
#loading_page {
|
||||
display: grid;
|
||||
position: fixed;
|
||||
@ -1108,7 +1040,7 @@ ul {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-self: end;
|
||||
padding: 0.7rem 1rem;
|
||||
padding: 0.6rem 1rem;
|
||||
border-radius: 2rem;
|
||||
transform: translateY(1.5rem);
|
||||
background-color: var(--foreground-color);
|
||||
@ -1130,6 +1062,9 @@ ul {
|
||||
fill: var(--accent-color);
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
&-name{
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
.fab{
|
||||
position: relative;
|
||||
@ -1141,7 +1076,7 @@ ul {
|
||||
width: 3.2rem;
|
||||
border-radius: 50%;
|
||||
background-color: var(--accent-color);
|
||||
box-shadow: 0 0.5rem 0.8remrgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 0.5rem 0.8rem rgba(0, 0, 0, 0.3);
|
||||
transition: transform 0.3s;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
&:active{
|
||||
@ -1182,12 +1117,14 @@ ul {
|
||||
gap: 1rem;
|
||||
margin-top: 1rem;
|
||||
align-content: flex-start;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
|
||||
.task-card {
|
||||
display: grid;
|
||||
padding: 1rem;
|
||||
border-radius: 0.5rem;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
background-color: var(--foreground-color);
|
||||
}
|
||||
|
||||
@ -1216,6 +1153,8 @@ ul {
|
||||
}
|
||||
|
||||
.task__description {
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
white-space: pre-line;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
@ -1238,6 +1177,7 @@ ul {
|
||||
sm-tab-header{
|
||||
--gap: 0;
|
||||
--justify-content: stretch;
|
||||
background-color: var(--foreground-color);
|
||||
border-bottom: 1px solid rgba(var(--text-color), 0.2);
|
||||
}
|
||||
sm-tab{
|
||||
@ -1266,7 +1206,10 @@ ul {
|
||||
#update_filters_wrapper{
|
||||
gap: 1.5rem;
|
||||
}
|
||||
//
|
||||
.search__icon{
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 640px) {
|
||||
.hide-on-mobile,
|
||||
@ -1284,7 +1227,7 @@ ul {
|
||||
}
|
||||
|
||||
.popup__header {
|
||||
padding: 1.5rem 1.5rem 0 0.5rem;
|
||||
padding: 1.5rem 1.5rem 0 0.75rem;
|
||||
}
|
||||
|
||||
#main_nav {
|
||||
@ -1342,6 +1285,8 @@ ul {
|
||||
}
|
||||
|
||||
#admin_page {
|
||||
padding: 1rem;
|
||||
gap: 1rem;
|
||||
grid-template-columns: 18rem minmax(0, 1fr);
|
||||
grid-template-rows: 1fr;
|
||||
}
|
||||
@ -1371,13 +1316,13 @@ ul {
|
||||
overflow-y: auto;
|
||||
padding-bottom: 1.5rem;
|
||||
border-right: 1px solid rgba(var(--text-color), 0.06);
|
||||
background-color: rgba(var(--text-color), 0.06);
|
||||
background-color: rgba(var(--background-color), 1);
|
||||
}
|
||||
|
||||
#project_explorer #left h4 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
color: #29B6F6;
|
||||
color: var(--accent-color);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
@ -1386,18 +1331,13 @@ ul {
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
|
||||
// Newer styles
|
||||
|
||||
#main_page {
|
||||
// gap: 0 1.5rem;
|
||||
grid-template-columns: 4rem minmax(0, 1fr);
|
||||
grid-template-areas: 'main-header main-header''main-nav sub-pages';
|
||||
}
|
||||
|
||||
#post_update_popup{
|
||||
--width: 32rem;
|
||||
--width: 28rem;
|
||||
}
|
||||
#updates_page{
|
||||
height: 100%;
|
||||
@ -1472,37 +1412,21 @@ ul {
|
||||
background: linear-gradient(rgba(var(--text-color), 0.06), rgba(var(--text-color), 0.06)), var(--foreground-color);
|
||||
}
|
||||
|
||||
.send-update-button {
|
||||
.send-update-button,
|
||||
.task-option,
|
||||
.apply-button {
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
|
||||
.task-card:hover {
|
||||
.send-update-button {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.task-option {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
.task-list-item:hover .task-option,
|
||||
.task-option:focus-within {
|
||||
opacity: 1;
|
||||
}
|
||||
.apply-btn {
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
.task:hover .apply-btn {
|
||||
.task-option:focus-within,
|
||||
.task:hover .apply-button,
|
||||
.task-card:hover .send-update-button {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@media (any-hover: none) {
|
||||
|
||||
.task-option,
|
||||
.apply-btn {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
172
new.html
172
new.html
@ -61,25 +61,24 @@
|
||||
<h2>Sign In</h2>
|
||||
<p>Welcome to RIBC.</p>
|
||||
<sm-form id="sign_in_form" class="grid gap-1">
|
||||
<sm-input id="private_key_input" placeholder="Private key" type="password" error-text="Wrong private key"
|
||||
<sm-input id="private_key_input" placeholder="Private key" type="password" error-text="Private key is invalid"
|
||||
data-private-key required></sm-input>
|
||||
<sm-button id="sign_in_btn" variant="primary" disabled>Sign in</sm-button>
|
||||
</sm-form>
|
||||
<p>
|
||||
Don't have a private key? get it <a href="https://flo-webwallet.duckdns.org/" target="_blank">here</a>
|
||||
<br> or you can sign as guest.
|
||||
<br> or
|
||||
</p>
|
||||
<sm-button id="guest_btn" title="sign in as a guest">
|
||||
as guest
|
||||
Sign in as guest
|
||||
</sm-button>
|
||||
</article>
|
||||
<main id="main_page" class="grid">
|
||||
<header id="main_header" class="hide-on-desktop">
|
||||
<div id="logo" class="logo svg-margin-right">
|
||||
<header id="main_header" class="hide-on-desktop space-between">
|
||||
<div id="logo" class="logo">
|
||||
<svg class="icon rm-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.46,21.32C20,19.78,18.6,18.59,15.3,17a12.67,12.67,0,0,1-2.64-1.56,4.27,4.27,0,0,1-.79-1,2.6,2.6,0,0,1,0-1.41c.24-.68.49-1,2.43-2.85a7.18,7.18,0,0,0,2.09-2.92,4.25,4.25,0,0,0,0-1.77,6.52,6.52,0,0,0-2.85-3.11c-.56-.36-.81-.4-.81-.15a2.33,2.33,0,0,1-.18.45L12.4,3l-.53-.36c-.28-.21-.64-.41-.77-.49s-.46-.11-.46,0a6.21,6.21,0,0,1-.37.83s-.08,0-.17-.08c-1.15-.83-1.64-1-1.64-.73A7.33,7.33,0,0,1,7.7,3.65C6.48,5.68,5.24,6.7,4,6.7c-.56,0-.54,0-.37.64s.2.58.68.43a3.37,3.37,0,0,0,1.09-.54.86.86,0,0,1,.3-.17,1.34,1.34,0,0,1,.13.39.79.79,0,0,0,.17.4A3.5,3.5,0,0,0,7.37,7.3L7.8,7l.09.34c.12.45.19.51.62.39a4.25,4.25,0,0,0,2.17-1.54l.38-.45,0,.39A5.92,5.92,0,0,1,8.89,9.54L7.67,10.71c-2,1.93-1.89,3.51.37,5a27.41,27.41,0,0,0,2.89,1.51c.17.07.62.32,1,.54C14,19,15,20.23,15,21.48a2,2,0,0,0,0,.49h0c0,.05,0,.05.56-.1a1.89,1.89,0,0,0,.53-.21,2.41,2.41,0,0,0-.34-1.15,7.05,7.05,0,0,0-1.68-1.77,21.91,21.91,0,0,0-3.2-1.83A9.53,9.53,0,0,1,8.16,15.2a2.18,2.18,0,0,1-.74-1.55C7.42,12.79,7.86,12,9,11c1.77-1.64,2.45-2.45,2.92-3.55a2.28,2.28,0,0,0,.26-1.26A2,2,0,0,0,12,5.06l-.2-.45L12,4.3l.28-.49.09-.18L12.6,4a3.69,3.69,0,0,1,.61,1.76A3.47,3.47,0,0,1,12.94,7l-.09.25s-.21.37-.41.69A17.78,17.78,0,0,1,9.91,10.6c-1.07,1-1.43,1.62-1.47,2.47a2.05,2.05,0,0,0,.7,1.73,10.47,10.47,0,0,0,3.28,2.08c2.28,1.13,3.26,1.81,4,2.73a2.94,2.94,0,0,1,.74,1.75,1.26,1.26,0,0,0,.09.57.48.48,0,0,0,.26,0l.51-.13.29-.08,0-.28c-.13-1-1-2-2.47-3a25.52,25.52,0,0,0-3.26-1.77,8.59,8.59,0,0,1-2.23-1.43,2.09,2.09,0,0,1-.5-2.62c.26-.53.5-.83,2.35-2.6,1.51-1.45,2.15-2.58,2.15-3.79A3.67,3.67,0,0,0,13,3.48a3,3,0,0,1-.4-.42A1.85,1.85,0,0,1,13,2.33a6.74,6.74,0,0,1,1.83,1.73,2.62,2.62,0,0,1,.47,1.68,3,3,0,0,1-.55,1.84c-.45.78-.79,1.14-2.67,2.93a5.56,5.56,0,0,0-1.3,1.64,1.77,1.77,0,0,0-.21,1,1.76,1.76,0,0,0,.19.92,6.28,6.28,0,0,0,2.9,2.34,21.6,21.6,0,0,1,3.66,2c1.35,1,2,2,2,3a1.06,1.06,0,0,0,.05.47,2.83,2.83,0,0,0,1-.24C20.56,21.68,20.56,21.66,20.46,21.32ZM7.29,6.4h0a2.23,2.23,0,0,1-.9.28L6,6.72l.43-.53a15.22,15.22,0,0,0,1.89-3,3.52,3.52,0,0,1,.38-.67c.07-.08.49.2,1,.64l.39.35L9.66,4A6.7,6.7,0,0,1,7.29,6.4Zm3.58-1.11A5.8,5.8,0,0,1,9.25,6.51h0a3.3,3.3,0,0,1-.74.17l-.35,0,.39-.49a15.64,15.64,0,0,0,1.32-2,4.63,4.63,0,0,1,.28-.49c.06-.08.33.26.57.77l.28.57Zm1-1.4a1.63,1.63,0,0,1-.28.4A6.63,6.63,0,0,1,11,3.72l-.53-.56.12-.29c.2-.49.24-.51.64-.19a5.57,5.57,0,0,1,.85.78A2.78,2.78,0,0,1,11.87,3.89Z"/></svg>
|
||||
<h4>RIBC</h4>
|
||||
</div>
|
||||
<div class="spacer"></div>
|
||||
<theme-toggle></theme-toggle>
|
||||
</header>
|
||||
<nav id="main_nav">
|
||||
@ -89,42 +88,42 @@
|
||||
</div>
|
||||
<a id="dashboard_btn" href="#dashboard_page" class="nav-list__item nav-list__item--active interact"
|
||||
title="open dashboard page">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<svg class="icon icon--outlined" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<path fill="none" d="M0 0h24v24H0z" />
|
||||
<path
|
||||
d="M13 21V11h8v10h-8zM3 13V3h8v10H3zm6-2V5H5v6h4zM3 21v-6h8v6H3zm2-2h4v-2H5v2zm10 0h4v-6h-4v6zM13 3h8v6h-8V3zm2 2v2h4V5h-4z" />
|
||||
</svg>
|
||||
<svg class="icon icon--filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z"/></svg>
|
||||
<span class="nav-list__item_title">
|
||||
Dashboard
|
||||
</span>
|
||||
</a>
|
||||
<a id="update_panel_btn" href="#updates_page" class="nav-list__item interact" title="show updates">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<path fill="none" d="M0 0h24v24H0z" />
|
||||
<path
|
||||
d="M18 10a6 6 0 1 0-12 0v8h12v-8zm2 8.667l.4.533a.5.5 0 0 1-.4.8H4a.5.5 0 0 1-.4-.8l.4-.533V10a8 8 0 1 1 16 0v8.667zM9.5 21h5a2.5 2.5 0 1 1-5 0z" />
|
||||
</svg>
|
||||
<svg class="icon icon--outlined" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M20 17h2v2H2v-2h2v-7a8 8 0 1 1 16 0v7zm-2 0v-7a6 6 0 1 0-12 0v7h12zm-9 4h6v2H9v-2z"/></svg>
|
||||
<svg class="icon icon--filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M20 17h2v2H2v-2h2v-7a8 8 0 1 1 16 0v7zM9 21h6v2H9v-2z"/></svg>
|
||||
<span class="nav-list__item_title">
|
||||
Updates
|
||||
</span>
|
||||
</a>
|
||||
<a id="admin_page_btn" href="#admin_page" class="admin-options nav-list__item interact"
|
||||
title="open admin panel">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<svg class="icon icon--outlined" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<path fill="none" d="M0 0h24v24H0z" />
|
||||
<path
|
||||
d="M12 14v2a6 6 0 0 0-6 6H4a8 8 0 0 1 8-8zm0-1c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm2.595 7.812a3.51 3.51 0 0 1 0-1.623l-.992-.573 1-1.732.992.573A3.496 3.496 0 0 1 17 14.645V13.5h2v1.145c.532.158 1.012.44 1.405.812l.992-.573 1 1.732-.992.573a3.51 3.51 0 0 1 0 1.622l.992.573-1 1.732-.992-.573a3.496 3.496 0 0 1-1.405.812V22.5h-2v-1.145a3.496 3.496 0 0 1-1.405-.812l-.992.573-1-1.732.992-.572zM18 19.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
|
||||
</svg>
|
||||
<svg class="icon icon--filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 14v8H4a8 8 0 0 1 8-8zm0-1c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm2.595 5.812a3.51 3.51 0 0 1 0-1.623l-.992-.573 1-1.732.992.573A3.496 3.496 0 0 1 17 14.645V13.5h2v1.145c.532.158 1.012.44 1.405.812l.992-.573 1 1.732-.992.573a3.51 3.51 0 0 1 0 1.622l.992.573-1 1.732-.992-.573a3.496 3.496 0 0 1-1.405.812V22.5h-2v-1.145a3.496 3.496 0 0 1-1.405-.812l-.992.573-1-1.732.992-.572zM18 17a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/></svg>
|
||||
<span class="nav-list__item_title">
|
||||
Manage
|
||||
</span>
|
||||
</a>
|
||||
<a id="settings_btn" href="#settings_page" class="nav-list__item interact" title="open settings page">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<svg class="icon icon--outlined" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<path fill="none" d="M0 0h24v24H0z" />
|
||||
<path
|
||||
d="M2 12c0-.865.11-1.703.316-2.504A3 3 0 0 0 4.99 4.867a9.99 9.99 0 0 1 4.335-2.505 3 3 0 0 0 5.348 0 9.99 9.99 0 0 1 4.335 2.505 3 3 0 0 0 2.675 4.63c.206.8.316 1.638.316 2.503 0 .865-.11 1.703-.316 2.504a3 3 0 0 0-2.675 4.629 9.99 9.99 0 0 1-4.335 2.505 3 3 0 0 0-5.348 0 9.99 9.99 0 0 1-4.335-2.505 3 3 0 0 0-2.675-4.63C2.11 13.704 2 12.866 2 12zm4.804 3c.63 1.091.81 2.346.564 3.524.408.29.842.541 1.297.75A4.993 4.993 0 0 1 12 18c1.26 0 2.438.471 3.335 1.274.455-.209.889-.46 1.297-.75A4.993 4.993 0 0 1 17.196 15a4.993 4.993 0 0 1 2.77-2.25 8.126 8.126 0 0 0 0-1.5A4.993 4.993 0 0 1 17.195 9a4.993 4.993 0 0 1-.564-3.524 7.989 7.989 0 0 0-1.297-.75A4.993 4.993 0 0 1 12 6a4.993 4.993 0 0 1-3.335-1.274 7.99 7.99 0 0 0-1.297.75A4.993 4.993 0 0 1 6.804 9a4.993 4.993 0 0 1-2.77 2.25 8.126 8.126 0 0 0 0 1.5A4.993 4.993 0 0 1 6.805 15zM12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
|
||||
</svg>
|
||||
<svg class="icon icon--filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M5.334 4.545a9.99 9.99 0 0 1 3.542-2.048A3.993 3.993 0 0 0 12 3.999a3.993 3.993 0 0 0 3.124-1.502 9.99 9.99 0 0 1 3.542 2.048 3.993 3.993 0 0 0 .262 3.454 3.993 3.993 0 0 0 2.863 1.955 10.043 10.043 0 0 1 0 4.09c-1.16.178-2.23.86-2.863 1.955a3.993 3.993 0 0 0-.262 3.455 9.99 9.99 0 0 1-3.542 2.047A3.993 3.993 0 0 0 12 20a3.993 3.993 0 0 0-3.124 1.502 9.99 9.99 0 0 1-3.542-2.047 3.993 3.993 0 0 0-.262-3.455 3.993 3.993 0 0 0-2.863-1.954 10.043 10.043 0 0 1 0-4.091 3.993 3.993 0 0 0 2.863-1.955 3.993 3.993 0 0 0 .262-3.454zM13.5 14.597a3 3 0 1 0-3-5.196 3 3 0 0 0 3 5.196z"/></svg>
|
||||
<span class="nav-list__item_title">
|
||||
Settings
|
||||
</span>
|
||||
@ -192,9 +191,9 @@
|
||||
<section class="grid gap-0-5">
|
||||
<h2 id="username" class="capitalize"></h2>
|
||||
<sm-copy id="user_flo_id"></sm-copy>
|
||||
<sm-button id="logout" variant="primary" class="svg-margin-right justify-self-start"
|
||||
<sm-button id="logout" variant="primary" class="justify-self-start"
|
||||
onclick="logout()">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<path fill="none" d="M0 0h24v24H0z" />
|
||||
<path
|
||||
d="M4 18h2v2h12V4H6v2H4V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3zm2-7h7v2H6v3l-5-4 5-4v3z" />
|
||||
@ -212,10 +211,12 @@
|
||||
</sm-tab-header>
|
||||
<sm-tab-panels id="admin_tabs">
|
||||
<section id="projects_container">
|
||||
<div id="projects" class="list-container"></div>
|
||||
<div id="admin_page__project_list" class="list-container observe-empty-state"></div>
|
||||
<h4 class="empty-state">No project added</h4>
|
||||
</section>
|
||||
<section id="interns_container">
|
||||
<div id="interns" class="list-container"></div>
|
||||
<ul id="admin_page__intern_list" class="list-container observe-empty-state"></ul>
|
||||
<h4 class="empty-state">No interns added</h4>
|
||||
</section>
|
||||
<section>
|
||||
<ul id="requests_list" class="list-container observe-empty-state"></ul>
|
||||
@ -229,7 +230,7 @@
|
||||
<div id="branch_container"></div>
|
||||
<h4>Tasks</h4>
|
||||
<ul id="task_list" class="grid gap-1"></ul>
|
||||
<sm-button id="add_task" class="svg-margin-right" title="show element to add new task"
|
||||
<sm-button id="add_task" title="show element to add new task"
|
||||
onclick="addPlaceholderTask()">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<path fill="none" d="M0 0h24v24H0z" />
|
||||
@ -295,9 +296,6 @@
|
||||
</section>
|
||||
</section>
|
||||
<section id="updates_page" class="page hide-completely">
|
||||
<!-- <sm-input id="updates_page__search" placeholder="Search interns, projects">
|
||||
<svg class="icon" slot="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>
|
||||
</sm-input> -->
|
||||
<section id="update_filters_wrapper" class="grid">
|
||||
<h4>Filter</h4>
|
||||
<div class="grid gap-0-5">
|
||||
@ -316,8 +314,14 @@
|
||||
</section>
|
||||
</section>
|
||||
<section id="all_interns_page" class="page hide-completely">
|
||||
<h2>Interns</h2>
|
||||
<ul id="all_interns_list" class="grid"></ul>
|
||||
<div class="flex space-between align-center">
|
||||
<h2>Interns</h2>
|
||||
<sm-input id="interns_page__search" placeholder="Search">
|
||||
<svg class="icon search__icon" slot="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>
|
||||
</sm-input>
|
||||
</div>
|
||||
<ul id="all_interns_list" class="grid observe-empty-state"></ul>
|
||||
<h4 class="empty-state">No intern found</h4>
|
||||
</section>
|
||||
<section id="project_explorer" class="page hide-completely">
|
||||
<div id="left" class="list-container">
|
||||
@ -380,25 +384,8 @@
|
||||
d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z" />
|
||||
</svg>
|
||||
</sm-input>
|
||||
<ul id="interns_list_container"></ul>
|
||||
</sm-popup>
|
||||
|
||||
<sm-popup id="project_info">
|
||||
<div class="left">
|
||||
<div class="container-header">
|
||||
<h3>Information</h4>
|
||||
</div>
|
||||
<span>Project name</span>
|
||||
<span>Points</span>
|
||||
<span>Description</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="container-header">
|
||||
<h3>Tasks</h3>
|
||||
</div>
|
||||
<div id="tasks_container">
|
||||
</div>
|
||||
</div>
|
||||
<ul id="interns_list_container" class="observe-empty-state"></ul>
|
||||
<h4 class="empty-state">No intern found</h4>
|
||||
</sm-popup>
|
||||
|
||||
<sm-popup id="add_project_popup">
|
||||
@ -485,7 +472,7 @@
|
||||
<h5 id="update_of_project"></h5>
|
||||
<h3 id="update_of_task"></h3>
|
||||
<sm-form>
|
||||
<sm-textarea id="update_description" placeholder="Type the update" required></sm-textarea>
|
||||
<sm-textarea id="update_description" placeholder="Type the update" rows="4" required></sm-textarea>
|
||||
<sm-button id="post_update_btn" title="post this update" variant="primary" disabled>
|
||||
<svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
|
||||
height="24">
|
||||
@ -618,7 +605,7 @@
|
||||
<template id="intern_card_template">
|
||||
<li class="intern-card grid align-center interact">
|
||||
<div class="intern-card__initials"></div>
|
||||
<h4 class="intern-card__name capitalize"></h4>
|
||||
<div class="intern-card__name capitalize"></div>
|
||||
<div class="intern-card__score-wrapper flex align-center">
|
||||
<h4 class="intern-card__score"></h4>
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928z"/></svg>
|
||||
@ -632,7 +619,7 @@
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="apply-container flex space-between">
|
||||
<div class="apply-container flex space-between align-start">
|
||||
<h4 class="timeline-task__title capitalize"></h4>
|
||||
</div>
|
||||
<div class="assigned-interns"></div>
|
||||
@ -10276,7 +10263,7 @@
|
||||
}
|
||||
break;
|
||||
case 'all_interns_page':
|
||||
// renderAllInterns()
|
||||
renderAllInterns()
|
||||
break;
|
||||
case 'project_explorer':
|
||||
if(params){
|
||||
@ -10299,6 +10286,9 @@
|
||||
}
|
||||
break;
|
||||
}
|
||||
if(pageId !== 'all_interns_page'){
|
||||
getRef('all_interns_list').innerHTML = ''
|
||||
}
|
||||
getRef(pageId).classList.remove('hide-completely')
|
||||
lastPage = pageId
|
||||
}
|
||||
@ -10357,7 +10347,7 @@
|
||||
card.querySelector('.timeline-task__description').textContent = taskDescription;
|
||||
return card;
|
||||
},
|
||||
internCard(internName, internFLOID, internPoints, container) {
|
||||
internCard(internName, internFLOID, internPoints) {
|
||||
// creates cards containing intern information
|
||||
const card = getRef('intern_card_template').content.cloneNode(true)
|
||||
setAttributes(card.firstElementChild, { 'data-intern-id': internFLOID, 'title': 'Intern Information' })
|
||||
@ -10533,7 +10523,7 @@
|
||||
let internName = getRef('intern_name_field').value.trim(),
|
||||
internFLOID = getRef('intern_flo_id_field').value.trim();
|
||||
if (RIBC.manage.addIntern(internFLOID, internName)) {
|
||||
getRef('interns').append(render.internCard(internName, internFLOID, '1', 'interns'))
|
||||
getRef('admin_page__intern_list').append(render.internCard(internName, internFLOID, '1'))
|
||||
hidePopup();
|
||||
notify(`${internName} added as an intern.`, 'success')
|
||||
}
|
||||
@ -10553,7 +10543,7 @@
|
||||
const projectCode = `${new Date().getFullYear()}_project_${RIBC.getProjectList() ? ( RIBC.getProjectList().length + 1) : '1'}`;
|
||||
RIBC.manage.createProject(projectCode)
|
||||
RIBC.manage.addProjectDetails(projectCode, { projectName, projectDescription })
|
||||
getRef('projects').prepend(render.projectCard(projectName, projectCode, true))
|
||||
getRef('admin_page__project_list').prepend(render.projectCard(projectName, projectCode, true))
|
||||
hidePopup();
|
||||
}
|
||||
|
||||
@ -10595,7 +10585,7 @@
|
||||
currentTask = '',
|
||||
lastProject;
|
||||
function editProjectInfo(projectId) {
|
||||
const allProjects = getRef('projects').querySelectorAll('.project-card');
|
||||
const allProjects = getRef('admin_page__project_list').querySelectorAll('.project-card');
|
||||
const branchList = document.querySelectorAll('.branch-btn');
|
||||
const frag = document.createDocumentFragment();
|
||||
Array.from(allProjects).find(project => project.classList.contains('project-card--active'))?.classList.remove('project-card--active')
|
||||
@ -10790,13 +10780,9 @@
|
||||
RIBC.manage.unassignInternFromTask(currentProject, currentBranch, currentTask)
|
||||
}
|
||||
|
||||
function populateIntens() {
|
||||
allInternsList = RIBC.getInternList();
|
||||
for (intern in allInternsList) {
|
||||
frag.append(render.internCard(allInternsList[intern], intern, RIBC.getInternRating(intern)))
|
||||
}
|
||||
function renderAllInterns() {
|
||||
getRef('all_interns_list').innerHTML = ''
|
||||
getRef('all_interns_list').append(frag)
|
||||
getRef('all_interns_list').append(filterInterns(''))
|
||||
}
|
||||
|
||||
function changeScore(scoreUpdate) {
|
||||
@ -11105,7 +11091,7 @@
|
||||
if (event.target.closest('.intern-card'))
|
||||
showInternInfo(event.target.closest('.intern-card'))
|
||||
})
|
||||
document.getElementById('interns').addEventListener('click', (event) => {
|
||||
document.getElementById('admin_page__intern_list').addEventListener('click', (event) => {
|
||||
if (event.target.closest('.intern-card'))
|
||||
showInternInfo(event.target.closest('.intern-card'))
|
||||
})
|
||||
@ -11146,15 +11132,18 @@
|
||||
}
|
||||
newInternList.sort((a, b) => a[2] - b[2]);
|
||||
|
||||
getRef('watch_project_btn').classList.remove('hide-completely')
|
||||
|
||||
// Intern's view
|
||||
|
||||
let assignedProjectsList = [], x;
|
||||
if (Object.keys(allInternsList).includes(myFloID) && !floGlobals.subAdmins.includes(myFloID)) {
|
||||
if (allInternsList[myFloID] && !floGlobals.subAdmins.includes(myFloID)) {
|
||||
typeOfUser = 'intern';
|
||||
document.querySelectorAll('.intern-option').forEach((option) => {
|
||||
option.classList.remove('hide-completely')
|
||||
})
|
||||
document.getElementById('status_map_container').classList.add('hide-completely')
|
||||
getRef('watch_project_btn').classList.add('hide-completely')
|
||||
|
||||
// store all the projects assinged to interns in array
|
||||
for (let i = 0; i < allProjectsList.length; i++) {
|
||||
@ -11278,20 +11267,17 @@
|
||||
})
|
||||
|
||||
//show interns
|
||||
document.getElementById('interns').innerHTML = ``;
|
||||
for (intern in allInternsList) {
|
||||
frag.appendChild(render.internCard(allInternsList[intern], intern, RIBC.getInternRating(intern), 'interns'))
|
||||
}
|
||||
document.getElementById('interns').appendChild(frag)
|
||||
getRef('admin_page__intern_list').innerHTML = ``;
|
||||
getRef('admin_page__intern_list').append(filterInterns(''))
|
||||
|
||||
//show project
|
||||
document.getElementById('projects').innerHTML = ``;
|
||||
getRef('admin_page__project_list').innerHTML = ``;
|
||||
for (let project in allProjectsList) {
|
||||
const projectCode = allProjectsList[project]
|
||||
const projectName = RIBC.getProjectDetails(projectCode).projectName
|
||||
frag.append(render.projectCard(projectName, projectCode, true))
|
||||
frag.prepend(render.projectCard(projectName, projectCode, true))
|
||||
}
|
||||
document.getElementById('projects').appendChild(frag)
|
||||
getRef('admin_page__project_list').append(frag)
|
||||
}
|
||||
else {
|
||||
document.querySelectorAll('.admin-options').forEach((option) => {
|
||||
@ -11324,26 +11310,12 @@
|
||||
|
||||
if (localStorage.getItem('watchList') === null)
|
||||
localStorage.setItem('watchList', JSON.stringify(watchList))
|
||||
|
||||
populateIntens()
|
||||
document.getElementById('branch_container').addEventListener('click', (event) => {
|
||||
if (event.target.closest('.branch-btn')) {
|
||||
showTasksOfBranch(event.target.closest('.branch-btn'), 'project_editing_panel', 'task_list')
|
||||
}
|
||||
})
|
||||
|
||||
const searchInterns = debounce((e) => {
|
||||
const searchKey = e.target.value.trim()
|
||||
const allInterns = RIBC.getInternList()
|
||||
for (const intern in allInterns) {
|
||||
if(allInternsList[intern].toLowerCase().includes(searchKey.toLowerCase()))
|
||||
frag.append(render.internCard(allInternsList[intern], intern, RIBC.getInternRating(intern)))
|
||||
}
|
||||
getRef('interns_list_container').innerHTML = ''
|
||||
getRef('interns_list_container').append(frag)
|
||||
}, 150)
|
||||
getRef('intern_search_field').addEventListener('input', searchInterns)
|
||||
|
||||
|
||||
getRef('post_update_btn').addEventListener('click', () => {
|
||||
const { projectId, projectName, projectBranch, task } = internAssignedTasks[currentTaskId]
|
||||
const topic = `${projectName} / ${RIBC.getTaskDetails(projectId, projectBranch, task).taskTitle}`;
|
||||
@ -11398,6 +11370,42 @@
|
||||
|
||||
console.log(typeOfUser)
|
||||
}
|
||||
function filterInterns(searchKey){
|
||||
const allInterns = RIBC.getInternList()
|
||||
const arrayOfInterns = []
|
||||
for (const intern in allInterns) {
|
||||
arrayOfInterns.push({
|
||||
floId: intern,
|
||||
internName: allInternsList[intern]
|
||||
})
|
||||
}
|
||||
arrayOfInterns.sort((a,b) => a.internName.toLowerCase().localeCompare(b.internName.toLowerCase()))
|
||||
if(searchKey === ''){
|
||||
arrayOfInterns.forEach(({internName, floId}) => {
|
||||
frag.append(render.internCard(internName, floId, RIBC.getInternRating(floId)))
|
||||
})
|
||||
}else{
|
||||
const options = {
|
||||
keys: ['internName'],
|
||||
threshold: 0.2
|
||||
}
|
||||
const fuse = new Fuse(arrayOfInterns, options)
|
||||
fuse.search(searchKey).map(v => v.item).forEach(({internName, floId}) => {
|
||||
frag.append(render.internCard(internName, floId, RIBC.getInternRating(floId)))
|
||||
})
|
||||
}
|
||||
return frag
|
||||
}
|
||||
const searchInternPopup = debounce((e) => {
|
||||
getRef('interns_list_container').innerHTML = ''
|
||||
getRef('interns_list_container').append(filterInterns(e.target.value.trim()))
|
||||
}, 150)
|
||||
const searchInternPage = debounce((e) => {
|
||||
getRef('all_interns_list').innerHTML = ''
|
||||
getRef('all_interns_list').append(filterInterns(e.target.value.trim()))
|
||||
}, 150)
|
||||
getRef('intern_search_field').addEventListener('input', searchInternPopup)
|
||||
getRef('interns_page__search').addEventListener('input', searchInternPage)
|
||||
</script>
|
||||
</body>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user