abishekrsrikaanth

.skeleton {
  --text-opacity: 0;
  background-image: linear-gradient(100deg, #edf2f7 0%, #f4f7fa 20%, #edf2f7 40%);
  background-position: 50%;
  background-size: 200%;
  animation: skeleton 1.25s infinite linear;
}

.skeleton-teal {
  background-image: linear-gradient(100deg, #b4c5f8 0%, #cad8f9 20%, #b4c5f8 40%);

abishekrsrikaanth

<div id="media-comp" class="display-contents">
    <media inline-template>
        <form>
            <div v-for="(image, index) in form" :key="index" @touchstart.stop @mousedown.stop class="col-span-6">
                <h3 class="text-3xl font-medium">@{{ image.label }}</h3>
                <p class="py-3">Allowed Width @{{image.width}}px, Height @{{image.height}}px, Max file size @{{image.maxFileSize}}</p>
                <input v-model="image.value" wire:model="@{{ image.name }}" type="hidden">
                <croppa v-model="image.model" :width="image.width" :height="image.height"
                    :placeholder="locale == 'sv' ? 'Välj en bild' : 'Choose an image'"
                    :accept="'image/*'" :file-size-limit="image.maxByte" :zoom-speed="3" :disable-drag-and-drop="false"

abishekrsrikaanth

SoundCloud Follower Count

Card that shows SoundCloud follower count using the SoundCloud REST API.

Does not update live.

A Pen by jczimm on CodePen.

License.

abishekrsrikaanth

SoundCloud Follower Count

Card that shows SoundCloud follower count using the SoundCloud REST API.

Does not update live.

A Pen by jczimm on CodePen.

License.

abishekrsrikaanth

<?php

public function fields(Request $request)
{ 
   return [
      // ... All your other fields here

      GroupByTool::make()
            ->usingModel(EventRegistration::class)
            ->selectColumns([

abishekrsrikaanth

const { data } = await Nova.request().post('/nova-vendor/tool_name_goes_here/get-grouped-data', {
    model: this.model,
    group_by: this.groupBy,
    select_columns: this.selectColumns,
    resource_id: this.resource_id,
    using_where: this.usingWhere
});

abishekrsrikaanth

<script>
    export default {
        props: ['resourceName', 'resourceId', 'panel'],

        data () {
            return {
                data: []
            }
        },

abishekrsrikaanth

<?php

namespace WorkDoneRight\GroupByTool\Controllers;

use Illuminate\Database\Query\Builder;
use Illuminate\Support\Str;
use Laravel\Nova\Http\Requests\NovaRequest;

class GroupedViewController
{

abishekrsrikaanth

<template>
    <div>
        <h1 class="text-90 font-normal text-2xl mb-6">{{groupTitle}}</h1>
        <div class="card">
            <table class="w-full table mb-6 py-3 px-6 ">
                <thead>
                <tr>
                    <th v-for="column in data.columns">{{column}}</th>
                </tr>
                </thead>

abishekrsrikaanth

<?php

namespace Workdoneright\GroupByTool;

use Laravel\Nova\ResourceTool;

class GroupByTool extends ResourceTool
{
    /**
     * Get the displayable name of the resource tool.