Skip to content

Commit

Permalink
Merge pull request #3 from microsoft/hugos-dev
Browse files Browse the repository at this point in the history
Initial docs and code.
  • Loading branch information
Hugos-MSFT authored Jan 29, 2025
2 parents f6949fb + d1c9744 commit 5aadd60
Show file tree
Hide file tree
Showing 4 changed files with 922 additions and 2 deletions.
9 changes: 9 additions & 0 deletions CODE_OF_CONDUCT.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
# Microsoft Open Source Code of Conduct

This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/).

Resources:

- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- [Microsoft Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/)
- Contact [[email protected]](mailto:[email protected]) with questions or concerns
71 changes: 69 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,69 @@
# commercial-marketplace-private-offer
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.
---

The Private Offer Wizard is offered under the MIT License as open source software and is <ins>not supported</ins> by Microsoft.
If you need help with this code or would like to report defects or feature requests, use the Issues feature on this GitHub repository.

---

# Microsoft Commercial Marketplace - Community Code

## Private Offer Wizard

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.

## Features

- **Variable Amounts**
- **Single Payments**
- **Delayed Billing**
- **Multi-Year Agreements**

## Intended Use

This code is for reference only.

> 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.
## Technologies Used

- **HTML, CSS, JavaScript** – Core technologies for the frontend.
- **Bootstrap** – Provides a clean and minimalist UI.

## Getting Started

To use or contribute to this project:

1. Clone this repository:
```sh
git clone https://github.com/microsoft/commercial-marketplace-private-offer.git
2. Navigate to the Project Folder
3. Open the index.html File
##### For Windows Users

- Open the src folder.
- Locate index.html.
- Right-click on index.html and select "Open with" → Choose your preferred web browser.
##### For Mac Users
Open the src folder.
Locate index.html.
Right-click on index.html and choose "Open With" → Select your browser (e.g., Chrome, Safari, Firefox).
## Contributing
This project welcomes contributions and suggestions. Most contributions require you to agree to a
Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us
the rights to use your contribution. For details, visit <https://cla.opensource.microsoft.com.>
When you submit a pull request, a CLA bot will automatically determine whether you need to provide
a CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions
provided by the bot. You will only need to do this once across all repos using our CLA.
This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/).
For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or
contact [[email protected]](mailto:[email protected]) with any additional questions or comments.
## License
This project is released under the [MIT License](LICENSE).
91 changes: 91 additions & 0 deletions src/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Private Offer Wizard</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

<div class="container mt-5">
<h1 class="text-center">Private Offer Wizard</h1>

<!-- Begin Form for Private Offer Inputs -->
<form id="privateOfferForm" class="mt-4">
<section id="poInputs">
<!-- Contract Total Input -->
<div class="mb-3">
<label for="contractTotal" class="form-label">Contract Total <span class="currency-symbol">($)</span></label>
<input type="number" class="form-control" id="contractTotal" name="contractTotal" value="1" min="0" required>
<small id="paymentHelp" class="form-text text-muted">The total amount expected to be invoiced for the private offer duration.</small>
</div>

<!-- Number of Payments Input -->
<div class="mb-3">
<label for="numberOfPayments" class="form-label">Number of Payments</label>
<input type="number" class="form-control" id="numberOfPayments" name="numberOfPayments" value="1" min="1" required>
<small id="paymentHelp" class="form-text text-muted">The number of payments covered by the private offer.</small>
</div>

<!-- Payment Frequency Dropdown -->
<div class="mb-3">
<label for="paymentFrequency" class="form-label">Payment Frequency</label>
<select class="form-select" id="paymentFrequency" name="paymentFrequency" required>
<option value="Month">Month</option>
<option value="Year">Year</option>
</select>
<small id="paymentHelp" class="form-text text-muted">Payment recurrence.</small>
</div>

<!-- Show Advanced Options Checkbox -->
<div class="form-check mb-3">
<input type="checkbox" class="form-check-input" id="showAdvancedOptions" name="showAdvancedOptions">
<label for="showAdvancedOptions" class="form-check-label">Show other advanced options</label>
</div>

<!-- Advanced Options Section (Initially Hidden) -->
<div id="advancedOptions" class="d-none">
<!-- Variable Amounts Checkbox -->
<div class="form-check mb-3">
<input type="checkbox" class="form-check-input" id="variableAmounts" name="variableAmounts">
<label for="variableAmounts" class="form-check-label">Variable amounts</label>
<small id="paymentHelp" class="form-text text-muted">Customer wants to purchase your offer with variable payment amounts.</small>
</div>

<!-- Single Payment Checkbox -->
<div class="form-check mb-3">
<input type="checkbox" class="form-check-input" id="singlePayment" name="singlePayment">
<label for="singlePayment" class="form-check-label">Single Payment</label>
<small id="paymentHelp" class="form-text text-muted">Customer wants to purchase your offer with single upfront payment .</small>
</div>

<!-- Delay Billing Checkbox -->
<div class="form-check mb-3">
<input type="checkbox" class="form-check-input" id="delayBilling" name="delayBilling">
<label for="delayBilling" class="form-check-label">Delay billing</label>
<small id="paymentHelp" class="form-text text-muted">ISV and Customer agree to delay billing after a certain period.</small>
</div>
</div>

<!-- Configure Offer Button -->
<button type="button" class="btn btn-primary" id="cmdConfigure">Configure Offer</button>
</section>
</form>

<!-- Output Section for Dynamic Content -->
<div id="output" class="mt-4"></div>
</div>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="script.js"></script>

</body>
</html>
Loading

0 comments on commit 5aadd60

Please sign in to comment.