1 <script>

     2 

     3 export default {

     4 	data () {

     5 		return {}

     6 	},

     7 	mounted () {

     8 		var self=this;

     9 		$(".collection-container").hide();

    10 		$(".collection-description-complete").hide();

    11 	},

    12 	methods: {

    13 	 	pickCollection: function(name){

    14 		    if (!$("#show-collection-"+name).hasClass("btn-primary")){

    15 			    $("#main-panel").hide();

    16 	     	    $(".collection-container").removeClass("selected");

    17 	     	    $(".collection-container:not(.selected)").hide();

    18 			    $(".collection-description-complete").hide()

    19 			    $(".collection-description").show()

    20 	     	    $(".btn-collection").removeClass("btn-primary")

    21 	     	    $("#show-collection-"+name).addClass("btn-primary")

    22 	     	    $(".collection-container#collection-panel-"+name).show()

    23 	     	    $(".collection-container#collection-panel-"+name).addClass("selected")

    24 		    }

    25 		},

    26 		showCompleteDescription: function(name){

    27 		    $(".collection-description-complete").hide()

    28 		    $("#collection-description-short-"+name).hide()

    29 		    $("#collection-description-complete-"+name).show()

    30 		},

    31 		hideCompleteDescription: function(name){

    32 		    $(".collection-description-complete").hide()

    33 		    $("#collection-description-short-"+name).show()

    34 		}

    35 	}

    36 }

    37 

    38 

    39 </script>