5 <meta charset="utf-8" />
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <link href="{{ basepath }}/ui/css/patternfly.css" rel="stylesheet" media="screen, print">
8 <link href="{{ basepath }}/ui/css/styles.css" rel="stylesheet" media="screen, print">
11 <body class="cards-pf">
12 <nav class="navbar navbar-default navbar-pf navbar-pf-lg" role="navigation">
13 <div class="navbar-header">
14 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
15 <span class="sr-only">Toggle navigation</span>
16 <span class="icon-bar"></span>
17 <span class="icon-bar"></span>
18 <span class="icon-bar"></span>
20 <a class="navbar-brand" href="{{ basepath }}/">
21 <img type="image/svg+xml" src="{{ basepath }}/ui/img/brand.png" alt="Ipsilon" width="auto" height="10px" />
24 <div class="collapse navbar-collapse navbar-collapse-1">
26 <ul class="nav navbar-nav navbar-utility">
28 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
29 <span class="pficon pficon-user"></span>
30 {{ user.fullname }}<b class="caret"></b>
32 <ul class="dropdown-menu">
34 <a href="{{ basepath }}/logout" id="logout">Log Out</a>
43 <div class="col-sm-12">
47 <p>Welcome {{ user.fullname }}!</p>
48 <p>Select a Service Provider
49 {% if user.is_admin %}
51 <a href="{{ basepath }}/admin" id="admin">Administration Console</a>
57 {% if not user.name %}
58 <p>Please <a href="{{ basepath }}/login">Log In</a>
60 <p>Registered application shortcuts:</p>
61 {% for site in user.sites %}
62 <p><a href="{{ site.link }}">{{ site.name }}</a></p>
66 <div id="authenticated">
68 <div class="container-fluid">
72 <form role="form" class="search-pf has-button">
73 <div class="form-group has-clear">
74 <div class="search-pf-input-group">
75 <label for="search1" class="sr-only">Search</label>
76 <input id="search1" type="search" class="form-control div-filter" placeholder="Search" providers="providers">
77 <button type="button" class="clear" aria-hidden="true"><span class
78 ="pficon pficon-close"></span></button>
81 <div class="form-group">
82 <button class="btn btn-default" type="button"><span class="fa fa-search"></span></button>
87 <div class="row thumbnails providers" id="providers">
88 {% for p in providers %}
89 {% if (p.visible == '1') or (p.visible == 'True') %}
90 <div class="col-sm-4 col-md-3 provider">
92 {% if p.splink or 0 %}
97 class="thumbnail" data-toggle="tooltip" data-placement="top" title="{{ p.description }}" name="{{ p.name }}">
98 {% if p.imageurl or 0 %}
99 <img src="{{ p.imageurl }}" height=100 width=200>
102 <span class="name-icon">{{ p.name[0] }}</span>
114 </div><!-- /container -->
121 <script src="{{ basepath }}/ui/js/jquery.js"></script>
122 <script src="{{ basepath }}/ui/js/bootstrap.js"></script>
123 <script src="{{ basepath }}/ui/js/patternfly.js"></script>
124 <script src="{{ basepath }}/ui/js/divfilter.js"></script>
128 $(document).ready(function() {
129 // Hide the clear button if the search input is empty
130 $(".search-pf .has-clear .clear").each(function() {
131 if (!$(this).prev('.form-control').val()) {
135 // Show the clear button upon entering text in the search input
136 $(".search-pf .has-clear .form-control").keyup(function () {
138 t.next('button').toggle(Boolean(t.val()));
140 // Upon clicking the clear button, empty the entered text and hide the clear button
141 $(".search-pf .has-clear .clear").click(function () {
142 $(this).prev('.form-control').val('').focus();
148 $('[data-toggle="tooltip"]').tooltip()