6 }, |
6 }, |
7 mounted () { |
7 mounted () { |
8 var self=this; |
8 var self=this; |
9 $(".collection-container").hide(); |
9 $(".collection-container").hide(); |
10 $(".collection-description-complete").hide(); |
10 $(".collection-description-complete").hide(); |
|
11 $("#show-main-collections").hide(); |
11 }, |
12 }, |
12 methods: { |
13 methods: { |
13 pickCollection: function(name){ |
14 pickOtherCollection: function(name){ |
14 if (!$("#show-collection-"+name).hasClass("btn-primary")){ |
15 if (!$("#show-collection-"+name).hasClass("btn-primary")){ |
15 $("#main-panel").hide(); |
16 $("#main-panel").hide(); |
|
17 $("#show-main-collections").show(); |
16 $(".collection-container").removeClass("selected"); |
18 $(".collection-container").removeClass("selected"); |
17 $(".collection-container:not(.selected)").hide(); |
19 $(".collection-container:not(.selected)").hide(); |
18 $(".collection-description-complete").hide() |
20 $(".collection-description-complete").hide() |
19 $(".collection-description").show() |
21 $(".collection-description").show() |
20 $(".btn-collection").removeClass("btn-primary") |
22 $(".btn-collection").removeClass("btn-primary") |
21 $("#show-collection-"+name).addClass("btn-primary") |
23 $("#show-collection-"+name).addClass("btn-primary") |
22 $(".collection-container#collection-panel-"+name).show() |
24 $(".collection-container#collection-panel-"+name).show() |
23 $(".collection-container#collection-panel-"+name).addClass("selected") |
25 $(".collection-container#collection-panel-"+name).addClass("selected") |
24 } |
26 } |
|
27 }, |
|
28 showMainPanel: function(){ |
|
29 $(".collection-container").removeClass("selected"); |
|
30 $(".btn-collection").removeClass("btn-primary") |
|
31 $(".collection-container").hide(); |
|
32 $("#main-panel").show(); |
|
33 $("#show-main-collections").hide(); |
25 }, |
34 }, |
26 showCompleteDescription: function(name){ |
35 showCompleteDescription: function(name){ |
27 $(".collection-description-complete").hide() |
36 $(".collection-description-complete").hide() |
28 $("#collection-description-short-"+name).hide() |
37 $("#collection-description-short-"+name).hide() |
29 $("#collection-description-complete-"+name).show() |
38 $("#collection-description-complete-"+name).show() |