RageCage64
/
GameGab
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Retrieval components working, Guest vs Logged In working

Browse Source
pull/1/head
Braydon Kains 6 years ago
parent b6cdb63cd2
commit 1e47c49c6c
14 changed files with 247 additions and 111 deletions
Show Stats Download Patch File Download Diff File

13
app/Http/Controllers/PostController.php
Unescape Escape View File

@ -3,7 +3,7 @@
namespace App\Http\Controllers; namespace App\Http\Controllers;
use App\Post; use App\Post;
use App\PostCollection; use App\Http\Resources\PostCollection;
use Illuminate\Http\Request; use Illuminate\Http\Request;
class PostController extends Controller class PostController extends Controller
@ -29,6 +29,17 @@ class PostController extends Controller
return view("edit_post")->withPost($post); return view("edit_post")->withPost($post);
} }
/**
* Show the posts for a certain thread.
*
* @param int $thread
*/
public function show(int $thread_id) {
$posts = new PostCollection(Post::with("poster")->get()->where("thread_id", $thread_id));
//dd($posts);
return $posts;
}
/** /**
* Store a newly created resource in storage. * Store a newly created resource in storage.
* *

14
app/Http/Controllers/ThreadController.php
Unescape Escape View File

@ -29,6 +29,15 @@ class ThreadController extends Controller
return view("create_thread"); return view("create_thread");
} }
/**
* Show thread view.
*
* @param int $thread
*/
public function view_thread(int $thread_id) {
return view("thread")->with("thread_id", $thread_id);
}
/** /**
* Show the form for editing the specified resource. * Show the form for editing the specified resource.
* *
@ -65,8 +74,9 @@ class ThreadController extends Controller
*/ */
public function show(int $id) public function show(int $id)
{ {
$selected_thread = new ThreadsCollection(Thread::with("posts")->get()->where("id", $id)); $selected_thread = new ThreadsCollection(Thread::with("creator")->get()->where("id", $id));
return $selected_thread; //dd(Thread::with("posts")->get()->where("id", $id));
return Thread::with("creator")->find($id);//$selected_thread;
} }
/** /**

2
app/Http/Resources/PostCollection.php
Unescape Escape View File

@ -15,7 +15,7 @@ class PostCollection extends ResourceCollection
public function toArray($request) public function toArray($request)
{ {
return [ return [
'data' => $this->$collection 'data' => $this->collection
]; ];
} }
} }

225
public/js/app.js vendored
Unescape Escape View File

@ -1809,10 +1809,10 @@ __webpack_require__.r(__webpack_exports__);
/***/ }), /***/ }),
/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/TagSelectComponent.vue?vue&type=script&lang=js&": /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ThreadComponent.vue?vue&type=script&lang=js&":
/*!*****************************************************************************************************************************************************************************!*\ /*!**************************************************************************************************************************************************************************!*\
!*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/TagSelectComponent.vue?vue&type=script&lang=js& ***! !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/ThreadComponent.vue?vue&type=script&lang=js& ***!
\*****************************************************************************************************************************************************************************/ \**************************************************************************************************************************************************************************/
/*! exports provided: default */ /*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
@ -1826,27 +1826,34 @@ __webpack_require__.r(__webpack_exports__);
// //
// //
// //
//
//
/* harmony default export */ __webpack_exports__["default"] = ({ /* harmony default export */ __webpack_exports__["default"] = ({
data: function data() { data: function data() {
return { return {
tags: [], threads: [],
tag: { thread: {
id: '', id: '',
tag_text: '' thread_title: '',
} creator: {
name: ''
}
},
thread_id: '',
edit: false
}; };
}, },
created: function created() { created: function created() {
this.fetchTags(); this.fetchThreads();
}, },
methods: { methods: {
fetchTags: function fetchTags() { fetchThreads: function fetchThreads() {
var _this = this; var _this = this;
fetch("api/tags").then(function (res) { fetch("api/threads").then(function (res) {
return res.json(); return res.json();
}).then(function (res) { }).then(function (res) {
_this.tags = res.data; _this.threads = res.data;
}); });
} }
} }
@ -1854,10 +1861,10 @@ __webpack_require__.r(__webpack_exports__);
/***/ }), /***/ }),
/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ThreadComponent.vue?vue&type=script&lang=js&": /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ThreadViewComponent.vue?vue&type=script&lang=js&":
/*!**************************************************************************************************************************************************************************!*\ /*!******************************************************************************************************************************************************************************!*\
!*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/ThreadComponent.vue?vue&type=script&lang=js& ***! !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/ThreadViewComponent.vue?vue&type=script&lang=js& ***!
\**************************************************************************************************************************************************************************/ \******************************************************************************************************************************************************************************/
/*! exports provided: default */ /*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
@ -1873,33 +1880,50 @@ __webpack_require__.r(__webpack_exports__);
// //
// //
// //
//
/* harmony default export */ __webpack_exports__["default"] = ({ /* harmony default export */ __webpack_exports__["default"] = ({
props: ['thread_id'],
data: function data() { data: function data() {
return { return {
threads: [], id: '',
thread: { thread_title: '',
creator: {
name: ''
},
posts: [],
post: {
id: '', id: '',
thread_title: '', content: '',
creator: { poster: {
name: '' name: ''
} }
}, }
thread_id: '',
edit: false
}; };
}, },
created: function created() { created: function created() {
this.fetchThreads(); this.fetchThread();
}, },
methods: { methods: {
fetchThreads: function fetchThreads() { fetchThread: function fetchThread() {
var _this = this; var _this = this;
fetch("api/threads").then(function (res) { fetch("../api/thread/" + this.thread_id).then(function (res) {
return res.json(); return res.json();
}).then(function (res) { }).then(function (res) {
_this.threads = res.data; _this.id = res.id;
_this.thread_title = res.thread_title;
_this.creator = res.creator;
}).catch(function (err) {
return console.log(err);
});
fetch("../api/post/thread/" + this.thread_id).then(function (res) {
return res.json();
}).then(function (res) {
_this.posts = res.data;
}).catch(function (err) {
return console.log(err);
}); });
;
} }
} }
}); });
@ -37004,10 +37028,10 @@ render._withStripped = true
/***/ }), /***/ }),
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/TagSelectComponent.vue?vue&type=template&id=6b77d292&": /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ThreadComponent.vue?vue&type=template&id=fb8db610&":
/*!*********************************************************************************************************************************************************************************************************************!*\ /*!******************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/TagSelectComponent.vue?vue&type=template&id=6b77d292& ***! !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/ThreadComponent.vue?vue&type=template&id=fb8db610& ***!
\*********************************************************************************************************************************************************************************************************************/ \******************************************************************************************************************************************************************************************************************/
/*! exports provided: render, staticRenderFns */ /*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
@ -37021,12 +37045,20 @@ var render = function() {
var _c = _vm._self._c || _h var _c = _vm._self._c || _h
return _c( return _c(
"div", "div",
_vm._l(_vm.tags, function(tag) { [
return _c("div", { key: tag.id, staticClass: "card card-body" }, [ _c("h2", [_vm._v("Browse Threads")]),
_c("p", [_vm._v(_vm._s(tag.tag_text))]) _vm._v(" "),
]) _vm._l(_vm.threads, function(thread) {
}), return _c("div", { key: thread.id, staticClass: "card card-body" }, [
0 _c("p", [_vm._v(_vm._s(thread.creator.name))]),
_vm._v(" "),
_c("a", { attrs: { href: "./test/" + thread.id } }, [
_c("h3", [_vm._v(_vm._s(thread.thread_title))])
])
])
})
],
2
) )
} }
var staticRenderFns = [] var staticRenderFns = []
@ -37036,10 +37068,10 @@ render._withStripped = true
/***/ }), /***/ }),
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ThreadComponent.vue?vue&type=template&id=fb8db610&": /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ThreadViewComponent.vue?vue&type=template&id=14c8b65a&":
/*!******************************************************************************************************************************************************************************************************************!*\ /*!**********************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/ThreadComponent.vue?vue&type=template&id=fb8db610& ***! !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/ThreadViewComponent.vue?vue&type=template&id=14c8b65a& ***!
\******************************************************************************************************************************************************************************************************************/ \**********************************************************************************************************************************************************************************************************************/
/*! exports provided: render, staticRenderFns */ /*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
@ -37054,15 +37086,15 @@ var render = function() {
return _c( return _c(
"div", "div",
[ [
_c("h2", [_vm._v("Browse Threads")]), _c("h2", [_vm._v(_vm._s(_vm.thread_title))]),
_vm._v(" "), _vm._v(" "),
_vm._l(_vm.threads, function(thread) { _c("h3", [_vm._v("By " + _vm._s(_vm.creator.name))]),
return _c("div", { key: thread.id, staticClass: "card card-body" }, [ _vm._v(" "),
_c("p", [_vm._v(_vm._s(thread.creator.name))]), _vm._l(_vm.posts, function(post) {
return _c("div", { key: post.id, staticClass: "card card-body" }, [
_c("p", [_vm._v(_vm._s(post.poster.name))]),
_vm._v(" "), _vm._v(" "),
_c("a", { attrs: { href: "./test/" + thread.id } }, [ _c("p", [_vm._v(_vm._s(post.content))])
_c("h3", [_vm._v(_vm._s(thread.thread_title))])
])
]) ])
}) })
], ],
@ -49238,8 +49270,9 @@ window.Vue = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.
// files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default)); // files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default));
Vue.component('thread-component', __webpack_require__(/*! ./components/ThreadComponent.vue */ "./resources/js/components/ThreadComponent.vue").default); Vue.component('thread-component', __webpack_require__(/*! ./components/ThreadComponent.vue */ "./resources/js/components/ThreadComponent.vue").default);
Vue.component('tag_selector', __webpack_require__(/*! ./components/TagSelectComponent.vue */ "./resources/js/components/TagSelectComponent.vue").default); Vue.component('thread-view', __webpack_require__(/*! ./components/ThreadViewComponent.vue */ "./resources/js/components/ThreadViewComponent.vue").default);
Vue.component('thread-create-form', __webpack_require__(/*! ./components/CreateThreadComponent.vue */ "./resources/js/components/CreateThreadComponent.vue").default); Vue.component('thread-create', __webpack_require__(/*! ./components/CreateThreadComponent.vue */ "./resources/js/components/CreateThreadComponent.vue").default); //Vue.component('tag_selector', require('./components/TagSelectComponent.vue').default);
/** /**
* Next, we will create a fresh Vue application instance and attach it to * Next, we will create a fresh Vue application instance and attach it to
* the page. Then, you may begin adding components to this application * the page. Then, you may begin adding components to this application
@ -49379,17 +49412,17 @@ __webpack_require__.r(__webpack_exports__);
/***/ }), /***/ }),
/***/ "./resources/js/components/TagSelectComponent.vue": /***/ "./resources/js/components/ThreadComponent.vue":
/*!********************************************************!*\ /*!*****************************************************!*\
!*** ./resources/js/components/TagSelectComponent.vue ***! !*** ./resources/js/components/ThreadComponent.vue ***!
\********************************************************/ \*****************************************************/
/*! exports provided: default */ /*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
__webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _TagSelectComponent_vue_vue_type_template_id_6b77d292___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TagSelectComponent.vue?vue&type=template&id=6b77d292& */ "./resources/js/components/TagSelectComponent.vue?vue&type=template&id=6b77d292&"); /* harmony import */ var _ThreadComponent_vue_vue_type_template_id_fb8db610___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ThreadComponent.vue?vue&type=template&id=fb8db610& */ "./resources/js/components/ThreadComponent.vue?vue&type=template&id=fb8db610&");
/* harmony import */ var _TagSelectComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TagSelectComponent.vue?vue&type=script&lang=js& */ "./resources/js/components/TagSelectComponent.vue?vue&type=script&lang=js&"); /* harmony import */ var _ThreadComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ThreadComponent.vue?vue&type=script&lang=js& */ "./resources/js/components/ThreadComponent.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js"); /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
@ -49399,9 +49432,9 @@ __webpack_require__.r(__webpack_exports__);
/* normalize component */ /* normalize component */
var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])( var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
_TagSelectComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"], _ThreadComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
_TagSelectComponent_vue_vue_type_template_id_6b77d292___WEBPACK_IMPORTED_MODULE_0__["render"], _ThreadComponent_vue_vue_type_template_id_fb8db610___WEBPACK_IMPORTED_MODULE_0__["render"],
_TagSelectComponent_vue_vue_type_template_id_6b77d292___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"], _ThreadComponent_vue_vue_type_template_id_fb8db610___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
false, false,
null, null,
null, null,
@ -49411,54 +49444,54 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
/* hot reload */ /* hot reload */
if (false) { var api; } if (false) { var api; }
component.options.__file = "resources/js/components/TagSelectComponent.vue" component.options.__file = "resources/js/components/ThreadComponent.vue"
/* harmony default export */ __webpack_exports__["default"] = (component.exports); /* harmony default export */ __webpack_exports__["default"] = (component.exports);
/***/ }), /***/ }),
/***/ "./resources/js/components/TagSelectComponent.vue?vue&type=script&lang=js&": /***/ "./resources/js/components/ThreadComponent.vue?vue&type=script&lang=js&":
/*!*********************************************************************************!*\ /*!******************************************************************************!*\
!*** ./resources/js/components/TagSelectComponent.vue?vue&type=script&lang=js& ***! !*** ./resources/js/components/ThreadComponent.vue?vue&type=script&lang=js& ***!
\*********************************************************************************/ \******************************************************************************/
/*! exports provided: default */ /*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
__webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TagSelectComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib??ref--4-0!../../../node_modules/vue-loader/lib??vue-loader-options!./TagSelectComponent.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/TagSelectComponent.vue?vue&type=script&lang=js&"); /* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib??ref--4-0!../../../node_modules/vue-loader/lib??vue-loader-options!./ThreadComponent.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ThreadComponent.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TagSelectComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]);
/***/ }), /***/ }),
/***/ "./resources/js/components/TagSelectComponent.vue?vue&type=template&id=6b77d292&": /***/ "./resources/js/components/ThreadComponent.vue?vue&type=template&id=fb8db610&":
/*!***************************************************************************************!*\ /*!************************************************************************************!*\
!*** ./resources/js/components/TagSelectComponent.vue?vue&type=template&id=6b77d292& ***! !*** ./resources/js/components/ThreadComponent.vue?vue&type=template&id=fb8db610& ***!
\***************************************************************************************/ \************************************************************************************/
/*! exports provided: render, staticRenderFns */ /*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
__webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TagSelectComponent_vue_vue_type_template_id_6b77d292___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib??vue-loader-options!./TagSelectComponent.vue?vue&type=template&id=6b77d292& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/TagSelectComponent.vue?vue&type=template&id=6b77d292&"); /* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadComponent_vue_vue_type_template_id_fb8db610___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib??vue-loader-options!./ThreadComponent.vue?vue&type=template&id=fb8db610& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ThreadComponent.vue?vue&type=template&id=fb8db610&");
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TagSelectComponent_vue_vue_type_template_id_6b77d292___WEBPACK_IMPORTED_MODULE_0__["render"]; }); /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadComponent_vue_vue_type_template_id_fb8db610___WEBPACK_IMPORTED_MODULE_0__["render"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TagSelectComponent_vue_vue_type_template_id_6b77d292___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; }); /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadComponent_vue_vue_type_template_id_fb8db610___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
/***/ }), /***/ }),
/***/ "./resources/js/components/ThreadComponent.vue": /***/ "./resources/js/components/ThreadViewComponent.vue":
/*!*****************************************************!*\ /*!*********************************************************!*\
!*** ./resources/js/components/ThreadComponent.vue ***! !*** ./resources/js/components/ThreadViewComponent.vue ***!
\*****************************************************/ \*********************************************************/
/*! exports provided: default */ /*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
__webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _ThreadComponent_vue_vue_type_template_id_fb8db610___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ThreadComponent.vue?vue&type=template&id=fb8db610& */ "./resources/js/components/ThreadComponent.vue?vue&type=template&id=fb8db610&"); /* harmony import */ var _ThreadViewComponent_vue_vue_type_template_id_14c8b65a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ThreadViewComponent.vue?vue&type=template&id=14c8b65a& */ "./resources/js/components/ThreadViewComponent.vue?vue&type=template&id=14c8b65a&");
/* harmony import */ var _ThreadComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ThreadComponent.vue?vue&type=script&lang=js& */ "./resources/js/components/ThreadComponent.vue?vue&type=script&lang=js&"); /* harmony import */ var _ThreadViewComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ThreadViewComponent.vue?vue&type=script&lang=js& */ "./resources/js/components/ThreadViewComponent.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js"); /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
@ -49468,9 +49501,9 @@ __webpack_require__.r(__webpack_exports__);
/* normalize component */ /* normalize component */
var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])( var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
_ThreadComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"], _ThreadViewComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
_ThreadComponent_vue_vue_type_template_id_fb8db610___WEBPACK_IMPORTED_MODULE_0__["render"], _ThreadViewComponent_vue_vue_type_template_id_14c8b65a___WEBPACK_IMPORTED_MODULE_0__["render"],
_ThreadComponent_vue_vue_type_template_id_fb8db610___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"], _ThreadViewComponent_vue_vue_type_template_id_14c8b65a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
false, false,
null, null,
null, null,
@ -49480,38 +49513,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
/* hot reload */ /* hot reload */
if (false) { var api; } if (false) { var api; }
component.options.__file = "resources/js/components/ThreadComponent.vue" component.options.__file = "resources/js/components/ThreadViewComponent.vue"
/* harmony default export */ __webpack_exports__["default"] = (component.exports); /* harmony default export */ __webpack_exports__["default"] = (component.exports);
/***/ }), /***/ }),
/***/ "./resources/js/components/ThreadComponent.vue?vue&type=script&lang=js&": /***/ "./resources/js/components/ThreadViewComponent.vue?vue&type=script&lang=js&":
/*!******************************************************************************!*\ /*!**********************************************************************************!*\
!*** ./resources/js/components/ThreadComponent.vue?vue&type=script&lang=js& ***! !*** ./resources/js/components/ThreadViewComponent.vue?vue&type=script&lang=js& ***!
\******************************************************************************/ \**********************************************************************************/
/*! exports provided: default */ /*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
__webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib??ref--4-0!../../../node_modules/vue-loader/lib??vue-loader-options!./ThreadComponent.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ThreadComponent.vue?vue&type=script&lang=js&"); /* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadViewComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib??ref--4-0!../../../node_modules/vue-loader/lib??vue-loader-options!./ThreadViewComponent.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ThreadViewComponent.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadViewComponent_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]);
/***/ }), /***/ }),
/***/ "./resources/js/components/ThreadComponent.vue?vue&type=template&id=fb8db610&": /***/ "./resources/js/components/ThreadViewComponent.vue?vue&type=template&id=14c8b65a&":
/*!************************************************************************************!*\ /*!****************************************************************************************!*\
!*** ./resources/js/components/ThreadComponent.vue?vue&type=template&id=fb8db610& ***! !*** ./resources/js/components/ThreadViewComponent.vue?vue&type=template&id=14c8b65a& ***!
\************************************************************************************/ \****************************************************************************************/
/*! exports provided: render, staticRenderFns */ /*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
__webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadComponent_vue_vue_type_template_id_fb8db610___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib??vue-loader-options!./ThreadComponent.vue?vue&type=template&id=fb8db610& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ThreadComponent.vue?vue&type=template&id=fb8db610&"); /* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadViewComponent_vue_vue_type_template_id_14c8b65a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib??vue-loader-options!./ThreadViewComponent.vue?vue&type=template&id=14c8b65a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ThreadViewComponent.vue?vue&type=template&id=14c8b65a&");
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadComponent_vue_vue_type_template_id_fb8db610___WEBPACK_IMPORTED_MODULE_0__["render"]; }); /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadViewComponent_vue_vue_type_template_id_14c8b65a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadComponent_vue_vue_type_template_id_fb8db610___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; }); /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ThreadViewComponent_vue_vue_type_template_id_14c8b65a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });

5
resources/js/app.js vendored
Unescape Escape View File

@ -21,8 +21,9 @@ window.Vue = require('vue');
// files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default)); // files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default));
Vue.component('thread-component', require('./components/ThreadComponent.vue').default); Vue.component('thread-component', require('./components/ThreadComponent.vue').default);
Vue.component('tag_selector', require('./components/TagSelectComponent.vue').default); Vue.component('thread-view', require('./components/ThreadViewComponent.vue').default);
Vue.component('thread-create-form', require('./components/CreateThreadComponent.vue').default); Vue.component('thread-create', require('./components/CreateThreadComponent.vue').default);
//Vue.component('tag_selector', require('./components/TagSelectComponent.vue').default);
/** /**
* Next, we will create a fresh Vue application instance and attach it to * Next, we will create a fresh Vue application instance and attach it to

58
resources/js/components/ThreadViewComponent.vue
Unescape Escape View File

@ -0,0 +1,58 @@
<template>
<div>
<h2>{{ thread_title }}</h2>
<h3>By {{ creator.name }}</h3>
<div class="card card-body" v-for="post in posts" v-bind:key="post.id">
<p>{{ post.poster.name }}</p>
<p>{{ post.content }}</p>
</div>
</div>
</template>
<script>
export default {
props: ['thread_id'],
data() {
return {
id: '',
thread_title: '',
creator: {
name: ''
},
posts: [],
post: {
id: '',
content: '',
poster: {
name: ''
}
}
}
},
created() {
this.fetchThread();
},
methods: {
fetchThread() {
fetch("../api/thread/" + this.thread_id)
.then(res => res.json())
.then(res => {
this.id = res.id;
this.thread_title = res.thread_title;
this.creator = res.creator;
})
.catch(err => console.log(err));
fetch("../api/post/thread/" + this.thread_id)
.then(res => res.json())
.then(res => {
this.posts = res.data;
})
.catch(err => console.log(err));;
}
}
}
</script>

9
resources/views/create_thread.blade.php
Unescape Escape View File

@ -0,0 +1,9 @@
@extends('layouts.app')
@section('content')
<div class="app">
<div class="container">
<create-thread-form user_id="<?php ?>">
</div>
</div>
@endsection

2
resources/views/home.blade.php
Unescape Escape View File

@ -14,7 +14,7 @@
</div> </div>
@endif @endif
You are logged in! <button onclick="event.preventDefault();document.getElementById('logout-form').submit();" class="btn btn-primary">Logout</button>
</div> </div>
</div> </div>
</div> </div>

7
resources/views/layouts/app.blade.php
Unescape Escape View File

@ -39,6 +39,9 @@
<!-- Right Side Of Navbar --> <!-- Right Side Of Navbar -->
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
<!-- Authentication Links --> <!-- Authentication Links -->
<li class="nav-item">
<a class="nav-link" href="{{ route('threads') }}">{{ __('Threads') }}</a>
</li>
@guest @guest
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a> <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
@ -55,12 +58,14 @@
</a> </a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="{{ route('home') }}">
{{ __('Dashboard') }}
</a>
<a class="dropdown-item" href="{{ route('logout') }}" <a class="dropdown-item" href="{{ route('logout') }}"
onclick="event.preventDefault(); onclick="event.preventDefault();
document.getElementById('logout-form').submit();"> document.getElementById('logout-form').submit();">
{{ __('Logout') }} {{ __('Logout') }}
</a> </a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;"> <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
@csrf @csrf
</form> </form>

9
resources/views/thread.blade.php
Unescape Escape View File

@ -0,0 +1,9 @@
@extends('layouts.app')
@section('content')
<div class="app">
<div class="container">
<thread-view thread_id="<?php echo $thread_id; ?>">
</div>
</div>
@endsection

0
resources/views/dashboard.blade.php → resources/views/threads.blade.php
Unescape Escape View File

BIN
routes/.api.php.swp
View File

Binary file not shown.

2
routes/api.php
Unescape Escape View File

@ -35,6 +35,8 @@ Route::post($thread_prefix . '/destroy/{thread}', 'ThreadController@destroy');
* Post routes * Post routes
*/ */
$post_prefix = "post"; $post_prefix = "post";
//Gets
Route::get($post_prefix . '/thread/{thread_id}', 'PostController@show');
//Posts //Posts
Route::post($post_prefix . '/update/{post}', 'PostController@update'); Route::post($post_prefix . '/update/{post}', 'PostController@update');

12
routes/web.php
Unescape Escape View File

@ -12,17 +12,15 @@
*/ */
Route::get('/', function () { Route::get('/', function () {
return view('welcome'); return redirect('/home');
}); });
Auth::routes(); Auth::routes();
Route::get('/home', 'HomeController@index')->name('home'); Route::get('/home', 'HomeController@index')->name('home');
Route::get('/test', function() { Route::get('/threads', function() {
return view("dashboard"); return view("threads");
}); })->name('threads');
Route::get('/test/{id}', function() { Route::get('/test/{thread_id}', "ThreadController@view_thread");
return view("thread");
});

Write Preview
Loading…
Cancel
Save