diff --git a/src/classes/DateController.ts b/src/classes/DateController.ts index d1bfbe8..8e7dff2 100644 --- a/src/classes/DateController.ts +++ b/src/classes/DateController.ts @@ -1,26 +1,25 @@ -import moment from 'moment'; -import 'moment/locale/fr'; +import moment from 'moment' +import 'moment/locale/fr' moment.locale('fr') -const monthsStrings = ['Janvier','Fevrier','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre']; - +const monthsStrings = ['Janvier', 'Fevrier', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] export class DateMoving { - public date: moment.Moment; - public hour: string; - public number: number; - public month: string; - public year: number; + public date: moment.Moment + public hour: string + public number: number + public month: string + public year: number constructor(time: number) { - this.date = moment(time * 1000); - this.hour = `${this.date.format('HH:mm')}`; - this.number = this.date.date(); - this.year = this.date.year(); - this.month = monthsStrings[this.date.month()]; + this.date = moment(time * 1000) + this.hour = `${this.date.format('HH:mm')}` + this.number = this.date.date() + this.year = this.date.year() + this.month = monthsStrings[this.date.month()] } - fullString() { - return this.date.format('Do MMMM YYYY, HH:mm'); + public fullString() { + return this.date.format('Do MMMM YYYY, HH:mm') } -} \ No newline at end of file +} diff --git a/src/common/shared_vuejs.ts b/src/common/shared_vuejs.ts index d63ba55..cb24e8e 100644 --- a/src/common/shared_vuejs.ts +++ b/src/common/shared_vuejs.ts @@ -1,7 +1,18 @@ export const shared_consts = { + Accepted: { - CHECK_READ_GUIDELINES: 1, - CHECK_SEE_VIDEO_PRINCIPI: 2, + CHECK_READ_GUIDELINES: { + value: 1, + label: 'steps.linee_guida', + icon: 'fas fa-user-shield', + color: 'red' + }, + CHECK_SEE_VIDEO_PRINCIPI: { + value: 2, + label: 'steps.video_intro', + icon: 'fas fa-tools', + color: 'green' + }, }, ALL_SAW_AND_ACCEPTED: 3, diff --git a/src/components/CCardState/CCardState.scss b/src/components/CCardState/CCardState.scss index 0a37bb0..7b8641d 100644 --- a/src/components/CCardState/CCardState.scss +++ b/src/components/CCardState/CCardState.scss @@ -11,3 +11,24 @@ box-shadow: none; } + +.my-card-small-stat { + width: 100%; + max-width: 60px; + min-width: 40px; + @media (max-width: 718px) { + // PER VERSIONE MOBILE + max-width: 50px; + min-width: 40px; + } + + box-shadow: none; +} + + +.text-h5-short { + line-height: 1.25rem !important; + @media (max-width: 718px) { + line-height: 1rem !important; + } +} diff --git a/src/components/CCardState/CCardState.ts b/src/components/CCardState/CCardState.ts index 8fd6a07..c438414 100644 --- a/src/components/CCardState/CCardState.ts +++ b/src/components/CCardState/CCardState.ts @@ -16,12 +16,17 @@ export default class CCardState extends MixinBase { @Prop({ required: false, default: '' }) public imgsrc @Prop({ required: false, default: false }) public isperc @Prop({ required: false, default: '' }) public textadd - @Prop({ required: false, default: 'green' }) public color + @Prop({ required: false, default: 'green' }) public mycolor + @Prop({ required: false, default: '150px' }) public size + @Prop({ required: false, default: '130px' }) public size_mob + @Prop({ required: false, default: '1rem' }) public fontsize + @Prop({ required: false, default: '' }) public mystyle + @Prop({ required: false, default: 'my-card-stat' }) public myclass get getsize() { if (tools.isMobile()) - return '130px' + return this.size_mob else - return '150px' + return this.size } } diff --git a/src/components/CCardState/CCardState.vue b/src/components/CCardState/CCardState.vue index 83ad937..33cd22e 100644 --- a/src/components/CCardState/CCardState.vue +++ b/src/components/CCardState/CCardState.vue @@ -1,14 +1,14 @@