Compare commits
No commits in common. "c315237d649b1ab2bc22072d3aa528e44df5a611" and "135aca08ab42ffce38a6d72e0fed843d8f2c3b0f" have entirely different histories.
c315237d64
...
135aca08ab
@ -163,52 +163,19 @@ function GetNewMangaItems(){
|
|||||||
|
|
||||||
//Returns a new "Publication" Item to display in the jobs section
|
//Returns a new "Publication" Item to display in the jobs section
|
||||||
function CreateManga(manga, connector){
|
function CreateManga(manga, connector){
|
||||||
//Create a new publication and set an internal ID
|
|
||||||
var mangaElement = document.createElement('publication');
|
var mangaElement = document.createElement('publication');
|
||||||
mangaElement.id = GetValidSelector(manga.internalId);
|
mangaElement.id = GetValidSelector(manga.internalId);
|
||||||
|
|
||||||
//Append the cover image to the publication
|
|
||||||
var mangaImage = document.createElement('img');
|
var mangaImage = document.createElement('img');
|
||||||
mangaImage.src = GetCoverUrl(manga.internalId);
|
mangaImage.src = GetCoverUrl(manga.internalId);
|
||||||
mangaElement.appendChild(mangaImage);
|
mangaElement.appendChild(mangaImage);
|
||||||
|
|
||||||
//Append the publication information to the publication
|
|
||||||
//console.log(manga);
|
|
||||||
var info = document.createElement('publication-information');
|
var info = document.createElement('publication-information');
|
||||||
var connectorName = document.createElement('connector-name');
|
var connectorName = document.createElement('connector-name');
|
||||||
connectorName.innerText = connector;
|
connectorName.innerText = connector;
|
||||||
connectorName.className = "pill";
|
connectorName.className = "pill";
|
||||||
connectorName.style.backgroundColor = stringToColour(connector);
|
connectorName.style.backgroundColor = stringToColour(connector);
|
||||||
info.appendChild(connectorName);
|
info.appendChild(connectorName);
|
||||||
|
|
||||||
var mangaName = document.createElement('publication-name');
|
var mangaName = document.createElement('publication-name');
|
||||||
mangaName.innerText = manga.sortName;
|
mangaName.innerText = manga.sortName;
|
||||||
|
|
||||||
//Create the publication status indicator
|
|
||||||
var releaseStatus = document.createElement('publication-status');
|
|
||||||
var statusTooltip = document.createElement('status-tooltip');
|
|
||||||
if (manga.releaseStatus == 0) {
|
|
||||||
releaseStatus.style.backgroundColor = 'limegreen';
|
|
||||||
statusTooltip.innerText = "Ongoing"
|
|
||||||
}else if(manga.releaseStatus == 1){
|
|
||||||
releaseStatus.style.backgroundColor = 'blueviolet';
|
|
||||||
statusTooltip.innerText = "Completed"
|
|
||||||
} else if (manga.releaseStatus == 2) {
|
|
||||||
releaseStatus.style.backgroundColor = 'darkorange';
|
|
||||||
statusTooltip.innerText = "On Hiatus"
|
|
||||||
} else if (manga.releaseStatus == 3) {
|
|
||||||
releaseStatus.style.backgroundColor = 'firebrick';
|
|
||||||
statusTooltip.innerText = "Cancelled"
|
|
||||||
} else if (manga.releaseStatus == 4) {
|
|
||||||
releaseStatus.style.backgroundColor = 'aqua';
|
|
||||||
statusTooltip.innerText = "Upcoming";
|
|
||||||
} else {
|
|
||||||
releaseStatus.style.backgroundColor = 'gray';
|
|
||||||
statusTooltip.innerText = 'Status Unavailable';
|
|
||||||
}
|
|
||||||
releaseStatus.appendChild(statusTooltip); //Append the tooltip to the indicator circle
|
|
||||||
mangaName.appendChild(releaseStatus); //Append the release status indicator to the info block
|
|
||||||
|
|
||||||
info.appendChild(mangaName);
|
info.appendChild(mangaName);
|
||||||
mangaElement.appendChild(info);
|
mangaElement.appendChild(info);
|
||||||
return mangaElement;
|
return mangaElement;
|
||||||
|
@ -250,53 +250,6 @@ publication-name{
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
publication-status {
|
|
||||||
display: inline-block;
|
|
||||||
height: 10px;
|
|
||||||
width: 10px;
|
|
||||||
border-radius: 50%;
|
|
||||||
margin: 5px;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
publication-status:hover > status-tooltip {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
status-tooltip {
|
|
||||||
visibility: hidden;
|
|
||||||
position: absolute;
|
|
||||||
|
|
||||||
/*Position*/
|
|
||||||
left: -50px ;
|
|
||||||
bottom: 150%;
|
|
||||||
z-index: 3;
|
|
||||||
|
|
||||||
/*Text Properties*/
|
|
||||||
font-size:10pt;
|
|
||||||
font-weight:bold;
|
|
||||||
color:white;
|
|
||||||
text-align: center;
|
|
||||||
padding: 5px 5px;
|
|
||||||
|
|
||||||
/*Size*/
|
|
||||||
width:100px;
|
|
||||||
background-color: black;
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
status-tooltip::after {
|
|
||||||
content: " ";
|
|
||||||
position: absolute;
|
|
||||||
top: 100%; /* At the bottom of the tooltip */
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -5px;
|
|
||||||
border-width: 5px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: black transparent transparent transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
publication img {
|
publication img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -251,54 +251,6 @@ publication-name{
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
publication-status {
|
|
||||||
display: inline-block;
|
|
||||||
height: 10px;
|
|
||||||
width: 10px;
|
|
||||||
border-radius: 50%;
|
|
||||||
margin: 5px;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
publication-status:hover > status-tooltip {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
status-tooltip {
|
|
||||||
visibility: hidden;
|
|
||||||
position: absolute;
|
|
||||||
|
|
||||||
/*Position*/
|
|
||||||
left: -50px ;
|
|
||||||
bottom: 150%;
|
|
||||||
z-index: 3;
|
|
||||||
|
|
||||||
/*Text Properties*/
|
|
||||||
font-size:10pt;
|
|
||||||
font-weight:bold;
|
|
||||||
color:white;
|
|
||||||
text-align: center;
|
|
||||||
padding: 5px 5px;
|
|
||||||
|
|
||||||
/*Size*/
|
|
||||||
width:100px;
|
|
||||||
background-color: black;
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
status-tooltip::after {
|
|
||||||
content: " ";
|
|
||||||
position: absolute;
|
|
||||||
top: 100%; /* At the bottom of the tooltip */
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -5px;
|
|
||||||
border-width: 5px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: black transparent transparent transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
publication-details {
|
publication-details {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
Loading…
Reference in New Issue
Block a user