I haven’t been able to get the cursor change to work. My assumption is that
the interface loads whether the ldap search finishes or not so the change
happens but is really too fast to be observed. Again, that is an assumption to
whats going on, I’ve only dabbled in css. However, here is what I’ve come up
with after viewing the loading css Mike mentioned:
/* Add cog animation to login dialog while searching ldap*/
.ng-submitted .buttons:before {
display: block;
position: absolute;
content: '';
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
top: 50%;
left: 50%;
background-image: url('images/cog.png');
background-size: 96px 96px;
background-position: center center;
background-repeat: no-repeat;
animation: spinning-cog 4s linear infinite;
-moz-animation: spinning-cog 4s linear infinite;
-webkit-animation: spinning-cog 4s linear infinite;
}
/* Disable login button while searching ldap */
.login-dialog .ng-submitted input {
display: none;
}
/* Remove animation if login fails */
.error .buttons:before {
display: none;
width: 0px;
height: 0px;
}
/* Enable login button if login fails */
.error .login-dialog input {
display: block;
}
In short, I am adding the cog animation and removing the login button while a
search happens, then reversing that if login fails. This is pretty close to
what I am shooting for. However, when I log out, I get the animation and no
login button as if its searching ldap. Someone with more knowledge of css than
I said thats because the ng-submitted class remains after logout. Is there a
functional reason for that class to remain and if not, how would I go about
removing it, if possible?
Thanks again for any information and time you can provide
-Mark
On Jul 18, 2016, at 7:30 PM, Mike Jumper
<[email protected]<mailto:[email protected]>> wrote:
On Mon, Jul 18, 2016 at 6:02 AM, Danielson, Mark A
<[email protected]<mailto:[email protected]>> wrote:]
Hello,
I have an install of Guacamole .99 that auths against an ldap directory. The
directory is rather large and it takes a moment or two to login, which is
acceptable for the time being. At the moment, when its searching though, it
just sits there. I’d like to change the cursor to "in progress" if possible.
Is this something I can do with the css extension? I am already using that to
change the color scheme and logo of the login page. Otherwise, can someone
point in the right direction?
I believe so, yes. When a section of the Guacamole interface is loading, the
CSS class "loading" is applied:
https://github.com/apache/incubator-guacamole-client/blob/065548fcdd885a8f15cbb936f49a60cf9f08b414/guacamole/src/main/webapp/app/index/styles/loading.css
You can add an additional rule to your extension's CSS which uses this class
and the "cursor" property:
https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
Keep in mind that this will only affect the mouse when it is over the loading
section. It will not affect the mouse in other parts of the Guacamole
interface, nor outside the browser.
Thanks,
- Mike
