Add support for tables and icons

ECN · Dec 23, 2020 · b5c32f8 · b5c32f8
1 parent d6ec6e6
commit b5c32f8
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 2 deletions.
diff --git a/api/documentation/docs/Material for mkdocs Formatting.md b/api/documentation/docs/Material for mkdocs Formatting.md
@@ -41,10 +41,12 @@ print("Hello world!") if __name__ == "__main__"
 	( _ => console.log("Hello world!"))();
 	```
 ```
+
 This is an inline Java highlight `#!java system.out.println("Hello world!")`
 
 
 ## Content Tabs
+
 See: [Material for mkdocs: Content Tabs](https://squidfunk.github.io/mkdocs-material/reference/content-tabs/#content-tabs)
 
 ### Basic Tabs
@@ -83,4 +85,21 @@ See: [Material for mkdocs: Content Tabs](https://squidfunk.github.io/mkdocs-mate
 	=== "JavaScript"
 		```js
 		( _ => console.log("Hello world!"))();
-		```
+		```
+
+## Data Tables
+See: [Material for mkdocs: Data Tables](https://squidfunk.github.io/mkdocs-material/reference/data-tables/#data-tables)
+
+```
+| Method      | Description                          |
+| ----------- | ------------------------------------ |
+| `GET`       | :material-check:     Fetch resource  |
+| `PUT`       | :material-check-all: Update resource |
+| `DELETE`    | :material-close:     Delete resource |
+```
+
+| Method      | Description                          |
+| ----------- | ------------------------------------ |
+| `GET`       | :material-check:     Fetch resource  |
+| `PUT`       | :material-check-all: Update resource |
+| `DELETE`    | :material-close:     Delete resource |
diff --git a/api/documentation/docs/javascript/config.js → ...ocumentation/docs/javascript/highlight.js b/api/documentation/docs/javascript/config.js → ...ocumentation/docs/javascript/highlight.js
diff --git a/api/documentation/docs/javascript/tablesort.js b/api/documentation/docs/javascript/tablesort.js
@@ -0,0 +1,11 @@
+/*
+ * Configure Tablesort for sortable tables
+ * See: https://squidfunk.github.io/mkdocs-material/reference/data-tables/#sortable-tables
+ */
+
+app.document$.subscribe(function() {
+	var tables = document.querySelectorAll("article table")
+	tables.forEach(function(table) {
+		new Tablesort(table)
+	})
+})
diff --git a/api/documentation/mkdocs.yml b/api/documentation/mkdocs.yml
@@ -16,6 +16,9 @@ markdown_extensions:
   - pymdownx.highlight
   - pymdownx.inlinehilite
   - pymdownx.tabbed
+  - pymdownx.emoji:
+      emoji_index: !!python/name:materialx.emoji.twemoji
+      emoji_generator: !!python/name:materialx.emoji.to_svg
   - mkautodoc
 
 
@@ -53,6 +56,8 @@ extra:
 
 extra_javascript:
   - https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js
-  - javascript/config.js
+  - javascript/highlight.js
+  - https://cdnjs.cloudflare.com/ajax/libs/tablesort/5.2.1/tablesort.min.js
+  - javascript/tablesort.js
 extra_css:
   - https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/styles/default.min.css