feat: 新增可回傳分享網址的按鈕

This commit is contained in:
Ting-Jun Wang 2021-01-17 23:48:59 +08:00
parent 9b594d008e
commit 2290855b2f
Signed by: snsd0805
GPG Key ID: 8DB0D22BC1217D33
2 changed files with 12 additions and 2 deletions

View File

@ -34,7 +34,7 @@
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="https://github.com/snsd0805/NCNU_Course">Github</a></li>
<li v-if="token==''" class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href='#' v-on:click="login()">Facebook登入</a></li>
<li v-if="token!=''" class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#" v-on:click="logout()">登出Facebook—{{user}}</a></li>
<li v-if="token!=''" class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#" v-on:click="logout()">登出Facebook—{{user.name}}</a></li>
</ul>
</div>
@ -61,6 +61,9 @@
<div class="col-4">
<div><button class="btn btn-success" @click="generatePic()">下載圖檔</button></div>
</div>
<div class="col-4">
<div><button class="btn btn-primary" @click="share()">分享課表</button></div>
</div>
</div>
</div>
<div class="row">

View File

@ -68,7 +68,7 @@ var vm = new Vue({
if(response.status == "connected"){
this.token = response.authResponse.accessToken
FB.api('/me', function(response){vm.user = response.name})
FB.api('/me', function(response){vm.user = response})
fetch('https://api.snsd0805.com/courseTable?token='+this.token)
.then(function(response){
@ -180,6 +180,13 @@ var vm = new Vue({
a.download = '課表.jpg';
a.click();
});
},
'share': function(){
url = "https://snsd0805.com/NCNU_Course/share.html?id="
if(this.user!="")
alert("請複製以下網址給你的朋友,跟他分享你的課表\n\n"+url+this.user.id)
else
this.login()
}
},
components: {