Adding changes made by Zaptyp
Adding changes made by MARIONEQ
This commit is contained in:
Zaptyp
parent
53a8c88cab
commit
ccf15ff26b
18 changed files with 333 additions and 73 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
BIN
frontend/public/icon.png
Normal file
BIN
frontend/public/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
|
|
@ -1,18 +1,19 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="pl">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
<link rel="shortcut icon" type="image/png" href="icon.png"/>
|
||||||
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700,400italic|Material+Icons">
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700,400italic|Material+Icons">
|
||||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
<title>Wulkanowy</title>
|
||||||
|
<meta name="keywords" content="vulcan, wulkanowy web, wulkanowy, e dziennik, e-dziennik, dziennik, szoła, szkolny.eu, szkolnyeu">
|
||||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
|
<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">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<noscript>
|
<noscript>
|
||||||
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
<strong>Przepraszamy Wulkanowy Web potrzebuje włączonego JavaScript</strong>
|
||||||
</noscript>
|
</noscript>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
<!-- built files will be auto injected -->
|
<!-- built files will be auto injected -->
|
||||||
|
|
|
||||||
BIN
frontend/src/assets/icon copy.png
Normal file
BIN
frontend/src/assets/icon copy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
BIN
frontend/src/assets/icon.png
Normal file
BIN
frontend/src/assets/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
|
|
@ -1,4 +1,4 @@
|
||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
5<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
<svg
|
<svg
|
||||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
xmlns:cc="http://creativecommons.org/ns#"
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.2 KiB |
56
frontend/src/components/Login/Baner.vue
Normal file
56
frontend/src/components/Login/Baner.vue
Normal file
|
|
@ -0,0 +1,56 @@
|
||||||
|
<template>
|
||||||
|
<div class="card" style="float: left;">
|
||||||
|
<v-col>
|
||||||
|
<v-row align="center">
|
||||||
|
<v-card dark color="#d32f2f" style="height: 524px; margin-right: 35px; width: 350px;">
|
||||||
|
<v-card-text>
|
||||||
|
<div style="width: 140; height: 140;">
|
||||||
|
<img src="./iconTwo.svg"
|
||||||
|
width="140"
|
||||||
|
class="logo"/>
|
||||||
|
</div>
|
||||||
|
<div id="hedlineRed">Wulkanowy</div>
|
||||||
|
<div id="hedlineTwo">Nieoficjalna aplikacja przeglądarkowa ucznia i
|
||||||
|
rodzica dla dziennika Vulcan UONET+
|
||||||
|
</div>
|
||||||
|
<br><br><br>
|
||||||
|
<a href="#" target="_blank" style="color: white;">Polityka prywatności</a>
|
||||||
|
<br>
|
||||||
|
<div id="hedlineTwo">v 0.1.0</div>
|
||||||
|
</v-card-text>
|
||||||
|
</v-card>
|
||||||
|
</v-row>
|
||||||
|
</v-col>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<style>
|
||||||
|
.cardTwo{
|
||||||
|
float: left;
|
||||||
|
height: 500px;
|
||||||
|
top: 5%;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
width: 450px;
|
||||||
|
}
|
||||||
|
#hedlineRed{
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: 2pc;
|
||||||
|
margin-bottom: 1pc;
|
||||||
|
color: white;
|
||||||
|
font-weight: 400;
|
||||||
|
text-shadow: -1px 2px 0px rgba(157,0,0,0.73);
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#hedlineTwo{
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: 1pc;
|
||||||
|
margin-bottom: 1.5pc;
|
||||||
|
color: white;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.logo img{
|
||||||
|
text-shadow: -1px 2px 0px rgba(157,0,0,0.73);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
19
frontend/src/components/Login/Loading.vue
Normal file
19
frontend/src/components/Login/Loading.vue
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
<template>
|
||||||
|
<div id="App" style="height: 476px; margin: 0;">
|
||||||
|
<v-row align="center">
|
||||||
|
<v-col cols="12">
|
||||||
|
<v-progress-circular
|
||||||
|
indeterminate
|
||||||
|
color="red"
|
||||||
|
style="margin-top: 200px;"
|
||||||
|
></v-progress-circular>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'Loading',
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
@ -1,10 +1,9 @@
|
||||||
<template>
|
<template>
|
||||||
|
<div id="App" style="min-height: 476px; margin: 0;">
|
||||||
<v-row align="center">
|
<v-row align="center">
|
||||||
<v-col cols="12">
|
<v-col cols="12">
|
||||||
<a>Select student to login!</a>
|
<div id="nag">Wybierz ucznia</div>
|
||||||
</v-col>
|
<v-radio-group>
|
||||||
<v-col cols="12">
|
|
||||||
<v-radio-group v-model="radioGroup" @change="$store.state.selectedStudent = radioGroup">
|
|
||||||
<v-radio
|
<v-radio
|
||||||
v-model="selectedStudent"
|
v-model="selectedStudent"
|
||||||
v-for="student in this.$store.state.loginData.data.students.data"
|
v-for="student in this.$store.state.loginData.data.students.data"
|
||||||
|
|
@ -14,14 +13,12 @@
|
||||||
</v-radio-group>
|
</v-radio-group>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col cols="12">
|
<v-col cols="12">
|
||||||
<v-btn
|
<v-btn id="buttonTwo" dark color="red" elevation="2"
|
||||||
class="login-button"
|
@click="chooseClicked()" :disabled="inputDisabled"
|
||||||
depressed
|
>Wybierz</v-btn>
|
||||||
color="primary"
|
|
||||||
@click="chooseClicked()">
|
|
||||||
Choose</v-btn>
|
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -29,7 +26,8 @@ export default {
|
||||||
name: 'SelectStudent',
|
name: 'SelectStudent',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
radioGroup: 0,
|
itemSelected: '',
|
||||||
|
radioGroup: 1,
|
||||||
selectedStudent: '',
|
selectedStudent: '',
|
||||||
studentList: {
|
studentList: {
|
||||||
type: Array,
|
type: Array,
|
||||||
|
|
@ -45,10 +43,28 @@ export default {
|
||||||
this.$store.state.showStudentsList = true;
|
this.$store.state.showStudentsList = true;
|
||||||
await this.$router.push('/user');
|
await this.$router.push('/user');
|
||||||
},
|
},
|
||||||
|
back() {
|
||||||
|
this.$store.state.showStudentsList = false;
|
||||||
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style>
|
||||||
|
#nag{
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: 1.3pc;
|
||||||
|
margin-bottom: 1pc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#App{
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buttonTwo{
|
||||||
|
margin-top: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -1,46 +1,24 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div id="App" style="height: 476px; margin: 0;">
|
||||||
<v-row align="center">
|
<v-row align="center">
|
||||||
<v-col cols="12"></v-col>
|
|
||||||
<v-col cols="12">
|
<v-col cols="12">
|
||||||
<v-text-field
|
<div id="nag">Zaloguj się za pomocą konta ucznia lub rodzica</div>
|
||||||
class="login-input"
|
<v-text-field color="red" v-model="login" :disabled="inputDisabled"
|
||||||
v-model="login"
|
label="E-mail" outlined></v-text-field>
|
||||||
label="E-mail"
|
<v-text-field color="red" v-model="password" :disabled="inputDisabled"
|
||||||
outlined
|
label="Hasło" outlined type="password"></v-text-field>
|
||||||
clearable>
|
<v-text-field color="red" v-model="symbol" :disabled="inputDisabled"
|
||||||
</v-text-field>
|
label="Symbol" outlined></v-text-field>
|
||||||
<v-text-field
|
<v-select color="red" v-model="selectedSymbol" :disabled="inputDisabled"
|
||||||
class="login-input"
|
label="Wybierz odmianę dziennika UONET+" outlined :items="item"
|
||||||
v-model="password"
|
v-on:change="fakelog()"
|
||||||
label="Password"
|
item-color="red"></v-select>
|
||||||
outlined
|
<v-btn id="buttonTwo" dark color="red" elevation="2"
|
||||||
clearable>
|
@click="loginUser()">Zaloguj się</v-btn>
|
||||||
</v-text-field>
|
|
||||||
</v-col>
|
|
||||||
<v-col cols="12">
|
|
||||||
<v-select
|
|
||||||
:items="domains"
|
|
||||||
v-model="selectedSymbol"
|
|
||||||
item-value="Fakelog"
|
|
||||||
v-on:change="itemSelected()"
|
|
||||||
label="Symbol"
|
|
||||||
outlined></v-select>
|
|
||||||
</v-col>
|
|
||||||
<v-col cols="12">
|
|
||||||
<v-btn
|
|
||||||
class="login-button"
|
|
||||||
depressed
|
|
||||||
color="primary"
|
|
||||||
@click="loginUser()">
|
|
||||||
Log in!</v-btn>
|
|
||||||
<v-divider style="padding: 5px"></v-divider>
|
|
||||||
<a style="">You forgot password click here!</a>
|
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Vue from 'vue';
|
import Vue from 'vue';
|
||||||
import login from '../../api/login';
|
import login from '../../api/login';
|
||||||
|
|
@ -49,10 +27,12 @@ export default {
|
||||||
name: 'UserLogin',
|
name: 'UserLogin',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
inputDisabled: false,
|
||||||
login: '',
|
login: '',
|
||||||
password: '',
|
password: '',
|
||||||
selectedSymbol: '',
|
selectedSymbols: '',
|
||||||
domains: [
|
symbols: '',
|
||||||
|
item: [
|
||||||
'Vulcan',
|
'Vulcan',
|
||||||
'Fakelog',
|
'Fakelog',
|
||||||
],
|
],
|
||||||
|
|
@ -60,27 +40,41 @@ export default {
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async loginUser() {
|
async loginUser() {
|
||||||
|
this.inputDisabled = true;
|
||||||
Vue.set(this.$store.state, 'isLoading', true);
|
Vue.set(this.$store.state, 'isLoading', true);
|
||||||
const response = await login.register(this.login, this.password, this.selectedSymbol);
|
const response = await login.register(this.login, this.password, this.selectedSymbol);
|
||||||
this.$store.state.loginData = response.data;
|
this.$store.state.loginData = response.data;
|
||||||
|
|
||||||
console.log(this.$store.state.loginData);
|
console.log(this.$store.state.loginData);
|
||||||
|
|
||||||
if (this.$store.state.loginData.data.students.data.length > 1) {
|
if (this.$store.state.loginData.data.students.data.length > 1) {
|
||||||
this.$store.state.isLoading = false;
|
|
||||||
this.$store.state.showStudentsList = true;
|
this.$store.state.showStudentsList = true;
|
||||||
|
this.$store.state.isLoading = false;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
itemSelected() {
|
|
||||||
|
fakelog() {
|
||||||
if (this.selectedSymbol === 'Fakelog') {
|
if (this.selectedSymbol === 'Fakelog') {
|
||||||
this.login = 'jan@fakelog.cf';
|
this.login = 'jan@fakelog.cf';
|
||||||
this.password = 'jan123';
|
this.password = 'jan123';
|
||||||
|
this.symbol = 'powiatwulkanowy';
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
<style>
|
||||||
|
#App{
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
#nag{
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: 1.3pc;
|
||||||
|
margin-bottom: 1pc;
|
||||||
|
}
|
||||||
|
|
||||||
<style scoped>
|
#buttonOne{
|
||||||
|
margin-right: auto;
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
68
frontend/src/components/Login/iconTwo.svg
Normal file
68
frontend/src/components/Login/iconTwo.svg
Normal file
|
|
@ -0,0 +1,68 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="210mm"
|
||||||
|
height="297mm"
|
||||||
|
viewBox="0 0 210 297"
|
||||||
|
version="1.1"
|
||||||
|
id="svg91"
|
||||||
|
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
|
||||||
|
sodipodi:docname="wulkanowy_only_logo.svg">
|
||||||
|
<defs
|
||||||
|
id="defs85" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="0.35"
|
||||||
|
inkscape:cx="400"
|
||||||
|
inkscape:cy="560"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
inkscape:document-rotation="0"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:window-width="1677"
|
||||||
|
inkscape:window-height="1030"
|
||||||
|
inkscape:window-x="192"
|
||||||
|
inkscape:window-y="0"
|
||||||
|
inkscape:window-maximized="0" />
|
||||||
|
<metadata
|
||||||
|
id="metadata88">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title></dc:title>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Warstwa 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1">
|
||||||
|
<g
|
||||||
|
style="display:inline"
|
||||||
|
id="layer2"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,-30.389283,3.6285705)">
|
||||||
|
<path
|
||||||
|
style="fill:#ffffff;stroke-width:0.781796"
|
||||||
|
d="m 385.17894,776.98989 c 0.62544,2.03267 0.31272,4.2217 -0.7818,6.01983 l -15.08867,24.47023 c -1.48541,2.42357 -4.2217,3.98716 -7.19253,3.98716 H 220.92351 c -6.56709,0 -10.55425,-6.8798 -7.03616,-12.03966 l 90.92292,-133.92173 c 0.54726,-0.78179 0.85997,-1.64177 1.09451,-2.50174 l 41.66975,-177.93687 c 0.46908,-2.11085 1.87631,-3.90898 3.90898,-5.00349 l 56.4457,-30.95914 c 2.03267,-1.09452 3.43991,-2.89265 3.90899,-5.08168 l 7.58342,-33.06999 c 1.56359,-6.8798 11.41423,-8.36522 15.32321,-2.34538 l 2.73629,4.37806 c 1.17269,1.87631 1.48541,4.2217 0.70362,6.33255 l -51.44221,148.69767 c -0.3909,1.1727 -0.54726,2.42357 -0.31272,3.67445 l 12.82146,71.14347 c 0.23454,1.40723 0.0782,2.89265 -0.54725,4.2217 l -30.56824,68.64172 c -0.70362,1.64178 -0.85998,3.43991 -0.31272,5.08168 z m 417.94836,34.47722 h -97.25548 c -2.81446,0 -5.39439,-1.40723 -6.95798,-3.59626 l -65.43636,-92.01744 c -0.3909,-0.62543 -0.7818,-1.25087 -1.01634,-1.95449 L 600.01659,619.1452 c -0.62544,-1.87631 -2.11085,-3.51809 -3.98716,-4.45624 L 516.59891,574.5828 c -2.18903,-1.09451 -3.75262,-3.12718 -4.2217,-5.39439 l -11.72694,-58.16566 c -0.15636,-0.93815 -0.54726,-1.87631 -1.1727,-2.73628 L 472.5056,468.64939 c -1.48542,-2.18903 -1.71995,-4.84714 -0.62544,-7.19253 l 16.41772,-35.10266 c 1.25088,-2.6581 3.98717,-4.45624 7.11435,-4.6126 l 30.49006,-1.79813 c 1.79813,-0.0782 3.43991,-0.70361 4.76896,-1.79813 l 22.43756,-17.43406 c 4.2217,-3.28354 10.63243,-1.87631 12.89964,2.73629 l 77.31966,157.29744 c 0.31272,0.70361 0.54726,1.40723 0.70362,2.11085 l 9.53792,63.24733 c 0.23453,1.48541 0.85997,2.81446 1.87631,3.90898 l 154.01389,168.5553 c 4.53442,5.0035 0.70362,12.89964 -6.33255,12.89964 z M 424.97238,319.32628 c 0,-17.90314 11.33604,-33.30453 27.59741,-40.49706 -1.1727,-1.95449 -1.87631,-4.06534 -1.87631,-6.33255 0,-8.67794 10.00699,-15.71411 22.2812,-15.71411 0.31271,0 0.54725,0 0.85997,0 5.08168,-8.4434 14.77595,-14.15051 25.87746,-14.15051 0.7818,0 1.5636,0 2.34539,0.0782 1.01634,0.0782 2.03267,-0.3909 2.57993,-1.1727 8.20886,-12.50874 29.00465,-21.42122 53.31851,-21.42122 8.99066,0 17.51224,1.25088 25.09567,3.36173 1.79813,-2.97083 5.78529,-5.0035 10.39789,-5.0035 5.23804,0 9.69428,2.65811 11.02333,6.33255 6.41073,-7.42707 17.2777,-12.2742 29.63008,-12.2742 19.70127,0 35.64992,12.43056 35.64992,27.75377 0,1.87631 -0.23454,3.67444 -0.70362,5.47257 -0.31271,1.25088 0.3909,2.50175 1.71996,2.97083 12.58692,4.6126 21.1085,13.36872 21.1085,23.37571 0,11.41423 -11.02333,21.18669 -26.58108,25.01749 -1.25087,0.31272 -2.03267,1.40723 -2.03267,2.57993 0,0.0782 0,0.15635 0,0.23453 0,8.8343 -8.75612,16.10501 -20.01399,16.88681 0.0782,0.3909 0.0782,0.78179 0.0782,1.25087 0,16.96498 -32.28819,30.64642 -72.08163,30.64642 -8.59976,0 -16.80862,-0.62544 -24.39204,-1.79813 0,0.15636 0,0.23454 0,0.3909 0,7.03616 -9.06884,12.74328 -20.17035,12.74328 -0.62544,0 -1.1727,0 -1.71995,-0.0782 0.78179,1.71995 1.17269,3.51808 1.17269,5.39439 0,10.94515 -13.8378,19.77945 -30.95914,19.77945 -1.87631,0 -3.67444,-0.0782 -5.47257,-0.31272 -1.40724,-0.15635 -2.73629,0.70362 -3.04901,2.03268 -1.48541,5.47257 -6.25437,9.45973 -11.96148,9.45973 -6.87981,0 -12.35239,-5.86347 -12.35239,-13.056 0,-3.36172 1.1727,-6.41073 3.12719,-8.67794 0.70362,-0.78179 0.93816,-1.87631 0.46908,-2.81447 -1.09452,-2.03267 -1.5636,-4.14352 -1.5636,-6.41073 v 0 c 0,-1.25087 -1.01633,-2.26721 -2.2672,-2.57992 -21.18669,-4.69078 -37.13533,-22.35938 -37.13533,-43.46788 z m 179.50045,424.6718 c 0.31272,0.93816 0.3909,1.87632 0.3909,2.89265 l -4.53442,57.30568 c -0.31272,4.06534 -3.90898,7.2707 -8.28704,7.2707 H 445.68998 c -3.12718,0 -6.01983,-1.79813 -7.42707,-4.37806 l -24.1575,-44.87511 c -0.15636,-0.23454 -0.23454,-0.46908 -0.31272,-0.70362 l -22.75028,-55.11664 c -0.85997,-1.95449 -0.70361,-4.2217 0.23454,-6.09802 l 37.76077,-73.87976 c 0.93815,-1.79813 1.09451,-3.90898 0.3909,-5.78529 l -18.4504,-51.12948 c -0.62544,-1.79814 -0.54726,-3.83081 0.23454,-5.55076 l 30.80278,-65.59272 c 3.12718,-6.56709 13.36872,-6.01983 15.55775,0.85998 l 9.61609,29.86462 29.31737,78.49236 c 0.78179,2.18903 2.6581,3.90898 5.00349,4.69078 l 62.54372,21.34304 c 2.42357,0.85998 4.29988,2.65811 5.08167,4.92532 z"
|
||||||
|
id="XMLID_42_" />
|
||||||
|
<g
|
||||||
|
id="text4752"
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:341.333px;line-height:1.25;font-family:Roboto;-inkscape-font-specification:'Roboto Light';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
|
||||||
|
aria-label="WULKANOWY" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 6.2 KiB |
|
|
@ -71,5 +71,4 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -12,18 +12,19 @@
|
||||||
</v-list-item-avatar>
|
</v-list-item-avatar>
|
||||||
<v-list-item-content>
|
<v-list-item-content>
|
||||||
<v-list-item-title class="title">
|
<v-list-item-title class="title">
|
||||||
{{ nameSurname }}
|
Jan Kowalski
|
||||||
</v-list-item-title>
|
</v-list-item-title>
|
||||||
<v-list-item-subtitle>{{ className }}</v-list-item-subtitle>
|
<v-list-item-subtitle>4A</v-list-item-subtitle>
|
||||||
</v-list-item-content>
|
</v-list-item-content>
|
||||||
<v-btn
|
<v-btn
|
||||||
icon
|
icon
|
||||||
@click.stop="mini = !mini">
|
@click.stop="mini = !mini">
|
||||||
<v-icon>mdi-chevron-right</v-icon>
|
<v-icon>mdi-chevron-left</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
<v-divider></v-divider>
|
<v-divider></v-divider>
|
||||||
|
|
||||||
<v-list
|
<v-list
|
||||||
nav
|
nav
|
||||||
dense>
|
dense>
|
||||||
|
|
@ -31,7 +32,7 @@
|
||||||
v-model="this.$store.state.group">
|
v-model="this.$store.state.group">
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<v-list-item-icon>
|
<v-list-item-icon>
|
||||||
<v-icon>mdi-home</v-icon>
|
<v-icon>mdi-view-dashboard</v-icon>
|
||||||
</v-list-item-icon>
|
</v-list-item-icon>
|
||||||
<v-list-item-title>Dashboard</v-list-item-title>
|
<v-list-item-title>Dashboard</v-list-item-title>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
@ -50,6 +51,13 @@
|
||||||
<v-list-item-title>Attendance</v-list-item-title>
|
<v-list-item-title>Attendance</v-list-item-title>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
|
<v-list-item>
|
||||||
|
<v-list-item-icon>
|
||||||
|
<v-icon>mdi-calendar-outline</v-icon>
|
||||||
|
</v-list-item-icon>
|
||||||
|
<v-list-item-title>Exams</v-list-item-title>
|
||||||
|
</v-list-item>
|
||||||
|
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<v-list-item-icon>
|
<v-list-item-icon>
|
||||||
<v-icon>mdi-table-clock</v-icon>
|
<v-icon>mdi-table-clock</v-icon>
|
||||||
|
|
@ -71,6 +79,13 @@
|
||||||
<v-list-item-title>Homework</v-list-item-title>
|
<v-list-item-title>Homework</v-list-item-title>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
|
<v-list-item>
|
||||||
|
<v-list-item-icon>
|
||||||
|
<v-icon>mdi-trophy-outline</v-icon>
|
||||||
|
</v-list-item-icon>
|
||||||
|
<v-list-item-title>Notes and achievements</v-list-item-title>
|
||||||
|
</v-list-item>
|
||||||
|
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<v-list-item-icon>
|
<v-list-item-icon>
|
||||||
<v-icon>mdi-devices</v-icon>
|
<v-icon>mdi-devices</v-icon>
|
||||||
|
|
@ -84,6 +99,22 @@
|
||||||
</v-list-item-icon>
|
</v-list-item-icon>
|
||||||
<v-list-item-title>School</v-list-item-title>
|
<v-list-item-title>School</v-list-item-title>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
|
<v-divider></v-divider>
|
||||||
|
|
||||||
|
<v-list-item @click="clickMenu(settings)">
|
||||||
|
<v-list-item-icon>
|
||||||
|
<v-icon>mdi-cog</v-icon>
|
||||||
|
</v-list-item-icon>
|
||||||
|
<v-list-item-title>Settings</v-list-item-title>
|
||||||
|
</v-list-item>
|
||||||
|
|
||||||
|
<v-list-item @click="clickMenu(about)">
|
||||||
|
<v-list-item-icon>
|
||||||
|
<v-icon>mdi-information-outline</v-icon>
|
||||||
|
</v-list-item-icon>
|
||||||
|
<v-list-item-title>About</v-list-item-title>
|
||||||
|
</v-list-item>
|
||||||
</v-list-item-group>
|
</v-list-item-group>
|
||||||
</v-list>
|
</v-list>
|
||||||
</v-navigation-drawer>
|
</v-navigation-drawer>
|
||||||
|
|
@ -119,5 +150,4 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -23,6 +23,11 @@ const routes: Array<RouteConfig> = [
|
||||||
name: 'User',
|
name: 'User',
|
||||||
component: () => import('../views/Panel.vue'),
|
component: () => import('../views/Panel.vue'),
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '*',
|
||||||
|
name: 'Login',
|
||||||
|
component: () => import('../views/Login.vue'),
|
||||||
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
const router = new VueRouter({
|
const router = new VueRouter({
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,9 @@ export default new Vuex.Store({
|
||||||
group: null,
|
group: null,
|
||||||
mini: true,
|
mini: true,
|
||||||
appbarTitle: 'Dashboard',
|
appbarTitle: 'Dashboard',
|
||||||
selectedStudent: 0,
|
selcetDialog: false,
|
||||||
|
page: 'about',
|
||||||
|
showStudentsList: false,
|
||||||
},
|
},
|
||||||
mutations: {
|
mutations: {
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ export default new Vuex.Store({
|
||||||
state: {
|
state: {
|
||||||
isLoading: false,
|
isLoading: false,
|
||||||
loginData: null,
|
loginData: null,
|
||||||
showStudentsList: false,
|
showStudentsList: true,
|
||||||
},
|
},
|
||||||
mutations: {
|
mutations: {
|
||||||
},
|
},
|
||||||
|
|
|
||||||
71
frontend/src/views/PP.vue
Normal file
71
frontend/src/views/PP.vue
Normal file
|
|
@ -0,0 +1,71 @@
|
||||||
|
<template>
|
||||||
|
<div id="App">
|
||||||
|
<v-main style="width: 100%;">
|
||||||
|
<img class="image" src="../assets/logo_login.svg" alt="Wulkanowy">
|
||||||
|
<v-card
|
||||||
|
elevation="24"
|
||||||
|
id="form"
|
||||||
|
class="mx-auto">
|
||||||
|
<v-row align="center">
|
||||||
|
<v-col cols="12">
|
||||||
|
<div id="nag">Polityka Prywatności</div>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<v-col cols="12">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||||
|
Maecenas eget tempor nulla.Nam vulputate nisi ac magna pulvinar,
|
||||||
|
vitae aliquam lorem consectetur. In egetnplacerat ex, et tempor elit.
|
||||||
|
Donec ac volutpat orci. Integer sagittis eget mi a blandit. Nullam
|
||||||
|
ac quam a nisl elementum pretium vel sit amet augue. Praesent
|
||||||
|
sollicitudin aliquam mi, et condimentum elit vehicula id.
|
||||||
|
Pellentesque dapibus dolor nec nulla cursus bibendum.
|
||||||
|
Cras enim tortor, feugiat at bibendum ut, ultricies
|
||||||
|
non quam. Nulla at lorem non lorem tincidunt tempus.
|
||||||
|
Pellentesque habitant morbi tristique senectus et netus et
|
||||||
|
malesuada fames ac turpis egestas. Suspendisse at rutrum lectus.
|
||||||
|
Nunc aliquet commodo scelerisque. Ut euismod pellentesque diam
|
||||||
|
eget accumsan. Fusce eget elementum leo, sed auctor erat.
|
||||||
|
</v-col>
|
||||||
|
</v-card>
|
||||||
|
</v-main>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'PP',
|
||||||
|
methods: {
|
||||||
|
getLoading() {
|
||||||
|
return this.$store.state.isLoading;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#App {
|
||||||
|
text-align: center;
|
||||||
|
background-position: center center;
|
||||||
|
overflow: hidden;
|
||||||
|
background-image: url("../assets/wallpaper.jpg");
|
||||||
|
background-size: cover;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#form {
|
||||||
|
top: 5%;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
width: 750px;
|
||||||
|
padding: 20px;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image{
|
||||||
|
max-width: 500px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div id="App" style="margin: 0;">
|
||||||
<div id="appbar">
|
<div id="appbar">
|
||||||
<Appbar></Appbar>
|
<Appbar></Appbar>
|
||||||
<Drawer></Drawer>
|
<Drawer></Drawer>
|
||||||
|
|
@ -21,5 +21,4 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue