EditUser.html

<main>
    <form name="edituserform" id="Userform">
        <header class="page-header page-header-compact page-header-light border-bottom bg-white mb-4">
            <div class="container-xl px-4">
                <div class="page-header-content">
                    <div class="row align-items-center justify-content-between pt-3">
                        <div class="col-auto mb-3">
                            <h1 class="page-header-title">
                                <div class="page-header-icon"><i data-feather="user-plus"></i></div>
                                Edit User
                            </h1>
                        </div>
                        <div class="col-12 col-xl-auto mb-3">
                            <a class="btn btn-sm btn-light text-primary back-to-users" href="index.html?page=users">
                                <i class="me-1" data-feather="arrow-left"></i>
                                Back to Users
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- Main page content-->
        <div class="container-xl px-4 mt-4">
            <div class="row">
                <div class="col-6">
                    <!-- Account details card-->
                    <div class="card mb-4">
                        <div class="card-header">Account Details</div>

                        <div class="card-body">

                            <!-- Form Row-->
                            <div class="row gx-3 mb-3">
                                <!-- Form Group (first name)-->
                                <div class="col-md-6">
                                    <label class="small mb-1" for="inputFirstName">Edit First Name</label>
                                    <input class="form-control" id="inputFirstName" type="text"
                                        placeholder="First name..." value="" name="FirstName" />
                                    <input id="userID" type="hidden" value="" name="UserID" />
                                    <input id="tenantID" type="hidden" value="" name="tenantID" />

                                </div>
                                <!-- Form Group (last name)-->
                                <div class="col-md-6">
                                    <label class="small mb-1" for="inputLastName">Edit Last Name</label>
                                    <input class="form-control" id="inputLastName" type="text"
                                        placeholder="Enter last name" value="" name="LastName" />
                                </div>
                            </div>
                            <div class="mb-3">
                                <label class="small mb-1" for="inputEmailAddress">Edit Display Name</label>
                                <input class="form-control" id="inputEmailAddress" placeholder="Enter the display name"
                                    value="" name="DisplayName" />
                            </div>
                            <!-- Form Group (email address)-->
                            <div class="row gx-3 mb-3">
                                <!-- Form Group (first name)-->
                                <div class="col-md-6">
                                    <label class="small mb-1" for="Username">Edit Username</label>

                                    <input class="form-control" id="Username" type="text" placeholder="UPN" value=""
                                        name="Username" />

                                </div>
                                <!-- Form Group (last name)-->
                                <div class="col-md-6">

                                    <label class="small mb-1" for="domain">Domain</label>

                                    <input class="form-control" list="DomainOption" id="Domain" name="Domain"
                                        placeholder="Type to search...">
                                    <datalist id="DomainOption">
                                        <option text="Primary Domain">
                                    </datalist>
                                </div>
                            </div>
                            <!-- Form Group (Group Selection Checkboxes)-->
                            <div class="mb-3">
                                <label class="small mb-1">Settings</label>
                                <div class="form-check">
                                    <input class="form-check-input" id="AutoPassword" type="checkbox"
                                        switches="PasswordField" value="true" name="Autopassword" />
                                    <label class="form-check-label" for="AutoPassword">Reset password</label>
                                </div>
                                <div style="display: none;" id="PasswordField" class="col-md-6">
                                    <label class="small mb-1" for="PasswordField">Password</label>
                                    <input name="Password" class="form-control" id="PasswordField" type="password"
                                        placeholder="Enter a password" value="" />
                                </div>
                                <div class="form-check">
                                    <input name="MustChangePass" class="form-check-input" id="RequirePasswordChange"
                                        type="checkbox" value="true" />
                                    <label class="form-check-label" for="RequirePasswordChange">Require password change
                                        at next
                                        logon</label>
                                </div>
                            </div>
                            <!-- Form Group (Roles)-->
                            <div class="mb-3">
                                <label class="small mb-1">Change Usage location</label>
                                <input name="Usagelocation" class="form-control" list="UsageLocationList"
                                    id="LocationDataList" placeholder="Type to search...">
                                <datalist id="UsageLocationList">
                                    <option text="Select a usage location" value="Select a usage location">
                                </datalist>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" switches="LicenseList" value="false" id="LicenseRadio1"
                                    type="radio" name="License" checked>
                                <label class="form-check-label" for="LicenseRadio1">Keep current licenses</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" switches="LicenseList" value="true" id="LicenseRadio2"
                                    type="radio" name="License">
                                <label class=" form-check-label" for="LicenseRadio2">Replace current licenses</label>
                            </div>

                            <div style="display: none;" id="LicenseList" class="mb-3">
                                <div class="form-check"><input class="form-check-input" id="RemoveAll"
                                        name="RemoveAllLicenses" type="checkbox" value="true" /><label
                                        class="form-check-label" for="RemoveAll"> Remove All Licenses</label></div>

                            </div>
                            <div class="mb-3">
                                <label class="small mb-1" for="AddedAliases">Add
                                    Aliases</label>
                                <textarea name="AddedAliases" class="form-control" id="AddedAliases" type="email"
                                    placeholder="Enter one alias per line, leave blank if no changes are to be made."
                                    value=""></textarea>
                            </div> <!-- Submit button-->
                            <div class="row gx-3 mb-3">
                                <!-- Form Group (first name)-->
                                <div class="col-md-6">
                                    <label class="small mb-1" for="streetAddress">Street</label>
                                    <input class="form-control" id="streetAddress" type="text"
                                        placeholder="Streetname..." value="" name="streetAddress" />
                                </div>

                                <!-- Form Group (last name)-->
                                <div class="col-md-6">
                                    <label class="small mb-1" for="PostalCode">Postal code</label>
                                    <input class="form-control" id="PostalCode" type="text" placeholder="PostalCode..."
                                        value="" name="PostalCode" />
                                </div>
                            </div>
                            <div class="row gx-3 mb-3">
                                <!-- Form Group (first name)-->

                                <div class="col-md-6">
                                    <label class="small mb-1" for="City">City</label>
                                    <input class="form-control" id="City" type="text" placeholder="City..." value=""
                                        name="City" />
                                </div>
                                <!-- Form Group (last name)-->
                                <div class="col-md-6">
                                    <label class="small mb-1" for="Country">Country</label>
                                    <input class="form-control" id="Country" type="text" placeholder="Country..."
                                        value="" name="Country" />
                                </div>
                            </div>
                            <div class="row gx-3 mb-3">
                                <!-- Form Group (first name)-->
                                <div class="col-md-6">
                                    <label class="small mb-1" for="CompanyName">Company Name</label>
                                    <input class="form-control" id="CompanyName" type="text"
                                        placeholder="Companyname..." value="" name="CompanyName" />
                                </div>

                                <!-- Form Group (last name)-->
                                <div class="col-md-6">
                                    <label class="small mb-1" for="Department">Department</label>
                                    <input class="form-control" id="Department" type="text" placeholder="Department..."
                                        value="" name="Department" />
                                </div>
                            </div>
                            <div class="row gx-3 mb-3">
                                <!-- Form Group (first name)-->
                                <div class="col-md-6">
                                    <label class="small mb-1" for="MobilePhone">Mobile #</label>
                                    <input class="form-control" id="MobilePhone" type="text" placeholder="Mobile # ..."
                                        value="" name="MobilePhone" />
                                </div>

                                <!-- Form Group (last name)-->
                                <div class="col-md-6">
                                    <label class="small mb-1" for="BusinessPhone">Business #</label>
                                    <input class="form-control" id="BusinessPhone" type="text"
                                        placeholder="Business #..." value="" name="BusinessPhone" />
                                </div>
                                <div class="col-mb-3">
                                    <label class="small mb-1" for="UserlistOptions">Copy group membership from other
                                        user</label>
                                    <input class="form-control" name="CopyFrom" list="UserlistOptions" id="Userlist"
                                        placeholder="Leave blank to not copy.">
                                    <datalist id="UserlistOptions">
                                    </datalist>
                                </div>
                            </div>

                            <button class="btn btn-primary" onclick='PostForm("Userform","api/EditUser")'' type="button">Edit User</button>

                        </div>
                        
                    </div>
                  
                </div>
                <div class=col-6>
                    <div class="card mb-4">
                        <div class="card-header">Account information</div>
                        <div class="card-body">This is the (raw) information for this account. <div
                                class="mb-3">
                                <pre id="RawJson">
</pre>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
        </div>
        </div>
    </form>
    <button class="btn btn-primary" id="PopModal" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal"
        style="display:none;"></button>
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Results</h5>
                </div>
                <div class="modal-body">
                    <section id="APIContent">
                        <div class="spinner-border text-primary" role="status">
                            <span class="sr-only"></span>
                        </div></span>
                    </section>
                </div>
                <div class="modal-footer"><button class="btn btn-secondary" type="button"
                        data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
</main>
<script src="js/UserFormOptions.js"></script>
<script src="js/Userlist.js"></script>