From 9a14de007e7c8d04ce708f8df1300ac8070d85df Mon Sep 17 00:00:00 2001 From: Bastien Wirtz Date: Fri, 23 Oct 2020 18:16:16 -0700 Subject: Implement custom service component --- docs/configuration.md | 7 +-- src/components/Service.vue | 48 +++++++------------- src/components/services/Generic.vue | 56 +++++++++++++++++++++++ src/components/services/PiHole.vue | 88 +++++++++++++++++++++++++++++++++++++ 4 files changed, 163 insertions(+), 36 deletions(-) create mode 100644 src/components/services/Generic.vue create mode 100644 src/components/services/PiHole.vue diff --git a/docs/configuration.md b/docs/configuration.md index 4bd4677..7df5651 100644 --- a/docs/configuration.md +++ b/docs/configuration.md @@ -107,11 +107,12 @@ services: - name: "Other group" icon: "fas fa-heartbeat" items: - - name: "Another app" + - name: "Pi-hole" logo: "assets/tools/sample.png" - subtitle: "Another example" + subtitle: "Network-wide Ad Blocking" tag: "other" - url: "https://www.reddit.com/r/selfhosted/" + url: "http://192.168.0.151/admin" + type: "PiHole" # optional, loads a specific component that provides extra features. MUST MATCH a file name (without file extension) available in `src/components/services` target: "_blank" # optional html a tag target attribute # class: "green" # optional custom CSS class for card, useful with custom stylesheet ``` diff --git a/src/components/Service.vue b/src/components/Service.vue index 81ad8a2..8686759 100644 --- a/src/components/Service.vue +++ b/src/components/Service.vue @@ -1,44 +1,26 @@ - - diff --git a/src/components/services/Generic.vue b/src/components/services/Generic.vue new file mode 100644 index 0000000..f19ee18 --- /dev/null +++ b/src/components/services/Generic.vue @@ -0,0 +1,56 @@ + + + */ + + + + + + + + + + diff --git a/src/components/services/PiHole.vue b/src/components/services/PiHole.vue new file mode 100644 index 0000000..c08e1fa --- /dev/null +++ b/src/components/services/PiHole.vue @@ -0,0 +1,88 @@ + + + + + -- cgit v1.2.3