speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-05-11 19:08:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

install lib, fix css, small test

Browse source
This commit is contained in:
Samuel Lorch 2023-03-13 00:02:38 +01:00
parent 3847a89594
commit 924f152ab7
4 changed files with 22 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
client/package.json
View file

@ -23,6 +23,7 @@
"simple-jsonrpc-js": "^1.2.0", "simple-jsonrpc-js": "^1.2.0",
"vue": "^3.2.45", "vue": "^3.2.45",
"vue-i18n": "9", "vue-i18n": "9",
"vue-multiselect": "3.0.0-beta.1",
"vue-router": "4", "vue-router": "4",
"ws": "^8.13.0" "ws": "^8.13.0"
}, },

7
client/pnpm-lock.yaml generated
View file

@ -30,6 +30,7 @@ specifiers:
vite-plugin-vue-markdown: ^0.22.4 vite-plugin-vue-markdown: ^0.22.4
vue: ^3.2.45 vue: ^3.2.45
vue-i18n: '9' vue-i18n: '9'
vue-multiselect: 3.0.0-beta.1
vue-router: '4' vue-router: '4'
vue-tsc: ^1.0.24 vue-tsc: ^1.0.24
ws: ^8.13.0 ws: ^8.13.0
@ -47,6 +48,7 @@ dependencies:
simple-jsonrpc-js: 1.2.0 simple-jsonrpc-js: 1.2.0
vue: 3.2.47 vue: 3.2.47
vue-i18n: 9.2.2_vue@3.2.47 vue-i18n: 9.2.2_vue@3.2.47
vue-multiselect: 3.0.0-beta.1
vue-router: 4.1.6_vue@3.2.47 vue-router: 4.1.6_vue@3.2.47
ws: 8.13.0 ws: 8.13.0
@ -3829,6 +3831,11 @@ packages:
vue: 3.2.47 vue: 3.2.47
dev: false dev: false
/vue-multiselect/3.0.0-beta.1:
resolution: {integrity: sha512-V+jpydtjyHcQ+yjHsEWEBrDAopOx/pufNkSAXNVDAGQ+ESDEJ7wYejNd9H1RiCnFOYK4yf1XSGqE+Mp3HJXmdg==}
engines: {node: '>= 4.0.0', npm: '>= 3.0.0'}
dev: false
/vue-router/4.1.6_vue@3.2.47: /vue-router/4.1.6_vue@3.2.47:
resolution: {integrity: sha512-DYWYwsG6xNPmLq/FmZn8Ip+qrhFEzA14EI12MsMgVxvHFDYvlr4NXpVF5hrRH1wVcDP8fGi5F4rxuJSl8/r+EQ==} resolution: {integrity: sha512-DYWYwsG6xNPmLq/FmZn8Ip+qrhFEzA14EI12MsMgVxvHFDYvlr4NXpVF5hrRH1wVcDP8fGi5F4rxuJSl8/r+EQ==}
peerDependencies: peerDependencies:

6
client/src/global-styles/components.css
View file

@ -72,4 +72,8 @@ tbody tr:nth-child(even) {
background-color: var(--cl-bg-low); background-color: var(--cl-bg-low);
color: inherit; color: inherit;
border: 1px solid var(--cl-fg); border: 1px solid var(--cl-fg);
} }
.multiselect, .multiselect * {
all: initial;
}

12
client/src/pages/index.vue
View file

@ -1,9 +1,14 @@
<script setup lang="ts"> <script setup lang="ts">
import { apiCall } from "../api"; import { apiCall } from "../api";
import Multiselect from 'vue-multiselect';
async function doShit(){ async function doShit(){
apiCall("Firewall.GetForwardRules", {}); apiCall("Firewall.GetForwardRules", {});
} }
let value = $ref("");
let options = [{ name: 'Vue.js', code: 'vu' },
{ name: 'Javascript', code: 'js' },
{ name: 'Open Source', code: 'os' }];
</script> </script>
@ -12,7 +17,8 @@ async function doShit(){
<PageHeader title="Dashboard"> <PageHeader title="Dashboard">
<button @click="doShit">Example Buttons</button> <button @click="doShit">Example Buttons</button>
</PageHeader> </PageHeader>
<multiselect v-model="value" placeholder="Search" label="name" track-by="code" :options="options" :multiple="true"></multiselect>
This is the main page, currently written in markdown because that's *pog*.
</div> </div>
</template> </template>
<style src="vue-multiselect/dist/vue-multiselect.css"></style>