package example_basics

import (
	"github.com/qor5/admin/presets"
	"github.com/qor5/admin/richeditor"
	"github.com/qor5/web"
)

func layoutPieces() {
	var presetsBuilder *presets.Builder

	// @snippet_begin(CustomizeVuetifyOptions)
	presetsBuilder.VuetifyOptions(`
        {
            icons: {
                iconfont: 'md',
            },
            theme: {
                themes: {
                    light: {
                        primary: "#673ab7",
                        secondary: "#009688",
                        accent: "#ff5722",
                        error: "#f44336",
                        warning: "#ff9800",
                        info: "#8bc34a",
                        success: "#4caf50"
                    },
                },
            },
        }
    `)
	// @snippet_end

	// @snippet_begin(InjectAssetViaExtraAsset)
	presetsBuilder.ExtraAsset("/redactor.js", "text/javascript", richeditor.JSComponentsPack())
	presetsBuilder.ExtraAsset("/redactor.css", "text/css", richeditor.CSSComponentsPack())
	// @snippet_end

	// @snippet_begin(InjectAssetViaAssetFunc)
	presetsBuilder.AssetFunc(func(ctx *web.EventContext) {
		ctx.Injector.Meta(web.MetaKey("charset"), "charset", "utf8")
		ctx.Injector.HeadHTML(`<script src="https://cdn.example.com/hello.js"></script>`)
	})
	// @snippet_end

	var modelBuilder *presets.ModelBuilder
	// @snippet_begin(ModelBuilderLayoutOptions)
	modelBuilder.LayoutConfig(&presets.LayoutConfig{
		SearchBoxInvisible:          true,
		NotificationCenterInvisible: true,
	})
	// @snippet_end
}