Skip to content

N
Neuromopic
Commit 72315d64 by SHINDAESUB
Options

first commit

parents
Showing with 731 additions and 0 deletions
front-end/.gitignore 0 → 100644
.DS_Store
node_modules
/dist
/tests/e2e/videos/
/tests/e2e/screenshots/
# 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?
front-end/README.md 0 → 100644
# front-end
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Run your unit tests
```
npm run test:unit
```
### Run your end-to-end tests
```
npm run test:e2e
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
front-end/babel.config.js 0 → 100644
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
front-end/cypress.json 0 → 100644
{
"pluginsFile": "tests/e2e/plugins/index.js"
}
front-end/package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
front-end/package.json 0 → 100644
{
"name": "front-end",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"test:unit": "vue-cli-service test:unit",
"test:e2e": "vue-cli-service test:e2e"
},
"dependencies": {
"core-js": "^3.6.5",
"vue": "^2.6.11",
"vue-router": "^3.2.0",
"vuetify": "^2.4.0",
"vuex": "^3.4.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-e2e-cypress": "~4.5.0",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-plugin-unit-jest": "~4.5.0",
"@vue/cli-plugin-vuex": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/test-utils": "^1.0.3",
"sass": "^1.32.0",
"sass-loader": "^10.0.0",
"vue-cli-plugin-vuetify": "~2.1.0",
"vue-template-compiler": "^2.6.11",
"vuetify-loader": "^1.7.0"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
],
"jest": {
"preset": "@vue/cli-plugin-unit-jest"
}
}
front-end/public/index.html 0 → 100644
<!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>뉴로모픽</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
</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>
front-end/src/App.vue 0 → 100644
<template>
<v-app>
<v-main>
<router-view/>
</v-main>
</v-app>
</template>
<script>
export default {
name: 'App',
components: {
},
data: () => ({
//
}),
};
</script>
<style scoped>
/* 공통 CSS 작성 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
body,input,textarea,select,button,table {
font-size: 24px;line-height: 1.5em;font-family:'Heebo','NanumSquare', sans-serif;}
body{
margin: 0;
}
</style>
front-end/src/assets/logo.svg 0 → 100644
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.5 100"><defs><style>.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#1867c0;}.cls-4{fill:#aeddff;}</style></defs><title>Artboard 46</title><polyline class="cls-1" points="43.75 0 23.31 0 43.75 48.32"/><polygon class="cls-2" points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5"/><polyline class="cls-3" points="43.75 0 64.19 0 43.75 48.32"/><polygon class="cls-4" points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58"/></svg>
front-end/src/components/Header.vue 0 → 100644
<template>
<nav class="navbar">
<div class="navbar_title">
<h1>Project List</h1>
</div>
<ul class="navbar_icons">
<li><i class="fas fa-plus"></i></li>
<li><a target="_blank" href="./index.html"><i class="fas fa-home"></i></a></li>
</ul>
</nav>
</template>
<script>
import Header from '@/components/Header.vue';
export default {
components: {
Header,
},
}
</script>
<style>
.navbar{
display: flex;
justify-content: space-between;
align-items: center;
background-color: #448ccb;
padding-left: 40px;
padding-right: 40px;
}
.navbar_title{
color: #fff;
}
.navbar_icons{
list-style: none;
color:#fff;
display: flex;
}
.navbar_icons li{
padding: 8px 12px;
}
</style>
\ No newline at end of file
front-end/src/main.js 0 → 100644
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import vuetify from './plugins/vuetify';
Vue.config.productionTip = false
new Vue({
router,
store,
vuetify,
render: h => h(App)
}).$mount('#app')
front-end/src/plugins/vuetify.js 0 → 100644
import Vue from 'vue';
import Vuetify from 'vuetify/lib/framework';
Vue.use(Vuetify);
export default new Vuetify({
});
front-end/src/router/index.js 0 → 100644
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import Login from '../views/admin/Login.vue'
import AdminMain from '../views/admin/Main.vue'
import AdminList from '../views/admin/main/List.vue'
import AdminCreate from '../views/admin/main/Create.vue'
import User from '../views/user/User.vue'
Vue.use(VueRouter)
const routes = [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/login',
name: 'Login',
component: Login
},
{
path: '/admin',
component: AdminMain,
children: [
{
path: '/',
name:'Adminlist',
component: AdminList,
},
{
path: '/create',
name:'AdminCreate',
component: AdminCreate
},
]
},
{
path: '/user',
name: 'User',
component: User
},
]
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
export default router
front-end/src/store/index.js 0 → 100644
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
},
mutations: {
},
actions: {
},
modules: {
}
})
front-end/src/views/Home.vue 0 → 100644
<template>
<div class="container">
<div class="admin">
<img src="../assets/img/icon_admin.png" alt="" id="icon_admin">
<h1>관리자페이지</h1>
<p>Admin page</p>
<button type="button" @click="$router.push('login')">시작</button>
</div>
<div class="user">
<img src="../assets/img/icon_user.png" alt="" id="icon_user">
<h1>사용자페이지</h1>
<p>User page</p>
<button type="button" @click="$router.push('user')">시작</button>
</div>
</div>
</template>
<script>
export default {
}
</script>
<style>
.container {
display: flex;
justify-content: center;
margin-top: 150px;
}
.admin {
display: inline-block;
text-align: center;
background-color: #448ccb;
width: 600px;
height: 600px;
margin-right: 10px;
border-radius: 30px;
box-shadow: 2px 2px 30px #bababa;
}
.admin img {
margin-top: 150px;
}
.admin h1 {
font-size: 50px;
color: #fff;
}
.admin p {
font-size: 30px;
color: #fff;
}
.container button{
font-size:16px;
width: 200px;
height: 50px;
border: solid 2px #fff;
border-radius: 8px;
background-color: rgba(0, 0,0, 0);
color: #fff;
padding: 5px;
}
.container button:hover{
background-color: #fff;
color:#448ccb
}
.user {
display: inline-block;
text-align: center;
background-color: #3cb878;
width: 600px;
height: 600px;
margin-left: 10px;
border-radius: 30px;
box-shadow: 2px 2px 30px #bababa;
}
.user img {
margin-top: 150px;
}
.user h1 {
font-size: 50px;
color: #fff;
}
.user p {
font-size: 30px;
color: #fff;
}
</style>
\ No newline at end of file
front-end/src/views/admin/Login.vue 0 → 100644
<template>
<div class="login">
<div class="wrapper">
<form class="form-signin">
<h2>관리자 로그인</h2>
<p>Admin Login</p>
<input id='pwd' type="password" placeholder="비밀번호를 입력하세요">
<button id="button1" @click="$router.push('admin')">LOGIN</button>
<button id="button2" @click="$router.push('/')">CANCEL</button>
</form>
</div>
</div>
</template>
<script>
export default {
}
</script>
<style>
.login{
background:#448ccb;
height: 100vh;
}
.wrapper {
padding-top: 180px;
padding-bottom: 80px;
}
.form-signin {
text-align: center;
max-width: 380px;
height: 350px;
/* padding: 100px 35px 45px; */
margin: 0 auto;
background-color: #fff;
border-radius: 30px;
box-shadow: 1px 1px 20px #505050;
}
.form-signin h2{
margin-top: 20px;
margin-bottom: 20px;
}
.form-signin p{
margin-top: 20px;
margin-bottom: 20px;
}
#pwd{
width: 258px;
height: 30px;
color: red;
font-size: 12px;
margin-top: 80px;
margin-bottom: 40px;
}
#button1{
width:258px;
height: 40px;
color:#fff;
background: -webkit-linear-gradient(#2068e3, #519bf7);
background: -moz-linear-gradient(#2068e3, #519bf7);
background: -o-linear-gradient(#2068e3, #519bf7);
background: linear-gradient(#2068e3, #519bf7);
font-size: 18px;
text-align: center;
border:none;
border-radius: 20px;
margin-bottom: 20px;
}
#button1:hover{
box-shadow: 1px 1px 20px #519bf7;
}
#button2 {
width:258px;
height: 40px;
color:#fff;
background: -webkit-linear-gradient(#646d7c, #939aa4);
background: -moz-linear-gradient(#646d7c, #939aa4);
background: -o-linear-gradient(#646d7c, #939aa4);
background: linear-gradient(#646d7c, #939aa4);
font-size: 18px;
text-align: center;
border:none;
border-radius: 20px;
}
button#button2:hover {
box-shadow: 1px 1px 20px #646d7c;
}
</style>
\ No newline at end of file
front-end/src/views/admin/Main.vue 0 → 100644
<template>
<div>
<Header/>
<router-view></router-view>
</div>
</template>
<script>
import Header from '@/components/Header.vue';
export default {
components: {
Header,
},
}
</script>
<style>
</style>
\ No newline at end of file
front-end/src/views/admin/main/Create.vue 0 → 100644
<template>
<div>
프로젝트 생성
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
front-end/src/views/admin/main/List.vue 0 → 100644
<template>
<div class="menu">
<input id="tab1" type="radio" name="tabs" checked>
<label for="tab1">생성</label>
<input id="tab2" type="radio" name="tabs" >
<label for="tab2">진행</label>
<input id="tab3" type="radio" name="tabs" >
<label for="tab3">대기</label>
<input id="tab4" type="radio" name="tabs" >
<label for="tab4">완료</label>
</div>
</template>
<script>
export default {
}
</script>
<style>
.menu{
display: flex;
justify-content: space-around;
padding: 50px;
margin: 0 auto;
background-color: #fff;
}
input{
display: none;
}
label{
display: inline-block;
width: 420px;
margin: 0 0 -1px;
padding: 15px 25px;
font-weight: 600;
text-align: center;
color: #bbb;
border: 1px solid transparent;
}
label:hover{
color:#2e9cdf;
}
input:checked+label{
color:#555;
border-top:1px solid #fff;
border-bottom: 4px solid #2e9cdf;
}
</style>
\ No newline at end of file
front-end/src/views/user/User.vue 0 → 100644
<template>
<div>
리스트
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
front-end/tests/e2e/plugins/index.js 0 → 100644
/* eslint-disable arrow-body-style */
// https://docs.cypress.io/guides/guides/plugins-guide.html
// if you need a custom webpack configuration you can uncomment the following import
// and then use the `file:preprocessor` event
// as explained in the cypress docs
// https://docs.cypress.io/api/plugins/preprocessors-api.html#Examples
// /* eslint-disable import/no-extraneous-dependencies, global-require */
// const webpack = require('@cypress/webpack-preprocessor')
module.exports = (on, config) => {
// on('file:preprocessor', webpack({
// webpackOptions: require('@vue/cli-service/webpack.config'),
// watchOptions: {}
// }))
return Object.assign({}, config, {
fixturesFolder: 'tests/e2e/fixtures',
integrationFolder: 'tests/e2e/specs',
screenshotsFolder: 'tests/e2e/screenshots',
videosFolder: 'tests/e2e/videos',
supportFile: 'tests/e2e/support/index.js'
})
}
front-end/tests/e2e/specs/test.js 0 → 100644
// https://docs.cypress.io/api/introduction/api.html
describe('My First Test', () => {
it('Visits the app root url', () => {
cy.visit('/')
cy.contains('h1', 'Welcome to Your Vue.js App')
})
})
front-end/tests/e2e/support/commands.js 0 → 100644
// ***********************************************
// This example commands.js shows you how to
// create various custom commands and overwrite
// existing commands.
//
// For more comprehensive examples of custom
// commands please read more here:
// https://on.cypress.io/custom-commands
// ***********************************************
//
//
// -- This is a parent command --
// Cypress.Commands.add("login", (email, password) => { ... })
//
//
// -- This is a child command --
// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
//
//
// -- This is a dual command --
// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
//
//
// -- This is will overwrite an existing command --
// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
front-end/tests/e2e/support/index.js 0 → 100644
// ***********************************************************
// This example support/index.js is processed and
// loaded automatically before your test files.
//
// This is a great place to put global configuration and
// behavior that modifies Cypress.
//
// You can change the location of this file or turn off
// automatically serving support files with the
// 'supportFile' configuration option.
//
// You can read more here:
// https://on.cypress.io/configuration
// ***********************************************************
// Import commands.js using ES2015 syntax:
import './commands'
// Alternatively you can use CommonJS syntax:
// require('./commands')
front-end/tests/unit/example.spec.js 0 → 100644
import { shallowMount } from '@vue/test-utils'
import HelloWorld from '@/components/HelloWorld.vue'
describe('HelloWorld.vue', () => {
it('renders props.msg when passed', () => {
const msg = 'new message'
const wrapper = shallowMount(HelloWorld, {
propsData: { msg }
})
expect(wrapper.text()).toMatch(msg)
})
})
front-end/vue.config.js 0 → 100644
module.exports = {
transpileDependencies: [
'vuetify'
]
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment