- Duplicate your
package.json. - Create empty
resources/js/bootstrap.js,resources/sass/app.scssandresources/sass/_variables.scssfiles.
composer require laravel/ui
ux-powered
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="dict-container"></div> | |
| <button id="dict-add" class="btn btn-primary">Add</button> | |
| <button id="dict-clear" class="btn btn-danger">Clear all</button> |
ux-powered
/ README.md
Created
June 23, 2020 06:02
laravel/ui scaffolding for laravel-starter project
The code snippet of PhotoSwipe + Swiper integration. Works for both looped and non-looped sliders.
- Create
libs/photoswipe/photoswipe-swiper.js - Import the created file in the
libs/photoswipe/photoswipe.jsand exportinitPhotoSwipeWithSwiperfunction - Init PhotoSwipe on the .swiper-wrapper element
Note: You can include libs/photoswipe/photoswipe.js and use both initPhotoSwipeFromDOM() and initPhotoSwipeWithSwiper() functions; or include only libs/photoswipe/photoswipe-swiper.js if you don't need default PhotoSwipe initializer.
Let's assume we want to deploy our laravel-demo app to http://example.com/laravel_demo/. Here's what you will need to do:
- Add the next key to your
.envconfig:
ASSET_URL=
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
| { | |
| "presets": [ | |
| "@babel/react", | |
| [ | |
| "@babel/env", | |
| { | |
| "targets": { | |
| "browsers": [ | |
| ">= 1%", | |
| "last 2 versions", |
Do not forget to install required packages:
yarn add react-app-polyfill url-polyfill custom-event-polyfill
CRA dev server doesnt support IE10, so if you need to test the app in IE10,
prepend the next line to the <head> block in public/index.html:
``
ux-powered
/ How-to.md
Last active
December 16, 2022 01:46
Deploy a Laravel-Vue project to a subdirectory
Let's assume we want to deploy our app to http://example.com/projects/laravel-vue-demo/. Here's what you will need to do:
- Add the next keys to your
.envconfig:
APP_PUBLIC_PATH=
VUE_PUBLIC_PATH=/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| bower_components/ | |
| build/Release/ | |
| node_modules/ | |
| jspm_packages/ | |
| typings/ | |
| .next/ | |
| .nuxt/ | |
| dist/ | |
| /vendor/libs/**/*.js |
ux-powered
/ app.module.ts
Created
November 26, 2019 06:41
Dropzone within a modal component example
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { BrowserModule, Title } from '@angular/platform-browser'; | |
| import { NgModule } from '@angular/core'; | |
| import { FormsModule, ReactiveFormsModule } from '@angular/forms'; | |
| import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; | |
| import { DropzoneModule } from 'ngx-dropzone-wrapper'; | |
| import { DropzoneModalComponent } from './page/dropzone-modal.component' | |
| // ******************************************************************************* | |
| // NgBootstrap |