O único requisito é ter o Node.js versão 8 ou superior.
-
Copie o conteúdo do arquivo
.env.defaultpara o.enve altere as configurações conforme a necessidade. -
Instale as dependências usando o Yarn.
| import { get as getProp } from 'convenia-components' | |
| import request from '@Employee:graphql' | |
| import * as types from '@Employee:types' | |
| import * as get from '@Employee:graphql/queries' | |
| import * as set from '@Employee:graphql/mutations' | |
| /** |
| import request from '@Employee:graphql' | |
| import * as get from '@Employee:graphql/queries' | |
| import * as set from '@Employee:graphql/mutations' | |
| import * as mappers from './mappers' | |
| import * as formatters from './formatters' | |
| /** | |
| * Getters |
| <template> | |
| <c-input-container | |
| v-click-outside="close" | |
| :class="containerClasses" | |
| :style="{ '--options-length': (computedOptions || []).length }" | |
| v-bind="containerAttributes" | |
| @click.native="opened = !opened" | |
| > | |
| <select | |
| v-if="mobileNative || nativeCompatible" |
| {"errors":[{"debugMessage":"Class App\\Services\\RpcService does not exist","message":"Internal server error","category":"internal","locations":[{"line":4,"column":3}],"path":["unionContributions",0,"syndicate"],"trace":[{"file":"\/srv\/release\/vendor\/laravel\/framework\/src\/Illuminate\/Container\/Container.php","line":767,"call":"ReflectionClass::__construct('App\\Services\\RpcService')"},{"file":"\/srv\/release\/vendor\/laravel\/framework\/src\/Illuminate\/Container\/Container.php","line":646,"call":"Illuminate\\Container\\Container::build('App\\Services\\RpcService')"},{"file":"\/srv\/release\/vendor\/laravel\/framework\/src\/Illuminate\/Container\/Container.php","line":601,"call":"Illuminate\\Container\\Container::resolve('App\\Services\\RpcService', array(0))"},{"file":"\/srv\/release\/vendor\/laravel\/framework\/src\/Illuminate\/Foundation\/Application.php","line":734,"call":"Illuminate\\Container\\Container::make('App\\Services\\RpcService', array(0))"},{"file":"\/srv\/release\/vendor\/laravel\/fram |
| {"errors":[{"debugMessage":"Undefined property: stdClass::$city_external_id","message":"Internal server error","category":"internal","locations":[{"line":9,"column":3}],"path":["address","city"],"trace":[{"file":"\/srv\/release\/app\/Http\/GraphQL\/Resolvers\/DefaultConfigResolver.php","line":60,"call":"Illuminate\\Foundation\\Bootstrap\\HandleExceptions::handleError(8, 'Undefined property: stdClass::$city_external_id', '\/srv\/release\/app\/Http\/GraphQL\/Resolvers\/DefaultConfigResolver.php', 60, array(4))"},{"file":"\/srv\/release\/vendor\/nuwave\/lighthouse\/src\/Support\/helpers.php","line":151,"call":"App\\Http\\GraphQL\\Resolvers\\DefaultConfigResolver::city(instance of stdClass, array(1), instance of Nuwave\\Lighthouse\\Schema\\Context, instance of GraphQL\\Type\\Definition\\ResolveInfo)"},{"file":"\/srv\/release\/vendor\/nuwave\/lighthouse\/src\/Schema\/Directives\/Fields\/FieldDirective.php","line":63,"function":"{closure}(instance of stdClass, array(1), instance of Nuwave\\Lighthouse\\Schema\\Conte |
| <template> | |
| <c-card class="employee-info-card" no-border no-hover> | |
| <div class="heading"> | |
| <slot> | |
| <c-title class="title" :grey="isMobile && hideContents"> | |
| {{ title }} | |
| </c-title> | |
| <div class="actions"> | |
| <slot name="actions"> |
| const Collapsible = (refName = 'contentWrapper') => ({ | |
| data: () => ({ | |
| hideContents: false, | |
| contentObs: null, | |
| contentHeight: 0, | |
| }), | |
| mounted () { | |
| this.$nextTick(() => { | |
| if (!this.$refs[refName]) return |
Currently, we're using two different folder structures for this SPA for each sub-project, one for the Payroll project and another for the Employee project. Although the folder structure used in Payroll is outdated and probably won't be there anytime soon. Both structures share a lot of similarities with each other.
In the Payroll project, we're currently following this structure:
src/
| show() { | |
| const base = this.localCurrentPage | |
| const max = this.max | |
| const factor = Math.ceil(max / 2) | |
| const pgFrom = (base - factor) || 1 | |
| const pgTo = base <= this.totalPages ? base + factor : this.totalPages | |
| const result = Array.from({ length: max }, (e, i) => |