Skip to content

Commit d1c9744

Browse files
Hugos-MSFTHugos-MSFT
committed
WIP - code and docs
1 parent f6949fb commit d1c9744

File tree

4 files changed

+922
-2
lines changed

4 files changed

+922
-2
lines changed

‎CODE_OF_CONDUCT.md

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
# Microsoft Open Source Code of Conduct
2+
3+
This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/).
4+
5+
Resources:
6+
7+
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
8+
- [Microsoft Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/)
9+
- Contact [[email protected]](mailto:[email protected]) with questions or concerns

‎README.md

+69-2
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,69 @@
1-
# commercial-marketplace-private-offer
2-
This repository provides tools and resources to help design private offers for the commercial marketplace. It includes tools to provide guidance on how to configure private offers from simple to complex deals.
1+
---
2+
3+
The Private Offer Wizard is offered under the MIT License as open source software and is <ins>not supported</ins> by Microsoft.
4+
If you need help with this code or would like to report defects or feature requests, use the Issues feature on this GitHub repository.
5+
6+
---
7+
8+
# Microsoft Commercial Marketplace - Community Code
9+
10+
## Private Offer Wizard
11+
12+
The **Private Offer Wizard** is a reference tool designed to help configure various private offer scenarios in a structured and user-friendly manner. This project provides a guide and reference guide for different billing and agreement structures.
13+
14+
## Features
15+
16+
- **Variable Amounts**
17+
- **Single Payments**
18+
- **Delayed Billing**
19+
- **Multi-Year Agreements**
20+
21+
## Intended Use
22+
23+
This code is for reference only.
24+
25+
> NOTE: Support for this project is community-based and contributions are welcome. Details on contributing can be found below. This is not an officially supported Microsoft product.
26+
27+
## Technologies Used
28+
29+
- **HTML, CSS, JavaScript** – Core technologies for the frontend.
30+
- **Bootstrap** – Provides a clean and minimalist UI.
31+
32+
## Getting Started
33+
34+
To use or contribute to this project:
35+
36+
1. Clone this repository:
37+
```sh
38+
git clone https://github.com/microsoft/commercial-marketplace-private-offer.git
39+
2. Navigate to the Project Folder
40+
3. Open the index.html File
41+
##### For Windows Users
42+
43+
- Open the src folder.
44+
- Locate index.html.
45+
- Right-click on index.html and select "Open with" → Choose your preferred web browser.
46+
47+
##### For Mac Users
48+
49+
Open the src folder.
50+
Locate index.html.
51+
Right-click on index.html and choose "Open With" → Select your browser (e.g., Chrome, Safari, Firefox).
52+
53+
## Contributing
54+
55+
This project welcomes contributions and suggestions. Most contributions require you to agree to a
56+
Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us
57+
the rights to use your contribution. For details, visit <https://cla.opensource.microsoft.com.>
58+
59+
When you submit a pull request, a CLA bot will automatically determine whether you need to provide
60+
a CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions
61+
provided by the bot. You will only need to do this once across all repos using our CLA.
62+
63+
This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/).
64+
For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or
65+
contact [[email protected]](mailto:[email protected]) with any additional questions or comments.
66+
67+
## License
68+
69+
This project is released under the [MIT License](LICENSE).

‎src/index.html

+91
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Private Offer Wizard</title>
8+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
9+
</head>
10+
<body>
11+
12+
<!-- Optional JavaScript -->
13+
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
14+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
15+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
16+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
17+
18+
<div class="container mt-5">
19+
<h1 class="text-center">Private Offer Wizard</h1>
20+
21+
<!-- Begin Form for Private Offer Inputs -->
22+
<form id="privateOfferForm" class="mt-4">
23+
<section id="poInputs">
24+
<!-- Contract Total Input -->
25+
<div class="mb-3">
26+
<label for="contractTotal" class="form-label">Contract Total <span class="currency-symbol">($)</span></label>
27+
<input type="number" class="form-control" id="contractTotal" name="contractTotal" value="1" min="0" required>
28+
<small id="paymentHelp" class="form-text text-muted">The total amount expected to be invoiced for the private offer duration.</small>
29+
</div>
30+
31+
<!-- Number of Payments Input -->
32+
<div class="mb-3">
33+
<label for="numberOfPayments" class="form-label">Number of Payments</label>
34+
<input type="number" class="form-control" id="numberOfPayments" name="numberOfPayments" value="1" min="1" required>
35+
<small id="paymentHelp" class="form-text text-muted">The number of payments covered by the private offer.</small>
36+
</div>
37+
38+
<!-- Payment Frequency Dropdown -->
39+
<div class="mb-3">
40+
<label for="paymentFrequency" class="form-label">Payment Frequency</label>
41+
<select class="form-select" id="paymentFrequency" name="paymentFrequency" required>
42+
<option value="Month">Month</option>
43+
<option value="Year">Year</option>
44+
</select>
45+
<small id="paymentHelp" class="form-text text-muted">Payment recurrence.</small>
46+
</div>
47+
48+
<!-- Show Advanced Options Checkbox -->
49+
<div class="form-check mb-3">
50+
<input type="checkbox" class="form-check-input" id="showAdvancedOptions" name="showAdvancedOptions">
51+
<label for="showAdvancedOptions" class="form-check-label">Show other advanced options</label>
52+
</div>
53+
54+
<!-- Advanced Options Section (Initially Hidden) -->
55+
<div id="advancedOptions" class="d-none">
56+
<!-- Variable Amounts Checkbox -->
57+
<div class="form-check mb-3">
58+
<input type="checkbox" class="form-check-input" id="variableAmounts" name="variableAmounts">
59+
<label for="variableAmounts" class="form-check-label">Variable amounts</label>
60+
<small id="paymentHelp" class="form-text text-muted">Customer wants to purchase your offer with variable payment amounts.</small>
61+
</div>
62+
63+
<!-- Single Payment Checkbox -->
64+
<div class="form-check mb-3">
65+
<input type="checkbox" class="form-check-input" id="singlePayment" name="singlePayment">
66+
<label for="singlePayment" class="form-check-label">Single Payment</label>
67+
<small id="paymentHelp" class="form-text text-muted">Customer wants to purchase your offer with single upfront payment .</small>
68+
</div>
69+
70+
<!-- Delay Billing Checkbox -->
71+
<div class="form-check mb-3">
72+
<input type="checkbox" class="form-check-input" id="delayBilling" name="delayBilling">
73+
<label for="delayBilling" class="form-check-label">Delay billing</label>
74+
<small id="paymentHelp" class="form-text text-muted">ISV and Customer agree to delay billing after a certain period.</small>
75+
</div>
76+
</div>
77+
78+
<!-- Configure Offer Button -->
79+
<button type="button" class="btn btn-primary" id="cmdConfigure">Configure Offer</button>
80+
</section>
81+
</form>
82+
83+
<!-- Output Section for Dynamic Content -->
84+
<div id="output" class="mt-4"></div>
85+
</div>
86+
87+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
88+
<script src="script.js"></script>
89+
90+
</body>
91+
</html>

0 commit comments

Comments
 (0)