Commit dedbe0c8 authored by Yakubov, Sergey's avatar Yakubov, Sergey
Browse files

Merge branch 'max_poc_vuetify_json_schema' into 'main'

Max poc vuetify json schema

See merge request !7
parents 86d995e0 15e38ec3
Loading
Loading
Loading
Loading
+8 −0
Original line number Diff line number Diff line
node_modules/

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
 No newline at end of file
+0 −0

Empty file added.

+56 −0
Original line number Diff line number Diff line
# CodePen Export with Build Process
_Transform raw code into a browser-ready preview... offline_

This package contains all of the original code ([src/](./src/)), and a custom build script with processors. You'll be able to edit and build for a local CodePen-like experience.

## Installation

Ensure you have a recent version of [node & npm](https://nodejs.org/en/download/) or [yarn](https://yarnpkg.com/en/docs/install) installed.

All of the following steps run on the command line within this directory. You can substitute `npm` for `yarn` depending on your preferences.

Install all the necessary packages:

```
npm install
```

## Build

To build for distribution:

```
npm run build
```

All of the final output will be dropped into the [/dist/](./dist) folder.

## Server

Run a local server that will automatically compile your code & refresh when you save a change!

```
npm run serve
```

---

## Folder Structure

```
/exported-item/
|-- /build/ - Build scripts
|  |-- gulpfile.js - The tasks for the main build process
|  |-- util.js - Utilities used by the tasks
|
|-- /src/ - Your code
|  |-- index.template.html - The wrapper around your compiled HTML that includes any external stylesheets and scripts
|  |-- index.partial.(html|pug|haml|...) - The raw HTML input or preprocessor equivalent
|  |-- style.(css|scss|less|...) - The raw CSS input, or preprocessor equivalent
|  |-- script.(js|ts|coffee|...) - The raw JavaScript input, or preprocessor equivalent
|
|-- /dist/ - The compiled output after running `npm run build`
|  |-- index.html
|  |-- script.js
|  |-- style.css
```
 No newline at end of file
+21 −0
Original line number Diff line number Diff line
The MIT License (MIT)

Copyright (c) 2023 Max Jeanphilippe (https://codepen.io/Max-Jeanphilippe/pen/BaMRbmX)

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
+7 −0
Original line number Diff line number Diff line
# vjsf - Sections as tabs

A Pen created on CodePen.io. Original URL: [https://codepen.io/Max-Jeanphilippe/pen/BaMRbmX](https://codepen.io/Max-Jeanphilippe/pen/BaMRbmX).

Use the `x-display="tabs"` annotation to display sections as tabs. You can also use the `rootDisplay` option to display root sections as tabs regardless of the content of the schema.

You can use the `x-props`annotation to configure the rendering of a specific set of tabs and the `tabsProps` option to configure default rendering of any set of tabs.
 No newline at end of file
Loading