Skip to main content
Internal notes
TitleCOPY PASTA 🍝 / Cheatsheet
Preview Link...

COPY PASTA 🍝 / Cheatsheet

Titles

Index pages

Begin here 🏠

Frontmatter

---
title:
status:
sidebar_position:
goal:
questions:
description:
sources:
devices:
readers:
editorQuestions:
trelloLink:
owners:
---
caution

Leaving fields empty crashes Docusaurus. Use the Boilerplate commented-out version for convenience.

UI Instructions

info

See source to comprehend the syntax.

1. Set up an Internet connection via GSM
2. <ConfigIntro />

| Location in Dashboard | Parameter | Value |
| --------------------- | -------------------------------------- | -------------------------------------------------------------------------------------- |
| _NETWORK > LAN_ | `Mode for ethernet configuration` | <Value>Static</Value> |
| _NETWORK > GSM_ | `Static network configuration IP` | <Value>192.168.xxx.xxx</Value> (has to start with 192.168, the rest can be set freely) |
| _NETWORK > GSM_ | `WAN router` | <Value>On</Value> |
| _NETWORK > GSM_ | `Static network configuration netmask` | <Value>255.255.255.0</Value> |
| _NETWORK > GSM_ | `Static network configuration gateway` | _leave blank_ |
| _NETWORK > GSM_ | `Static network configuration DNS` | <Value>192.168.17.1</Value> (example) |

3. <SaveAndRestart />
1. Set up an Internet connection via GSM
2. <ConfigIntro />

| Location in Dashboard | Parameter | Value |
| --------------------- | --------- | -------------------- |
| _NETWORK > LAN_ | `lorem` | <Value>lorem</Value> |

3. <SaveAndRestart />

Screen info popup

<Screen
label=''
image='/HARDWARE/micro-usb.png'
uppercase={false}
type='concept' // concept, hardware-component, ui
/>

Term info popup

<Term 
term='charge-controller'>
/>

Tabs

tip

See here for advanced Tabs usage.

<Tabs>
<TabItem value="Lorem">

{/* markdown here */}

</TabItem>
<TabItem value="Ipsum">

{/* markdown here */}

</TabItem>
</Tabs>

Category overview

<DocCardList />

Example

Image cards

<ImageCard
title = "Example title"
image = "/editorial/DocCardList.png"
description = "Example description"
/>

Example title

Images with figures

<figure>

![](https://via.placeholder.com/150)


<figcaption>Your caption</figcaption>
</figure>

Example

Your caption

Bullet points in Markdown tables

note

general text:

export const Id = () => (
<>
For private charging infrastructure: this can be set to any alpha-numeric identifier <br />
For public and semi-private infrastucture: apply for an EVSE Operator ID through <a href=''>
</>
)
|     |            |
| --- | ---------- |
| | <MyList /> |
| | |

export const MyList = () => (
<ul>
<li></li>
</ul>
)

Example

InterfaceTested functions
EEBus
  • EV Charging Power / Current
  • EV Overload Protection
  • Coordinated EV Charging
  • Optimization of Self Consumption during EV Charging
  • EV Charging Summary
  • EV + EVSE Commissioning and Configuration
caution

Follow these remarks as the list won't appear.

  • name the list in PascalCase, e.g. export const MyList
info
  • per ebee convention, place the list definitions (export const ListName = () => (...)) below the markdown list using them

Merged tables

| Head 1       | Head 2       | Head 3       | Head 4       |
| ------------ | ------------ | ------------ | ------------ |
| > | Merged (2x1) | Cell | Cell |
| Merged (1x3) | > | Merged (2x2) | Cell |
| ^ | > | ^ | Cell |
| ^ | > | > | Merged (3x1) |

Showcase

Head 1Head 2Head 3Head 4
Merged (2x1)CellCell
Merged (1x3)Merged (2x2)Cell
Cell
Merged (3x1)

Bytefield diagrams

Example:

<Bytefield markup={`
(draw-column-headers)
(doseq [val (range 30)]
(draw-box val))
`} />

Results in:

0123456789abcdef000102030405060708090a0b0c0d0e0f0010101112131415161718191a1b1c1d

Example 2:

<Bytefield markup={`
(draw-column-headers)
(draw-box "Address" {:span 4})
(draw-box "Size" {:span 2})
(draw-box 0 {:span 2})
(draw-gap "Payload")
(draw-bottom)
`} />

Results in:

0123456789abcdefAddressSize0000Payload0010i+00

Details

<details>
<summary>title</summary>

markdown

</details>