gaugendre/DAVIDS
1
0
Fork 0
Code Issues Pull requests Releases Activity

Update refresh and login buttons

Browse source
This commit is contained in:
Gabriel Augendre 2016-04-17 19:04:17 +02:00
parent 773a501e40
commit 884daa8930
3 changed files with 7 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
public/index.html
View file

@ -10,9 +10,12 @@
<body>
<div class="container">
<h1>Duplicates finder
<div id="login">
<button class="btn btn-default has-spinner" id="obtain-new-token">
Refresh token <span class="spinner"><i class="icon-spin icon-refresh"></i></span>
</button>
<span id="login">
<a href="/login" class="btn btn-lg btn-success">Log in with Spotify</a>
</div>
</span>
</h1>
<div id="error"></div>
<div id="loggedin">
@ -49,9 +52,6 @@
<script id="user-profile-template" type="text/x-handlebars-template">
Logged in as {{display_name}}
<button class="btn btn-default has-spinner" id="obtain-new-token">
Refresh token <span class="spinner"><i class="icon-spin icon-refresh"></i></span>
</button>
</script>
<script id="dups-template" type="text/x-handlebars-template">

1
public/script.js
View file

@ -161,6 +161,7 @@ function getPersonnalInfo(first, userProfilePlaceholder, userProfileTemplate) {
userProfilePlaceholder.innerHTML = userProfileTemplate(response);
$('#login').hide();
$('#obtain-new-token').show();
$('#loggedin').show();
},
error: function (response) {

10
public/style.css
View file

@ -1,11 +1,7 @@
#login, #loggedin {
#login, #loggedin, #obtain-new-token {
display: none;
}
#login {
display: inline-block;
}
.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
@ -25,10 +21,6 @@
width: 16px; /* This doesn't work, just fix for unkown width elements */
}
#get-playlists {
float: right;
}
.pl_item {
text-align: left;
}