<template>
<div>
  <button @click="facebookLogin">
    facebookログイン
  </button>
</div>
</template>

<script>
import { mapActions } from 'vuex'

export default {
  methods: {
    facebookLogin() {
      this.signIn()
    },
    ...mapActions('user', ['signIn'])
  }
}
</script>

export const actions = {
  signIn() {
    firebase.auth().signInWithRedirect(
      new firebase.auth.FacebookAuthProvider()
    )
  }
}

export const actions = {
  async postPlan({ commit }, plan) {
    const imageUrl = await uploadImage(plan.image)
    plan.imageUrl = imageUrl

    await firebase.database().ref('/plans/').push(plan)
  }
}

async function uploadImage(image) {
  const storageRef = firebase.storage().ref().child('uploads/plans/' + 'imageName')
  await storageRef.put(image)
  const uploadedImageUrl = await storageRef.getDownloadURL()
  return uploadedImageUrl
}

<template>
<div>
  <button @click="submit">
    投稿する
  </button>
</div>
</template>

<script>
import { mapActions } from 'vuex'

export default {
  methods: {
    submit() {
      this.postPlan(this.plan)
    },
    ...mapActions('plans', ['postPlan'])
  },
  data() {
    return () {
      plan: null
    }
  }
}
</script>

const functions = require('firebase-functions')
const admin = require('firebase-admin')
const rp = require('request-promise')
admin.initializeApp(functions.config().firebase)

exports.notifyContact = functions.database.ref('/contacts/{contactId}').onCreate((snapshot, context) => {
  const contact = snapshot.val()

  return rp({
    method: 'POST',
    uri: 'https://hooks.slack.com/services/{token}',
    body: {
      text: `${contact.username}さんからお問い合わせが来ました。${contact.description} 返信メールアドレス: ${contact.mail}`,
    },
    json: true,
  });
})

application: {
  plan: {
    title: String,
    user: {
      name: String,
      email: String,
    }
  }
}

const functions = require('firebase-functions')
const admin = require('firebase-admin')
admin.initializeApp(functions.config().firebase)

// 以下のコマンドで、firebase functionsに環境変数を設定できる
// firebase functions:config:set gmail.email="送信元のメールアドレス" gmail.password="送信元のgoogle アカウントのpassword"
const nodemailer = require('nodemailer')
const gmailEmail = functions.config().gmail.email
const gmailPassword = functions.config().gmail.password
const mailTransport = nodemailer.createTransport({
  service: 'gmail',
  auth: {
    user: gmailEmail,
    pass: gmailPassword
  }
})

exports.watchApplications = functions.database.ref('/applications/{applicationId}').onCreate(async (snapshot, context) => {
  const application = snapshot.val()
  const plan = application.plan

  const email = {
    from: gmailEmail,
    to: plan.user.email,
    subject: `【withruit】${plan.title}に、リクエストがきました！`,
    text: `${plan.user.name}さんの投稿した${plan.title}に応募が来ました！`
  }
  mailTransport.sendMail(email, (err, info) => {
    if (err) {
        return console.log(err)
    }
    return console.log('success')
  })
})

$firebase deploy --only hosting