Skip to content
Snippets Groups Projects
Commit 14347437 authored by oetrb's avatar oetrb
Browse files

added EditCourse.vue

parent 55ee6800
No related branches found
No related tags found
No related merge requests found
Expand all Show whitespace changes
Inline Side-by-side
src/components/Courses.vue
+ 4
− 4
View file @ 14347437
<template>
<div class="content col-md-12">
<div class="search_box col-md-4">
<div id="search_box" class="search_box col-md-4">
<div class="entry_box-inner">
<a id="exportbutton" class="button" href="./exporttable">Tabelle exportieren</a>
<a id="addbutton" class="button" href="./createcourse">neuen Eintrag hinzufügen</a>
<a id="editbutton" class="button" href="./editcourse">Eintrag bearbeiten</a>
<a id="editbutton" class="button" href="./editcourse">ausgewählten Eintrag bearbeiten</a>
<a id="deletebutton" class="button" href="./editcourse">ausgewählte Einträge löschen</a>
</div>
<div class="search_box-inner">
......
src/components/CreateEditComponents/CreateCourse.vue
+ 1
− 2
View file @ 14347437
......@@ -3,7 +3,6 @@
<div class="row col-md-12">
<div id="content" class="content col-md-12">
<form @submit="validateBeforeSubmit" class="col-md-10" style="margin-bottom: 20px">
{{message}}
<div class="form-row">
<div class="col-md-11 mb-3">
<h1 class="formTitle" style="margin-top: 30px">Angebotsnummer</h1>
......@@ -112,7 +111,7 @@
<div class="col-md-11 mb-3">
<button class="btn btn-primary btn-lg btn-block" style="margin-top: 20px; border-radius: 10px" type="button" @click="validateBeforeSubmit">Eintrag hinzufügen</button>
</div>
</div> h
</div>
<div class="row">
<div class="col-md-12 mb-3">
</div>
......
src/components/CreateEditComponents/EditCourse.vue 0 → 100644
+ 195
− 0
View file @ 14347437
<template>
<div>
<div class="row col-md-12">
<div id="content" class="content col-md-12">
<form @submit="validateBeforeSubmit" class="col-md-10" style="margin-bottom: 20px">
<div class="form-row">
<div class="col-md-11 mb-3">
<h1 class="formTitle" style="margin-top: 30px">Angebotsnummer</h1>
<div class="input_container">
<input v-model="course.coursenumber" type="text" class="form-control inputField" placeholder="Angebotsnummer" aria-label="angebotsnummer" required>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-11 mb-3">
<h1 class="formTitle">Angebot</h1>
<div class="input_container">
<input v-model="course.courseoffer" type="text" class="form-control inputField" placeholder="Angebot" aria-label="courseoffer" required>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-11 mb-3">
<h1 class="formTitle" style="margin-top: 10px">Kursname</h1>
<div class="input_container">
<input v-model="course.coursename" type="text" class="form-control inputField" placeholder="Kursname" aria-label="coursename" required>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-11 mb-3">
<h1 class="formTitle" style="margin-top: 30px">Veranstaltungsart</h1>
<div class="input_container">
<input v-model="course.eventtype" type="text" class="form-control inputField" placeholder="Veranstaltungsart" aria-label="eventtype" required>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-11 mb-3">
<h1 class="formTitle" style="margin-top: 10px">Kursdatum (yyyy-mm-dd)</h1>
<div class="input_container">
<input name="coursedate" v-model="course.coursedate" class="form-control inputField" placeholder="Kursdatum" aria-label="coursedate" required>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-11 mb-3">
<h1 class="formTitle" style="margin-top: 10px">Thema</h1>
<div class="input_container">
<input name="topic" v-model="course.topic" class="form-control inputField" placeholder="Thema" aria-label="topic" required>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-11 mb-3">
<h1 class="formTitle" style="margin-top: 10px">Kursort</h1>
<div class="input_container">
<input name="courselocation" v-model="course.courselocation" class="form-control inputField" placeholder="Kursort" aria-label="courselocation" required>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-11 mb-3">
<h1 class="formTitle" style="margin-top: 10px">Begleitende Lehrkraft</h1>
<div class="input_container">
<input name="accompanyingteacher" v-model="course.accompanyingteacher" class="form-control inputField" placeholder="Begleitende Lehrkraft" aria-label="accompanyingteacher" required>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-11 mb-3">
<h1 class="formTitle" style="margin-top: 10px">Betreuende Studenten</h1>
<div class="input_container">
<input name="supervisingstudents" v-model="course.supervisingstudents" class="form-control inputField" placeholder="Betreuende Studenten" aria-label="supervisingstudents" required>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-11 mb-3">
<h1 class="formTitle" style="margin-top: 10px">Anzahl der Anwesenden</h1>
<div class="input_container">
<input name="presentstudents" v-model="course.presentstudents" class="form-control inputField" placeholder="Anzahl der Anwesenden" aria-label="presentstudents" required>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-11 mb-3">
<h1 class="formTitle" style="margin-top: 10px">Anzahl der Angemeldeten</h1>
<div class="input_container">
<input name="registeredstudents" v-model="course.registeredstudents" class="form-control inputField" placeholder="Anzahl der Angemeldeten" aria-label="registeredstudents" required>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-11 mb-3">
<h1 class="formTitle" style="margin-top: 10px">Kursleiter</h1>
<div class="input_container">
<input name="instructor" v-model="course.instructor" class="form-control inputField" placeholder="Kursleiter" aria-label="instructor" required>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-11 mb-3">
<h1 class="formTitle" style="margin-top: 10px">Notiz</h1>
<div class="input_container">
<input name="notefield" v-model="course.notefield" class="form-control inputField" placeholder="Notiz" aria-label="notefield" required>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-11 mb-3">
<button class="btn btn-primary btn-lg btn-block" style="margin-top: 20px; border-radius: 10px" type="button" @click="validateBeforeSubmit">Eintrag hinzufügen</button>
</div>
</div>
<div class="row">
<div class="col-md-12 mb-3">
</div>
</div>
</form>
</div>
</div>
</div>
</template>
<script>
import Course from "@/models/course";
export default {
name: "EditCourse.vue",
data(){
return {
message: "",
course: new Course('', '', '', '', '', '', '', '', '', '', '', '', ''),
}
},
methods: {
validateBeforeSubmit() {
this.$validator.validate().then(isValid => {
if (isValid) {
console.log("isvalid")
this.$store.dispatch('course/insert', this.course).then(
data => {
this.message = data.message;
this.successful = true;
},
error => {
this.message = (error.response && error.response.data) || error.message || error.toString();
this.successful = false;
}
);
} else {
console.log("not isvalid")
}
});
}
}
}
</script>
<style scoped>
div.content {
background-color: whitesmoke;
position: fixed;
padding: 1px 16px;
height: 1000px;
overflow-y: auto;
}
.formTitle {
font-size: 14px;
font-weight: 500;
color: #6B6C6F;
}
.inputField {
height: 44px;
margin-top: 10px;
padding-left: 70px;
padding-right: 70px;
border-color: #DFE2E6;
border-width: 2px;
border-radius: 10px;
}
.input_container {
position:relative;
}
.btn {
margin-bottom: 200px;
}
</style>
\ No newline at end of file
src/components/Teachers.vue
+ 595
− 4
View file @ 14347437
This diff is collapsed.
src/router.js
+ 7
− 1
View file @ 14347437
......@@ -10,6 +10,7 @@ import Calendar from "./components/Calendar";
import Layouts from "./components/Layouts";
import Teachers from "./components/Teachers";
import CreateCourse from "@/components/CreateEditComponents/CreateCourse";
import EditCourse from "@/components/CreateEditComponents/EditCourse";
Vue.use(Router)
......@@ -17,12 +18,17 @@ const router = new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
// Button from Add Courses
// Button from Courses
{
path: '/createcourse',
name: 'neuen Eintrag hinzufügen',
component: CreateCourse
},
{
path: '/editcourse',
name: 'Eintrag bearbeiten',
component: EditCourse
},
// LOGIN / REGISTER
{
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment