scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2025-11-02 20:18:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: Add chatwoot utils package (#2307)

Browse Source 
* add chatwoot utils package

* remove color helper

* replace contrasting text color  with chatwoot util
This commit is contained in:
Muhsin Keloth
2021-05-24 12:43:03 +05:30
committed by GitHub
parent 58dd6d37e0
commit 62d19911be
6 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/dashboard/components/ui/Label.vue
View File

@@ -7,7 +7,7 @@
</div>
</template>
<script>
import { getContrastingTextColor } from 'shared/helpers/ColorHelper';
import { getContrastingTextColor } from '@chatwoot/utils';
export default {
props: {
title: {

8
app/javascript/shared/helpers/ColorHelper.js
View File

@@ -1,8 +0,0 @@
export const getContrastingTextColor = bgColor => {
const color = bgColor.replace('#', '');
const r = parseInt(color.slice(0, 2), 16);
const g = parseInt(color.slice(2, 4), 16);
const b = parseInt(color.slice(4, 6), 16);
// http://stackoverflow.com/a/3943023/112731
return r * 0.299 + g * 0.587 + b * 0.114 > 186 ? '#000000' : '#FFFFFF';
};

2
app/javascript/widget/components/PreChat/Form.vue
View File

@@ -56,7 +56,7 @@ import FormInput from '../Form/Input';
import FormTextArea from '../Form/TextArea';
import Spinner from 'shared/components/Spinner';
import { mapGetters } from 'vuex';
import { getContrastingTextColor } from 'shared/helpers/ColorHelper';
import { getContrastingTextColor } from '@chatwoot/utils';
import { required, minLength, email } from 'vuelidate/lib/validators';
export default {
components: {

2
app/javascript/widget/components/TeamAvailability.vue
View File

@@ -29,8 +29,8 @@
<script>
import { mapGetters } from 'vuex';
import { getContrastingTextColor } from '@chatwoot/utils';
import AvailableAgents from 'widget/components/AvailableAgents.vue';
import { getContrastingTextColor } from 'shared/helpers/ColorHelper';
import CustomButton from 'shared/components/Button';
import configMixin from 'widget/mixins/configMixin';
import availabilityMixin from 'widget/mixins/availability';