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

6
js/components/table.vue
View File

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