Update app.js
This commit is contained in:
		
							
								
								
									
										638
									
								
								public/js/app.js
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										638
									
								
								public/js/app.js
									
									
									
									
										vendored
									
									
								
							@@ -2196,6 +2196,23 @@ __webpack_require__.r(__webpack_exports__);
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
/* harmony default export */ __webpack_exports__["default"] = ({
 | 
			
		||||
  name: "todays-pick",
 | 
			
		||||
  data: function data() {
 | 
			
		||||
@@ -2306,6 +2323,76 @@ __webpack_require__.r(__webpack_exports__);
 | 
			
		||||
 | 
			
		||||
/***/ }),
 | 
			
		||||
 | 
			
		||||
/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/pages/Topic.vue?vue&type=script&lang=js&":
 | 
			
		||||
/*!***********************************************************************************************************************************************************!*\
 | 
			
		||||
  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/pages/Topic.vue?vue&type=script&lang=js& ***!
 | 
			
		||||
  \***********************************************************************************************************************************************************/
 | 
			
		||||
/*! exports provided: default */
 | 
			
		||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
 | 
			
		||||
 | 
			
		||||
"use strict";
 | 
			
		||||
__webpack_require__.r(__webpack_exports__);
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
//
 | 
			
		||||
/* harmony default export */ __webpack_exports__["default"] = ({
 | 
			
		||||
  data: function data() {
 | 
			
		||||
    return {
 | 
			
		||||
      topic: [],
 | 
			
		||||
      articles: []
 | 
			
		||||
    };
 | 
			
		||||
  },
 | 
			
		||||
  mounted: function mounted() {
 | 
			
		||||
    var _this = this;
 | 
			
		||||
 | 
			
		||||
    axios.get("/api/topic/".concat(this.$route.params.slug)).then(function (response) {
 | 
			
		||||
      _this.topic = response.data.topic;
 | 
			
		||||
      _this.articles = response.data.articles;
 | 
			
		||||
    });
 | 
			
		||||
  }
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
/***/ }),
 | 
			
		||||
 | 
			
		||||
/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/pages/Article.vue?vue&type=style&index=0&lang=css&":
 | 
			
		||||
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
 | 
			
		||||
  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/pages/Article.vue?vue&type=style&index=0&lang=css& ***!
 | 
			
		||||
@@ -20606,16 +20693,16 @@ var render = function() {
 | 
			
		||||
      "div",
 | 
			
		||||
      { staticClass: "flex flex-wrap justify-center" },
 | 
			
		||||
      _vm._l(_vm.topics, function(topic) {
 | 
			
		||||
        return _c("a", {
 | 
			
		||||
        return _c("router-link", {
 | 
			
		||||
          key: topic.id,
 | 
			
		||||
          staticClass:
 | 
			
		||||
            "text-sm font-medium border border-gray-700 py-1 px-3 rounded-full mr-2 mt-2 mb-4 hover:bg-green-100 MvTyper",
 | 
			
		||||
          staticStyle: { color: "#4A5568" },
 | 
			
		||||
          attrs: { href: "#" },
 | 
			
		||||
          attrs: { to: { name: "topic.show", params: { slug: topic.slug } } },
 | 
			
		||||
          domProps: { textContent: _vm._s(topic.name) }
 | 
			
		||||
        })
 | 
			
		||||
      }),
 | 
			
		||||
      0
 | 
			
		||||
      1
 | 
			
		||||
    )
 | 
			
		||||
  ])
 | 
			
		||||
}
 | 
			
		||||
@@ -20627,7 +20714,10 @@ var staticRenderFns = [
 | 
			
		||||
    return _c("div", [
 | 
			
		||||
      _c(
 | 
			
		||||
        "h2",
 | 
			
		||||
        { staticClass: "text-center text-2xl font-bold text-gray-800 MvAamu" },
 | 
			
		||||
        {
 | 
			
		||||
          staticClass:
 | 
			
		||||
            "text-gray-800 font-bold text-3xl text-center mt-3 mb-2 MvAamu"
 | 
			
		||||
        },
 | 
			
		||||
        [_vm._v("\n           ތަފާތު މައުޟޫޢުތައް\n        ")]
 | 
			
		||||
      )
 | 
			
		||||
    ])
 | 
			
		||||
@@ -20685,7 +20775,7 @@ var render = function() {
 | 
			
		||||
                      _c("div", [
 | 
			
		||||
                        _c("div", {
 | 
			
		||||
                          staticClass:
 | 
			
		||||
                            "mt-5 text-gray-700 font-semibold text-2xl mb-2 text-right MvAamu",
 | 
			
		||||
                            "mt-5 text-gray-700 font-semibold text-2xl mb-2 text-right MvTyper hover:underline",
 | 
			
		||||
                          staticStyle: { direction: "rtl" },
 | 
			
		||||
                          domProps: { textContent: _vm._s(story.title) }
 | 
			
		||||
                        }),
 | 
			
		||||
@@ -20745,7 +20835,7 @@ var render = function() {
 | 
			
		||||
                  _vm._v(" "),
 | 
			
		||||
                  _c("div", {
 | 
			
		||||
                    staticClass:
 | 
			
		||||
                      "h-48 lg:w-48 flex-none bg-cover text-center overflow-hidden opacity-75 rounded-lg",
 | 
			
		||||
                      "h-48 lg:w-48 flex-none bg-cover text-center overflow-hidden opacity-75 rounded-lg object-right",
 | 
			
		||||
                    style: {
 | 
			
		||||
                      "background-image": "url(" + story.featured_image + ")"
 | 
			
		||||
                    },
 | 
			
		||||
@@ -20772,7 +20862,7 @@ var staticRenderFns = [
 | 
			
		||||
        "h3",
 | 
			
		||||
        {
 | 
			
		||||
          staticClass:
 | 
			
		||||
            "text-2xl font-bold text-gray-800 mt-3 mb-4 text-right MvAamu"
 | 
			
		||||
            "text-gray-800 font-bold text-3xl text-right mt-3 mr-3 MvAamu"
 | 
			
		||||
        },
 | 
			
		||||
        [_vm._v("\n            ފަހުގެ ޙަބަރުތަށް\n        ")]
 | 
			
		||||
      )
 | 
			
		||||
@@ -20816,93 +20906,131 @@ var render = function() {
 | 
			
		||||
          _vm._l(_vm.subarticles, function(subarticle) {
 | 
			
		||||
            return _c(
 | 
			
		||||
              "div",
 | 
			
		||||
              {
 | 
			
		||||
                key: subarticle.id,
 | 
			
		||||
                staticClass: "rounded w-full flex flex-col md:flex-row mb-10"
 | 
			
		||||
              },
 | 
			
		||||
              { key: subarticle.id },
 | 
			
		||||
              [
 | 
			
		||||
                _c("div", { staticClass: "bg-white rounded px-4" }, [
 | 
			
		||||
                  _c("div", {
 | 
			
		||||
                _c(
 | 
			
		||||
                  "router-link",
 | 
			
		||||
                  {
 | 
			
		||||
                    staticClass:
 | 
			
		||||
                      "md:mt-0 text-gray-800 font-semibold text-xl mb-2 text-right leading-8 MvAamu",
 | 
			
		||||
                    staticStyle: { direction: "rtl" },
 | 
			
		||||
                    domProps: { textContent: _vm._s(subarticle.title) }
 | 
			
		||||
                  }),
 | 
			
		||||
                  _vm._v(" "),
 | 
			
		||||
                  _c("div", { staticClass: "flex justify-end items-center" }, [
 | 
			
		||||
                    _c("div", [
 | 
			
		||||
                      _c("p", {
 | 
			
		||||
                      "rounded w-full flex flex-col md:flex-row mb-10",
 | 
			
		||||
                    attrs: {
 | 
			
		||||
                      to: {
 | 
			
		||||
                        name: "article.show",
 | 
			
		||||
                        params: { id: subarticle.id }
 | 
			
		||||
                      }
 | 
			
		||||
                    }
 | 
			
		||||
                  },
 | 
			
		||||
                  [
 | 
			
		||||
                    _c("div", { staticClass: "bg-white rounded px-4" }, [
 | 
			
		||||
                      _c("div", {
 | 
			
		||||
                        staticClass:
 | 
			
		||||
                          "font-semibold text-gray-700 text-sm capitalize MvTyper",
 | 
			
		||||
                        domProps: {
 | 
			
		||||
                          textContent: _vm._s(subarticle.source.name)
 | 
			
		||||
                        }
 | 
			
		||||
                      })
 | 
			
		||||
                    ]),
 | 
			
		||||
                    _vm._v(" "),
 | 
			
		||||
                    _c("img", {
 | 
			
		||||
                      staticClass: "h-10 w-10 rounded-full ml-1 object-cover",
 | 
			
		||||
                      attrs: { src: subarticle.source.logo }
 | 
			
		||||
                    })
 | 
			
		||||
                  ]),
 | 
			
		||||
                  _vm._v(" "),
 | 
			
		||||
                  _c(
 | 
			
		||||
                    "div",
 | 
			
		||||
                    {
 | 
			
		||||
                      staticClass:
 | 
			
		||||
                        "text-gray-600 text-md mt-1 flex justify-end items-center"
 | 
			
		||||
                    },
 | 
			
		||||
                    [
 | 
			
		||||
                          "md:mt-0 text-gray-800 font-semibold text-xl xl:text-md lg:text-md mb-2  text-right leading-8 sm:leading-9 md:leading-9 MvTyper hover:underline",
 | 
			
		||||
                        staticStyle: { direction: "rtl" },
 | 
			
		||||
                        domProps: { textContent: _vm._s(subarticle.title) }
 | 
			
		||||
                      }),
 | 
			
		||||
                      _vm._v(" "),
 | 
			
		||||
                      _c(
 | 
			
		||||
                        "svg",
 | 
			
		||||
                        {
 | 
			
		||||
                          staticClass: "h-4 w-4",
 | 
			
		||||
                          attrs: {
 | 
			
		||||
                            viewBox: "0 0 443.294 443.294",
 | 
			
		||||
                            fill: "currentColor",
 | 
			
		||||
                            xmlns: "http://www.w3.org/2000/svg"
 | 
			
		||||
                          }
 | 
			
		||||
                        },
 | 
			
		||||
                        "div",
 | 
			
		||||
                        { staticClass: "flex justify-end items-center" },
 | 
			
		||||
                        [
 | 
			
		||||
                          _c("path", {
 | 
			
		||||
                            attrs: {
 | 
			
		||||
                              d:
 | 
			
		||||
                                "M221.647 0C99.433 0 0 99.433 0 221.647s99.433 221.647 221.647 221.647 221.647-99.433 221.647-221.647S343.861 0 221.647 0zm0 415.588c-106.941 0-193.941-87-193.941-193.941s87-193.941 193.941-193.941 193.941 87 193.941 193.941-87 193.941-193.941 193.941z"
 | 
			
		||||
                            }
 | 
			
		||||
                          }),
 | 
			
		||||
                          _c("div", [
 | 
			
		||||
                            _c("p", {
 | 
			
		||||
                              staticClass:
 | 
			
		||||
                                "font-semibold text-gray-700 text-sm capitalize MvTyper",
 | 
			
		||||
                              domProps: {
 | 
			
		||||
                                textContent: _vm._s(subarticle.source.name)
 | 
			
		||||
                              }
 | 
			
		||||
                            })
 | 
			
		||||
                          ]),
 | 
			
		||||
                          _vm._v(" "),
 | 
			
		||||
                          _c("path", {
 | 
			
		||||
                            attrs: {
 | 
			
		||||
                              d:
 | 
			
		||||
                                "M235.5 83.118h-27.706v144.265l87.176 87.176 19.589-19.589-79.059-79.059z"
 | 
			
		||||
                            }
 | 
			
		||||
                          _c("img", {
 | 
			
		||||
                            staticClass:
 | 
			
		||||
                              "h-10 w-10 rounded-full ml-1 object-cover",
 | 
			
		||||
                            attrs: { src: subarticle.source.logo }
 | 
			
		||||
                          })
 | 
			
		||||
                        ]
 | 
			
		||||
                      ),
 | 
			
		||||
                      _vm._v(" "),
 | 
			
		||||
                      _c("span", {
 | 
			
		||||
                        staticClass: "ml-1",
 | 
			
		||||
                        domProps: { textContent: _vm._s(subarticle.readtime) }
 | 
			
		||||
                      _c(
 | 
			
		||||
                        "div",
 | 
			
		||||
                        {
 | 
			
		||||
                          staticClass:
 | 
			
		||||
                            "text-gray-600 text-md mt-1 flex justify-end items-center"
 | 
			
		||||
                        },
 | 
			
		||||
                        [
 | 
			
		||||
                          _c(
 | 
			
		||||
                            "svg",
 | 
			
		||||
                            {
 | 
			
		||||
                              staticClass: "h-4 w-4",
 | 
			
		||||
                              attrs: {
 | 
			
		||||
                                viewBox: "0 0 443.294 443.294",
 | 
			
		||||
                                fill: "currentColor",
 | 
			
		||||
                                xmlns: "http://www.w3.org/2000/svg"
 | 
			
		||||
                              }
 | 
			
		||||
                            },
 | 
			
		||||
                            [
 | 
			
		||||
                              _c("path", {
 | 
			
		||||
                                attrs: {
 | 
			
		||||
                                  d:
 | 
			
		||||
                                    "M221.647 0C99.433 0 0 99.433 0 221.647s99.433 221.647 221.647 221.647 221.647-99.433 221.647-221.647S343.861 0 221.647 0zm0 415.588c-106.941 0-193.941-87-193.941-193.941s87-193.941 193.941-193.941 193.941 87 193.941 193.941-87 193.941-193.941 193.941z"
 | 
			
		||||
                                }
 | 
			
		||||
                              }),
 | 
			
		||||
                              _vm._v(" "),
 | 
			
		||||
                              _c("path", {
 | 
			
		||||
                                attrs: {
 | 
			
		||||
                                  d:
 | 
			
		||||
                                    "M235.5 83.118h-27.706v144.265l87.176 87.176 19.589-19.589-79.059-79.059z"
 | 
			
		||||
                                }
 | 
			
		||||
                              })
 | 
			
		||||
                            ]
 | 
			
		||||
                          ),
 | 
			
		||||
                          _vm._v(" "),
 | 
			
		||||
                          _c("span", {
 | 
			
		||||
                            staticClass: "ml-1",
 | 
			
		||||
                            domProps: {
 | 
			
		||||
                              textContent: _vm._s(subarticle.readtime)
 | 
			
		||||
                            }
 | 
			
		||||
                          }),
 | 
			
		||||
                          _vm._v(" "),
 | 
			
		||||
                          _c(
 | 
			
		||||
                            "p",
 | 
			
		||||
                            {
 | 
			
		||||
                              staticClass:
 | 
			
		||||
                                "text-gray-600 text-sm text-right mb-2"
 | 
			
		||||
                            },
 | 
			
		||||
                            [
 | 
			
		||||
                              _vm._v(
 | 
			
		||||
                                "\n                                ‒\n                                " +
 | 
			
		||||
                                  _vm._s(
 | 
			
		||||
                                    _vm._f("moment")(
 | 
			
		||||
                                      subarticle.published_date,
 | 
			
		||||
                                      "calendar"
 | 
			
		||||
                                    )
 | 
			
		||||
                                  ) +
 | 
			
		||||
                                  "\n                            "
 | 
			
		||||
                              )
 | 
			
		||||
                            ]
 | 
			
		||||
                          )
 | 
			
		||||
                        ]
 | 
			
		||||
                      ),
 | 
			
		||||
                      _vm._v(" "),
 | 
			
		||||
                      _c("p", {
 | 
			
		||||
                        staticClass:
 | 
			
		||||
                          "block md:hidden p-2 pl-0 pt-1 text-sm text-gray-600 MvTyper",
 | 
			
		||||
                        staticStyle: { direction: "rtl" },
 | 
			
		||||
                        domProps: { textContent: _vm._s(subarticle.body[0]) }
 | 
			
		||||
                      })
 | 
			
		||||
                    ]
 | 
			
		||||
                  ),
 | 
			
		||||
                  _vm._v(" "),
 | 
			
		||||
                  _c("p", {
 | 
			
		||||
                    staticClass:
 | 
			
		||||
                      "block md:hidden p-2 pl-0 pt-1 text-sm text-gray-600 MvTyper",
 | 
			
		||||
                    staticStyle: { direction: "rtl" },
 | 
			
		||||
                    domProps: {
 | 
			
		||||
                      textContent: _vm._s(subarticle.body.slice(0, 150))
 | 
			
		||||
                    }
 | 
			
		||||
                  })
 | 
			
		||||
                ]),
 | 
			
		||||
                _vm._v(" "),
 | 
			
		||||
                _c("img", {
 | 
			
		||||
                  staticClass:
 | 
			
		||||
                    "block md:hidden lg:block rounded-md h-64 md:h-32 m-4 md:m-0",
 | 
			
		||||
                  attrs: { src: subarticle.featured_image }
 | 
			
		||||
                })
 | 
			
		||||
              ]
 | 
			
		||||
                    ]),
 | 
			
		||||
                    _vm._v(" "),
 | 
			
		||||
                    _c("img", {
 | 
			
		||||
                      staticClass:
 | 
			
		||||
                        "block md:hidden lg:block rounded-md h-64 md:h-32 m-4 md:m-0",
 | 
			
		||||
                      attrs: { src: subarticle.featured_image }
 | 
			
		||||
                    })
 | 
			
		||||
                  ]
 | 
			
		||||
                )
 | 
			
		||||
              ],
 | 
			
		||||
              1
 | 
			
		||||
            )
 | 
			
		||||
          }),
 | 
			
		||||
          0
 | 
			
		||||
@@ -20916,21 +21044,43 @@ var render = function() {
 | 
			
		||||
                  "mb-4 lg:mb-0 p-4 lg:p-0 w-full md:w-4/7 relative rounded block"
 | 
			
		||||
              },
 | 
			
		||||
              [
 | 
			
		||||
                _c("a", { attrs: { href: "#" } }, [
 | 
			
		||||
                  _c("img", {
 | 
			
		||||
                    staticClass: "rounded-md object-cover w-full h-3/4",
 | 
			
		||||
                    attrs: { src: _vm.article.featured_image }
 | 
			
		||||
                  })
 | 
			
		||||
                ]),
 | 
			
		||||
                _c(
 | 
			
		||||
                  "router-link",
 | 
			
		||||
                  {
 | 
			
		||||
                    attrs: {
 | 
			
		||||
                      to: {
 | 
			
		||||
                        name: "article.show",
 | 
			
		||||
                        params: { id: _vm.article.id }
 | 
			
		||||
                      }
 | 
			
		||||
                    }
 | 
			
		||||
                  },
 | 
			
		||||
                  [
 | 
			
		||||
                    _c("img", {
 | 
			
		||||
                      staticClass: "rounded-md object-cover w-full h-3/4",
 | 
			
		||||
                      attrs: { src: _vm.article.featured_image }
 | 
			
		||||
                    })
 | 
			
		||||
                  ]
 | 
			
		||||
                ),
 | 
			
		||||
                _vm._v(" "),
 | 
			
		||||
                _c("a", { attrs: { href: "#" } }, [
 | 
			
		||||
                  _c("h1", {
 | 
			
		||||
                    staticClass:
 | 
			
		||||
                      "text-gray-800 text-3xl font-bold mt-2 mb-2 leading-tigh hover:underline text-right MvAamu",
 | 
			
		||||
                    staticStyle: { direction: "rtl" },
 | 
			
		||||
                    domProps: { textContent: _vm._s(_vm.article.title) }
 | 
			
		||||
                  })
 | 
			
		||||
                ]),
 | 
			
		||||
                _c(
 | 
			
		||||
                  "router-link",
 | 
			
		||||
                  {
 | 
			
		||||
                    attrs: {
 | 
			
		||||
                      to: {
 | 
			
		||||
                        name: "article.show",
 | 
			
		||||
                        params: { id: _vm.article.id }
 | 
			
		||||
                      }
 | 
			
		||||
                    }
 | 
			
		||||
                  },
 | 
			
		||||
                  [
 | 
			
		||||
                    _c("h1", {
 | 
			
		||||
                      staticClass:
 | 
			
		||||
                        "text-gray-800 text-3xl font-bold mt-2 mb-2 leading-tigh hover:underline text-right MvTyper",
 | 
			
		||||
                      staticStyle: { direction: "rtl" },
 | 
			
		||||
                      domProps: { textContent: _vm._s(_vm.article.title) }
 | 
			
		||||
                    })
 | 
			
		||||
                  ]
 | 
			
		||||
                ),
 | 
			
		||||
                _vm._v(" "),
 | 
			
		||||
                _c("div", { staticClass: "flex justify-end items-center" }, [
 | 
			
		||||
                  _c("div", [
 | 
			
		||||
@@ -20954,19 +21104,6 @@ var render = function() {
 | 
			
		||||
                      "text-gray-600 text-md mt-4 flex justify-end items-center mb-3"
 | 
			
		||||
                  },
 | 
			
		||||
                  [
 | 
			
		||||
                    _c("p", { staticClass: "text-gray-600 text-right" }, [
 | 
			
		||||
                      _vm._v(
 | 
			
		||||
                        "\n                    " +
 | 
			
		||||
                          _vm._s(
 | 
			
		||||
                            _vm._f("moment")(
 | 
			
		||||
                              _vm.article.published_date,
 | 
			
		||||
                              "calendar"
 | 
			
		||||
                            )
 | 
			
		||||
                          ) +
 | 
			
		||||
                          "\n                    ‒\n                "
 | 
			
		||||
                      )
 | 
			
		||||
                    ]),
 | 
			
		||||
                    _vm._v(" "),
 | 
			
		||||
                    _c("span", {
 | 
			
		||||
                      staticClass: "mr-1 ml-1",
 | 
			
		||||
                      domProps: { textContent: _vm._s(_vm.article.readtime) }
 | 
			
		||||
@@ -20997,10 +21134,24 @@ var render = function() {
 | 
			
		||||
                          }
 | 
			
		||||
                        })
 | 
			
		||||
                      ]
 | 
			
		||||
                    )
 | 
			
		||||
                    ),
 | 
			
		||||
                    _vm._v(" "),
 | 
			
		||||
                    _c("p", { staticClass: "ml-1 text-gray-600 text-right" }, [
 | 
			
		||||
                      _vm._v(
 | 
			
		||||
                        "\n                    ‒\n                    " +
 | 
			
		||||
                          _vm._s(
 | 
			
		||||
                            _vm._f("moment")(
 | 
			
		||||
                              _vm.article.published_date,
 | 
			
		||||
                              "calendar"
 | 
			
		||||
                            )
 | 
			
		||||
                          ) +
 | 
			
		||||
                          "\n                "
 | 
			
		||||
                      )
 | 
			
		||||
                    ])
 | 
			
		||||
                  ]
 | 
			
		||||
                )
 | 
			
		||||
              ]
 | 
			
		||||
              ],
 | 
			
		||||
              1
 | 
			
		||||
            )
 | 
			
		||||
          : _vm._e()
 | 
			
		||||
      ]
 | 
			
		||||
@@ -21012,16 +21163,20 @@ var staticRenderFns = [
 | 
			
		||||
    var _vm = this
 | 
			
		||||
    var _h = _vm.$createElement
 | 
			
		||||
    var _c = _vm._self._c || _h
 | 
			
		||||
    return _c("div", [
 | 
			
		||||
      _c(
 | 
			
		||||
        "h3",
 | 
			
		||||
        {
 | 
			
		||||
          staticClass: "text-gray-800 font-bold text-3xl mb-2 MvAamu",
 | 
			
		||||
          staticStyle: { direction: "rtl" }
 | 
			
		||||
        },
 | 
			
		||||
        [_vm._v("\n            މިއަދުގެ ޙުލާސާ\n        ")]
 | 
			
		||||
      )
 | 
			
		||||
    ])
 | 
			
		||||
    return _c(
 | 
			
		||||
      "div",
 | 
			
		||||
      { staticClass: "py-6 flex justify-center lg:justify-end md:justify-end" },
 | 
			
		||||
      [
 | 
			
		||||
        _c(
 | 
			
		||||
          "h3",
 | 
			
		||||
          {
 | 
			
		||||
            staticClass: "text-gray-800 font-bold text-3xl MvAamu",
 | 
			
		||||
            staticStyle: { direction: "rtl" }
 | 
			
		||||
          },
 | 
			
		||||
          [_vm._v("\n            މިއަދުގެ ޙުލާސާ\n        ")]
 | 
			
		||||
        )
 | 
			
		||||
      ]
 | 
			
		||||
    )
 | 
			
		||||
  }
 | 
			
		||||
]
 | 
			
		||||
render._withStripped = true
 | 
			
		||||
@@ -21060,7 +21215,7 @@ var render = function() {
 | 
			
		||||
          }
 | 
			
		||||
        }),
 | 
			
		||||
        _vm._v(" "),
 | 
			
		||||
        _c("div", { staticClass: "p-4 absolute bottom-0 left-0 z-20" }, [
 | 
			
		||||
        _c("div", { staticClass: "p-4 absolute bottom-0 right-0 z-20" }, [
 | 
			
		||||
          _c("h2", {
 | 
			
		||||
            staticClass:
 | 
			
		||||
              "text-3xl font-semibold text-gray-100 leading-relaxed text-right MvAamu",
 | 
			
		||||
@@ -21162,6 +21317,168 @@ render._withStripped = true
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
/***/ }),
 | 
			
		||||
 | 
			
		||||
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/pages/Topic.vue?vue&type=template&id=8de93414&":
 | 
			
		||||
/*!***************************************************************************************************************************************************************************************************!*\
 | 
			
		||||
  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/pages/Topic.vue?vue&type=template&id=8de93414& ***!
 | 
			
		||||
  \***************************************************************************************************************************************************************************************************/
 | 
			
		||||
/*! exports provided: render, staticRenderFns */
 | 
			
		||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
 | 
			
		||||
 | 
			
		||||
"use strict";
 | 
			
		||||
__webpack_require__.r(__webpack_exports__);
 | 
			
		||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
 | 
			
		||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
 | 
			
		||||
var render = function() {
 | 
			
		||||
  var _vm = this
 | 
			
		||||
  var _h = _vm.$createElement
 | 
			
		||||
  var _c = _vm._self._c || _h
 | 
			
		||||
  return _c("div", [
 | 
			
		||||
    _c("section", { staticClass: "mx-auto max-w-6xl py-5" }, [
 | 
			
		||||
      _c("div", { staticClass: "flex flex-col" }, [
 | 
			
		||||
        _vm._m(0),
 | 
			
		||||
        _vm._v(" "),
 | 
			
		||||
        _c(
 | 
			
		||||
          "div",
 | 
			
		||||
          {
 | 
			
		||||
            staticClass: "flex flex-col md:flex-row justify-center items-center"
 | 
			
		||||
          },
 | 
			
		||||
          [
 | 
			
		||||
            _c(
 | 
			
		||||
              "div",
 | 
			
		||||
              {
 | 
			
		||||
                staticClass:
 | 
			
		||||
                  "transition-all ease-in-out duration-1000 flex flex-col justify-center"
 | 
			
		||||
              },
 | 
			
		||||
              [
 | 
			
		||||
                _c(
 | 
			
		||||
                  "div",
 | 
			
		||||
                  {
 | 
			
		||||
                    staticClass: "max-w-xs",
 | 
			
		||||
                    attrs: { slot: "middle-right" },
 | 
			
		||||
                    slot: "middle-right"
 | 
			
		||||
                  },
 | 
			
		||||
                  [
 | 
			
		||||
                    _c(
 | 
			
		||||
                      "div",
 | 
			
		||||
                      { staticClass: "flex flex-col justify-center h-48 p-3" },
 | 
			
		||||
                      [
 | 
			
		||||
                        _c("div", {
 | 
			
		||||
                          staticClass:
 | 
			
		||||
                            "text-5xl font-bold text-gray-800 mb-2 text-center MvAamu",
 | 
			
		||||
                          domProps: { textContent: _vm._s(_vm.topic.name) }
 | 
			
		||||
                        }),
 | 
			
		||||
                        _vm._v(" "),
 | 
			
		||||
                        _c(
 | 
			
		||||
                          "div",
 | 
			
		||||
                          {
 | 
			
		||||
                            staticClass:
 | 
			
		||||
                              "text-sm my-3 MvTyper text-center leading-6",
 | 
			
		||||
                            staticStyle: { direction: "rtl" }
 | 
			
		||||
                          },
 | 
			
		||||
                          [
 | 
			
		||||
                            _vm._v(
 | 
			
		||||
                              " " +
 | 
			
		||||
                                _vm._s(_vm.topic.name) +
 | 
			
		||||
                                " އާއިބެހޭ މަޢުލޫމާތުތަށް އެއްތަންކުރެވިފައި"
 | 
			
		||||
                            )
 | 
			
		||||
                          ]
 | 
			
		||||
                        )
 | 
			
		||||
                      ]
 | 
			
		||||
                    )
 | 
			
		||||
                  ]
 | 
			
		||||
                )
 | 
			
		||||
              ]
 | 
			
		||||
            )
 | 
			
		||||
          ]
 | 
			
		||||
        ),
 | 
			
		||||
        _vm._v(" "),
 | 
			
		||||
        _c(
 | 
			
		||||
          "div",
 | 
			
		||||
          {
 | 
			
		||||
            staticClass:
 | 
			
		||||
              "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mb-10 mt-8"
 | 
			
		||||
          },
 | 
			
		||||
          _vm._l(_vm.articles, function(article) {
 | 
			
		||||
            return _c(
 | 
			
		||||
              "div",
 | 
			
		||||
              {
 | 
			
		||||
                key: article.id,
 | 
			
		||||
                staticClass:
 | 
			
		||||
                  "transition-all ease-in-out duration-1000 flex flex-col justify-center mr-0 md:mr-2"
 | 
			
		||||
              },
 | 
			
		||||
              [
 | 
			
		||||
                _c(
 | 
			
		||||
                  "div",
 | 
			
		||||
                  {
 | 
			
		||||
                    staticClass: "max-w-xs",
 | 
			
		||||
                    attrs: { slot: "bottom-left" },
 | 
			
		||||
                    slot: "bottom-left"
 | 
			
		||||
                  },
 | 
			
		||||
                  [
 | 
			
		||||
                    _c("div", { staticClass: "p-5 shadow-md m-2 mt-4" }, [
 | 
			
		||||
                      _c("img", {
 | 
			
		||||
                        staticClass: "object-scale-down h-30",
 | 
			
		||||
                        attrs: {
 | 
			
		||||
                          src: article.featured_image,
 | 
			
		||||
                          alt: article.meta.title
 | 
			
		||||
                        }
 | 
			
		||||
                      }),
 | 
			
		||||
                      _vm._v(" "),
 | 
			
		||||
                      _c("div", {
 | 
			
		||||
                        staticClass:
 | 
			
		||||
                          "text-xs font-bold uppercase text-teal-700 text-right mt-1 mb-2 MvTyper",
 | 
			
		||||
                        domProps: { textContent: _vm._s(article.source.name) }
 | 
			
		||||
                      }),
 | 
			
		||||
                      _vm._v(" "),
 | 
			
		||||
                      _c("div", {
 | 
			
		||||
                        staticClass: "text-xl font-bold mb-2 MvAamu text-right",
 | 
			
		||||
                        domProps: { textContent: _vm._s(article.title) }
 | 
			
		||||
                      })
 | 
			
		||||
                    ])
 | 
			
		||||
                  ]
 | 
			
		||||
                )
 | 
			
		||||
              ]
 | 
			
		||||
            )
 | 
			
		||||
          }),
 | 
			
		||||
          0
 | 
			
		||||
        )
 | 
			
		||||
      ])
 | 
			
		||||
    ])
 | 
			
		||||
  ])
 | 
			
		||||
}
 | 
			
		||||
var staticRenderFns = [
 | 
			
		||||
  function() {
 | 
			
		||||
    var _vm = this
 | 
			
		||||
    var _h = _vm.$createElement
 | 
			
		||||
    var _c = _vm._self._c || _h
 | 
			
		||||
    return _c(
 | 
			
		||||
      "div",
 | 
			
		||||
      { staticClass: "flex flex-col md:flex-row justify-center items-center" },
 | 
			
		||||
      [
 | 
			
		||||
        _c("div", {
 | 
			
		||||
          staticClass:
 | 
			
		||||
            "transition-all ease-in-out duration-1000 flex flex-col justify-center"
 | 
			
		||||
        }),
 | 
			
		||||
        _vm._v(" "),
 | 
			
		||||
        _c("div", {
 | 
			
		||||
          staticClass:
 | 
			
		||||
            "transition-all ease-in-out duration-1000 flex flex-col justify-center"
 | 
			
		||||
        }),
 | 
			
		||||
        _vm._v(" "),
 | 
			
		||||
        _c("div", {
 | 
			
		||||
          staticClass:
 | 
			
		||||
            "transition-all ease-in-out duration-1000 flex flex-col justify-center"
 | 
			
		||||
        })
 | 
			
		||||
      ]
 | 
			
		||||
    )
 | 
			
		||||
  }
 | 
			
		||||
]
 | 
			
		||||
render._withStripped = true
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
/***/ }),
 | 
			
		||||
 | 
			
		||||
/***/ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js":
 | 
			
		||||
@@ -41619,6 +41936,75 @@ __webpack_require__.r(__webpack_exports__);
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
/***/ }),
 | 
			
		||||
 | 
			
		||||
/***/ "./resources/js/pages/Topic.vue":
 | 
			
		||||
/*!**************************************!*\
 | 
			
		||||
  !*** ./resources/js/pages/Topic.vue ***!
 | 
			
		||||
  \**************************************/
 | 
			
		||||
/*! exports provided: default */
 | 
			
		||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
 | 
			
		||||
 | 
			
		||||
"use strict";
 | 
			
		||||
__webpack_require__.r(__webpack_exports__);
 | 
			
		||||
/* harmony import */ var _Topic_vue_vue_type_template_id_8de93414___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Topic.vue?vue&type=template&id=8de93414& */ "./resources/js/pages/Topic.vue?vue&type=template&id=8de93414&");
 | 
			
		||||
/* harmony import */ var _Topic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Topic.vue?vue&type=script&lang=js& */ "./resources/js/pages/Topic.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");
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
/* normalize component */
 | 
			
		||||
 | 
			
		||||
var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
 | 
			
		||||
  _Topic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
 | 
			
		||||
  _Topic_vue_vue_type_template_id_8de93414___WEBPACK_IMPORTED_MODULE_0__["render"],
 | 
			
		||||
  _Topic_vue_vue_type_template_id_8de93414___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
 | 
			
		||||
  false,
 | 
			
		||||
  null,
 | 
			
		||||
  null,
 | 
			
		||||
  null
 | 
			
		||||
  
 | 
			
		||||
)
 | 
			
		||||
 | 
			
		||||
/* hot reload */
 | 
			
		||||
if (false) { var api; }
 | 
			
		||||
component.options.__file = "resources/js/pages/Topic.vue"
 | 
			
		||||
/* harmony default export */ __webpack_exports__["default"] = (component.exports);
 | 
			
		||||
 | 
			
		||||
/***/ }),
 | 
			
		||||
 | 
			
		||||
/***/ "./resources/js/pages/Topic.vue?vue&type=script&lang=js&":
 | 
			
		||||
/*!***************************************************************!*\
 | 
			
		||||
  !*** ./resources/js/pages/Topic.vue?vue&type=script&lang=js& ***!
 | 
			
		||||
  \***************************************************************/
 | 
			
		||||
/*! exports provided: default */
 | 
			
		||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
 | 
			
		||||
 | 
			
		||||
"use strict";
 | 
			
		||||
__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_Topic_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!./Topic.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/pages/Topic.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_Topic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 | 
			
		||||
 | 
			
		||||
/***/ }),
 | 
			
		||||
 | 
			
		||||
/***/ "./resources/js/pages/Topic.vue?vue&type=template&id=8de93414&":
 | 
			
		||||
/*!*********************************************************************!*\
 | 
			
		||||
  !*** ./resources/js/pages/Topic.vue?vue&type=template&id=8de93414& ***!
 | 
			
		||||
  \*********************************************************************/
 | 
			
		||||
/*! exports provided: render, staticRenderFns */
 | 
			
		||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
 | 
			
		||||
 | 
			
		||||
"use strict";
 | 
			
		||||
__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_Topic_vue_vue_type_template_id_8de93414___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!./Topic.vue?vue&type=template&id=8de93414& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/pages/Topic.vue?vue&type=template&id=8de93414&");
 | 
			
		||||
/* 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_Topic_vue_vue_type_template_id_8de93414___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_Topic_vue_vue_type_template_id_8de93414___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
/***/ }),
 | 
			
		||||
 | 
			
		||||
/***/ "./resources/js/routes.js":
 | 
			
		||||
@@ -41632,6 +42018,8 @@ __webpack_require__.r(__webpack_exports__);
 | 
			
		||||
__webpack_require__.r(__webpack_exports__);
 | 
			
		||||
/* harmony import */ var _pages_Home__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pages/Home */ "./resources/js/pages/Home.vue");
 | 
			
		||||
/* harmony import */ var _pages_Article__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pages/Article */ "./resources/js/pages/Article.vue");
 | 
			
		||||
/* harmony import */ var _pages_Topic__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./pages/Topic */ "./resources/js/pages/Topic.vue");
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
/* harmony default export */ __webpack_exports__["default"] = ({
 | 
			
		||||
@@ -41643,6 +42031,10 @@ __webpack_require__.r(__webpack_exports__);
 | 
			
		||||
    path: '/article/:id',
 | 
			
		||||
    component: _pages_Article__WEBPACK_IMPORTED_MODULE_1__["default"],
 | 
			
		||||
    name: 'article.show'
 | 
			
		||||
  }, {
 | 
			
		||||
    path: '/topic/:slug',
 | 
			
		||||
    component: _pages_Topic__WEBPACK_IMPORTED_MODULE_2__["default"],
 | 
			
		||||
    name: 'topic.show'
 | 
			
		||||
  }]
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user