Commit f4b5bd60 authored by 黄奎's avatar 黄奎

页面修改

parent b5834441
...@@ -124,7 +124,7 @@ ...@@ -124,7 +124,7 @@
</thead> </thead>
</table> </table>
<div class="planTabDiv" ref="planTabDiv"> <div class="planTabDiv" ref="planTabDiv">
<table class="ClassPlanTable planClass-table" ref="PlanTable" style="border-collapse:collapse;margin-top:0;"> <table class="ClassPlanTable planClass-table" ref="PlanTable" style="border-collapse:collapse;margin-top:0;" v-loading="loading">
<tbody> <tbody>
<tr v-for="(item,index) in dataList.fridayList" :key="index"> <tr v-for="(item,index) in dataList.fridayList" :key="index">
<td> <td>
...@@ -176,6 +176,10 @@ ...@@ -176,6 +176,10 @@
type: Object, type: Object,
default: null default: null
}, },
loading:{
type:Boolean,
default:false,
}
}, },
components: { components: {
mateitem, mateitem,
......
...@@ -2,328 +2,248 @@ ...@@ -2,328 +2,248 @@
<div class="page-body MainPlan xg"> <div class="page-body MainPlan xg">
<div class="col row wrap q-col-gutter-md"> <div class="col row wrap q-col-gutter-md">
<div class="col-2 flex"> <div class="col-2 flex">
<el-select <el-select v-model="msg.TeacherId" style="width: 100%" placeholder="教师" size="small" @change="getPlanList()">
v-model="msg.TeacherId" <el-option v-for="item in TeacherList" :key="item.TeacherName" :label="item.TeacherName" :value="item.TId">
style="width: 100%"
placeholder="教师"
size="small"
@change="getPlanList()"
>
<el-option
v-for="item in TeacherList"
:key="item.TeacherName"
:label="item.TeacherName"
:value="item.TId"
>
</el-option> </el-option>
<div <div slot="prefix" class="full-height flex items-center" style="color: #000; padding-right: 10px">
slot="prefix"
class="full-height flex items-center"
style="color: #000; padding-right: 10px"
>
教师: 教师:
</div> </div>
</el-select> </el-select>
</div> </div>
<div class="col-2"> <div class="col-2">
<el-select <el-select v-model="msg.ClassRoomId" style="width: 100%" placeholder="教室" size="small" @change="getTypeWay()">
v-model="msg.ClassRoomId" <el-option v-for="item in ClassRoomList" :key="item.RoomName" :label="item.RoomName" :value="item.RoomId">
style="width: 100%"
placeholder="教室"
size="small"
@change="getTypeWay()"
>
<el-option
v-for="item in ClassRoomList"
:key="item.RoomName"
:label="item.RoomName"
:value="item.RoomId"
>
</el-option> </el-option>
<div <div slot="prefix" class="full-height flex items-center" style="color: #000; padding-right: 10px">
slot="prefix"
class="full-height flex items-center"
style="color: #000; padding-right: 10px"
>
教室: 教室:
</div> </div>
</el-select> </el-select>
</div> </div>
<div class="col-2" style="width: 13%"> <div class="col-2" style="width: 13%">
<el-date-picker <el-date-picker v-model="msg.StartTime" type="date" value-format="yyyy-MM-dd" placeholder="开始日期" size="small"
v-model="msg.StartTime" style="width: 100%" @change="getTypeWay()" :picker-options="picker" :clearable="false">
type="date"
value-format="yyyy-MM-dd"
placeholder="开始日期"
size="small"
style="width: 100%"
@change="getTypeWay()"
:picker-options="picker"
:clearable="false"
>
</el-date-picker> </el-date-picker>
</div> </div>
<div class="col-2" style="width: 13%"> <div class="col-2" style="width: 13%">
<el-date-picker <el-date-picker v-model="msg.EndTime" type="date" value-format="yyyy-MM-dd" placeholder="结束日期" size="small"
v-model="msg.EndTime" style="width: 100%" @change="getTypeWay()" clear-icon="iconfont icon-guanbi" :picker-options="pickerEnd">
type="date"
value-format="yyyy-MM-dd"
placeholder="结束日期"
size="small"
style="width: 100%"
@change="getTypeWay()"
clear-icon="iconfont icon-guanbi"
:picker-options="pickerEnd"
>
</el-date-picker> </el-date-picker>
</div> </div>
<div class="col-1" style="width: 10%"> <div class="col-1" style="width: 10%">
<el-select <el-select v-model="msg.ClassType" style="width: 100%" placeholder="类型" size="small" @change="getTypeWay()">
v-model="msg.ClassType"
style="width: 100%"
placeholder="类型"
size="small"
@change="getTypeWay()"
>
<el-option :key="0" label="全部" :value="0"> </el-option> <el-option :key="0" label="全部" :value="0"> </el-option>
<el-option :key="1" label="正常" :value="1"> </el-option> <el-option :key="1" label="正常" :value="1"> </el-option>
<el-option :key="2" label="试听课" :value="2"> </el-option> <el-option :key="2" label="试听课" :value="2"> </el-option>
<div <div slot="prefix" class="full-height flex items-center" style="color: #000; padding-right: 10px">
slot="prefix"
class="full-height flex items-center"
style="color: #000; padding-right: 10px"
>
状态: 状态:
</div> </div>
</el-select> </el-select>
</div> </div>
<div class="col-3" style="width: 30%"> <div class="col-3" style="width: 30%">
<q-btn <q-btn color="accent" size="sm" class="q-mr-md" style="margin-top: 2px" @click="exchangeType"
color="accent" :label="typeName" />
size="sm" <q-btn color="accent" size="sm" class="q-mr-md" label="下载计划" @click="downLoadPlan()" />
class="q-mr-md" <q-btn color="negative" size="sm" label="调课申请" @click="openForm"></q-btn>
style="margin-top: 2px"
@click="exchangeType"
:label="typeName"
/>
<q-btn
color="accent"
size="sm"
class="q-mr-md"
label="下载计划"
@click="downLoadPlan()"
/>
<q-btn
color="negative"
size="sm"
label="调课申请"
@click="openForm"
></q-btn>
</div> </div>
</div> </div>
<classmateForm :dataList="dataList" v-if="commonType == 1"></classmateForm> <classmateForm :dataList="dataList" v-if="commonType == 1" :loading="loading"></classmateForm>
<change-class-form <change-class-form v-if="persistent" @close="closeSaveForm" @success="refreshPage"></change-class-form>
v-if="persistent" <teachTable v-if="commonType == 2" :tableData="tableData" :PageCount="PageCount" :setMsg="tabMsg" :showCZ="false"
@close="closeSaveForm" @getChange="getChange" :loading="loading"></teachTable>
@success="refreshPage"
></change-class-form>
<teachTable
v-if="commonType == 2"
:tableData="tableData"
:PageCount="PageCount"
:setMsg="tabMsg"
:showCZ="false"
@getChange="getChange"
></teachTable>
</div> </div>
</template> </template>
<script> <script>
import { import {
getTeacherDropDownList, getTeacherDropDownList,
queryClassRoomList, queryClassRoomList,
} from "../../api/school/index"; } from "../../api/school/index";
import { import {
GetClassPlanStatistical, GetClassPlanStatistical,
GetClassPlanStatisticalPage, GetClassPlanStatisticalPage,
} from "../../api/teacher/index"; } from "../../api/teacher/index";
import { EduDownLoad } from "../../api/common/common"; import {
import classmateForm from "../../components/course/classmate-form"; EduDownLoad
import teachTable from "../teacher/components/teachTable"; } from "../../api/common/common";
import changeClassForm from "../../components/teacher/changeClassForm.vue"; import classmateForm from "../../components/course/classmate-form";
import teachTable from "../teacher/components/teachTable";
import changeClassForm from "../../components/teacher/changeClassForm.vue";
export default { export default {
meta: { meta: {
title: "教师课表", title: "教师课表",
}, },
components: { components: {
classmateForm, classmateForm,
teachTable, teachTable,
changeClassForm, changeClassForm,
}, },
data() { data() {
return { return {
persistent: false, persistent: false,
TeacherList: [], //教师团队 TeacherList: [], //教师团队
ClassRoomList: [], // ClassRoomList: [], //
StartTime: "",
EndTime: "",
TeacherId: 0,
ClassRoomId: 0,
dataList: {},
activeNames: [1],
msg: {
StartTime: "",
EndTime: "",
TeacherId: 0,
ClassRoomId: 0,
ClassType: 0,
},
commonType: 1, //1日历模式 2列表模式
typeName: "列表模式",
tabMsg: {
PageIndex: 1,
PageSize: 12,
rowsPerPage: 12,
StartTime: "", StartTime: "",
EndTime: "", EndTime: "",
TeacherId: 0, TeacherId: 0,
ClassRoomId: 0, ClassRoomId: 0,
ClassType: 0, dataList: {},
}, activeNames: [1],
tableData: [], //表格数据 msg: {
PageCount: 0, StartTime: "",
picker: { EndTime: "",
disabledDate: (time) => { TeacherId: 0,
// let endTime=this.msg.EndTime ClassRoomId: 0,
// if(endTime){ ClassType: 0,
// return Date.now() - 8.64e7>time.getTime()>=new Date(endTime).getTime()- 8.64e7
// }else{
// return time.getTime() < Date.now() - 8.64e7
// }
}, },
}, commonType: 1, //1日历模式 2列表模式
pickerEnd: { typeName: "列表模式",
disabledDate: (time) => { tabMsg: {
let startTime = this.msg.StartTime; PageIndex: 1,
if (startTime) { PageSize: 12,
return time.getTime() <= new Date(startTime).getTime() - 8.64e7; rowsPerPage: 12,
} else { StartTime: "",
return time.getTime() < Date.now() - 8.64e7; EndTime: "",
} TeacherId: 0,
ClassRoomId: 0,
ClassType: 0,
}, },
}, tableData: [], //表格数据
}; PageCount: 0,
}, picker: {
created() { disabledDate: (time) => {
if (this.$route.query && this.$route.query.ClassType) { // let endTime=this.msg.EndTime
this.msg.ClassType = this.$route.query.ClassType; // if(endTime){
} // return Date.now() - 8.64e7>time.getTime()>=new Date(endTime).getTime()- 8.64e7
let date = new Date(); // }else{
let today = // return time.getTime() < Date.now() - 8.64e7
date.getFullYear() + // }
"-" + },
(date.getMonth() < 9 },
? "0" + (date.getMonth() + 1) pickerEnd: {
: date.getMonth() + 1) + disabledDate: (time) => {
"-" + let startTime = this.msg.StartTime;
(date.getDate() < 10 ? "0" + date.getDate() : date.getDate()); if (startTime) {
this.msg.StartTime = today; return time.getTime() <= new Date(startTime).getTime() - 8.64e7;
this.tabMsg.StartTime = today; } else {
this.getClassRoomList(); return time.getTime() < Date.now() - 8.64e7;
}, }
mounted() { },
this.GetTeacherList(); },
this.getPlanList(); loading:false,
}, };
methods: {
downLoadPlan() {
//导出
var newMsg = JSON.parse(JSON.stringify(this.msg));
EduDownLoad("/Class/DownLoadClassPlan", newMsg, "老师上课计划.xls");
},
refreshPage() {
this.getPlanList();
},
openForm() {
this.persistent = true;
},
closeSaveForm() {
this.persistent = false;
},
// 获取校区教室导航列表
getPlanList() {
GetClassPlanStatistical(this.msg).then((res) => {
if (res.Code == 1) {
this.dataList = res.Data;
}
});
}, },
//获取教师下拉 created() {
GetTeacherList() { if (this.$route.query && this.$route.query.ClassType) {
getTeacherDropDownList({}).then((res) => { this.msg.ClassType = this.$route.query.ClassType;
if (res.Code == 1) { }
this.TeacherList = res.Data; let date = new Date();
var obj = { let today =
TeacherName: "请选择", date.getFullYear() +
TId: 0, "-" +
}; (date.getMonth() < 9 ?
this.TeacherList.unshift(obj); "0" + (date.getMonth() + 1) :
} date.getMonth() + 1) +
}); "-" +
(date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
this.msg.StartTime = today;
this.tabMsg.StartTime = today;
this.getClassRoomList();
}, },
//获取教室下拉 mounted() {
getClassRoomList() { this.GetTeacherList();
queryClassRoomList({}).then((res) => { this.getPlanList();
if (res.Code == 1) {
this.ClassRoomList = res.Data;
var obj = {
RoomName: "请选择",
RoomId: 0,
};
this.ClassRoomList.unshift(obj);
}
});
}, },
exchangeType() { methods: {
if (this.commonType == 1) { downLoadPlan() {
this.commonType = 2; //导出
this.typeName = "日历模式"; var newMsg = JSON.parse(JSON.stringify(this.msg));
this.getTableList(); EduDownLoad("/Class/DownLoadClassPlan", newMsg, "老师上课计划.xls");
} else { },
this.commonType = 1; refreshPage() {
this.typeName = "列表模式";
this.getPlanList(); this.getPlanList();
} },
}, openForm() {
getTableList() { this.persistent = true;
this.tabMsg.StartTime = this.msg.StartTime; },
this.tabMsg.EndTime = this.msg.EndTime; closeSaveForm() {
this.tabMsg.ClassRoomId = this.msg.ClassRoomId; this.persistent = false;
this.tabMsg.ClassType = this.msg.ClassType; },
GetClassPlanStatisticalPage(this.tabMsg).then((res) => { // 获取校区教室导航列表
if (res.Code == 1) { getPlanList() {
this.tableData = res.Data.PageData; GetClassPlanStatistical(this.msg).then((res) => {
this.PageCount = res.Data.PageCount; if (res.Code == 1) {
this.dataList = res.Data;
}
});
},
//获取教师下拉
GetTeacherList() {
getTeacherDropDownList({}).then((res) => {
if (res.Code == 1) {
this.TeacherList = res.Data;
var obj = {
TeacherName: "请选择",
TId: 0,
};
this.TeacherList.unshift(obj);
}
});
},
//获取教室下拉
getClassRoomList() {
queryClassRoomList({}).then((res) => {
if (res.Code == 1) {
this.ClassRoomList = res.Data;
var obj = {
RoomName: "请选择",
RoomId: 0,
};
this.ClassRoomList.unshift(obj);
}
});
},
exchangeType() {
if (this.commonType == 1) {
this.commonType = 2;
this.typeName = "日历模式";
this.getTableList();
} else {
this.commonType = 1;
this.typeName = "列表模式";
this.getPlanList();
} }
}); },
}, getTableList() {
getChange(val) { this.tabMsg.StartTime = this.msg.StartTime;
this.tabMsg.PageIndex = val; this.tabMsg.EndTime = this.msg.EndTime;
this.getTableList(); this.tabMsg.ClassRoomId = this.msg.ClassRoomId;
}, this.tabMsg.ClassType = this.msg.ClassType;
getTypeWay() { this.loading=true;
if (this.commonType == 2) { GetClassPlanStatisticalPage(this.tabMsg).then((res) => {
this.loading=false;
if (res.Code == 1) {
this.tableData = res.Data.PageData;
this.PageCount = res.Data.PageCount;
}
});
},
getChange(val) {
this.tabMsg.PageIndex = val;
this.getTableList(); this.getTableList();
} else { },
this.getPlanList(); getTypeWay() {
} if (this.commonType == 2) {
this.getTableList();
} else {
this.getPlanList();
}
},
}, },
}, };
};
</script> </script>
<style lang="scss"> <style lang="scss">
.xg .el-input--prefix .el-input__inner { .xg .el-input--prefix .el-input__inner {
padding-left: 50px; padding-left: 50px;
} }
</style> </style>
\ No newline at end of file
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
</div> </div>
</div> </div>
<teachTable v-if="commonType == 2" :tableData="tableData" :PageCount="PageCount" :setMsg="tabMsg" :showCZ="true" <teachTable v-if="commonType == 2" :tableData="tableData" :PageCount="PageCount" :setMsg="tabMsg" :showCZ="true"
@getChange="getChange"></teachTable> @getChange="getChange" :loading="loading"></teachTable>
</div> </div>
</template> </template>
...@@ -80,6 +80,7 @@ ...@@ -80,6 +80,7 @@
TeacherId: 0, TeacherId: 0,
ClassRoomId: 0, ClassRoomId: 0,
dataList: {}, dataList: {},
loading:false,
msg: { msg: {
StartTime: "", StartTime: "",
EndTime: "", EndTime: "",
...@@ -211,7 +212,9 @@ ...@@ -211,7 +212,9 @@
this.tabMsg.ClassRoomId = this.msg.ClassRoomId; this.tabMsg.ClassRoomId = this.msg.ClassRoomId;
this.tabMsg.ClassType = this.msg.ClassType; this.tabMsg.ClassType = this.msg.ClassType;
this.tabMsg.TeacherId=this.msg.TeacherId; this.tabMsg.TeacherId=this.msg.TeacherId;
this.loading=true;
GetClassPlanStatisticalPage(this.tabMsg).then((res) => { GetClassPlanStatisticalPage(this.tabMsg).then((res) => {
this.loading=false;
if (res.Code == 1) { if (res.Code == 1) {
this.tableData = res.Data.PageData; this.tableData = res.Data.PageData;
this.PageCount = res.Data.PageCount; this.PageCount = res.Data.PageCount;
......
<template> <template>
<div style="padding: 20px 0"> <div style="padding: 20px 0">
<div class="page-content"> <div class="page-content">
<q-table <q-table :pagination="setMsg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table sticky-right-column-table"
:pagination="setMsg" separator="none" :data="tableData" :columns="showCZ ? columns : columns2" row-key="name">
no-data-label="暂无相关数据"
flat
class="sticky-column-table sticky-right-column-table"
separator="none"
:data="tableData"
:columns="showCZ ? columns : columns2"
row-key="name"
>
<template v-slot:body-cell-GuestList="props"> <template v-slot:body-cell-GuestList="props">
<q-td auto-width :props="props"> <q-td auto-width :props="props">
<span <span v-for="(item, index) in props.row.GuestList" style="margin-right: 5px" :key="index">
v-for="(item, index) in props.row.GuestList"
style="margin-right: 5px"
>
{{ item.GuestName }} {{ item.GuestName }}
</span> </span>
</q-td> </q-td>
...@@ -31,198 +20,178 @@ ...@@ -31,198 +20,178 @@
</template> </template>
<template v-slot:body-cell-optioned="props"> <template v-slot:body-cell-optioned="props">
<q-td> <q-td>
<q-btn <q-btn flat size="xs" icon="iconfont icon-view" v-if="props.row.ClassType == 1" color="accent"
flat style="font-weight: 400" label="课程回顾" @click="goCourseRecord(props.row)" />
size="xs" <q-btn flat size="xs" icon="iconfont icon-view" v-if="props.row.ClassType == 1" color="accent"
icon="iconfont icon-view" style="font-weight: 400" label="课程反馈" @click="goFeedBack(props.row)" />
v-if="props.row.ClassType == 1"
color="accent"
style="font-weight: 400"
label="课程回顾"
@click="goCourseRecord(props.row)"
/>
<q-btn
flat
size="xs"
icon="iconfont icon-view"
v-if="props.row.ClassType == 1"
color="accent"
style="font-weight: 400"
label="课程反馈"
@click="goFeedBack(props.row)"
/>
</q-td> </q-td>
</template> </template>
<template v-slot:bottom> <template v-slot:bottom>
<q-pagination <q-pagination class="full-width justify-end" v-model="PageIndex" color="primary" :max="PageCount"
class="full-width justify-end" :input="true" @input="changePage" />
v-model="PageIndex"
color="primary"
:max="PageCount"
:input="true"
@input="changePage"
/>
</template> </template>
</q-table> </q-table>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
setMsg: { setMsg: {
type: Object, type: Object,
default: null, default: null,
}, },
tableData: { tableData: {
type: Array, type: Array,
default: null, default: null,
}, },
PageCount: { PageCount: {
type: Number, type: Number,
default: null, default: null,
},
showCZ: {
//是否显示操作栏
Type: Boolean,
default: true,
},
loading:{
type:Boolean,
default:false,
}
}, },
showCZ: { meta: {
//是否显示操作栏 title: "我的课表",
Type: Boolean,
default: true,
}, },
}, components: {},
meta: { data() {
title: "我的课表", return {
}, columns: [{
components: {}, name: "ClassDate",
data() { label: "日期",
return { field: "ClassDate",
columns: [ align: "left",
{ },
name: "ClassDate", {
label: "日期", name: "StartTime",
field: "ClassDate", label: "上课时间",
align: "left", field: "StartTime",
}, align: "left",
{ },
name: "StartTime", {
label: "上课时间", name: "ClassName",
field: "StartTime", label: "班级",
align: "left", field: "ClassName",
}, align: "left",
{ },
name: "ClassName", {
label: "班级", name: "CourseName",
field: "ClassName", label: "课程名称",
align: "left", field: "CourseName",
}, align: "left",
{ },
name: "CourseName", {
label: "课程名称", name: "GuestList",
field: "CourseName", label: "学员名称",
align: "left", field: "GuestList",
}, align: "left",
{ },
name: "GuestList", {
label: "学员名称", name: "TeacherName",
field: "GuestList", label: "教师",
align: "left", field: "TeacherName",
}, align: "left",
{ },
name: "TeacherName", {
label: "教师", name: "TotalPlanNum",
field: "TeacherName", label: "课程进度",
align: "left", field: "TotalPlanNum",
}, align: "left",
{ },
name: "TotalPlanNum", {
label: "课程进度", name: "optioned",
field: "TotalPlanNum", label: "操作",
align: "left", field: "Id",
}, },
{ ],
name: "optioned", columns2: [{
label: "操作", name: "ClassDate",
field: "Id", label: "日期",
field: "ClassDate",
align: "left",
},
{
name: "StartTime",
label: "上课时间",
field: "StartTime",
align: "left",
},
{
name: "ClassName",
label: "班级",
field: "ClassName",
align: "left",
},
{
name: "CourseName",
label: "课程名称",
field: "CourseName",
align: "left",
},
{
name: "GuestList",
label: "学员名称",
field: "GuestList",
align: "left",
},
{
name: "TeacherName",
label: "教师",
field: "TeacherName",
align: "left",
},
{
name: "TotalPlanNum",
label: "课程进度",
field: "TotalPlanNum",
align: "left",
},
],
tabMsg: {
PageIndex: 1,
PageSize: 15,
rowsPerPage: 15,
StartTime: "",
EndTime: "",
TeacherId: 0,
ClassRoomId: 0,
ClassType: 0,
}, },
],
columns2: [
{
name: "ClassDate",
label: "日期",
field: "ClassDate",
align: "left",
},
{
name: "StartTime",
label: "上课时间",
field: "StartTime",
align: "left",
},
{
name: "ClassName",
label: "班级",
field: "ClassName",
align: "left",
},
{
name: "CourseName",
label: "课程名称",
field: "CourseName",
align: "left",
},
{
name: "GuestList",
label: "学员名称",
field: "GuestList",
align: "left",
},
{
name: "TeacherName",
label: "教师",
field: "TeacherName",
align: "left",
},
{
name: "TotalPlanNum",
label: "课程进度",
field: "TotalPlanNum",
align: "left",
},
],
tabMsg: {
PageIndex: 1, PageIndex: 1,
PageSize: 15, };
rowsPerPage: 15,
StartTime: "",
EndTime: "",
TeacherId: 0,
ClassRoomId: 0,
ClassType: 0,
},
PageIndex: 1,
};
},
created() {},
mounted() {},
methods: {
//翻页
changePage(val) {
this.PageIndex = val;
this.$emit("getChange", this.PageIndex);
},
//跳转到课程回顾
goCourseRecord(item) {
this.OpenNewUrl("../../classroom/courseInfo", {
id: item.Id,
});
}, },
//跳转到课程反馈 created() {},
goFeedBack(item) { mounted() {},
this.OpenNewUrl("/teacher/feedBackList", { methods: {
id: item.Id, //翻页
}); changePage(val) {
this.PageIndex = val;
this.$emit("getChange", this.PageIndex);
},
//跳转到课程回顾
goCourseRecord(item) {
this.OpenNewUrl("../../classroom/courseInfo", {
id: item.Id,
});
},
//跳转到课程反馈
goFeedBack(item) {
this.OpenNewUrl("/teacher/feedBackList", {
id: item.Id,
});
},
}, },
}, };
};
</script> </script>
<style lang="sass"> <style lang="sass">
@import url('~assets/css/table.sass') @import url('~assets/css/table.sass')
</style> </style>
\ No newline at end of file
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