snsd0805/NCNU_Course
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

去除圖檔的「刪除」按鈕

Browse Source
This commit is contained in:
vincentinttsh 2021-01-24 02:14:20 +08:00
parent 37fd6d5ce5
commit fd4b28c930
2 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
js/components/main.vue
View File

@ -7,7 +7,8 @@ var mainWindow = {
'selectDepartment': '',
'foundName': "",
"user": "",
'token': ""
'token': "",
'is_print': false,
}
},
created() {
@ -194,6 +195,7 @@ var mainWindow = {
}
},
'generatePic': function () {
this.is_print = true;
html2canvas(document.getElementById('course-table-div')).then(function (canvas) {
var a = document.createElement('a');
a.href = canvas.toDataURL("image/jpeg").replace("image/jpeg", "image/octet-stream");
@ -206,7 +208,10 @@ var mainWindow = {
$('#share').modal('show');
else
this.login()
}
},
'enableDelete': function () {
this.is_print = !this.is_print;
},
},
components: {
'course-table': courseTable,
@ -249,14 +254,18 @@ var mainWindow = {
</div>
<div class="divider-custom">
<div class="row">
<div class="col-4">
<div class="col-3">
<div v-if="token!=''"><button class="btn btn-danger" @click="saveCourseTable()">儲存</button></div>
<div v-if="token==''"><button class="btn btn-danger" @click="saveCourseTable()">儲存(登入FB)</button></div>
</div>
<div class="col-4">
<div class="col-3">
<div><button class="btn btn-success" @click="generatePic()">下載圖檔</button></div>
</div>
<div class="col-4">
<div class="col-3">
<div><button class="btn btn-info" v-if="is_print" @click="enableDelete()">可刪除</button></div>
<div><button class="btn btn-info" v-if="!is_print" @click="enableDelete()">不可刪除</button></div>
</div>
<div class="col-3">
<div><button class="btn btn-primary" @click="share()">分享課表</button></div>
</div>
</div>
@ -291,6 +300,7 @@ var mainWindow = {
id="course-table-div"
v-bind:selectCourses="selectCourses"
v-bind:select_c="selectCourses"
v-bind:is_print="is_print"
v-bind:is_shared="false"
v-on:remove-course="removeCourse"
></course-table>

6
js/components/table.vue
View File

@ -1,5 +1,5 @@
var courseDiv = {
props: ['course', 'is_shared'],
props: ['course', 'is_shared', 'is_print'],
template: `
<div style='border: 5px #1abc9c solid; text-align: center;'>
{{ course.name }}
@ -7,6 +7,7 @@ var courseDiv = {
v-if="!is_shared"
v-on:click="$emit('remove-course', course.name)"
class="btn btn-danger btn-sm"
:style="{'display': is_print ? 'none' : 'inline-block'}"
>
刪
</button>
@ -22,7 +23,7 @@ var tempDiv = {
`
}
var courseTable = {
props: ['select_c', 'is_shared'],
props: ['select_c', 'is_shared', 'is_print'],
data: function(){
return {
'courses': {},
@ -112,6 +113,7 @@ var courseTable = {
v-if="exist(week+String.fromCharCode(97+((hour<5)?(hour-1):(hour-2)))) && !courses[week+String.fromCharCode(97+((hour<5)?(hour-1):(hour-2)))].temp"
v-bind:course="courses[week+String.fromCharCode(97+((hour<5)?(hour-1):(hour-2)))]"
v-bind:is_shared="is_shared"
v-bind:is_print="is_print"
v-on:remove-course="removeCourseHandler"
></course-div>
<temp-div