Skip to content

Instantly share code, notes, and snippets.

🏠
Working from home

Jose Manuel Casani Guerra MrJmpl3

🏠
Working from home
View GitHub Profile
@MrJmpl3
MrJmpl3 / CtTextField.ts
Created Sep 13, 2019
Applying the advice of Vuetify
View CtTextField.ts
import mixins from 'vuetify/src/util/mixins';
import VTextField from 'vuetify/lib/components/VTextField';
import VInput from 'vuetify/lib/components/VInput';
export default mixins(VTextField)
.extend()
.extend({
name: 'CtTextField',
props: {
dense: {
@MrJmpl3
MrJmpl3 / mixins.scss
Created Sep 9, 2019
Vuetify - Elevation Color
View mixins.scss
@mixin ct-elevation-color($z, $color: #000, $important: false) {
$shadow-key-umbra-opacity: rgba($color, 0.2);
$shadow-key-penumbra-opacity: rgba($color, 0.14);
$shadow-key-ambient-opacity: rgba($color, 0.12);
$shadow-key-umbra: (
0: (
0px 0px 0px 0px $shadow-key-umbra-opacity
),
1: (
View CtNavigationDrawner.vue
<template functional>
<v-navigation-drawer v-bind="data.attrs" v-on="listeners" :width="width" class="ct-navigation-drawer" app dark>
<template v-slot:img="attrs">
<v-img v-bind="attrs" gradient="to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)" />
</template>
<slot />
</v-navigation-drawer>
</template>
<script>
@MrJmpl3
MrJmpl3 / example.php
Created Aug 25, 2019
Testing Login of Laravel Passport without lose env
View example.php
request()->request->add([
'grant_type' => 'password',
'client_id' => env('PASSPORT_CLIENT_ID'),
'client_secret' => env('PASSPORT_CLIENT_SECRET'),
'username' => $this->username,
'password' => $this->password,
'scope' => '*',
]);
$request = Request::create(env('APP_URL') . '/oauth/token', 'POST');
@MrJmpl3
MrJmpl3 / VTextFieldWithDense.ts
Created Jul 29, 2019
Vuetify 1.5 - Textfield Dense
View VTextFieldWithDense.ts
import VTextField from 'vuetify/lib/components/VTextField/VTextField';
export default VTextField.extend({
name: 'v-text-field-with-dense',
props: {
dense: {
type: Boolean,
default: false
}
},
@MrJmpl3
MrJmpl3 / nuxt.config.js
Last active Jul 28, 2019
Configurar Vuetify-Loader en Nuxt (Vuetify 2.0)
View nuxt.config.js
const sass = require('sass');
const fibers = require('fibers');
const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin');
const nodeExternals = require('webpack-node-externals');
const webpackPlugins = () => {
const plugins = [];
plugins.push(new VuetifyLoaderPlugin());
return plugins;
};
@MrJmpl3
MrJmpl3 / VDatePickerDateTableFullEvent.ts
Last active Jul 23, 2019
Vuetify - Full color in event date
View VDatePickerDateTableFullEvent.ts
import VDatePickerDateTable from 'vuetify/lib/components/VDatePicker/VDatePickerDateTable';
import { pad } from 'vuetify/lib/components/VDatePicker/util';
import { DatePickerFormatter } from 'vuetify/lib/components/VDatePicker/util/createNativeLocaleFormatter';
import isDateAllowed from 'vuetify/lib/components/VDatePicker/util/isDateAllowed';
export default VDatePickerDateTable.extend({
name: 'v-date-picker-date-table-full-name',
methods: {
// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
genTBody() {
@MrJmpl3
MrJmpl3 / ApiTrait.php
Last active Jul 18, 2019
ApiTrait - Trait helpers to Laravel API Resources
View ApiTrait.php
<?php
/**
* Copyright (c) 2018.
* Archivo desarrollado por Jose Manuel Casani Guerra bajo el pseudonimo de MrJmpl3
*
* Email: jmpl3.soporte@gmail.com
* Twitter: @MrJmpl3
* Pagina Web: https://mrjmpl3-official.es
*/
You can’t perform that action at this time.