﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Icons and Tooltips with D365</title>
    <link href="../../pl_/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../../pl_/css/stylesheet.css" rel="stylesheet" />
    <script src="../../pl_/lib/jquery/jquery.3.3.1.min.js"></script>
    <script src="../../pl_/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="../../pl_/js/javascript.js"></script>
    <script src="../../pl_/js/window.js"></script>
    <script>
        var $jQuery = jQuery.noConflict();
        $jQuery(document).ready(function () {
            'use strict';
            d365Window.OnLoadWindow();
        });
    </script>
</head>
<body onunload="d365Window.OnUnloadWindow()">
    <div id="MainWindow">
        <div class="row">
            <div class="col-3 mr-0 pr-2 pl-2">
                <select id="SelectEntity" class="form-control form-control-lg readonly" onchange="d365Window.OnChangeLoadViews();">
                </select>
            </div>
            <div class="col-7 mr-0 pr-0 pl-0">
                <select id="SelectView" class="form-control form-control-lg readonly" onchange="d365Window.OnChangeLoadView();">
                </select>
            </div>
            <div class="col-2 mr-0 pr-0 mr-0">
                <button id="ButtonSaveAndClose" type="button" disabled='disabled' class="btn btn-success btn-lg float-sm-right float-md-right float-lg-right mr-2 btn-block" onclick="d365Window.OnClickButtonSave()">Save</button>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-2 mr-0 pr-0 pl-2">
                <button type="button" class="btn btn-primary btn-sm" onclick="d365Window.OnClickButtonAddRow()">Add Row</button><br/>
                <button id="ButtonRemoveLayer" type="button" class="btn btn-info btn-sm mt-1" style="display:none;" onclick="d365Window.OnClickRemoveLayer()">Remove Layer</button>
            </div>
            <div class="col-sm-7 text-left text-danger">
                <span id="h5Refresh" style="display:none;">Saving... We CANNOT automatic close this window. Please close this window and refresh your page to see the result.</span>
            </div>
            <div class="col-sm-3 mr-0 pr-0" style="padding-right:7px !important;">
                <button type="button" class="btn btn-warning btn-sm float-sm-right float-md-right float-lg-right" onclick="d365Window.OnClickButtonHelp()">?</button>
                <button type="button" class="btn btn-info btn-sm float-sm-right float-md-right float-lg-right mx-1" onclick="d365Window.OnClickButtonPaste()">&nbsp;&nbsp;&nbsp;Paste&nbsp;&nbsp;&nbsp;</button>
                <button type="button" class="btn btn-info btn-sm float-sm-right float-md-right float-lg-right mx-1" onclick="d365Window.OnClickButtonCopy()">&nbsp;&nbsp;&nbsp;Copy&nbsp;&nbsp;&nbsp;</button>
            </div>
        </div>
        <div class="row">
            <table id="Table" class="table table-bordered">
                <thead class="table-primary">
                    <tr>
                        <th class="text-center" style="width:5%;padding-left:0px;padding-right:0px;">Use</th>
                        <th class="text-center" style="text-align:center;width:90%"><a target="_blank" href="https://d365iconsandtooltips.com">Icons and Tooltips with D365</a></th>
                        <th class="text-center" style="width:5%;padding-left:0px;padding-right:0px;">Delete</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
    <div id="DialogAlertConfirm" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Information</h4>
                </div>
                <div class="modal-body">
                    <p id="message"></p>
                </div>
                <div class="modal-footer">
                    <button id="ButtonYes" type="button" class="btn btn-success btn-sm col-sm-3" data-dismiss="modal">Yes</button>
                    <button id="ButtonNo" type="button" class="btn btn-info btn-sm col-sm-3" data-dismiss="modal">No</button>
                    <button id="ButtonOk" type="button" class="btn btn-success btn-sm col-sm-3" data-dismiss="modal">Ok</button>
                </div>
            </div>
        </div>
    </div>
    <div id="DialogIcons" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog modal-dialog-centered DialogIconsWidth" role="document">
            <div class="modal-content">
                <div class="modal-body noPaddingBottom">
                    <div class="row">
                        <select class="form-control form-control-sm" id="SelectCategory" onchange="d365Window.OnChangeSelectIcon(this);"></select>
                    </div>
                    <div style="overflow: auto; height: 355px;overflow-x: hidden;margin-right:-7px;">
                        <div class="bt-glyphicons row">
                            <ul class="bt-glyphicons-list" id="ulIcon"></ul>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="col-sm-8">
                        <ul>
                            <li>Double click on image to select and close</li>
                            <li>Download more <a href="https://d365iconsandtooltips.com/icons-collection.aspx" target="_blank">icons collection</a></li>
                            <li id="IconCollectionFrom">Free icon collection from <a id="LinkFreeIcon" href="https://d365iconsandtooltips.com/icon.aspx" target="_blank">d365iconsandtooltips</a></li>
                        </ul>
                    </div>
                    <button type="button" class="btn btn-info btn-sm col-sm-2" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-success btn-sm col-sm-2" data-dismiss="modal" onclick="d365Window.OnClickButtonSaveAndCloseIcons()">Save And Close</button>
                </div>
            </div>
        </div>
    </div>
    <div id="DialogSaving" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" role="document" >

        </div>
    </div>
    <div id="DialogHelp" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Help &amp; About</h4>
                </div>
                <div class="modal-body">
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="Help-tab" data-toggle="tab" href="#help" role="tab" aria-controls="home" aria-selected="true">Help</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="About-tab" data-toggle="tab" href="#about" role="tab" aria-controls="profile" aria-selected="false">About</a>
                        </li>
                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="help" role="tabpanel" aria-labelledby="home-tab">
                            <div class="row mt-2">
                                <div class="col-5">
                                    <ul>
                                        <li><a href="https://d365iconsandtooltips.com/parameters/current_minute.aspx" target="_blank">CURRENT_MINIUTE</a></li>
                                        <li><a href="https://d365iconsandtooltips.com/parameters/current_hour.aspx" target="_blank">CURRENT_HOUR</a></li>
                                        <li><a href="https://d365iconsandtooltips.com/parameters/current_day.aspx" target="_blank">CURRENT_DAY</a></li>
                                        <li><a href="https://d365iconsandtooltips.com/parameters/current_month.aspx" target="_blank">CURRENT_MONTH</a></li>
                                        <li><a href="https://d365iconsandtooltips.com/parameters/current_year.aspx" target="_blank">CURRENT_YEAR</a></li>
                                        <li><a href="https://d365iconsandtooltips.com/parameters/today.aspx" target="_blank">TODAY</a></li>
                                        <li><a href="https://d365iconsandtooltips.com/parameters/add_days.aspx" target="_blank">ADD_DAYS(date, days)</a></li>
                                    </ul>
                                </div>
                                <div class="col-7">
                                    <ul>
                                        <li><a href="https://d365iconsandtooltips.com/parameters/current_user.aspx" target="_blank">CURRENT_USER</a></li>
                                        <li><a href="https://d365iconsandtooltips.com/parameters/day_of_week.aspx" target="_blank">DAY-OF-WEEK</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="about" role="tabpanel" aria-labelledby="profile-tab">
                            <div class="row">
                                <div class="col text-center">
                                    <h2>Icons and Tooltips with D365</h2>
                                    <h4>v.1.3.3.0 - 2025-06-30</h4>
                                    <a target="_blank" href="https://d365iconsandtooltips.com">https://d365iconsandtooltips.com</a><br/>
                                    <a target="_blank" href="https://phuocle.net">https://phuocle.net</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="ButtonYes" type="button" class="btn btn-success btn-sm col-sm-3" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
</body>
</html>