Agregado dropdown con opciones para descargar pedido y renombre de componentes

public/js/app.js

@@ -2461,6 +2461,173 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminBody.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/PedidosAdminBody.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 _SubpedidoRow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SubpedidoRow */ "./resources/js/components/SubpedidoRow.vue");
+/* harmony import */ var _PedidosAdminDropdownDescargar_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PedidosAdminDropdownDescargar.vue */ "./resources/js/components/PedidosAdminDropdownDescargar.vue");
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  name: "PedidosAdminBody",
+  components: {
+    SubpedidoRow: _SubpedidoRow__WEBPACK_IMPORTED_MODULE_0__["default"],
+    PedidosAdminDropdownDescargar: _PedidosAdminDropdownDescargar_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+  },
+  data: function data() {
+    return {
+      gdc: 0,
+      subpedidos: [],
+      dropdownActivo: false
+    };
+  },
+  computed: {
+    hayAprobados: function hayAprobados() {
+      return this.subpedidos.filter(function (sp) {
+        return sp.aprobado;
+      }).length > 0;
+    }
+  },
+  beforeCreate: function beforeCreate() {
+    var _this = this;
+
+    axios.get("/admin/obtener_sesion").then(function (response) {
+      _this.gdc = response.data.gdc;
+
+      _this.fetchSubpedidos();
+    });
+  },
+  methods: {
+    fetchSubpedidos: function fetchSubpedidos() {
+      var _this2 = this;
+
+      axios.get("/api/subpedidos/resources", {
+        params: {
+          grupo_de_compra: this.gdc
+        }
+      }).then(function (response) {
+        _this2.subpedidos = response.data.data;
+      });
+    },
+    totalAprobados: function totalAprobados() {
+      var suma = 0;
+      var aprobados = this.subpedidos.filter(function (sp) {
+        return sp.aprobado;
+      });
+
+      for (var i = 0; i < aprobados.length; i++) {
+        suma += parseFloat(aprobados[i].total.replace(/,/g, ''));
+      }
+
+      return suma;
+    }
+  },
+  mounted: function mounted() {
+    var _this3 = this;
+
+    Event.$on('sync-aprobacion', function (_) {
+      _this3.fetchSubpedidos();
+    });
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminDropdownDescargar.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/PedidosAdminDropdownDescargar.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"] = ({
+  name: "PedidosAdminDropdownDescargar",
+  props: {
+    gdc: {
+      type: Number,
+      required: true
+    }
+  },
+  data: function data() {
+    return {
+      dropdownActivo: this.$parent.dropdownActivo
+    };
+  },
+  computed: {
+    hayAprobados: function hayAprobados() {
+      return this.$parent.hayAprobados;
+    }
+  }
+});
+
+/***/ }),
+
 /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ProductoModal.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/ProductoModal.vue?vue&type=script&lang=js& ***!
@@ -2952,120 +3119,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SubpedidosGdc.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/SubpedidosGdc.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 _SubpedidoRow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SubpedidoRow */ "./resources/js/components/SubpedidoRow.vue");
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ __webpack_exports__["default"] = ({
-  name: "SubpedidosGdc",
-  components: {
-    SubpedidoRow: _SubpedidoRow__WEBPACK_IMPORTED_MODULE_0__["default"]
-  },
-  data: function data() {
-    return {
-      gdc: 0,
-      subpedidos: []
-    };
-  },
-  beforeCreate: function beforeCreate() {
-    var _this = this;
-
-    axios.get("/admin/obtener_sesion").then(function (response) {
-      _this.gdc = response.data.gdc;
-
-      _this.fetchSubpedidos();
-    });
-  },
-  methods: {
-    fetchSubpedidos: function fetchSubpedidos() {
-      var _this2 = this;
-
-      axios.get("/api/subpedidos/resources", {
-        params: {
-          grupo_de_compra: this.gdc
-        }
-      }).then(function (response) {
-        _this2.subpedidos = response.data.data;
-      });
-    },
-    totalAprobados: function totalAprobados() {
-      var suma = 0;
-      var aprobados = this.subpedidos.filter(function (sp) {
-        return sp.aprobado;
-      });
-
-      for (var i = 0; i < aprobados.length; i++) {
-        suma += parseFloat(aprobados[i].total.replace(/,/g, ''));
-      }
-
-      return suma;
-    }
-  },
-  mounted: function mounted() {
-    var _this3 = this;
-
-    Event.$on('sync-aprobacion', function (_) {
-      _this3.fetchSubpedidos();
-    });
-  }
-});
-
-/***/ }),
-
 /***/ "./node_modules/bulma-toast/dist/bulma-toast.min.js":
 /*!**********************************************************!*\
   !*** ./node_modules/bulma-toast/dist/bulma-toast.min.js ***!
@@ -5202,6 +5255,252 @@ render._withStripped = true
 
 
 
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminBody.vue?vue&type=template&id=6b6a104e&":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/PedidosAdminBody.vue?vue&type=template&id=6b6a104e& ***!
+  \*******************************************************************************************************************************************************************************************************************/
+/*! 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",
+    {
+      directives: [
+        {
+          name: "show",
+          rawName: "v-show",
+          value: !_vm.init,
+          expression: "!init",
+        },
+      ],
+      staticClass:
+        "container is-max-widescreen is-max-desktop animate__animated",
+      class: _vm.animation,
+    },
+    [
+      _c("pedidos-admin-dropdown-descargar", { attrs: { gdc: _vm.gdc } }),
+      _vm._v(" "),
+      _c(
+        "table",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: this.subpedidos.length !== 0,
+              expression: "this.subpedidos.length !== 0",
+            },
+          ],
+          staticClass: "table is-fullwidth is-striped is-bordered",
+        },
+        [
+          _vm._m(0),
+          _vm._v(" "),
+          _c("tfoot", [
+            _c("tr", [
+              _c("th"),
+              _vm._v(" "),
+              _c("th", [_vm._v("Total de los aprobados")]),
+              _vm._v(" "),
+              _c("th", [_vm._v("$ " + _vm._s(_vm.totalAprobados()))]),
+            ]),
+          ]),
+          _vm._v(" "),
+          _c(
+            "tbody",
+            _vm._l(this.subpedidos, function (subpedido) {
+              return _c("subpedido-row", {
+                key: subpedido.id,
+                attrs: { subpedido: subpedido },
+              })
+            }),
+            1
+          ),
+        ]
+      ),
+      _vm._v(" "),
+      _c(
+        "p",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: this.subpedidos.length === 0,
+              expression: "this.subpedidos.length === 0",
+            },
+          ],
+          staticClass: "has-text-centered",
+        },
+        [
+          _vm._v(
+            "\n        Todavía no hay ningún pedido para administrar.\n    "
+          ),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("thead", [
+      _c("tr", [
+        _c("th", [_vm._v("Núcleo")]),
+        _vm._v(" "),
+        _c("th", [
+          _c("abbr", { attrs: { title: "Total a Pagar" } }, [
+            _vm._v("Total $"),
+          ]),
+        ]),
+        _vm._v(" "),
+        _c("th", { staticClass: "is-1" }, [
+          _c("abbr", { attrs: { title: "Aprobacion" } }, [
+            _vm._v("Aprobación"),
+          ]),
+        ]),
+      ]),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminDropdownDescargar.vue?vue&type=template&id=053240ee&":
+/*!********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/PedidosAdminDropdownDescargar.vue?vue&type=template&id=053240ee& ***!
+  \********************************************************************************************************************************************************************************************************************************/
+/*! 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", { staticClass: "buttons is-right" }, [
+    _c(
+      "div",
+      {
+        staticClass: "dropdown",
+        class: { "is-active": _vm.dropdownActivo },
+        on: {
+          mouseleave: function ($event) {
+            _vm.dropdownActivo = false
+          },
+        },
+      },
+      [
+        _c("div", { staticClass: "dropdown-trigger" }, [
+          _c(
+            "button",
+            {
+              staticClass: "button",
+              attrs: {
+                "aria-haspopup": "true",
+                "aria-controls": "dropdown-menu",
+                disabled: !_vm.hayAprobados,
+              },
+              on: {
+                click: function ($event) {
+                  _vm.dropdownActivo = !_vm.dropdownActivo
+                },
+              },
+            },
+            [
+              _vm._m(0),
+              _vm._v(" "),
+              _c("span", [_vm._v("Descargar pedido")]),
+              _vm._v(" "),
+              _vm._m(1),
+            ]
+          ),
+        ]),
+        _vm._v(" "),
+        _c(
+          "div",
+          {
+            staticClass: "dropdown-menu",
+            attrs: { id: "dropdown-menu", role: "menu" },
+          },
+          [
+            _c("div", { staticClass: "dropdown-content" }, [
+              _c(
+                "a",
+                {
+                  staticClass: "dropdown-item",
+                  attrs: { href: "/admin/exportar-planillas-a-pdf/" + _vm.gdc },
+                },
+                [
+                  _vm._v(
+                    "\n                Exportar planillas a pdf\n            "
+                  ),
+                ]
+              ),
+              _vm._v(" "),
+              _c(
+                "a",
+                {
+                  staticClass: "dropdown-item",
+                  attrs: { href: "/admin/exportar-pedido-a-csv/" + _vm.gdc },
+                },
+                [
+                  _vm._v(
+                    "\n                Exportar pedido a csv\n            "
+                  ),
+                ]
+              ),
+            ]),
+          ]
+        ),
+      ]
+    ),
+  ])
+}
+var staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", { staticClass: "icon is-small" }, [
+      _c("i", { staticClass: "fas fa-download" }),
+    ])
+  },
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", { staticClass: "icon is-small" }, [
+      _c("i", {
+        staticClass: "fas fa-angle-down",
+        attrs: { "aria-hidden": "true" },
+      }),
+    ])
+  },
+]
+render._withStripped = true
+
+
+
 /***/ }),
 
 /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/ProductoModal.vue?vue&type=template&id=368ad252&":
@@ -5986,176 +6285,6 @@ render._withStripped = true
 
 
 
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&":
-/*!****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d& ***!
-  \****************************************************************************************************************************************************************************************************************/
-/*! 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",
-    {
-      directives: [
-        {
-          name: "show",
-          rawName: "v-show",
-          value: !_vm.init,
-          expression: "!init",
-        },
-      ],
-      staticClass:
-        "container is-max-widescreen is-max-desktop animate__animated",
-      class: _vm.animation,
-    },
-    [
-      _c("div", { staticClass: "buttons is-right" }, [
-        _c(
-          "a",
-          {
-            staticClass: "button is-success",
-            attrs: { href: "/admin/exportar-pedido-a-csv/" + _vm.gdc },
-          },
-          [
-            _c("span", [
-              _vm._v("\n                Exportar pedido barrial\n            "),
-            ]),
-            _vm._v(" "),
-            _vm._m(0),
-          ]
-        ),
-        _vm._v(" "),
-        _c(
-          "a",
-          {
-            staticClass: "button is-info",
-            attrs: { href: "/admin/exportar-planillas-a-pdf/" + _vm.gdc },
-          },
-          [
-            _c("span", [
-              _vm._v("\n                Imprimir Planillas\n            "),
-            ]),
-            _vm._v(" "),
-            _vm._m(1),
-          ]
-        ),
-      ]),
-      _vm._v(" "),
-      _c(
-        "table",
-        {
-          directives: [
-            {
-              name: "show",
-              rawName: "v-show",
-              value: this.subpedidos.length !== 0,
-              expression: "this.subpedidos.length !== 0",
-            },
-          ],
-          staticClass: "table is-fullwidth is-striped is-bordered",
-        },
-        [
-          _vm._m(2),
-          _vm._v(" "),
-          _c("tfoot", [
-            _c("tr", [
-              _c("th"),
-              _vm._v(" "),
-              _c("th", [_vm._v("Total de los aprobados")]),
-              _vm._v(" "),
-              _c("th", [_vm._v("$ " + _vm._s(_vm.totalAprobados()))]),
-            ]),
-          ]),
-          _vm._v(" "),
-          _c(
-            "tbody",
-            _vm._l(this.subpedidos, function (subpedido) {
-              return _c("subpedido-row", {
-                key: subpedido.id,
-                attrs: { subpedido: subpedido },
-              })
-            }),
-            1
-          ),
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "p",
-        {
-          directives: [
-            {
-              name: "show",
-              rawName: "v-show",
-              value: this.subpedidos.length === 0,
-              expression: "this.subpedidos.length === 0",
-            },
-          ],
-          staticClass: "has-text-centered",
-        },
-        [
-          _vm._v(
-            "\n        Todavía no hay ningún pedido para administrar.\n    "
-          ),
-        ]
-      ),
-    ]
-  )
-}
-var staticRenderFns = [
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "icon is-small" }, [
-      _c("i", { staticClass: "fas fa-download" }),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("span", { staticClass: "icon is-small" }, [
-      _c("i", { staticClass: "fas fa-print" }),
-    ])
-  },
-  function () {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("thead", [
-      _c("tr", [
-        _c("th", [_vm._v("Núcleo")]),
-        _vm._v(" "),
-        _c("th", [
-          _c("abbr", { attrs: { title: "Total a Pagar" } }, [
-            _vm._v("Total $"),
-          ]),
-        ]),
-        _vm._v(" "),
-        _c("th", { staticClass: "is-1" }, [
-          _c("abbr", { attrs: { title: "Aprobacion" } }, [
-            _vm._v("Aprobación"),
-          ]),
-        ]),
-      ]),
-    ])
-  },
-]
-render._withStripped = true
-
-
-
 /***/ }),
 
 /***/ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js":
@@ -18352,14 +18481,15 @@ var map = {
 	"./components/LoginAdmin.vue": "./resources/js/components/LoginAdmin.vue",
 	"./components/NavBar.vue": "./resources/js/components/NavBar.vue",
 	"./components/NavMigas.vue": "./resources/js/components/NavMigas.vue",
+	"./components/PedidosAdminBody.vue": "./resources/js/components/PedidosAdminBody.vue",
+	"./components/PedidosAdminDropdownDescargar.vue": "./resources/js/components/PedidosAdminDropdownDescargar.vue",
 	"./components/ProductoModal.vue": "./resources/js/components/ProductoModal.vue",
 	"./components/ProductoRow.vue": "./resources/js/components/ProductoRow.vue",
 	"./components/ProductosContainer.vue": "./resources/js/components/ProductosContainer.vue",
 	"./components/RegionSelect.vue": "./resources/js/components/RegionSelect.vue",
 	"./components/SubpedidoRow.vue": "./resources/js/components/SubpedidoRow.vue",
 	"./components/SubpedidoRowBotonAdmin.vue": "./resources/js/components/SubpedidoRowBotonAdmin.vue",
-	"./components/SubpedidoSelect.vue": "./resources/js/components/SubpedidoSelect.vue",
+	"./components/SubpedidoSelect.vue": "./resources/js/components/SubpedidoSelect.vue"
-	"./components/SubpedidosGdc.vue": "./resources/js/components/SubpedidosGdc.vue"
 };
 
 
@@ -19073,6 +19203,144 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./resources/js/components/PedidosAdminBody.vue":
+/*!******************************************************!*\
+  !*** ./resources/js/components/PedidosAdminBody.vue ***!
+  \******************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _PedidosAdminBody_vue_vue_type_template_id_6b6a104e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PedidosAdminBody.vue?vue&type=template&id=6b6a104e& */ "./resources/js/components/PedidosAdminBody.vue?vue&type=template&id=6b6a104e&");
+/* harmony import */ var _PedidosAdminBody_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PedidosAdminBody.vue?vue&type=script&lang=js& */ "./resources/js/components/PedidosAdminBody.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"])(
+  _PedidosAdminBody_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _PedidosAdminBody_vue_vue_type_template_id_6b6a104e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _PedidosAdminBody_vue_vue_type_template_id_6b6a104e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/js/components/PedidosAdminBody.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/js/components/PedidosAdminBody.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************!*\
+  !*** ./resources/js/components/PedidosAdminBody.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_PedidosAdminBody_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!./PedidosAdminBody.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminBody.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_PedidosAdminBody_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/js/components/PedidosAdminBody.vue?vue&type=template&id=6b6a104e&":
+/*!*************************************************************************************!*\
+  !*** ./resources/js/components/PedidosAdminBody.vue?vue&type=template&id=6b6a104e& ***!
+  \*************************************************************************************/
+/*! 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_PedidosAdminBody_vue_vue_type_template_id_6b6a104e___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!./PedidosAdminBody.vue?vue&type=template&id=6b6a104e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminBody.vue?vue&type=template&id=6b6a104e&");
+/* 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_PedidosAdminBody_vue_vue_type_template_id_6b6a104e___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_PedidosAdminBody_vue_vue_type_template_id_6b6a104e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ }),
+
+/***/ "./resources/js/components/PedidosAdminDropdownDescargar.vue":
+/*!*******************************************************************!*\
+  !*** ./resources/js/components/PedidosAdminDropdownDescargar.vue ***!
+  \*******************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _PedidosAdminDropdownDescargar_vue_vue_type_template_id_053240ee___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PedidosAdminDropdownDescargar.vue?vue&type=template&id=053240ee& */ "./resources/js/components/PedidosAdminDropdownDescargar.vue?vue&type=template&id=053240ee&");
+/* harmony import */ var _PedidosAdminDropdownDescargar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PedidosAdminDropdownDescargar.vue?vue&type=script&lang=js& */ "./resources/js/components/PedidosAdminDropdownDescargar.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"])(
+  _PedidosAdminDropdownDescargar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _PedidosAdminDropdownDescargar_vue_vue_type_template_id_053240ee___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _PedidosAdminDropdownDescargar_vue_vue_type_template_id_053240ee___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/js/components/PedidosAdminDropdownDescargar.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/js/components/PedidosAdminDropdownDescargar.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************!*\
+  !*** ./resources/js/components/PedidosAdminDropdownDescargar.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_PedidosAdminDropdownDescargar_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!./PedidosAdminDropdownDescargar.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminDropdownDescargar.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_PedidosAdminDropdownDescargar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/js/components/PedidosAdminDropdownDescargar.vue?vue&type=template&id=053240ee&":
+/*!**************************************************************************************************!*\
+  !*** ./resources/js/components/PedidosAdminDropdownDescargar.vue?vue&type=template&id=053240ee& ***!
+  \**************************************************************************************************/
+/*! 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_PedidosAdminDropdownDescargar_vue_vue_type_template_id_053240ee___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!./PedidosAdminDropdownDescargar.vue?vue&type=template&id=053240ee& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/PedidosAdminDropdownDescargar.vue?vue&type=template&id=053240ee&");
+/* 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_PedidosAdminDropdownDescargar_vue_vue_type_template_id_053240ee___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_PedidosAdminDropdownDescargar_vue_vue_type_template_id_053240ee___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
 /***/ }),
 
 /***/ "./resources/js/components/ProductoModal.vue":
@@ -19574,75 +19842,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-/***/ }),
-
-/***/ "./resources/js/components/SubpedidosGdc.vue":
-/*!***************************************************!*\
-  !*** ./resources/js/components/SubpedidosGdc.vue ***!
-  \***************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _SubpedidosGdc_vue_vue_type_template_id_652b385d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SubpedidosGdc.vue?vue&type=template&id=652b385d& */ "./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&");
-/* harmony import */ var _SubpedidosGdc_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SubpedidosGdc.vue?vue&type=script&lang=js& */ "./resources/js/components/SubpedidosGdc.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"])(
-  _SubpedidosGdc_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _SubpedidosGdc_vue_vue_type_template_id_652b385d___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _SubpedidosGdc_vue_vue_type_template_id_652b385d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "resources/js/components/SubpedidosGdc.vue"
-/* harmony default export */ __webpack_exports__["default"] = (component.exports);
-
-/***/ }),
-
-/***/ "./resources/js/components/SubpedidosGdc.vue?vue&type=script&lang=js&":
-/*!****************************************************************************!*\
-  !*** ./resources/js/components/SubpedidosGdc.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_SubpedidosGdc_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!./SubpedidosGdc.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SubpedidosGdc.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_SubpedidosGdc_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&":
-/*!**********************************************************************************!*\
-  !*** ./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d& ***!
-  \**********************************************************************************/
-/*! 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_SubpedidosGdc_vue_vue_type_template_id_652b385d___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!./SubpedidosGdc.vue?vue&type=template&id=652b385d& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&");
-/* 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_SubpedidosGdc_vue_vue_type_template_id_652b385d___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_SubpedidosGdc_vue_vue_type_template_id_652b385d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
-
-
-
 /***/ }),
 
 /***/ "./resources/sass/app.scss":

resources/js/components/PedidosAdminBody.vue

@@ -1,23 +1,6 @@
 <template>
     <div class="container is-max-widescreen is-max-desktop animate__animated" :class="animation" v-show="!init">
-        <div class="buttons is-right">
+        <pedidos-admin-dropdown-descargar :gdc="gdc"></pedidos-admin-dropdown-descargar>
-            <a class="button is-success" :href="hayAprobados ? '/admin/exportar-pedido-a-csv/'+gdc : '#'" :disabled="!hayAprobados">
-                <span>
-                    Exportar pedido barrial
-                </span>
-                <span class="icon is-small">
-                    <i class="fas fa-download"></i>
-                </span>
-            </a>
-            <a class="button is-info" :href="hayAprobados ? '/admin/exportar-planillas-a-pdf/'+gdc : '#'" :disabled="!hayAprobados">
-                <span>
-                    Imprimir Planillas
-                </span>
-                <span class="icon is-small">
-                  <i class="fas fa-print"></i>
-                </span>
-            </a>
-        </div>
         <table v-show="this.subpedidos.length !== 0" class="table is-fullwidth is-striped is-bordered">
             <thead>
                 <tr>
@@ -47,13 +30,18 @@
 
 <script>
 import SubpedidoRow from "./SubpedidoRow";
+import PedidosAdminDropdownDescargar from "./PedidosAdminDropdownDescargar.vue";
 export default {
-    name: "SubpedidosGdc",
+    name: "PedidosAdminBody",
-    components: {SubpedidoRow},
+    components: {
+        SubpedidoRow,
+        PedidosAdminDropdownDescargar
+    },
     data() {
         return {
             gdc: 0,
-            subpedidos: []
+            subpedidos: [],
+            dropdownActivo: false
         }
     },
     computed: {

resources/js/components/PedidosAdminDropdownDescargar.vue

@@ -0,0 +1,54 @@
+<template>
+    <div class="buttons is-right">
+        <div class="dropdown" :class="{'is-active': dropdownActivo}"   @mouseleave="dropdownActivo = false">
+            <div class="dropdown-trigger">
+                <button class="button" aria-haspopup="true" aria-controls="dropdown-menu" :disabled="!hayAprobados" @click="dropdownActivo = !dropdownActivo">
+                <span class="icon is-small">
+                    <i class="fas fa-download"></i>
+                </span>
+                <span>Descargar pedido</span>
+                <span class="icon is-small">
+                    <i class="fas fa-angle-down" aria-hidden="true"></i>
+                </span>
+                </button>
+            </div>
+            <div class="dropdown-menu" id="dropdown-menu" role="menu">
+                <div class="dropdown-content">
+                <a :href="'/admin/exportar-planillas-a-pdf/' + gdc" class="dropdown-item">
+                    Exportar planillas a pdf
+                </a>
+                <a :href="'/admin/exportar-pedido-a-csv/' + gdc" class="dropdown-item">
+                    Exportar pedido a csv
+                </a>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "PedidosAdminDropdownDescargar",
+    props: {
+        gdc: {
+            type: Number,
+            required: true
+        },
+    },
+    data() {
+        return {
+            dropdownActivo: this.$parent.dropdownActivo
+        }
+    },
+    computed: {
+        hayAprobados: function() {
+            return this.$parent.hayAprobados;
+        }
+    },
+
+}
+</script>
+
+<style>
+
+</style>

resources/views/auth/admin_subpedidos.blade.php

@@ -1,11 +1,13 @@
 @extends('layouts.app')
 
 @section('content')
-    <subpedidos-gdc></subpedidos-gdc>
+    <pedidos-admin-body></pedidos-admin-body>
 @endsection
 <script>
-    import SubpedidosGdc from "../../js/components/SubpedidosGdc";
+    import PedidosAdminBody from "../../js/components/PedidosAdminBody.vue";
     export default {
-        components: {SubpedidosGdc}
+        components: {
+            PedidosAdminBody
+        }
     }
 </script>