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> <body>
<div class="container"> <div class="container">
<h1>Duplicates finder <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> <a href="/login" class="btn btn-lg btn-success">Log in with Spotify</a>
</div> </span>
</h1> </h1>
<div id="error"></div> <div id="error"></div>
<div id="loggedin"> <div id="loggedin">
@ -49,9 +52,6 @@
<script id="user-profile-template" type="text/x-handlebars-template"> <script id="user-profile-template" type="text/x-handlebars-template">
Logged in as {{display_name}} 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>
<script id="dups-template" type="text/x-handlebars-template"> <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); userProfilePlaceholder.innerHTML = userProfileTemplate(response);
$('#login').hide(); $('#login').hide();
$('#obtain-new-token').show();
$('#loggedin').show(); $('#loggedin').show();
}, },
error: function (response) { error: function (response) {

10
public/style.css
View file

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