瀏覽代碼

admin panel song edit update

unknown 9 年之前
父節點
當前提交
ace53ea5bd
共有 3 個文件被更改,包括 17 次插入8 次删除
  1. 2 2
      app/app.css
  2. 14 5
      app/app.js
  3. 1 1
      app/templates/admin.html

+ 2 - 2
app/app.css

@@ -759,7 +759,7 @@ footer a:hover{
 #s3 {
   opacity: 0.33333333333333;
 }
-#add-song-button, #find-img-button, #save-song-button {
+#add-song-button, #get-spotify-info, #save-song-button {
   display: block;
   margin: 0 auto;
 }
@@ -891,4 +891,4 @@ footer a:hover{
   max-height: 400px;
   overflow-y: scroll;
   overflow-x: hidden;
-}
+}

+ 14 - 5
app/app.js

@@ -565,12 +565,21 @@ if (Meteor.isClient) {
                 }
             });
         },
-        "click #find-img-button": function() {
-            getSpotifyInfo($("#title").val().replace(/\[.*\]/g, ""), function(data) {
-                if (data.tracks.items.length > 0) {
-                    $("#img").val(data.tracks.items[0].album.images[1].url);
+        "click #get-spotify-info": function() {
+            var search = $("#title").val();
+            var artistName = $("#artist").val();
+            console.log(artistName)
+            getSpotifyInfo(search, function(data) {
+              console.log(data);
+              for(var i in data){
+                for(var j in data[i].items){
+                  if(search.indexOf(data[i].items[j].name) !== -1 && artistName.indexOf(data[i].items[j].artists[0].name) !== -1){
+                      $("#img").val(data[i].items[j].album.images[1].url);
+                      $("#duration").val(data[i].items[j].duration_ms / 1000);
+                  }
                 }
-            }, $("#artist").val());
+              }
+            }, artistName);
         },
         "click #save-song-button": function() {
             var newSong = {};

+ 1 - 1
app/templates/admin.html

@@ -142,7 +142,7 @@
                             <input class="song-input" name="duration" id="duration" type="number" />
                             <label for="img" class="song-input-label">Song Image</label>
                             <input class="song-input" name="img" id="img" type="text" />
-                            <button type="button" id="find-img-button" class="button">Find Image</button>
+                            <button type="button" id="get-spotify-info" class="button">Get Spotify Data</button>
                             <button type="button" id="save-song-button" class="button">Save Changes</button>
                         </div>
                         <div class="modal-footer">