17 changed files with 26611 additions and 0 deletions
@ -0,0 +1,23 @@ |
|||||
|
.DS_Store |
||||
|
node_modules |
||||
|
/dist |
||||
|
|
||||
|
|
||||
|
# local env files |
||||
|
.env.local |
||||
|
.env.*.local |
||||
|
|
||||
|
# Log files |
||||
|
npm-debug.log* |
||||
|
yarn-debug.log* |
||||
|
yarn-error.log* |
||||
|
pnpm-debug.log* |
||||
|
|
||||
|
# Editor directories and files |
||||
|
.idea |
||||
|
.vscode |
||||
|
*.suo |
||||
|
*.ntvs* |
||||
|
*.njsproj |
||||
|
*.sln |
||||
|
*.sw? |
||||
@ -0,0 +1,24 @@ |
|||||
|
# web |
||||
|
|
||||
|
## Project setup |
||||
|
``` |
||||
|
npm install |
||||
|
``` |
||||
|
|
||||
|
### Compiles and hot-reloads for development |
||||
|
``` |
||||
|
npm run serve |
||||
|
``` |
||||
|
|
||||
|
### Compiles and minifies for production |
||||
|
``` |
||||
|
npm run build |
||||
|
``` |
||||
|
|
||||
|
### Lints and fixes files |
||||
|
``` |
||||
|
npm run lint |
||||
|
``` |
||||
|
|
||||
|
### Customize configuration |
||||
|
See [Configuration Reference](https://cli.vuejs.org/config/). |
||||
File diff suppressed because it is too large
@ -0,0 +1,52 @@ |
|||||
|
{ |
||||
|
"name": "web", |
||||
|
"version": "0.1.0", |
||||
|
"private": true, |
||||
|
"scripts": { |
||||
|
"serve": "vue-cli-service serve", |
||||
|
"build": "vue-cli-service build", |
||||
|
"lint": "vue-cli-service lint" |
||||
|
}, |
||||
|
"dependencies": { |
||||
|
"bulma": "^0.9.1", |
||||
|
"vue": "^3.0.0", |
||||
|
"vue-class-component": "^8.0.0-0" |
||||
|
}, |
||||
|
"devDependencies": { |
||||
|
"@typescript-eslint/eslint-plugin": "^2.33.0", |
||||
|
"@typescript-eslint/parser": "^2.33.0", |
||||
|
"@vue/cli-plugin-eslint": "~4.5.0", |
||||
|
"@vue/cli-plugin-typescript": "~4.5.0", |
||||
|
"@vue/cli-service": "~4.5.0", |
||||
|
"@vue/compiler-sfc": "^3.0.0", |
||||
|
"@vue/eslint-config-prettier": "^6.0.0", |
||||
|
"@vue/eslint-config-typescript": "^5.0.2", |
||||
|
"eslint": "^6.7.2", |
||||
|
"eslint-plugin-prettier": "^3.1.3", |
||||
|
"eslint-plugin-vue": "^7.0.0-0", |
||||
|
"prettier": "^1.19.1", |
||||
|
"typescript": "~3.9.3" |
||||
|
}, |
||||
|
"eslintConfig": { |
||||
|
"root": true, |
||||
|
"env": { |
||||
|
"node": true |
||||
|
}, |
||||
|
"extends": [ |
||||
|
"plugin:vue/vue3-essential", |
||||
|
"eslint:recommended", |
||||
|
"@vue/typescript/recommended", |
||||
|
"@vue/prettier", |
||||
|
"@vue/prettier/@typescript-eslint" |
||||
|
], |
||||
|
"parserOptions": { |
||||
|
"ecmaVersion": 2020 |
||||
|
}, |
||||
|
"rules": {} |
||||
|
}, |
||||
|
"browserslist": [ |
||||
|
"> 1%", |
||||
|
"last 2 versions", |
||||
|
"not dead" |
||||
|
] |
||||
|
} |
||||
|
After Width: | Height: | Size: 4.2 KiB |
@ -0,0 +1,17 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
||||
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> |
||||
|
<title><%= htmlWebpackPlugin.options.title %></title> |
||||
|
</head> |
||||
|
<body> |
||||
|
<noscript> |
||||
|
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> |
||||
|
</noscript> |
||||
|
<div id="app"></div> |
||||
|
<!-- built files will be auto injected --> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,31 @@ |
|||||
|
<template> |
||||
|
<Navbar /> |
||||
|
<Hero /> |
||||
|
<div class="columns mt-6 mb-6 mx-4"> |
||||
|
<div class="column is-one-fifth"> |
||||
|
<Panel /> |
||||
|
</div> |
||||
|
<div class="column"> |
||||
|
Fourth column |
||||
|
</div> |
||||
|
</div> |
||||
|
<Footer /> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts"> |
||||
|
import { Options, Vue } from 'vue-class-component'; |
||||
|
import Navbar from '@/components/Navbar.vue'; |
||||
|
import Hero from '@/components/Hero.vue'; |
||||
|
import Panel from '@/components/Panel.vue'; |
||||
|
import Footer from '@/components/Footer.vue'; |
||||
|
|
||||
|
@Options({ |
||||
|
components: { |
||||
|
Navbar, |
||||
|
Hero, |
||||
|
Footer, |
||||
|
Panel, |
||||
|
}, |
||||
|
}) |
||||
|
export default class App extends Vue {} |
||||
|
</script> |
||||
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 6.5 KiB |
@ -0,0 +1,16 @@ |
|||||
|
<template> |
||||
|
<footer class="footer"> |
||||
|
<div class="content has-text-centered"> |
||||
|
<p> |
||||
|
<strong>Anciale</strong> by |
||||
|
<a href="https://github.com/xrazis">xrazis</a>. |
||||
|
</p> |
||||
|
</div> |
||||
|
</footer> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts"> |
||||
|
import { Options, Vue } from 'vue-class-component'; |
||||
|
|
||||
|
export default class Footer extends Vue {} |
||||
|
</script> |
||||
@ -0,0 +1,20 @@ |
|||||
|
<template> |
||||
|
<section class="hero is-primary is-bold"> |
||||
|
<div class="hero-body"> |
||||
|
<div class="container"> |
||||
|
<h1 class="title"> |
||||
|
Welcome to the admin panel for anchiale |
||||
|
</h1> |
||||
|
<h2 class="subtitle"> |
||||
|
Primary bold subtitle |
||||
|
</h2> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts"> |
||||
|
import { Options, Vue } from 'vue-class-component'; |
||||
|
|
||||
|
export default class Hero extends Vue {} |
||||
|
</script> |
||||
@ -0,0 +1,36 @@ |
|||||
|
<template> |
||||
|
<nav class="navbar is-dark" role="navigation" aria-label="main navigation"> |
||||
|
<div class="navbar-brand"> |
||||
|
<a class="navbar-item" href="swarmlab.io"> |
||||
|
<img src="../assets/undraw_server_q2pb.svg" width="60" height="150" /> |
||||
|
<h3 class="is-size-4">Anchiale</h3> |
||||
|
</a> |
||||
|
|
||||
|
<a |
||||
|
role="button" |
||||
|
class="navbar-burger burger" |
||||
|
aria-label="menu" |
||||
|
aria-expanded="false" |
||||
|
data-target="navbarBasicExample" |
||||
|
> |
||||
|
<span aria-hidden="true"></span> |
||||
|
<span aria-hidden="true"></span> |
||||
|
<span aria-hidden="true"></span> |
||||
|
</a> |
||||
|
</div> |
||||
|
|
||||
|
<div id="navbarBasicExample" class="navbar-menu"> |
||||
|
<div class="navbar-end"> |
||||
|
<a class="navbar-item" href="https://github.com/xrazis/anchiale-web"> |
||||
|
Documentation |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</nav> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts"> |
||||
|
import { Options, Vue } from 'vue-class-component'; |
||||
|
|
||||
|
export default class Navbar extends Vue {} |
||||
|
</script> |
||||
@ -0,0 +1,73 @@ |
|||||
|
<template> |
||||
|
<nav class="panel is-primary"> |
||||
|
<p class="panel-heading"> |
||||
|
Repositories |
||||
|
</p> |
||||
|
<div class="panel-block"> |
||||
|
<p class="control has-icons-left"> |
||||
|
<input class="input" type="text" placeholder="Search" /> |
||||
|
<span class="icon is-left"> |
||||
|
<i class="fas fa-search" aria-hidden="true"></i> |
||||
|
</span> |
||||
|
</p> |
||||
|
</div> |
||||
|
<p class="panel-tabs"> |
||||
|
<a class="is-active">All</a> |
||||
|
<a>Public</a> |
||||
|
<a>Private</a> |
||||
|
<a>Sources</a> |
||||
|
<a>Forks</a> |
||||
|
</p> |
||||
|
<a class="panel-block is-active"> |
||||
|
<span class="panel-icon"> |
||||
|
<i class="fas fa-book" aria-hidden="true"></i> |
||||
|
</span> |
||||
|
bulma |
||||
|
</a> |
||||
|
<a class="panel-block"> |
||||
|
<span class="panel-icon"> |
||||
|
<i class="fas fa-book" aria-hidden="true"></i> |
||||
|
</span> |
||||
|
marksheet |
||||
|
</a> |
||||
|
<a class="panel-block"> |
||||
|
<span class="panel-icon"> |
||||
|
<i class="fas fa-book" aria-hidden="true"></i> |
||||
|
</span> |
||||
|
minireset.css |
||||
|
</a> |
||||
|
<a class="panel-block"> |
||||
|
<span class="panel-icon"> |
||||
|
<i class="fas fa-book" aria-hidden="true"></i> |
||||
|
</span> |
||||
|
jgthms.github.io |
||||
|
</a> |
||||
|
<a class="panel-block"> |
||||
|
<span class="panel-icon"> |
||||
|
<i class="fas fa-code-branch" aria-hidden="true"></i> |
||||
|
</span> |
||||
|
daniellowtw/infboard |
||||
|
</a> |
||||
|
<a class="panel-block"> |
||||
|
<span class="panel-icon"> |
||||
|
<i class="fas fa-code-branch" aria-hidden="true"></i> |
||||
|
</span> |
||||
|
mojs |
||||
|
</a> |
||||
|
<label class="panel-block"> |
||||
|
<input type="checkbox" /> |
||||
|
remember me |
||||
|
</label> |
||||
|
<div class="panel-block"> |
||||
|
<button class="button is-link is-outlined is-fullwidth"> |
||||
|
Reset all filters |
||||
|
</button> |
||||
|
</div> |
||||
|
</nav> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts"> |
||||
|
import { Options, Vue } from 'vue-class-component'; |
||||
|
|
||||
|
export default class Panel extends Vue {} |
||||
|
</script> |
||||
@ -0,0 +1,6 @@ |
|||||
|
import { createApp } from 'vue'; |
||||
|
import App from './App.vue'; |
||||
|
|
||||
|
import 'bulma/css/bulma.css'; |
||||
|
|
||||
|
createApp(App).mount('#app'); |
||||
@ -0,0 +1,5 @@ |
|||||
|
declare module '*.vue' { |
||||
|
import type { DefineComponent } from 'vue' |
||||
|
const component: DefineComponent<{}, {}, any> |
||||
|
export default component |
||||
|
} |
||||
@ -0,0 +1,40 @@ |
|||||
|
{ |
||||
|
"compilerOptions": { |
||||
|
"target": "es5", |
||||
|
"module": "esnext", |
||||
|
"strict": true, |
||||
|
"jsx": "preserve", |
||||
|
"importHelpers": true, |
||||
|
"moduleResolution": "node", |
||||
|
"experimentalDecorators": true, |
||||
|
"skipLibCheck": true, |
||||
|
"esModuleInterop": true, |
||||
|
"allowSyntheticDefaultImports": true, |
||||
|
"sourceMap": true, |
||||
|
"baseUrl": ".", |
||||
|
"types": [ |
||||
|
"webpack-env" |
||||
|
], |
||||
|
"paths": { |
||||
|
"@/*": [ |
||||
|
"src/*" |
||||
|
] |
||||
|
}, |
||||
|
"lib": [ |
||||
|
"esnext", |
||||
|
"dom", |
||||
|
"dom.iterable", |
||||
|
"scripthost" |
||||
|
] |
||||
|
}, |
||||
|
"include": [ |
||||
|
"src/**/*.ts", |
||||
|
"src/**/*.tsx", |
||||
|
"src/**/*.vue", |
||||
|
"tests/**/*.ts", |
||||
|
"tests/**/*.tsx" |
||||
|
], |
||||
|
"exclude": [ |
||||
|
"node_modules" |
||||
|
] |
||||
|
} |
||||
Loading…
Reference in new issue