src_js/iconolab-bundle/src/components/collectionhome/tabselector/TabSelector.vue
author Alexandre Segura <mex.zktk@gmail.com>
Wed, 15 Feb 2017 16:42:06 +0100
changeset 320 81945eedc63f
parent 212 1c7cce196665
permissions -rw-r--r--
Introduce refactored components using Vue.js.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
212
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
     1
<script>
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
     2
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
     3
export default {
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
     4
	data () {
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
     5
		return {}
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
     6
	},
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
     7
	mounted () {
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
     8
		var self=this;
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
     9
	 	$(".collection-home-block:not(.selected)").hide();
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    10
	},
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    11
	methods: {
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    12
		switchTab: function(name){
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    13
		    $(".collection-home-block").removeClass("selected");
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    14
		    $(".collection-home-block").hide();
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    15
		    $(".collection-home-tab").parent().removeClass("active");
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    16
		    $("#list-"+name).show();
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    17
		    $("#tab-"+name).addClass("active");
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    18
		    
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    19
		}
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    20
	}
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    21
}
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    22
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    23
1c7cce196665 Added complete_description attribute to Collection for homepage #12 + Vue.js components to handle display and sart to harmonize javascript
durandn
parents:
diff changeset
    24
</script>