<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>M/Monit Admin | Users</title>
    <meta name="theme-color" content="#3D3E40">
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="M/Monit" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <link rel="apple-touch-icon" href="../../img/apple-touch-icon.png"/>
    <link rel="manifest" href="../../img/manifest.webmanifest">
    <script src="../../lib/js/appearance.js"></script>
    <link rel="stylesheet" href="../../lib/css/styles.css?version=430">
    <link rel="stylesheet" href="../../assets/admin/admin_users.css?version=430">
</head>
<body>
    <div id="wrap">
        <div id="fixed-header">
            <div id="fake-status-bar"></div>
            <div id="header">
                <div id="nav">
                    <a id="logo" target="webapp" href="../../"></a>
                    <a id="logout" title="Logout" target="webapp" href="../../login/logout.csp"></a>
                    <ul id="menu">
                        <li>
                            <a target="webapp" href="../../index.csp"><span>Dashboard</span></a>
                        </li>
                        <li>
                            <a target="webapp" href="../../status/hosts/"><span>Status</span></a>
                        </li>
                        <li>
                            <a target="webapp" href="../../reports/analytics/"><span>Reports</span></a>
                            <ul>
                                <li><a target="webapp" href="../../reports/analytics/">Analytics</a></li>
                                <li><a target="webapp" href="../../reports/uptime/">Uptime</a></li>
                                <li><a target="webapp" href="../../reports/events/">Events</a></li>
                            </ul>
                        </li>
                        <li class="active">
                            <?cs if:#Request.Param.IsAdmin ?>
                            <a target="webapp" href="../../admin/general/"><span>Admin</span></a>
                            <ul>
                                <li><a target="webapp" href="../../admin/general/">General</a></li>
                                <li><a target="webapp" href="../../admin/hosts/">Hosts</a></li>
                                <li><a target="webapp" href="../../admin/groups/">Groups</a></li>
                                <li><a target="webapp" href="../../admin/users/">Users</a></li>
                                <li><a target="webapp" href="../../admin/roles/">Roles</a></li>
                                <li><a target="webapp" href="../../admin/alerts/">Alerts</a></li>
                                <li><a target="webapp" href="../../admin/settings/">Settings</a></li>
                            </ul>
                            <?cs else ?>
                            <a target="webapp" href="../../admin/users/edit?id=<?cs var:Request.Param.RemoteUserId ?>"><span>Profile</span></a>
                            <?cs /if ?>
                        </li>
                        <li id="logout-phone"><a target="webapp" href="../../login/logout.csp">Logout</a></li>
                    </ul>
                </div> <!-- nav -->
            </div><!-- header -->
        </div><!-- fixed-header -->
        <div id="main">
<?cs if:#Request.Param.IsAdmin ?>
            <div id="title">
                <a href="edit" id="crud" target="webapp" class="add-button" title="Add new User"></a>
                <span class="hidden-phone crud add-hint"></span>
                <h1>
                    Users
                </h1>
            </div>
            <div class="visible-phone tocenter margin-bottom-1" >
                <input class="searchfield" style="width:75%" placeholder="Find User..." autocomplete="off"
                data-bind="value: query, valueUpdate: 'keyup'"
                >
            </div>
            <ul data-bind="foreach: accounts" class="row-fluid unstyled">
                <li class="span4">
                    <ul class="tableView transparent">
                        <img class="warning" src="../../img/led1.png" alt="warning" rel="tooltip" title="Using an unsafe password" data-bind="visible: $parent.shouldShowWarning($data), event: { mouseover: $parent.displayWarning, mouseout: $parent.hideWarning }">

                        <li class="image cursor-pointer" data-bind="click:$root.edit">
                            <img data-bind="attr: {src:image}" alt="Click to Edit" onerror="this.onerror=null;this.src='../../img/avatar.png';">
                        </li>
                        <li class="center-text">
                            <strong data-bind="text:fullname"></strong>
                        </li>
                        <li>
                            <span>Title:</span> <span data-bind="text:title" class="accessory"></span>
                        </li>
                        <li>
                            <span>E-Mail:</span> <a data-bind="attr:{href:'mailto:' + email, title:email}"><span data-bind="text:email" class="accessory"></span></a>
                        </li>
                        <li>
                            <span>Mobile:</span> <span data-bind="text:mobile" class="accessory"></span>
                        </li>
                        <li>
                            <span>IM:</span>
                            <!-- ko if: imuri -->
                            <a data-bind="attr:{href:imuri}"><span data-bind="text:imname" class="accessory"></span></a>
                            <!-- /ko -->
                            <!-- ko if: !imuri -->
                            <span data-bind="text:imname" class="accessory"></span>
                            <!-- /ko -->
                        </li>
                    </ul>
                </li>
            </ul>
<?cs /if ?>
        </div> <!-- main -->
    </div> <!-- wrap -->
    <div id="footer">
        <div class="toleft hidden-phone">Logged in as <?cs var:Request.RemoteUser ?></div>
        <div class="toright hidden-phone">
            <ul class="piped">
                <li>Copyright &copy; 2024 <a href="https://tildeslash.com/">Tildeslash</a>. All Rights Reserved.</li>
                <li><a href="https://mmonit.com/">M/Monit</a></li>
                <li><a href="https://mmonit.com/monit/">Monit</a></li>
                <li><a href="https://mmonit.com/wiki/">Wiki</a></li>
            </ul>
        </div>
        <div id="copy" class="visible-phone">Copyright &copy; 2024 <a href="https://tildeslash.com/">Tildeslash</a>. All Rights Reserved.</div>
    </div> <!-- footer -->
    <script src="../../lib/f/jquery/jquery.js?version=430"></script>
    <script src="../../lib/f/jquery/jquery.mobile.vmouse.js?version=430"></script>
    <script src="../../lib/js/webapp.js?version=430"></script>
    <script src="../../lib/f/twbootstrap/js/bootstrap.js?version=430"></script>
    <script src="../../lib/f/knockout/knockout.js?version=430"></script>
    <script src="../../lib/js/error.js?version=430"></script>
    <script src="../../assets/admin/admin_users.js?version=430"></script>

</body>
</html>
