mirror of
				https://github.com/lingble/chatwoot.git
				synced 2025-11-04 04:57:51 +00:00 
			
		
		
		
	* feat: Ability to add label for contact page Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com> Co-authored-by: Pranav Raj S <pranav@chatwoot.com> Co-authored-by: Nithin David Thomas <webofnithin@gmail.com>
		
			
				
	
	
		
			35 lines
		
	
	
		
			590 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			35 lines
		
	
	
		
			590 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
<template>
 | 
						|
  <woot-button variant="link" class="label--add" @click="addLabel">
 | 
						|
    <woot-label
 | 
						|
      color-scheme="secondary"
 | 
						|
      :title="$t('CONTACT_PANEL.LABELS.CONVERSATION.ADD_BUTTON')"
 | 
						|
      icon="ion-plus-round"
 | 
						|
    />
 | 
						|
  </woot-button>
 | 
						|
</template>
 | 
						|
 | 
						|
<script>
 | 
						|
export default {
 | 
						|
  methods: {
 | 
						|
    addLabel() {
 | 
						|
      this.$emit('add');
 | 
						|
    },
 | 
						|
  },
 | 
						|
};
 | 
						|
</script>
 | 
						|
 | 
						|
<style lang="scss" scoped>
 | 
						|
.label--add {
 | 
						|
  &::v-deep .label {
 | 
						|
    cursor: pointer;
 | 
						|
    background: transparent;
 | 
						|
    border-color: var(--s-700);
 | 
						|
    margin: 0;
 | 
						|
 | 
						|
    &:hover {
 | 
						|
      background: var(--s-50);
 | 
						|
    }
 | 
						|
  }
 | 
						|
}
 | 
						|
</style>
 |