Skip to content

Instantly share code, notes, and snippets.

Vitaly Kasymov eolant

Block or report user

Report or block eolant

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@eolant
eolant / filters.php
Last active Nov 21, 2018
Contact form 7 Bootstrap 4 custom radio and checkbox buttons filter to remove spans and change HTML structure
View filters.php
/**
* Adjust contact form 7 radios and checkboxes to match bootstrap 4 custom radio structure.
* Each radio have to be a separate shortcode to accomodate HTML labels and labes different to values.
*
* <div class="custom-control custom-radio">
* [radio field id:radio-1 default:1 class:custom-control-input "Value 1"]<label class="custom-control-label" for="radio-1">Label 1</label>
* </div>
* <div class="custom-control custom-radio">
* [radio field id:radio-2 class:custom-control-input "Value 2"]<label class="custom-control-label" for="radio-2">Label 2</label>
* </div>
@eolant
eolant / KeyboardInput.vue
Created Jun 6, 2018
Vue Component with Twitter Bootstrap styles for custom Mottie/Keyboard (Virtual Keyboard) input or textarea
View KeyboardInput.vue
<template>
<input
:type="type"
:placeholder="placeholder"
:name="name"
class="form-control"
autocomplete="off"
v-model="value"
>
</template>
@eolant
eolant / TitleCase.js
Created Feb 9, 2018
Title case utf8 string javascript function
View TitleCase.js
function toTitleCase(str) {
return str.replace(/[\u00C0-\u1FFF\u2C00-\uD7FF\w]+\s*/g, function (txt) {
return txt.charAt(0).toUpperCase() + txt.substr(1);
});
}
@eolant
eolant / Confirm.vue
Last active Oct 14, 2019
Vuetify Confirm Dialog component that can be used locally or globally
View Confirm.vue
<template>
<v-dialog v-model="dialog" :max-width="options.width" :style="{ zIndex: options.zIndex }" @keydown.esc="cancel">
<v-card>
<v-toolbar dark :color="options.color" dense flat>
<v-toolbar-title class="white--text">{{ title }}</v-toolbar-title>
</v-toolbar>
<v-card-text v-show="!!message" class="pa-4">{{ message }}</v-card-text>
<v-card-actions class="pt-0">
<v-spacer></v-spacer>
<v-btn color="primary darken-1" text @click.native="agree">Yes</v-btn>
You can’t perform that action at this time.