obserwacja artykułów back-end laravel

Question

Witam, jak powinna wyglądać obserwacja artykułów po stronie back-endu. Oczywiście, po kliknięciu w "FOLLOW" do bazy zostają dodane dane takie jak 

user_id
article_id

jednak chcę, aby kiedy użytkownik kliknie FOLLOW przycisk zmienił się na UNFOLLOW, tak jak jest np na olx tylko z obserwacją ogłoszeń i wielu innych serwisach. Ogarnąłem to po stronie frontu jednak wiadomo, po odświeżeniu wracamy do zera. Po stronie back używam Laravela front jest w Vue

Comments

Podaj kod to pokaże jak.

---

na razie mam tylko kod dodawania danych obserwowanego artykułu

public function store(FollowArticleRequest $request){
        $follow = new FollowArticle();
        $follow->user_id = Auth::user()->id;
        $follow->article_id = $request->article_id;
        $follow->save();
        return response()->json([
            'status' => 'success',
            'msg' => 'Dodano do obserwowanych!'
        ]);
    }

 

---

A kod który zwraca artykuł masz ? Jeśli tak to go podaj.

---

public function view($id)
    {
        $article = Article::findOrFail($id);
        return response()->json([
            'data' => [
                'article' => $article
            ]
        ], 200);
    }

 

---

A masz jakomś relacje ?

---

konkretni zdefiniowanej w laravelu jeszcze nie. Po prostu w tabeli FollowArticle mam kolumnę article_id i wiem który artykuł obserwuję

Answer 1

Utwórz relacje i potem 

public function view($id)
    {
        $article = Article::with("RELACJA")->findOrFail($id);
        return response()->json([
            'data' => [
                'article' => $article
            ]
        ], 200);
    }

później napisz kod frontend

Comments

jak ma wyglądać owa relacja?

---

W modelu article

public function follow(){
return $this->hasMany("App\FollowArticle","article_id","id");
} 

w klasie 

---

ok, a "RELACJA" to nazwa klasy czyli w tym przypadku "follow"?

---

Tak i wyślij frontend

---

no i teraz jednak nie wiem jak dopisać front

mam

 data() {
      return {
        follow: false
      }
    },


computed: {
      ...mapGetters({
        addFollowArticle: 'addFollowArticle',
        unFollow: 'unFollow'
      })
    },

methods: {
      addFollow() {
        this.$store.dispatch('addFollowArticle', this.$route.params.id)
      },

      unFollow() {
        this.$store.dispatch('deleteFollowArticle', this.$route.params.id)
      }

    },

<!-- subscribe widget -->
            <div class="widget subscribe-widget">
              <button v-if="!follow" class="input-btn w-100" @click="addFollow()"><i
                class="fa fa-star-o"></i> <span id="uFollow">
                Obserwuj
              </span>
              </button>
              <button v-else class="input-btn w-100" @click="unFollow()"><span class="fa fa-star"></span> Obserwujesz
              </button>
            </div>
            <!-- /subscribe widget -->

i teraz jak sprawdzić czy aktualnie zalogowany użytkownik obserwuje dany artykuł, gdzie zrobić tego ifa i zmieniać zmienną follow

dane z api otrzymuję w takiej formie

{
    "data": {
        "article": {
            "id": 2,
            "user_id": 2,
            "title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
            "description": "description",
            "body": "content",
            "created_at": "2018-09-30 09:26:32",
            "updated_at": "2018-09-30 09:26:32",
            "follow": [
                {
                    "id": 13,
                    "user_id": 2,
                    "article_id": 2,
                    "created_at": "2018-09-30 12:31:22",
                    "updated_at": "2018-09-30 12:31:22"
                }
            ]
        }
    }
}

 

---

methods:{
IsFollow(){
let return_data;
dane.filter(folow)=>{
if(!return_data){
return_data = follow.user.id==dane_user.id
}
});
}
}

Jeszcze zrób relacje użytkownika do follow

PS: WŁASNIE PRACUJE NAD PROJEKTEM W VUE