dtomlinson/anno-production-chain-renderer
1
0
Fork 0
mirror of https://github.com/dtomlinson91/anno-production-chain-renderer.git synced 2025-12-22 14:25:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

add latest

Browse Source
This commit is contained in:
Daniel Tomlinson
2022-09-25 04:57:17 +01:00
parent 6330fc41e6
commit 1f87fe6841
21 changed files with 40 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ChainTiers.vue
View File

@@ -3,7 +3,7 @@
flat
bordered
square
:class="['bg-grey-3', 'q-ma-sm', 'border', 'text-center']"
:class="['card-background', 'q-ma-sm', 'border', 'text-center']"
>
<q-card-section>
<div class="text-subtitle1 text-uppercase text-center big-font q-pa-md">

8
src/components/DiagramRenderer.vue
View File

@@ -70,4 +70,12 @@ $x: 5;
padding: 1px;
}
}
.top-padding {
padding-top: 100px;
}
rect.label-container {
fill: $burnt !important;
}
</style>

6
src/components/production-chains.ts
View File

@@ -18,6 +18,8 @@ import glassMakersIcon from '../assets/annoIcons/Glass.webp';
import windowMakersIcon from '../assets/annoIcons/Windows.webp';
import cementIcon from '../assets/annoIcons/Cement.webp';
import concreteFactory from '../assets/annoIcons/Reinforced_concrete.webp';
import teffIcon from '../assets/annoIcons/Icon_teff_grass_0.webp';
import mudBricksIcon from '../assets/annoIcons/Icon_mud_bricks_0.webp';
// Farmers & Workers
import potatoIcon from '../assets/annoIcons/Potato.webp';
@@ -150,6 +152,10 @@ export const productionChains: TieredProductionChain[] = [
{
productionChain: 'concrete',
mermaidDefinition: `flowchart LR; Charcoal(<img src='${charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Iron(<span class='icon-flex-row'><img src='${ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Steel(<img src='${steelIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Concrete(<img src='${concreteFactory}' class='icon-size' /><span class='ratio-count'>2</span>); Cement(<img src='${cementIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Concrete`
},
{
productionChain: 'mudBricks',
mermaidDefinition: `flowchart LR; Clay(<span class='icon-flex-row'><img src='${clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>) & Teff(<img src='${teffIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> MudBricks(<img src='${mudBricksIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
}
]
},