RanchiMall/ribc
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Making display task clickable

Browse Source
This commit is contained in:
sairaj mote 2022-10-29 16:22:06 +05:30
parent c8c2010a58
commit 53657a75c2
4 changed files with 27 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
css/main.css
View File

@ -1004,6 +1004,7 @@ ul {
color: var(--accent-color); color: var(--accent-color);
} }
.display-task__title { .display-task__title {
color: rgba(var(--text-color), 0.9);
font-size: 1.2rem; font-size: 1.2rem;
} }
.display-task__description { .display-task__description {

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
css/main.scss
View File

@ -999,6 +999,7 @@ ul {
color: var(--accent-color); color: var(--accent-color);
} }
&__title { &__title {
color: rgba(var(--text-color), 0.9);
font-size: 1.2rem; font-size: 1.2rem;
} }
&__description { &__description {

46
index.html
View File

@ -1743,27 +1743,29 @@
<svg class="icon" style="margin-right: -0.5rem" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/></svg> <svg class="icon" style="margin-right: -0.5rem" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/></svg>
</a> </a>
</div> </div>
<h4 class="display-task__title">${title}</h4> <a href=${`#/${appState.currentPage}/task?id=${projectCode}_${branch}_${task}`} class="display-task__link flex flex-direction-column gap-1">
<div class="display-task__details flex flex-wrap gap-0-3"> <h4 class="display-task__title">${title}</h4>
${duration ? html` <div class="display-task__details flex flex-wrap gap-0-3">
<div class="display-task__detail"> ${duration ? html`
<span class="display-task__detail__title">Duration: </span> <div class="display-task__detail">
<span class="display-task__detail__value">${duration} ${durationType}</span> <span class="display-task__detail__title">Duration: </span>
</div> <span class="display-task__detail__value">${duration} ${durationType}</span>
`: ''} </div>
${maxSlots ? html` `: ''}
<div class="display-task__detail"> ${maxSlots ? html`
<span class="display-task__detail__title">Slots: </span> <div class="display-task__detail">
<span class="display-task__detail__value">${maxSlots - assignedInterns.length}</span> <span class="display-task__detail__title">Slots: </span>
</div> <span class="display-task__detail__value">${maxSlots - assignedInterns.length}</span>
`: ''} </div>
${reward ? html` `: ''}
<div class="display-task__detail"> ${reward ? html`
<span class="display-task__detail__title">Reward: </span> <div class="display-task__detail">
<span class="display-task__detail__value" style="color: var(--green)">₹${reward}</span> <span class="display-task__detail__title">Reward: </span>
</div> <span class="display-task__detail__value" style="color: var(--green)">₹${reward}</span>
`: ''} </div>
</div> `: ''}
</div>
</a>
</li> </li>
`; `;
}, },
@ -1805,7 +1807,7 @@
<div id="display_task_search_wrapper" class="flex flex-direction-column gap-1"> <div id="display_task_search_wrapper" class="flex flex-direction-column gap-1">
<div class="flex align-center gap-1 flex-wrap space-between"> <div class="flex align-center gap-1 flex-wrap space-between">
<h3> <h3>
Available Tasks Apply for available tasks
</h3> </h3>
${(filtered.length > 0 || searchQuery) ? html` ${(filtered.length > 0 || searchQuery) ? html`
<sm-input id="task_search_input" oninput="filterTasks(event)" placeholder="Search keywords" type="search"> <sm-input id="task_search_input" oninput="filterTasks(event)" placeholder="Search keywords" type="search">