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

Example description

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>