Skip to content

Instantly share code, notes, and snippets.

View badasscodr's full-sized avatar
🎯
Focusing

Badasscoder badasscodr

🎯
Focusing
View GitHub Profile
<template>
<div id="chart">
<apexchart
ref="pricesRef"
type="area"
height="150"
:options="options"
:series="series"
></apexchart>
@badasscodr
badasscodr / shoptopaea-sigmawebstore-issue.js
Created February 16, 2022 07:51
file belongs to sigmawebstore-by -ali
const ShopTopArea = {
template: /* html */ `
<div class="desktop-tab">
<div class="shop-top-bar d-flex">
<!-- Right Side Start -->
<div class="select-shoing-wrap d-flex align-items-center">
<select class="form-control form-control-lg">
<option>Default</option>
<option value="3"> Price, low to high</option>
<option value="4"> Price, high to low</option>
@badasscodr
badasscodr / shop-sigmawebstore-issue.js
Created February 16, 2022 07:48
this belong to sigma-by-ali
const Shop = {
template: /* html */ `
<main>
<section class="breadcrumb-area">
<Breadcrumb :title="title" :itemActive="itemActive"/>
</section>
<section class="shop-category-area pt-100px pb-100px">
<div class="container">
<div class="row">
@badasscodr
badasscodr / slider-issue-actualcode.js
Created February 5, 2022 04:23
slider-sigmawebstoe-issue by ali
const Slider = {
template: /* html */ `
<div class="main-slider">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide"
v-for="(slide, index) in slides"
:key="index">
<div class="hero-slide-item
@badasscodr
badasscodr / slider-issue.js
Created February 5, 2022 04:01
slider issue. - sigmawebstore by ali
Hello Developers
There is a slider component. I am making slides dynamic. There two approaches.
Case 1:
There is an array in data() option. Here
Static--
@badasscodr
badasscodr / slider.js
Created February 4, 2022 04:52
file from sigma webstore project by ali
const Slider = {
template: /* html */ `
<div class="main-slider">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide"
v-for="(slide, index) in slidess"
:key="index">
<div class="hero-slide-item
slider-height
<template>
<div>
<!-- Use the component in the right place of the template -->
<tiptap-vuetify
v-model='content'
:extensions='extensions'
:toolbar-attributes="{ color: 'invert' }"
output-format='json'
/>
@badasscodr
badasscodr / how-to-get-form-field-data-as-json-using-plain-javascript.markdown
Created June 21, 2021 13:38
How to Get Form Field Data as JSON Using Plain JavaScript

How to Get Form Field Data as JSON Using Plain JavaScript

A plain JavaScript example of extracting a form's fields into an object using the field name as the key and the field value as the value. This can work in lieu of things like jQuery's .serialize() or .serializeArray(), which leave something to be desired if we need to work with the form data in JavaScript.

A Pen by Jason Lengstorf on CodePen.

License.

@badasscodr
badasscodr / how-to-get-form-field-data-as-json-using-plain-javascript.markdown
Created June 21, 2021 13:36
How to Get Form Field Data as JSON Using Plain JavaScript

How to Get Form Field Data as JSON Using Plain JavaScript

A plain JavaScript example of extracting a form's fields into an object using the field name as the key and the field value as the value. This can work in lieu of things like jQuery's .serialize() or .serializeArray(), which leave something to be desired if we need to work with the form data in JavaScript.

A Pen by Jason Lengstorf on CodePen.

License.

@badasscodr
badasscodr / index.html
Created February 24, 2021 03:40
JavaScript Calculator
<div class="calculator">
<div class="input" id="input"></div>
<div class="buttons">
<div class="operators">
<div>+</div>
<div>-</div>
<div>&times;</div>
<div>&divide;</div>
</div>
<div class="leftPanel">