diff -r 18d1da86fc67 -r 1c7cce196665 src_js/iconolab-bundle/src/components/collectionselector/CollectionSelector.vue
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src_js/iconolab-bundle/src/components/collectionselector/CollectionSelector.vue	Thu Oct 06 15:07:50 2016 +0200
@@ -0,0 +1,39 @@
+<script>
+
+export default {
+	data () {
+		return {}
+	},
+	mounted () {
+		var self=this;
+		$(".collection-container").hide();
+		$(".collection-description-complete").hide();
+	},
+	methods: {
+	 	pickCollection: function(name){
+		    if (!$("#show-collection-"+name).hasClass("btn-primary")){
+			    $("#main-panel").hide();
+	     	    $(".collection-container").removeClass("selected");
+	     	    $(".collection-container:not(.selected)").hide();
+			    $(".collection-description-complete").hide()
+			    $(".collection-description").show()
+	     	    $(".btn-collection").removeClass("btn-primary")
+	     	    $("#show-collection-"+name).addClass("btn-primary")
+	     	    $(".collection-container#collection-panel-"+name).show()
+	     	    $(".collection-container#collection-panel-"+name).addClass("selected")
+		    }
+		},
+		showCompleteDescription: function(name){
+		    $(".collection-description-complete").hide()
+		    $("#collection-description-short-"+name).hide()
+		    $("#collection-description-complete-"+name).show()
+		},
+		hideCompleteDescription: function(name){
+		    $(".collection-description-complete").hide()
+		    $("#collection-description-short-"+name).show()
+		}
+	}
+}
+
+
+</script>
\ No newline at end of file