first commit

payment/templates/fee_breakdown.mustache

@@ -0,0 +1,37 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template core_payment/fee_breakdown
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * none
+
+    Context variables required for this template:
+    * surchargestr
+
+    Example context (json):
+    {
+        "surchargestr": "Cost: $10.00"
+    }
+
+}}
+<div class="core_payment_fee_breakdown">
+    {{surchargestr}}
+</div>

payment/templates/gateway.mustache

@@ -0,0 +1,51 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template core_payment/gateway
+
+    This template will render the gateway option in the gateway selector modal.
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * none
+
+    Context variables required for this template:
+    * shortname
+    * name
+    * description
+    * surcharge
+    * image
+
+    Example context (json):
+    {
+        "shortname": "paypal",
+        "name": "PayPal",
+        "description": "A description for PayPal.",
+        "surcharge": "3"
+    }
+
+}}
+<div class="custom-control custom-radio {{shortname}}">
+    <input class="custom-control-input" type="radio" name="payby" id="id-payby-{{uniqid}}-{{shortname}}" data-cost="{{cost}}" data-surcharge="{{surcharge}}" value="{{shortname}}" {{#checked}} checked="checked" {{/checked}} />
+    <label class="custom-control-label bg-light border p-3 my-3" for="id-payby-{{uniqid}}-{{shortname}}">
+        <p class="h3">{{name}}</p>
+        <p class="content mb-2">{{{description}}}</p>
+        {{#pix}} img, paygw_{{shortname}} {{/pix}}
+    </label>
+</div>

payment/templates/gateways.mustache

@@ -0,0 +1,55 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template core_payment/gateways
+
+    This template will render the list of gateways in the gateway selector modal.
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * none
+
+    Context variables required for this template:
+    * gateways
+
+    Example context (json):
+    {
+        "gateways" : [
+            {
+                "shortname": "paypal",
+                "name": "PayPal",
+                "description": "A description for PayPal.",
+                "image": "../../../pix/help.svg"
+            },
+            {
+                "shortname": "stripe",
+                "name": "Stripe",
+                "description": "A description for Stripe.",
+                "image": "../../../pix/help.svg"
+            }
+        ]
+    }
+
+}}
+{{#gateways}}
+    {{> core_payment/gateway }}
+{{/gateways}}
+{{^gateways}}
+    <p>{{#str}}nogateway, core_payment{{/str}}</p>
+{{/gateways}}

payment/templates/gateways_modal.mustache

@@ -0,0 +1,42 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template core_payment/gateways_modal
+
+    This template will render the gateway selector modal.
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * none
+
+    Context variables required for this template:
+    * none
+
+    Example context (json):
+    {}
+
+}}
+<div class="core_payment_gateways_modal">
+    <div data-region="gateways-container">
+        {{> core_payment/gateways_placeholder }}
+    </div>
+    <div data-region="fee-breakdown-container">
+        <div class="bg-pulse-grey" style="height: 22px; width: 90px"></div>
+    </div>
+</div>

payment/templates/gateways_placeholder.mustache

@@ -0,0 +1,41 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template core_payment/gateways_placeholder
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * none
+
+    Context variables required for this template:
+    * none
+
+    Example context (json):
+    {}
+
+}}
+<div class="custom-control custom-radio">
+    <input class="custom-control-input" type="radio" disabled />
+    <label class="custom-control-label bg-light border p-3 my-3 w-100">
+        <div class="bg-pulse-grey mb-2" style="height: 31px; width: 18%"></div>
+        <div class="bg-pulse-grey mb-1" style="height: 20px; width: 95%"></div>
+        <div class="bg-pulse-grey mb-2" style="height: 20px; width: 25%"></div>
+        <div class="bg-pulse-grey" style="height: 40px; width: 30%"></div>
+    </label>
+</div>

payment/templates/modal_gateways.mustache

@@ -0,0 +1,45 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template core_payment/modal_gateways
+
+    Moodle modal template with save and cancel buttons.
+
+    The purpose of this template is to render a modal.
+
+    Classes required for JS:
+    * none
+
+    Data attributes required for JS:
+    * none
+
+    Context variables required for this template:
+    * title A cleaned string (use clean_text()) to display.
+    * body HTML content for the boday
+
+    Example context (json):
+    {
+        "title": "Example gateways modal",
+        "body": "Some example content for the body"
+    }
+}}
+{{< core/modal }}
+    {{$footer}}
+        <button type="button" class="btn btn-primary" data-action="proceed">{{#str}} proceed {{/str}}</button>
+        <button type="button" class="btn btn-secondary" data-action="cancel">{{#str}} cancel {{/str}}</button>
+    {{/footer}}
+{{/ core/modal }}