+
+
+
{T.translate("show_pages.pages")}
{
+ useEffect(() => {
+ getAllSponsorPurchases();
+ }, []);
+
+ const handlePageChange = (page) => {
+ getAllSponsorPurchases(term, page, perPage, order, orderDir);
+ };
+
+ const handleSort = (key, dir) => {
+ getAllSponsorPurchases(term, currentPage, perPage, key, dir);
+ };
+
+ const handlePerPageChange = (newPerPage) => {
+ getAllSponsorPurchases(
+ term,
+ DEFAULT_CURRENT_PAGE,
+ newPerPage,
+ order,
+ orderDir
+ );
+ };
+
+ const handleExport = () => {
+ exportAllSponsorPurchases(term, order, orderDir);
+ };
+
+ const handleSearch = (searchTerm) => {
+ getAllSponsorPurchases(searchTerm);
+ };
+
+ const handleDetails = (item) => {
+ history.push(`${item.sponsor_id}/purchases/${item.id}`);
+ };
+
+ const handleMenu = (item) => {
+ console.log("MENU : ", item);
+ };
+
+ const handleStatusChange = (sponsorId, purchaseId, newStatus) => {
+ if (newStatus === PURCHASE_STATUS.PAID)
+ approveSponsorPurchase(sponsorId, purchaseId);
+ if (newStatus === PURCHASE_STATUS.CANCELLED)
+ rejectSponsorPurchase(sponsorId, purchaseId);
+ };
+
+ const tableColumns = [
+ {
+ columnKey: "number",
+ header: T.translate("sponsor_show_purchases.order"),
+ sortable: true
+ },
+ {
+ columnKey: "purchased",
+ header: T.translate("sponsor_show_purchases.purchased"),
+ width: 200,
+ sortable: true
+ },
+ {
+ columnKey: "sponsor_name",
+ header: T.translate("sponsor_show_purchases.sponsor"),
+ sortable: true
+ },
+ {
+ columnKey: "payment_method",
+ header: T.translate("sponsor_show_purchases.payment_method"),
+ sortable: true
+ },
+ {
+ columnKey: "status",
+ header: T.translate("sponsor_show_purchases.status"),
+ sortable: true,
+ render: (row) => {
+ if (
+ row.payment_method === PURCHASE_METHODS.INVOICE &&
+ row.status === PURCHASE_STATUS.PENDING
+ ) {
+ return (
+
+ );
+ }
+
+ return row.status;
+ }
+ },
+ {
+ columnKey: "amount",
+ header: T.translate("sponsor_show_purchases.amount"),
+ sortable: true
+ },
+ {
+ columnKey: "details",
+ header: "",
+ width: 100,
+ align: "center",
+ render: (row) => (
+
+ )
+ },
+ {
+ columnKey: "menu",
+ header: "",
+ width: 100,
+ align: "center",
+ render: (row) => (
+ handleMenu(row)}
+ >
+
+
+ )
+ }
+ ];
+
+ return (
+
+
+
+
+
{T.translate("sponsor_show_purchases.purchases")}
+
+
+
+ {totalCount}{" "}
+ {T.translate("sponsor_show_purchases.purchases").toLowerCase()}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/reducers/sponsors/show-purchase-list-reducer.js b/src/reducers/sponsors/show-purchase-list-reducer.js
new file mode 100644
index 000000000..ab5cd09c2
--- /dev/null
+++ b/src/reducers/sponsors/show-purchase-list-reducer.js
@@ -0,0 +1,98 @@
+/**
+ * Copyright 2019 OpenStack Foundation
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * */
+
+import moment from "moment-timezone";
+import { amountFromCents } from "openstack-uicore-foundation/lib/utils/money";
+import { LOGOUT_USER } from "openstack-uicore-foundation/lib/security/actions";
+import {
+ RECEIVE_ALL_SPONSOR_PURCHASES,
+ REQUEST_ALL_SPONSOR_PURCHASES,
+ SPONSOR_PURCHASE_STATUS_UPDATED
+} from "../../actions/sponsor-purchases-actions";
+import { SET_CURRENT_SUMMIT } from "../../actions/summit-actions";
+import { MILLISECONDS_TO_SECONDS } from "../../utils/constants";
+
+const DEFAULT_STATE = {
+ purchases: [],
+ order: "created",
+ orderDir: -1,
+ currentPage: 1,
+ lastPage: 1,
+ perPage: 10,
+ totalCount: 0,
+ term: ""
+};
+
+const showPurchaseListReducer = (state = DEFAULT_STATE, action) => {
+ const { type, payload } = action;
+
+ switch (type) {
+ case SET_CURRENT_SUMMIT:
+ case LOGOUT_USER: {
+ return DEFAULT_STATE;
+ }
+ case REQUEST_ALL_SPONSOR_PURCHASES: {
+ const { order, orderDir, page, perPage, term } = payload;
+
+ return {
+ ...state,
+ order,
+ orderDir,
+ forms: [],
+ currentPage: page,
+ perPage,
+ term
+ };
+ }
+ case RECEIVE_ALL_SPONSOR_PURCHASES: {
+ const {
+ current_page: currentPage,
+ total,
+ last_page: lastPage
+ } = payload.response;
+
+ const purchases = payload.response.data.map((a) => ({
+ ...a,
+ sponsor_id: a.sponsor?.id,
+ sponsor_name: a.sponsor?.company_name,
+ amount: `$${amountFromCents(a.net_amount)}`,
+ purchased: a.purchased_date
+ ? moment(a.purchased_date * MILLISECONDS_TO_SECONDS).format(
+ "YYYY/MM/DD HH:mm a"
+ )
+ : "N/A"
+ }));
+
+ return {
+ ...state,
+ purchases,
+ currentPage,
+ totalCount: total,
+ lastPage
+ };
+ }
+ case SPONSOR_PURCHASE_STATUS_UPDATED: {
+ const { paymentId, status } = payload;
+ const purchases = state.purchases.map((p) => {
+ if (p.payment_id === paymentId) return { ...p, status };
+ return p;
+ });
+
+ return { ...state, purchases };
+ }
+ default:
+ return state;
+ }
+};
+
+export default showPurchaseListReducer;
diff --git a/src/store.js b/src/store.js
index 2fbc1a166..326f84399 100644
--- a/src/store.js
+++ b/src/store.js
@@ -169,6 +169,7 @@ import sponsorCustomizedFormReducer from "./reducers/sponsors/sponsor-customized
import sponsorPageCartListReducer from "./reducers/sponsors/sponsor-page-cart-list-reducer";
import sponsorCustomizedFormItemsListReducer from "./reducers/sponsors/sponsor-customized-form-items-list-reducer.js";
import showPagesListReducer from "./reducers/sponsors/show-pages-list-reducer.js";
+import showPurchaseListReducer from "./reducers/sponsors/show-purchase-list-reducer.js";
import sponsorPagePurchaseListReducer from "./reducers/sponsors/sponsor-page-purchase-list-reducer.js";
import sponsorPagePagesListReducer from "./reducers/sponsors/sponsor-page-pages-list-reducer.js";
import sponsorPageMUListReducer from "./reducers/sponsors/sponsor-page-mu-list-reducer.js";
@@ -258,6 +259,7 @@ const reducers = persistCombineReducers(config, {
sponsorFormsListState: sponsorFormsListReducer,
sponsorFormItemsListState: sponsorFormItemsListReducer,
showPagesListState: showPagesListReducer,
+ showPurchaseListState: showPurchaseListReducer,
sponsorUsersListState: sponsorUsersListReducer,
sponsorPageFormsListState: sponsorPageFormsListReducer,
sponsorPageCartListState: sponsorPageCartListReducer,
diff --git a/src/utils/constants.js b/src/utils/constants.js
index 7b21f1953..4b217d060 100644
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -287,6 +287,11 @@ export const PURCHASE_METHODS = {
INVOICE: "Invoice"
};
+export const PURCHASE_TYPES = {
+ ONLINE: "Online",
+ OFFLINE: "Offline"
+};
+
export const SPONSOR_USER_ASSIGNMENT_TYPE = {
EXISTING: "existing",
NEW: "new"
diff --git a/yarn.lock b/yarn.lock
index baefb5da5..9d2de6210 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9056,10 +9056,10 @@ open@^10.0.3:
is-inside-container "^1.0.0"
wsl-utils "^0.1.0"
-openstack-uicore-foundation@5.0.22:
- version "5.0.22"
- resolved "https://registry.npmjs.org/openstack-uicore-foundation/-/openstack-uicore-foundation-5.0.22.tgz#5e30b2d71fe854b08edc08a40723e8bc01f07423"
- integrity sha512-vM+K8soybtHALLCIBPccwA3tFef9xxXGQqSCKOIahwgazVzgMHlt+2hM4cDUvenGkkHf/WNogDfNCumEryJ0/Q==
+openstack-uicore-foundation@5.0.29-beta.0:
+ version "5.0.29-beta.0"
+ resolved "https://registry.yarnpkg.com/openstack-uicore-foundation/-/openstack-uicore-foundation-5.0.29-beta.0.tgz#828b8d0d6b1b6b8d4214322e32e47c1c5b3d0c68"
+ integrity sha512-N9ECX48OHfBfayeQkbbntWjGoVFozYXYGBE5XPGE6zxTgQXMH2RMZtLpQqrP/p2yHGnWBsYJlMchxecDDirIpw==
optionator@^0.9.1:
version "0.9.4"