commit 27e62640ca36cfc6712085c553c76079d6fb3642 Author: omair saleh Date: Fri Oct 16 10:12:19 2020 +0800 Initial commit diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 00000000..6537ca46 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,15 @@ +root = true + +[*] +charset = utf-8 +end_of_line = lf +insert_final_newline = true +indent_style = space +indent_size = 4 +trim_trailing_whitespace = true + +[*.md] +trim_trailing_whitespace = false + +[*.{yml,yaml}] +indent_size = 2 diff --git a/.env.example b/.env.example new file mode 100644 index 00000000..a0701a99 --- /dev/null +++ b/.env.example @@ -0,0 +1,48 @@ +APP_NAME=Laravel +APP_ENV=local +APP_KEY= +APP_DEBUG=true +APP_URL=http://localhost + +LOG_CHANNEL=stack + +DB_CONNECTION=mysql +DB_HOST=127.0.0.1 +DB_PORT=3306 +DB_DATABASE=laravel +DB_USERNAME=root +DB_PASSWORD= + +BROADCAST_DRIVER=log +CACHE_DRIVER=file +QUEUE_CONNECTION=sync +SESSION_DRIVER=file +SESSION_LIFETIME=120 + +REDIS_HOST=127.0.0.1 +REDIS_PASSWORD=null +REDIS_PORT=6379 + +MAIL_MAILER=smtp +MAIL_HOST=smtp.mailtrap.io +MAIL_PORT=2525 +MAIL_USERNAME=null +MAIL_PASSWORD=null +MAIL_ENCRYPTION=null +MAIL_FROM_ADDRESS=null +MAIL_FROM_NAME="${APP_NAME}" + +AWS_ACCESS_KEY_ID= +AWS_SECRET_ACCESS_KEY= +AWS_DEFAULT_REGION=us-east-1 +AWS_BUCKET= + +PUSHER_APP_ID= +PUSHER_APP_KEY= +PUSHER_APP_SECRET= +PUSHER_APP_CLUSTER=mt1 + +MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}" +MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" + +JWT_SECRET= diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 00000000..967315dd --- /dev/null +++ b/.gitattributes @@ -0,0 +1,5 @@ +* text=auto +*.css linguist-vendored +*.scss linguist-vendored +*.js linguist-vendored +CHANGELOG.md export-ignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..eec23d5b --- /dev/null +++ b/.gitignore @@ -0,0 +1,13 @@ +/node_modules +/public/hot +/public/storage +/storage/*.key +/vendor +**/.idea/ +.env +.env.backup +.phpunit.result.cache +Homestead.json +Homestead.yaml +npm-debug.log +yarn-error.log diff --git a/.styleci.yml b/.styleci.yml new file mode 100644 index 00000000..1db61d96 --- /dev/null +++ b/.styleci.yml @@ -0,0 +1,13 @@ +php: + preset: laravel + disabled: + - unused_use + finder: + not-name: + - index.php + - server.php +js: + finder: + not-name: + - webpack.mix.js +css: true diff --git a/README.md b/README.md new file mode 100644 index 00000000..3cae01ea --- /dev/null +++ b/README.md @@ -0,0 +1,79 @@ +

+ +

+Build Status +Total Downloads +Latest Stable Version +License +

+ +## About Laravel + +Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many web projects, such as: + +- [Simple, fast routing engine](https://laravel.com/docs/routing). +- [Powerful dependency injection container](https://laravel.com/docs/container). +- Multiple back-ends for [session](https://laravel.com/docs/session) and [cache](https://laravel.com/docs/cache) storage. +- Expressive, intuitive [database ORM](https://laravel.com/docs/eloquent). +- Database agnostic [schema migrations](https://laravel.com/docs/migrations). +- [Robust background job processing](https://laravel.com/docs/queues). +- [Real-time event broadcasting](https://laravel.com/docs/broadcasting). + +Laravel is accessible, powerful, and provides tools required for large, robust applications. + +## Learning Laravel + +Laravel has the most extensive and thorough [documentation](https://laravel.com/docs) and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework. + +If you don't feel like reading, [Laracasts](https://laracasts.com) can help. Laracasts contains over 1500 video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library. + +## Laravel Sponsors + +We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the Laravel [Patreon page](https://patreon.com/taylorotwell). + +- **[Vehikl](https://vehikl.com/)** +- **[Tighten Co.](https://tighten.co)** +- **[Kirschbaum Development Group](https://kirschbaumdevelopment.com)** +- **[64 Robots](https://64robots.com)** +- **[Cubet Techno Labs](https://cubettech.com)** +- **[Cyber-Duck](https://cyber-duck.co.uk)** +- **[Many](https://www.many.co.uk)** +- **[Webdock, Fast VPS Hosting](https://www.webdock.io/en)** +- **[DevSquad](https://devsquad.com)** +- [UserInsights](https://userinsights.com) +- [Fragrantica](https://www.fragrantica.com) +- [SOFTonSOFA](https://softonsofa.com/) +- [User10](https://user10.com) +- [Soumettre.fr](https://soumettre.fr/) +- [CodeBrisk](https://codebrisk.com) +- [1Forge](https://1forge.com) +- [TECPRESSO](https://tecpresso.co.jp/) +- [Runtime Converter](http://runtimeconverter.com/) +- [WebL'Agence](https://weblagence.com/) +- [Invoice Ninja](https://www.invoiceninja.com) +- [iMi digital](https://www.imi-digital.de/) +- [Earthlink](https://www.earthlink.ro/) +- [Steadfast Collective](https://steadfastcollective.com/) +- [We Are The Robots Inc.](https://watr.mx/) +- [Understand.io](https://www.understand.io/) +- [Abdel Elrafa](https://abdelelrafa.com) +- [Hyper Host](https://hyper.host) +- [Appoly](https://www.appoly.co.uk) +- [OP.GG](https://op.gg) +- [云软科技](http://www.yunruan.ltd/) + +## Contributing + +Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions). + +## Code of Conduct + +In order to ensure that the Laravel community is welcoming to all, please review and abide by the [Code of Conduct](https://laravel.com/docs/contributions#code-of-conduct). + +## Security Vulnerabilities + +If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell via [taylor@laravel.com](mailto:taylor@laravel.com). All security vulnerabilities will be promptly addressed. + +## License + +The Laravel framework is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT). diff --git a/app/Classes/Exceptions/AccessForbiddenException.php b/app/Classes/Exceptions/AccessForbiddenException.php new file mode 100644 index 00000000..8d7e09aa --- /dev/null +++ b/app/Classes/Exceptions/AccessForbiddenException.php @@ -0,0 +1,12 @@ +httpStatusCode = $httpStatusCode; + } +} diff --git a/app/Classes/General/Abstracts/AbstractControllerLogic.php b/app/Classes/General/Abstracts/AbstractControllerLogic.php new file mode 100644 index 00000000..4a0366b2 --- /dev/null +++ b/app/Classes/General/Abstracts/AbstractControllerLogic.php @@ -0,0 +1,87 @@ +notification()['title'] ? $this->notification()['title']: Notifications::UNDEFINED['title']; + } + + /** + * @return string + */ + private function getNotificationMessage():string { + return $this->notification()['message'] ? $this->notification()['message']: Notifications::UNDEFINED['message']; + } + + /** + * @param Request $request + * @return JsonResponse + * @throws ErrorException + */ + abstract protected function logic(Request $request) : JsonResponse; + + /** + * @param Request $request + * @return JsonResponse + */ + public function execute(Request $request) : JsonResponse { + + try { + + return $this->logic($request); + + } catch (ErrorException $exception){ + return (new ApiResponseObject($this->getNotificationTitle().' failed', $exception->getMessage(), $exception->getCode()))->handler(); + + } + } + + /** + * @param array|null $data + * @return JsonResponse + */ + public function response(?array $data = []) : JsonResponse { + + return (new ApiResponseObject($this->getNotificationTitle().' Successful', + $this->getNotificationMessage(), + HttpStatus::OK_WITH_MESSAGE, $data))->handler(); + } + + /** + * @param JsonResource $resource + * @return JsonResponse + */ + public function resourceResponse(JsonResource $resource){ + return $this->response(['data' => $resource]); + } + + /** + * @param ResourceCollection $collection + * @return JsonResponse + */ + public function collectionResponse(ResourceCollection $collection){ + return $this->response(json_decode($collection->response()->getContent(), true)); + } + +} \ No newline at end of file diff --git a/app/Classes/General/Abstracts/AbstractRule.php b/app/Classes/General/Abstracts/AbstractRule.php new file mode 100644 index 00000000..a4506ba2 --- /dev/null +++ b/app/Classes/General/Abstracts/AbstractRule.php @@ -0,0 +1,46 @@ +authorized()){ + throw new AccessForbiddenException('You don\'t have permission to preform this action'); + } + + $this->validators($object); + $this->criteria($object); + + return true; + + } catch(AccessForbiddenException $exception){ + throw new AccessForbiddenException('You don\'t have permission to preform this action'); + } catch(\Exception $exception){ + throw new RequestValidationException($exception->getMessage()); + } + + } + +} \ No newline at end of file diff --git a/app/Classes/General/Abstracts/AbstractService.php b/app/Classes/General/Abstracts/AbstractService.php new file mode 100644 index 00000000..03a2e8cc --- /dev/null +++ b/app/Classes/General/Abstracts/AbstractService.php @@ -0,0 +1,42 @@ +handler($model); + + if($model->save()){ + return $model; + } + + + + } catch (QueryException $exception){ + throw new MalformedRequestException('Unable to update the record due to unexpected error'); + } + + } + + abstract function getModel(Model $model); + abstract function handler(Model $model); + + +} \ No newline at end of file diff --git a/app/Classes/General/Abstracts/AbstractValidation.php b/app/Classes/General/Abstracts/AbstractValidation.php new file mode 100644 index 00000000..11d22935 --- /dev/null +++ b/app/Classes/General/Abstracts/AbstractValidation.php @@ -0,0 +1,49 @@ +validator = $validator; + } + + + abstract protected function data($object): array; + + abstract protected function rules(): array; + + abstract protected function messages(): array; + + + /** + * @param DataTransferObject $object + * @return bool + * @throws RequestValidationException + */ + public function validate(DataTransferObject $object){ + + $validator = $this->validator::make($this->data($object), $this->rules(), $this->messages()); + + if($validator->fails()){ + throw new RequestValidationException($validator->messages()->first()); + } + + return true; + } + +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/AbstractDeleteRecord.php b/app/Classes/General/Eloquent/AbstractDeleteRecord.php new file mode 100644 index 00000000..76648842 --- /dev/null +++ b/app/Classes/General/Eloquent/AbstractDeleteRecord.php @@ -0,0 +1,32 @@ +delete()){ + return []; + } + + } catch (QueryException|\Exception $exception){ + dd($exception->getMessage()); + throw new MalformedRequestException('Unable to update the record due to unexpected error'); + } + } + + + +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/AbstractFetchRecord.php b/app/Classes/General/Eloquent/AbstractFetchRecord.php new file mode 100644 index 00000000..1fbd39da --- /dev/null +++ b/app/Classes/General/Eloquent/AbstractFetchRecord.php @@ -0,0 +1,37 @@ +handler($filters); + + } + + + /** + * @param Builder $query + * @return Model + * @throws ResourceNotFoundException + */ + public function getResults(Builder $query): Model { + if(!$query->exists()){ + throw new ResourceNotFoundException('Unable to find any record based on the criteria provided'); + } + + return $query->first(); + } + +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/AbstractGetRecord.php b/app/Classes/General/Eloquent/AbstractGetRecord.php new file mode 100644 index 00000000..f927d818 --- /dev/null +++ b/app/Classes/General/Eloquent/AbstractGetRecord.php @@ -0,0 +1,70 @@ +filters->except(self::DECORATION_FILTERS); + } + + /** + * @return Collection + */ + public function getDecorationFilters(){ + return $this->filters->only(self::DECORATION_FILTERS); + } + + /** + * @param null|string $json + * @return array + */ + public function deserializeFilters(?string $json): array { + return $json !== null ? collect(json_decode($json))->toArray() : []; + } + + /** + * @return Builder + */ + private function applyFiltersToQuery(): Builder + { + return (new ApplyFiltersToQuery())->execute($this->getRepository(), $this->getQueryFilters()->toArray()); + } + + /** + * @param array $filters + * @return mixed + */ + public function handler(array $filters){ + $this->filters = collect($filters); + return $this->getResults($this->applyFiltersToQuery()); + } + + + /** + * @return Builder + */ + abstract function getRepository(): Builder; + + /** + * @param Builder $query + * @return mixed + */ + abstract function getResults(Builder $query); + +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/AbstractListRecord.php b/app/Classes/General/Eloquent/AbstractListRecord.php new file mode 100644 index 00000000..c5d2e6e6 --- /dev/null +++ b/app/Classes/General/Eloquent/AbstractListRecord.php @@ -0,0 +1,46 @@ +handler($filters); + + } catch (QueryException $exception){ + throw new MalformedRequestException('Unable to fetch the list of records due to unexpected error'); + } + + } + + /** + * @param Builder $query + * @return mixed + */ + public function getResults(Builder $query) { + $filters = $this->getDecorationFilters(); + + if($filters->has('order_by')){ + $query = $query->orderBy($filters->get('order_by')->column, $filters->get('order_by')->DESC ? 'DESC': 'ASC'); + } + + return $filters->has('per_page') ? $query->paginate($filters->get('per_page')) : $query->get(); + + } + +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/AbstractUpdateRecord.php b/app/Classes/General/Eloquent/AbstractUpdateRecord.php new file mode 100644 index 00000000..de5730bd --- /dev/null +++ b/app/Classes/General/Eloquent/AbstractUpdateRecord.php @@ -0,0 +1,32 @@ +save()){ + return $model; + } + + } catch (QueryException $exception){ + throw new MalformedRequestException('Unable to update the record due to unexpected error'); + } + } + + + +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/ApplyFiltersToQuery.php b/app/Classes/General/Eloquent/ApplyFiltersToQuery.php new file mode 100644 index 00000000..7531a2cf --- /dev/null +++ b/app/Classes/General/Eloquent/ApplyFiltersToQuery.php @@ -0,0 +1,41 @@ + $value){ + $decorator = static::createFilterDecorator($filterName); + + if (static::isValidDecorator($decorator)) { + $query = $decorator::apply($query, $value); + } + } + + return $query; + } + + private static function createFilterDecorator($name) + { + return __NAMESPACE__ . '\Filters\\' . Str::studly($name); + } + + private static function isValidDecorator($decorator) + { + return class_exists($decorator); + } + + +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/Filters/Active.php b/app/Classes/General/Eloquent/Filters/Active.php new file mode 100644 index 00000000..7bc21e5e --- /dev/null +++ b/app/Classes/General/Eloquent/Filters/Active.php @@ -0,0 +1,20 @@ +where('active', $value); + } + +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/Filters/Email.php b/app/Classes/General/Eloquent/Filters/Email.php new file mode 100644 index 00000000..c02c97f7 --- /dev/null +++ b/app/Classes/General/Eloquent/Filters/Email.php @@ -0,0 +1,20 @@ +where('email', 'LIKE', '%' . $value . '%'); + } + +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/Filters/Filter.php b/app/Classes/General/Eloquent/Filters/Filter.php new file mode 100644 index 00000000..42810e8b --- /dev/null +++ b/app/Classes/General/Eloquent/Filters/Filter.php @@ -0,0 +1,19 @@ +where('id', $value); + } + +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/Filters/Name.php b/app/Classes/General/Eloquent/Filters/Name.php new file mode 100644 index 00000000..92d27f01 --- /dev/null +++ b/app/Classes/General/Eloquent/Filters/Name.php @@ -0,0 +1,20 @@ +where('name', 'LIKE', '%' . $value . '%'); + } + +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/Filters/Status.php b/app/Classes/General/Eloquent/Filters/Status.php new file mode 100644 index 00000000..19b23b9d --- /dev/null +++ b/app/Classes/General/Eloquent/Filters/Status.php @@ -0,0 +1,20 @@ +where('status', $value); + } + +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/Filters/Token.php b/app/Classes/General/Eloquent/Filters/Token.php new file mode 100644 index 00000000..8093fc61 --- /dev/null +++ b/app/Classes/General/Eloquent/Filters/Token.php @@ -0,0 +1,20 @@ +where('token', $value); + } + +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/Filters/UserName.php b/app/Classes/General/Eloquent/Filters/UserName.php new file mode 100644 index 00000000..6cf60e7f --- /dev/null +++ b/app/Classes/General/Eloquent/Filters/UserName.php @@ -0,0 +1,22 @@ +where(function($query) use ($value) { + $query->where('first_name', 'LIKE', '%' . $value . '%')->orWhere('last_name', 'LIKE', '%' . $value . '%'); + }); + } + +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/Filters/WithUser.php b/app/Classes/General/Eloquent/Filters/WithUser.php new file mode 100644 index 00000000..b731c621 --- /dev/null +++ b/app/Classes/General/Eloquent/Filters/WithUser.php @@ -0,0 +1,20 @@ +with('user'); + } +} \ No newline at end of file diff --git a/app/Classes/General/Eloquent/Filters/importer.php b/app/Classes/General/Eloquent/Filters/importer.php new file mode 100644 index 00000000..13eb3311 --- /dev/null +++ b/app/Classes/General/Eloquent/Filters/importer.php @@ -0,0 +1,24 @@ +whereHas('modules', function ($query){ + $query->where('module_type', ModuleTypes::IMPORTER); + }); + + } + +} \ No newline at end of file diff --git a/app/Classes/General/Services/GeneratesInitials.php b/app/Classes/General/Services/GeneratesInitials.php new file mode 100644 index 00000000..05f06efd --- /dev/null +++ b/app/Classes/General/Services/GeneratesInitials.php @@ -0,0 +1,152 @@ +generate($nameOrInitials); + + return $this; + } + + /** + * Set if should keep lettercase on name. + * Setting this to false (default) will uppercase the name. + * + * @param boolean $keepCase + * + * @return GeneratesInitials + */ + public function keepCase($keepCase = true) + { + $this->keepCase = $keepCase; + + return $this; + } + + /** + * Set the length of the generated initials. + * + * @param int $length + * + * @return GeneratesInitials + */ + public function length($length = 2) + { + $this->length = (int) $length; + $this->initials = $this->generateInitials(); + + return $this; + } + + /** + * Generate the initials. + * + * @param null|string $name + * + * @return string + */ + public function generate($name = null) + { + if ($name !== null) { + $this->name = $name; + $this->initials = $this->generateInitials(); + } + + return (string) $this; + } + + /** + * Will return the generated initials. + * + * @return string + */ + public function getInitials() + { + return $this->initials; + } + + /** + * Return the initials. + * + * @return string + */ + public function __toString() + { + return $this->getInitials(); + } + + /** + * Generate a two-letter initial from a name, + * and if no name, assume its already initials. + * For safety, we limit it to two characters, + * in case its a single, but long, name. + * + * @return string + */ + protected function generateInitials() + { + $nameOrInitials = trim($this->name); + + if( !$this->keepCase ) { + $nameOrInitials = mb_strtoupper($nameOrInitials); + } + + $nameOrInitials = trim( trim( $nameOrInitials, '-' ) ); + + $names = explode(' ', $nameOrInitials); + + // Get names with dash (-) between into separate names + $names = array_map( static function ($namePart) { return explode('-', $namePart); }, $names ); + $realNames = []; + + foreach( new \RecursiveIteratorIterator( new \RecursiveArrayIterator($names) ) as $namePart ) { + $realNames[] = $namePart; + } + + $names = $realNames; + + $initials = $nameOrInitials; + $assignedNames = 0; + + if (count($names) > 1) { + $initials = ''; + $start = 0; + + for ($i = 0; $i < $this->length; $i++) { + $index = $i; + + if (($index === ($this->length - 1) && $index > 0) || ($index > (count($names) - 1))) { + $index = count($names) - 1; + } + + if ($assignedNames >= count($names)) { + $start++; + } + + $initials .= mb_substr($names[$index], $start, 1); + $assignedNames++; + } + } + + $initials = mb_substr($initials, 0, $this->length); + + return $initials; + } + +} \ No newline at end of file diff --git a/app/Classes/General/Wrapper/Hasher.php b/app/Classes/General/Wrapper/Hasher.php new file mode 100644 index 00000000..d02b05eb --- /dev/null +++ b/app/Classes/General/Wrapper/Hasher.php @@ -0,0 +1,23 @@ +encode(...$args); + } + public static function decode($enc) + { + if (is_int($enc)) { + return $enc; + } + return app(Hashids::class)->decode($enc)[0]; + } + +} \ No newline at end of file diff --git a/app/Classes/Interfaces/DataTransferObject.php b/app/Classes/Interfaces/DataTransferObject.php new file mode 100644 index 00000000..43b44d7d --- /dev/null +++ b/app/Classes/Interfaces/DataTransferObject.php @@ -0,0 +1,9 @@ + 'Created Address', + 'message' => 'You have successfully created a new Address' + ]; + } + + /** @var CanCreateAddress */ + private $canCreateAddress; + + /** @var CreatesAddress */ + private $createsAddress; + + /** + * CreateAddressControllerLogic constructor. + * @param CanCreateAddress $canCreateAddress + * @param CreatesAddress $createsAddress + */ + public function __construct(CanCreateAddress $canCreateAddress, CreatesAddress $createsAddress) + { + $this->canCreateAddress = $canCreateAddress; + $this->createsAddress = $createsAddress; + } + + + /** + * @param Request $request + * @return JsonResponse + * @throws ErrorException + */ + public function logic(Request $request) : JsonResponse + { + try { + + $object = new AddressObject($request->input('company_id'), $request->input('street_one'), $request->input('street_two'), $request->input('city'), $request->input('state'), $request->input('post_code'), $request->input('country'), $request->input('default'), $request->input('billing')); + + $this->canCreateAddress->passes($object); + + $query = $this->createsAddress->execute($object); + + return $this->resourceResponse(new AddressResource($query)); + + } catch (\Exception $exception){ + throw new ErrorException($exception->getMessage(), $exception->getCode()); + } + + } + +} \ No newline at end of file diff --git a/app/Classes/Modules/Addresses/ControllersLogic/DeleteAddressLogic.php b/app/Classes/Modules/Addresses/ControllersLogic/DeleteAddressLogic.php new file mode 100644 index 00000000..eed4f73d --- /dev/null +++ b/app/Classes/Modules/Addresses/ControllersLogic/DeleteAddressLogic.php @@ -0,0 +1,73 @@ + 'Deleted Address', + 'message' => 'You have successfully deleted a Address' + ]; + } + + + /** @var CanDeleteAddress */ + private $canDeleteAddress; + + /** @var DeletesAddress */ + private $deletesAddress; + + /** @var FetchesAddress */ + private $fetchesAddress; + + /** + * DeleteAddressControllerLogic constructor. + * @param CanDeleteAddress $canDeleteAddress + * @param DeletesAddress $deletesAddress + * @param FetchesAddress $fetchesAddress + */ + public function __construct(CanDeleteAddress $canDeleteAddress, DeletesAddress $deletesAddress, FetchesAddress $fetchesAddress) + { + $this->canDeleteAddress = $canDeleteAddress; + $this->deletesAddress = $deletesAddress; + $this->fetchesAddress = $fetchesAddress; + } + + + /** + * @param Request $request + * @return JsonResponse + * @throws ErrorException + */ + public function logic(Request $request) : JsonResponse + { + try { + + $this->canDeleteAddress->passes(); + + $query = $this->fetchesAddress->execute(['id' => $request->route('id')]); + + $this->deletesAddress->execute($query); + + return $this->response([]); + + } catch (\Exception $exception){ + throw new ErrorException($exception->getMessage(), $exception->getCode()); + } + + } + +} \ No newline at end of file diff --git a/app/Classes/Modules/Addresses/ControllersLogic/FetchAddressLogic.php b/app/Classes/Modules/Addresses/ControllersLogic/FetchAddressLogic.php new file mode 100644 index 00000000..6ca4bc5a --- /dev/null +++ b/app/Classes/Modules/Addresses/ControllersLogic/FetchAddressLogic.php @@ -0,0 +1,67 @@ + 'Retrieved Address', + 'message' => 'You have successfully retrieved a Address' + ]; + } + + /** @var CanFetchAddress */ + private $canFetchAddress; + + /** @var FetchesAddress */ + private $fetchesAddress; + + /** + * FetchAddressControllerLogic constructor. + * @param CanFetchAddress $canFetchAddress + * @param FetchesAddress $fetchesAddress + */ + public function __construct(CanFetchAddress $canFetchAddress, FetchesAddress $fetchesAddress) + { + $this->canFetchAddress = $canFetchAddress; + $this->fetchesAddress = $fetchesAddress; + } + + + /** + * @param Request $request + * @return JsonResponse + * @throws ErrorException + */ + public function logic(Request $request) : JsonResponse + { + try { + + $this->canFetchAddress->passes(); + + $query = $this->fetchesAddress->execute(['id' => $request->route('id')]); + + return $this->resourceResponse(new AddressResource($query)); + + } catch (\Exception $exception){ + throw new ErrorException($exception->getMessage(), $exception->getCode()); + } + + } + +} \ No newline at end of file diff --git a/app/Classes/Modules/Addresses/ControllersLogic/ListAddressesLogic.php b/app/Classes/Modules/Addresses/ControllersLogic/ListAddressesLogic.php new file mode 100644 index 00000000..57e3a2f0 --- /dev/null +++ b/app/Classes/Modules/Addresses/ControllersLogic/ListAddressesLogic.php @@ -0,0 +1,66 @@ + 'Retrieved Addresses', + 'message' => 'You have successfully retrieved a list of Addresses' + ]; + } + + /** @var CanListAddresses */ + private $canListAddresses; + + /** @var ListsAddresses */ + private $listsAddresses; + + /** + * ListAddressesLogic constructor. + * @param CanListAddresses $canListAddresses + * @param ListsAddresses $listsAddresses + */ + public function __construct(CanListAddresses $canListAddresses, ListsAddresses $listsAddresses) + { + $this->canListAddresses = $canListAddresses; + $this->listsAddresses = $listsAddresses; + } + + + /** + * @param Request $request + * @return JsonResponse + * @throws ErrorException + */ + public function logic(Request $request) : JsonResponse + { + try { + + $this->canListAddresses->passes(); + + $query = $this->listsAddresses->execute($this->listsAddresses->deserializeFilters($request->input('filters'))); + + return $this->collectionResponse(AddressResource::collection($query)); + + } catch (\Exception $exception){ + throw new ErrorException($exception->getMessage(), $exception->getCode()); + } + + } + +} \ No newline at end of file diff --git a/app/Classes/Modules/Addresses/ControllersLogic/UpdateAddressLogic.php b/app/Classes/Modules/Addresses/ControllersLogic/UpdateAddressLogic.php new file mode 100644 index 00000000..aa7b4434 --- /dev/null +++ b/app/Classes/Modules/Addresses/ControllersLogic/UpdateAddressLogic.php @@ -0,0 +1,78 @@ + 'Updated Address', + 'message' => 'You have successfully updated the Address' + ]; + } + + /** @var CanUpdateAddress */ + private $canUpdateAddress; + + /** @var UpdatesAddress */ + private $updatesAddress; + + /** @var FetchesAddress */ + private $fetchesAddress; + + /** + * UpdateAddressLogic constructor. + * @param CanUpdateAddress $canUpdateAddress + * @param UpdatesAddress $updatesAddress + * @param FetchesAddress $fetchesAddress + */ + public function __construct(CanUpdateAddress $canUpdateAddress, UpdatesAddress $updatesAddress, FetchesAddress $fetchesAddress) + { + $this->canUpdateAddress = $canUpdateAddress; + $this->updatesAddress = $updatesAddress; + $this->fetchesAddress = $fetchesAddress; + } + + + /** + * @param Request $request + * @return JsonResponse + * @throws ErrorException + */ + public function logic(Request $request) : JsonResponse + { + try { + + $object = new AddressObject($request->input('company_id'), $request->input('street_one'), $request->input('street_two'), $request->input('city'), $request->input('state'), $request->input('post_code'), $request->input('country'), $request->input('default'), $request->input('billing')); + + $this->canUpdateAddress->passes($object); + + $query = $this->fetchesAddress->execute(['id' => $request->route('id')]); + + $query = $this->updatesAddress->execute($query, $object); + + return $this->resourceResponse(new AddressResource($query)); + + + } catch (\Exception $exception){ + throw new ErrorException($exception->getMessage(), $exception->getCode()); + } + + } + +} \ No newline at end of file diff --git a/app/Classes/Modules/Addresses/DataTransferObjects/AddressObject.php b/app/Classes/Modules/Addresses/DataTransferObjects/AddressObject.php new file mode 100644 index 00000000..abacaa67 --- /dev/null +++ b/app/Classes/Modules/Addresses/DataTransferObjects/AddressObject.php @@ -0,0 +1,135 @@ +companyId = $companyId; + $this->streetOne = $streetOne; + $this->streetTwo = $streetTwo; + $this->city = $city; + $this->state = $state; + $this->postCode = $postCode; + $this->country = $country; + $this->default = $default; + $this->billing = $billing; + } + + /** + * @return int + */ + public function getCompanyId(): int + { + return $this->companyId; + } + + /** + * @return string + */ + public function getStreetOne(): string + { + return $this->streetOne; + } + + /** + * @return null|string + */ + public function getStreetTwo(): ?string + { + return $this->streetTwo; + } + + /** + * @return string + */ + public function getCity(): string + { + return $this->city; + } + + /** + * @return string + */ + public function getState(): string + { + return $this->state; + } + + /** + * @return string + */ + public function getPostCode(): string + { + return $this->postCode; + } + + /** + * @return string + */ + public function getCountry(): string + { + return $this->country; + } + + /** + * @return int + */ + public function getDefault(): int + { + return $this->default; + } + + /** + * @return int + */ + public function getBilling(): int + { + return $this->billing; + } + + +} \ No newline at end of file diff --git a/app/Classes/Modules/Addresses/Services/CreatesAddress.php b/app/Classes/Modules/Addresses/Services/CreatesAddress.php new file mode 100644 index 00000000..b5e5b0df --- /dev/null +++ b/app/Classes/Modules/Addresses/Services/CreatesAddress.php @@ -0,0 +1,32 @@ +company_id = $object->getCompanyId(); + $model->street_one = $object->getStreetOne(); + $model->street_two = $object->getStreetTwo(); + $model->city = $object->getCity(); + $model->state = $object->getState(); + $model->post_code = $object->getPostCode(); + $model->country = $object->getCountry(); + $model->default = $object->getDefault(); + $model->billing = $object->getBilling(); + + return $this->handler($model); + + } +} \ No newline at end of file diff --git a/app/Classes/Modules/Addresses/Services/DeletesAddress.php b/app/Classes/Modules/Addresses/Services/DeletesAddress.php new file mode 100644 index 00000000..75cbbca8 --- /dev/null +++ b/app/Classes/Modules/Addresses/Services/DeletesAddress.php @@ -0,0 +1,15 @@ +handler($model); + } +} \ No newline at end of file diff --git a/app/Classes/Modules/Addresses/Services/FetchesAddress.php b/app/Classes/Modules/Addresses/Services/FetchesAddress.php new file mode 100644 index 00000000..a91900b7 --- /dev/null +++ b/app/Classes/Modules/Addresses/Services/FetchesAddress.php @@ -0,0 +1,33 @@ +repository = $repository; + } + + + /** + * @return Builder + */ + public function getRepository(): Builder + { + return $this->repository->newQuery(); + } +} \ No newline at end of file diff --git a/app/Classes/Modules/Addresses/Services/ListsAddresses.php b/app/Classes/Modules/Addresses/Services/ListsAddresses.php new file mode 100644 index 00000000..7a0f1213 --- /dev/null +++ b/app/Classes/Modules/Addresses/Services/ListsAddresses.php @@ -0,0 +1,33 @@ +repository = $repository; + } + + + /** + * @return Builder + */ + function getRepository(): Builder + { + return $this->repository->newQuery(); + } +} \ No newline at end of file diff --git a/app/Classes/Modules/Addresses/Services/UpdatesAddress.php b/app/Classes/Modules/Addresses/Services/UpdatesAddress.php new file mode 100644 index 00000000..76ba4d15 --- /dev/null +++ b/app/Classes/Modules/Addresses/Services/UpdatesAddress.php @@ -0,0 +1,33 @@ +company_id = $object->getCompanyId(); + $model->street_one = $object->getStreetOne(); + $model->street_two = $object->getStreetTwo(); + $model->city = $object->getCity(); + $model->state = $object->getState(); + $model->post_code = $object->getPostCode(); + $model->country = $object->getCountry(); + $model->default = $object->getDefault(); + $model->billing = $object->getBilling(); + + return $this->handler($model); + + } +} \ No newline at end of file diff --git a/app/Classes/Modules/Addresses/Standards/Rules/CanCreateAddress.php b/app/Classes/Modules/Addresses/Standards/Rules/CanCreateAddress.php new file mode 100644 index 00000000..42508b1d --- /dev/null +++ b/app/Classes/Modules/Addresses/Standards/Rules/CanCreateAddress.php @@ -0,0 +1,57 @@ +addressValidation = $addressValidation; + } + + + /** + * @return bool + */ + protected function authorized(): bool + { + // TODO Set Authorization rules + return true; + + } + + /** + * @param AddressObject $object + * @return bool + * @throws \App\Classes\Exceptions\RequestValidationException + */ + protected function validators($object): bool + { + return $this->addressValidation->validate($object); + + } + + + /** + * @param AddressObject $object + * @return bool + */ + protected function criteria($object): bool + { + return true; + } + +} \ No newline at end of file diff --git a/app/Classes/Modules/Addresses/Standards/Rules/CanDeleteAddress.php b/app/Classes/Modules/Addresses/Standards/Rules/CanDeleteAddress.php new file mode 100644 index 00000000..c13a890c --- /dev/null +++ b/app/Classes/Modules/Addresses/Standards/Rules/CanDeleteAddress.php @@ -0,0 +1,43 @@ +addressValidation = $addressValidation; + } + + + /** + * @return bool + */ + protected function authorized(): bool + { + // TODO Set Authorization rules + return true; + + } + + /** + * @param AddressObject $object + * @return bool + * @throws \App\Classes\Exceptions\RequestValidationException + */ + protected function validators($object): bool + { + return $this->addressValidation->validate($object); + + } + + + /** + * @param AddressObject $object + * @return bool + */ + protected function criteria($object): bool + { + return true; + } + +} \ No newline at end of file diff --git a/app/Classes/Modules/Addresses/Standards/Validators/AddressValidation.php b/app/Classes/Modules/Addresses/Standards/Validators/AddressValidation.php new file mode 100644 index 00000000..6d4e873c --- /dev/null +++ b/app/Classes/Modules/Addresses/Standards/Validators/AddressValidation.php @@ -0,0 +1,54 @@ + $object->getCompanyId(), + 'street_one' => $object->getStreetOne(), + 'street_two' => $object->getStreetTwo(), + 'city' => $object->getCity(), + 'state' => $object->getState(), + 'post_code' => $object->getPostCode(), + 'country' => $object->getCountry(), + 'default' => $object->getDefault(), + 'billing' => $object->getBilling() + ]; + } + + /** + * @return array + */ + protected function rules(): array { + return [ + 'company_id' => 'required', + 'street_one' => 'required', + 'city' => 'required', + 'state' => 'required', + 'post_code' => 'required', + 'country' => 'required', + 'default' => 'required', + 'billing' => 'required' + ]; + } + + /** + * @return array + */ + protected function messages(): array { + return []; + } + +} \ No newline at end of file diff --git a/app/Classes/Notifications/AbstractEmail.php b/app/Classes/Notifications/AbstractEmail.php new file mode 100644 index 00000000..83efa01c --- /dev/null +++ b/app/Classes/Notifications/AbstractEmail.php @@ -0,0 +1,15 @@ +title = $title; + $this->message = $message; + $this->statusCode = $statusCode; + $this->data = $data; + + } + + /** + * @return JsonResponse + */ + public function handler(){ + return new JsonResponse(['title' => $this->getTitle(), 'message' => $this->getMessage(), 'payload' => $this->getData()], $this->getStatusCode()); + } + + /** + * @return string + */ + public function getTitle(): string + { + return $this->title; + } + + /** + * @return string + */ + public function getMessage(): string + { + return $this->message; + } + + /** + * @return int + */ + public function getStatusCode(): int + { + return $this->statusCode; + } + + /** + * @return array + */ + public function getData(): array + { + return $this->data; + } +} \ No newline at end of file diff --git a/app/Console/Kernel.php b/app/Console/Kernel.php new file mode 100644 index 00000000..541fd37e --- /dev/null +++ b/app/Console/Kernel.php @@ -0,0 +1,46 @@ +command('inspire')->hourly(); + } + + /** + * Register the commands for the application. + * + * @return void + */ + protected function commands() + { + $this->load(__DIR__.'/Commands'); + + require base_path('routes/console.php'); + } +} diff --git a/app/Exceptions/Handler.php b/app/Exceptions/Handler.php new file mode 100644 index 00000000..8ca61ac2 --- /dev/null +++ b/app/Exceptions/Handler.php @@ -0,0 +1,67 @@ +view('pages.errors.maintenance'); + } + + if ($exception instanceof AuthenticationException) { + return (new ApiResponseObject('Authentication', 'To keep your account secure we need to re-validate your account', HttpStatus::ACCESS_UNAUTHORISED))->handler(); + } + + return parent::render($request, $exception); + } +} diff --git a/app/Http/Controllers/Addresses/CreateAddressController.php b/app/Http/Controllers/Addresses/CreateAddressController.php new file mode 100644 index 00000000..812ff0fe --- /dev/null +++ b/app/Http/Controllers/Addresses/CreateAddressController.php @@ -0,0 +1,20 @@ +execute($request); + } + +} \ No newline at end of file diff --git a/app/Http/Controllers/Addresses/DeleteAddressController.php b/app/Http/Controllers/Addresses/DeleteAddressController.php new file mode 100644 index 00000000..dc0fc6b1 --- /dev/null +++ b/app/Http/Controllers/Addresses/DeleteAddressController.php @@ -0,0 +1,20 @@ +execute($request); + } + +} \ No newline at end of file diff --git a/app/Http/Controllers/Addresses/FetchAddressController.php b/app/Http/Controllers/Addresses/FetchAddressController.php new file mode 100644 index 00000000..3691100d --- /dev/null +++ b/app/Http/Controllers/Addresses/FetchAddressController.php @@ -0,0 +1,20 @@ +execute($request); + } + +} \ No newline at end of file diff --git a/app/Http/Controllers/Addresses/ListAddressesController.php b/app/Http/Controllers/Addresses/ListAddressesController.php new file mode 100644 index 00000000..75ae20a4 --- /dev/null +++ b/app/Http/Controllers/Addresses/ListAddressesController.php @@ -0,0 +1,20 @@ +execute($request); + } + +} \ No newline at end of file diff --git a/app/Http/Controllers/Addresses/UpdateAddressController.php b/app/Http/Controllers/Addresses/UpdateAddressController.php new file mode 100644 index 00000000..78ca4136 --- /dev/null +++ b/app/Http/Controllers/Addresses/UpdateAddressController.php @@ -0,0 +1,20 @@ +execute($request); + } + +} \ No newline at end of file diff --git a/app/Http/Controllers/Controller.php b/app/Http/Controllers/Controller.php new file mode 100644 index 00000000..a0a2a8a3 --- /dev/null +++ b/app/Http/Controllers/Controller.php @@ -0,0 +1,13 @@ + [ + EncryptCookies::class, + \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class, + \Illuminate\Session\Middleware\StartSession::class, + // \Illuminate\Session\Middleware\AuthenticateSession::class, + \Illuminate\View\Middleware\ShareErrorsFromSession::class, + VerifyCsrfToken::class, + \Illuminate\Routing\Middleware\SubstituteBindings::class, + ], + + 'api' => [ + 'throttle:60,1', + \Illuminate\Routing\Middleware\SubstituteBindings::class, + ], + ]; + + /** + * The application's route middleware. + * + * These middleware may be assigned to groups or used individually. + * + * @var array + */ + protected $routeMiddleware = [ + 'auth' => Authenticate::class, + 'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class, + 'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class, + 'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class, + 'can' => \Illuminate\Auth\Middleware\Authorize::class, + 'guest' => RedirectIfAuthenticated::class, + 'password.confirm' => \Illuminate\Auth\Middleware\RequirePassword::class, + 'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class, + 'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class, + 'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class, + 'valid.token' => ValidateToken::class + ]; +} diff --git a/app/Http/Middleware/Authenticate.php b/app/Http/Middleware/Authenticate.php new file mode 100644 index 00000000..704089a7 --- /dev/null +++ b/app/Http/Middleware/Authenticate.php @@ -0,0 +1,21 @@ +expectsJson()) { + return route('login'); + } + } +} diff --git a/app/Http/Middleware/CheckForMaintenanceMode.php b/app/Http/Middleware/CheckForMaintenanceMode.php new file mode 100644 index 00000000..35b9824b --- /dev/null +++ b/app/Http/Middleware/CheckForMaintenanceMode.php @@ -0,0 +1,17 @@ +check()) { + return redirect(RouteServiceProvider::HOME); + } + + return $next($request); + } +} diff --git a/app/Http/Middleware/TrimStrings.php b/app/Http/Middleware/TrimStrings.php new file mode 100644 index 00000000..5a50e7b5 --- /dev/null +++ b/app/Http/Middleware/TrimStrings.php @@ -0,0 +1,18 @@ +allSubdomainsOfApplicationUrl(), + ]; + } +} diff --git a/app/Http/Middleware/TrustProxies.php b/app/Http/Middleware/TrustProxies.php new file mode 100644 index 00000000..14befceb --- /dev/null +++ b/app/Http/Middleware/TrustProxies.php @@ -0,0 +1,23 @@ +authenticate(); + } catch (Exception $exception) { + return (new ApiResponseObject('Authentication', 'To keep your account secure we need to re-validate your account', HttpStatus::ACCESS_UNAUTHORISED))->handler(); + } + + return $next($request); + } +} diff --git a/app/Http/Middleware/VerifyCsrfToken.php b/app/Http/Middleware/VerifyCsrfToken.php new file mode 100644 index 00000000..0c13b854 --- /dev/null +++ b/app/Http/Middleware/VerifyCsrfToken.php @@ -0,0 +1,17 @@ + $this->id, + 'company_id' => $this->company_id, + 'street_one' => $this->street_one, + 'street_two' => $this->street_two, + 'city' => $this->city, + 'state' => $this->state, + 'post_code' => $this->post_code, + 'country' => $this->country, + 'default' => (int) $this->default, + 'billing' => (int) $this->billing + ]; + } +} diff --git a/app/Models/AbstractModel.php b/app/Models/AbstractModel.php new file mode 100644 index 00000000..7a7c9c06 --- /dev/null +++ b/app/Models/AbstractModel.php @@ -0,0 +1,13 @@ +hasOne(Company::class, 'company_id', 'id'); + } + +} diff --git a/app/Models/User.php b/app/Models/User.php new file mode 100644 index 00000000..1c239c56 --- /dev/null +++ b/app/Models/User.php @@ -0,0 +1,65 @@ +getKey(); + } + + /** + * Return a key value array, containing any custom claims to be added to the JWT. + * + * @return array + */ + public function getJWTCustomClaims() + { + return []; + } + + public function emailVerification(): HasMany { + return $this->hasMany(UserEmailVerification::class, 'email', 'email'); + } + + /** + * @return HasMany + */ + public function passwordReset(): HasMany { + return $this->hasMany(PasswordReset::class, 'user_id', 'id'); + } + + public function employers(): belongsToMany { + return $this->belongsToMany(CompanyModule::class, (new CompanyEmployee())->getTable(), 'user_id', 'module_id'); + } + + public function tweets(): hasMany { + return $this->hasMany(Order::class, 'user_id', 'id'); + } + +} diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php new file mode 100644 index 00000000..8802ed7a --- /dev/null +++ b/app/Providers/AppServiceProvider.php @@ -0,0 +1,29 @@ + 'App\Policies\ModelPolicy', + ]; + + /** + * Register any authentication / authorization services. + * + * @return void + */ + public function boot() + { + $this->registerPolicies(); + + // + } +} diff --git a/app/Providers/BroadcastServiceProvider.php b/app/Providers/BroadcastServiceProvider.php new file mode 100644 index 00000000..395c518b --- /dev/null +++ b/app/Providers/BroadcastServiceProvider.php @@ -0,0 +1,21 @@ + [ + SendEmailVerificationNotification::class, + ], + ]; + + /** + * Register any events for your application. + * + * @return void + */ + public function boot() + { + parent::boot(); + + // + } +} diff --git a/app/Providers/RouteServiceProvider.php b/app/Providers/RouteServiceProvider.php new file mode 100644 index 00000000..540d17b4 --- /dev/null +++ b/app/Providers/RouteServiceProvider.php @@ -0,0 +1,80 @@ +mapApiRoutes(); + + $this->mapWebRoutes(); + + // + } + + /** + * Define the "web" routes for the application. + * + * These routes all receive session state, CSRF protection, etc. + * + * @return void + */ + protected function mapWebRoutes() + { + Route::middleware('web') + ->namespace($this->namespace) + ->group(base_path('routes/web.php')); + } + + /** + * Define the "api" routes for the application. + * + * These routes are typically stateless. + * + * @return void + */ + protected function mapApiRoutes() + { + Route::prefix('api') + ->middleware('api') + ->namespace($this->namespace) + ->group(base_path('routes/api.php')); + } +} diff --git a/artisan b/artisan new file mode 100644 index 00000000..5c23e2e2 --- /dev/null +++ b/artisan @@ -0,0 +1,53 @@ +#!/usr/bin/env php +make(Illuminate\Contracts\Console\Kernel::class); + +$status = $kernel->handle( + $input = new Symfony\Component\Console\Input\ArgvInput, + new Symfony\Component\Console\Output\ConsoleOutput +); + +/* +|-------------------------------------------------------------------------- +| Shutdown The Application +|-------------------------------------------------------------------------- +| +| Once Artisan has finished running, we will fire off the shutdown events +| so that any final work may be done by the application before we shut +| down the process. This is the last thing to happen to the request. +| +*/ + +$kernel->terminate($input, $status); + +exit($status); diff --git a/bootstrap/app.php b/bootstrap/app.php new file mode 100644 index 00000000..037e17df --- /dev/null +++ b/bootstrap/app.php @@ -0,0 +1,55 @@ +singleton( + Illuminate\Contracts\Http\Kernel::class, + App\Http\Kernel::class +); + +$app->singleton( + Illuminate\Contracts\Console\Kernel::class, + App\Console\Kernel::class +); + +$app->singleton( + Illuminate\Contracts\Debug\ExceptionHandler::class, + App\Exceptions\Handler::class +); + +/* +|-------------------------------------------------------------------------- +| Return The Application +|-------------------------------------------------------------------------- +| +| This script returns the application instance. The instance is given to +| the calling script so we can separate the building of the instances +| from the actual running of the application and sending responses. +| +*/ + +return $app; diff --git a/bootstrap/cache/.gitignore b/bootstrap/cache/.gitignore new file mode 100644 index 00000000..d6b7ef32 --- /dev/null +++ b/bootstrap/cache/.gitignore @@ -0,0 +1,2 @@ +* +!.gitignore diff --git a/composer.json b/composer.json new file mode 100644 index 00000000..f28aa35c --- /dev/null +++ b/composer.json @@ -0,0 +1,66 @@ +{ + "name": "laravel/laravel", + "type": "project", + "description": "The Laravel Framework.", + "keywords": [ + "framework", + "laravel" + ], + "license": "MIT", + "require": { + "php": "^7.2.5", + "ext-json": "^1.6", + "fideloper/proxy": "^4.2", + "fruitcake/laravel-cors": "^1.0", + "guzzlehttp/guzzle": "^6.3", + "laravel/framework": "^7.0", + "laravel/tinker": "^2.0", + "spatie/laravel-activitylog": "^3.14", + "tymon/jwt-auth": "^1.0" + }, + "require-dev": { + "facade/ignition": "^2.0", + "fzaninotto/faker": "^1.9.1", + "mockery/mockery": "^1.3.1", + "nunomaduro/collision": "^4.1", + "phpunit/phpunit": "^8.5" + }, + "config": { + "optimize-autoloader": true, + "preferred-install": "dist", + "sort-packages": true + }, + "extra": { + "laravel": { + "dont-discover": [] + } + }, + "autoload": { + "psr-4": { + "App\\": "app/" + }, + "classmap": [ + "database/seeds", + "database/factories" + ] + }, + "autoload-dev": { + "psr-4": { + "Tests\\": "tests/" + } + }, + "minimum-stability": "dev", + "prefer-stable": true, + "scripts": { + "post-autoload-dump": [ + "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump", + "@php artisan package:discover --ansi" + ], + "post-root-package-install": [ + "@php -r \"file_exists('.env') || copy('.env.example', '.env');\"" + ], + "post-create-project-cmd": [ + "@php artisan key:generate --ansi" + ] + } +} diff --git a/config/activitylog.php b/config/activitylog.php new file mode 100644 index 00000000..a6558ecb --- /dev/null +++ b/config/activitylog.php @@ -0,0 +1,52 @@ + env('ACTIVITY_LOGGER_ENABLED', true), + + /* + * When the clean-command is executed, all recording activities older than + * the number of days specified here will be deleted. + */ + 'delete_records_older_than_days' => 365, + + /* + * If no log name is passed to the activity() helper + * we use this default log name. + */ + 'default_log_name' => 'default', + + /* + * You can specify an auth driver here that gets user models. + * If this is null we'll use the default Laravel auth driver. + */ + 'default_auth_driver' => null, + + /* + * If set to true, the subject returns soft deleted models. + */ + 'subject_returns_soft_deleted_models' => false, + + /* + * This model will be used to log activity. + * It should be implements the Spatie\Activitylog\Contracts\Activity interface + * and extend Illuminate\Database\Eloquent\Model. + */ + 'activity_model' => \Spatie\Activitylog\Models\Activity::class, + + /* + * This is the name of the table that will be created by the migration and + * used by the Activity model shipped with this package. + */ + 'table_name' => 'activity_log', + + /* + * This is the database connection that will be used by the migration and + * the Activity model shipped with this package. In case it's not set + * Laravel database.default will be used instead. + */ + 'database_connection' => env('ACTIVITY_LOGGER_DB_CONNECTION'), +]; diff --git a/config/app.php b/config/app.php new file mode 100644 index 00000000..8409e00e --- /dev/null +++ b/config/app.php @@ -0,0 +1,232 @@ + env('APP_NAME', 'Laravel'), + + /* + |-------------------------------------------------------------------------- + | Application Environment + |-------------------------------------------------------------------------- + | + | This value determines the "environment" your application is currently + | running in. This may determine how you prefer to configure various + | services the application utilizes. Set this in your ".env" file. + | + */ + + 'env' => env('APP_ENV', 'production'), + + /* + |-------------------------------------------------------------------------- + | Application Debug Mode + |-------------------------------------------------------------------------- + | + | When your application is in debug mode, detailed error messages with + | stack traces will be shown on every error that occurs within your + | application. If disabled, a simple generic error page is shown. + | + */ + + 'debug' => (bool) env('APP_DEBUG', false), + + /* + |-------------------------------------------------------------------------- + | Application URL + |-------------------------------------------------------------------------- + | + | This URL is used by the console to properly generate URLs when using + | the Artisan command line tool. You should set this to the root of + | your application so that it is used when running Artisan tasks. + | + */ + + 'url' => env('APP_URL', 'http://localhost'), + + 'asset_url' => env('ASSET_URL', null), + + /* + |-------------------------------------------------------------------------- + | Application Timezone + |-------------------------------------------------------------------------- + | + | Here you may specify the default timezone for your application, which + | will be used by the PHP date and date-time functions. We have gone + | ahead and set this to a sensible default for you out of the box. + | + */ + + 'timezone' => 'UTC', + + /* + |-------------------------------------------------------------------------- + | Application Locale Configuration + |-------------------------------------------------------------------------- + | + | The application locale determines the default locale that will be used + | by the translation service provider. You are free to set this value + | to any of the locales which will be supported by the application. + | + */ + + 'locale' => 'en', + + /* + |-------------------------------------------------------------------------- + | Application Fallback Locale + |-------------------------------------------------------------------------- + | + | The fallback locale determines the locale to use when the current one + | is not available. You may change the value to correspond to any of + | the language folders that are provided through your application. + | + */ + + 'fallback_locale' => 'en', + + /* + |-------------------------------------------------------------------------- + | Faker Locale + |-------------------------------------------------------------------------- + | + | This locale will be used by the Faker PHP library when generating fake + | data for your database seeds. For example, this will be used to get + | localized telephone numbers, street address information and more. + | + */ + + 'faker_locale' => 'en_US', + + /* + |-------------------------------------------------------------------------- + | Encryption Key + |-------------------------------------------------------------------------- + | + | This key is used by the Illuminate encrypter service and should be set + | to a random, 32 character string, otherwise these encrypted strings + | will not be safe. Please do this before deploying an application! + | + */ + + 'key' => env('APP_KEY'), + + 'cipher' => 'AES-256-CBC', + + /* + |-------------------------------------------------------------------------- + | Autoloaded Service Providers + |-------------------------------------------------------------------------- + | + | The service providers listed here will be automatically loaded on the + | request to your application. Feel free to add your own services to + | this array to grant expanded functionality to your applications. + | + */ + + 'providers' => [ + + /* + * Laravel Framework Service Providers... + */ + Illuminate\Auth\AuthServiceProvider::class, + Illuminate\Broadcasting\BroadcastServiceProvider::class, + Illuminate\Bus\BusServiceProvider::class, + Illuminate\Cache\CacheServiceProvider::class, + Illuminate\Foundation\Providers\ConsoleSupportServiceProvider::class, + Illuminate\Cookie\CookieServiceProvider::class, + Illuminate\Database\DatabaseServiceProvider::class, + Illuminate\Encryption\EncryptionServiceProvider::class, + Illuminate\Filesystem\FilesystemServiceProvider::class, + Illuminate\Foundation\Providers\FoundationServiceProvider::class, + Illuminate\Hashing\HashServiceProvider::class, + Illuminate\Mail\MailServiceProvider::class, + Illuminate\Notifications\NotificationServiceProvider::class, + Illuminate\Pagination\PaginationServiceProvider::class, + Illuminate\Pipeline\PipelineServiceProvider::class, + Illuminate\Queue\QueueServiceProvider::class, + Illuminate\Redis\RedisServiceProvider::class, + Illuminate\Auth\Passwords\PasswordResetServiceProvider::class, + Illuminate\Session\SessionServiceProvider::class, + Illuminate\Translation\TranslationServiceProvider::class, + Illuminate\Validation\ValidationServiceProvider::class, + Illuminate\View\ViewServiceProvider::class, + + /* + * Package Service Providers... + */ + + /* + * Application Service Providers... + */ + App\Providers\AppServiceProvider::class, + App\Providers\AuthServiceProvider::class, + // App\Providers\BroadcastServiceProvider::class, + App\Providers\EventServiceProvider::class, + App\Providers\RouteServiceProvider::class, + + ], + + /* + |-------------------------------------------------------------------------- + | Class Aliases + |-------------------------------------------------------------------------- + | + | This array of class aliases will be registered when this application + | is started. However, feel free to register as many as you wish as + | the aliases are "lazy" loaded so they don't hinder performance. + | + */ + + 'aliases' => [ + + 'App' => Illuminate\Support\Facades\App::class, + 'Arr' => Illuminate\Support\Arr::class, + 'Artisan' => Illuminate\Support\Facades\Artisan::class, + 'Auth' => Illuminate\Support\Facades\Auth::class, + 'Blade' => Illuminate\Support\Facades\Blade::class, + 'Broadcast' => Illuminate\Support\Facades\Broadcast::class, + 'Bus' => Illuminate\Support\Facades\Bus::class, + 'Cache' => Illuminate\Support\Facades\Cache::class, + 'Config' => Illuminate\Support\Facades\Config::class, + 'Cookie' => Illuminate\Support\Facades\Cookie::class, + 'Crypt' => Illuminate\Support\Facades\Crypt::class, + 'DB' => Illuminate\Support\Facades\DB::class, + 'Eloquent' => Illuminate\Database\Eloquent\Model::class, + 'Event' => Illuminate\Support\Facades\Event::class, + 'File' => Illuminate\Support\Facades\File::class, + 'Gate' => Illuminate\Support\Facades\Gate::class, + 'Hash' => Illuminate\Support\Facades\Hash::class, + 'Http' => Illuminate\Support\Facades\Http::class, + 'Lang' => Illuminate\Support\Facades\Lang::class, + 'Log' => Illuminate\Support\Facades\Log::class, + 'Mail' => Illuminate\Support\Facades\Mail::class, + 'Notification' => Illuminate\Support\Facades\Notification::class, + 'Password' => Illuminate\Support\Facades\Password::class, + 'Queue' => Illuminate\Support\Facades\Queue::class, + 'Redirect' => Illuminate\Support\Facades\Redirect::class, + 'Redis' => Illuminate\Support\Facades\Redis::class, + 'Request' => Illuminate\Support\Facades\Request::class, + 'Response' => Illuminate\Support\Facades\Response::class, + 'Route' => Illuminate\Support\Facades\Route::class, + 'Schema' => Illuminate\Support\Facades\Schema::class, + 'Session' => Illuminate\Support\Facades\Session::class, + 'Storage' => Illuminate\Support\Facades\Storage::class, + 'Str' => Illuminate\Support\Str::class, + 'URL' => Illuminate\Support\Facades\URL::class, + 'Validator' => Illuminate\Support\Facades\Validator::class, + 'View' => Illuminate\Support\Facades\View::class, + + ], + +]; diff --git a/config/auth.php b/config/auth.php new file mode 100644 index 00000000..9a2c2632 --- /dev/null +++ b/config/auth.php @@ -0,0 +1,117 @@ + [ + 'guard' => 'api', + 'passwords' => 'users', + ], + + /* + |-------------------------------------------------------------------------- + | Authentication Guards + |-------------------------------------------------------------------------- + | + | Next, you may define every authentication guard for your application. + | Of course, a great default configuration has been defined for you + | here which uses session storage and the Eloquent user provider. + | + | All authentication drivers have a user provider. This defines how the + | users are actually retrieved out of your database or other storage + | mechanisms used by this application to persist your user's data. + | + | Supported: "session", "token" + | + */ + + 'guards' => [ + 'web' => [ + 'driver' => 'session', + 'provider' => 'users', + ], + + 'api' => [ + 'driver' => 'jwt', + 'provider' => 'users', + 'hash' => false, + ], + ], + + /* + |-------------------------------------------------------------------------- + | User Providers + |-------------------------------------------------------------------------- + | + | All authentication drivers have a user provider. This defines how the + | users are actually retrieved out of your database or other storage + | mechanisms used by this application to persist your user's data. + | + | If you have multiple user tables or models you may configure multiple + | sources which represent each model / table. These sources may then + | be assigned to any extra authentication guards you have defined. + | + | Supported: "database", "eloquent" + | + */ + + 'providers' => [ + 'users' => [ + 'driver' => 'eloquent', + 'model' => App\Models\User::class, + ], + + // 'users' => [ + // 'driver' => 'database', + // 'table' => 'users', + // ], + ], + + /* + |-------------------------------------------------------------------------- + | Resetting Passwords + |-------------------------------------------------------------------------- + | + | You may specify multiple password reset configurations if you have more + | than one user table or model in the application and you want to have + | separate password reset settings based on the specific user types. + | + | The expire time is the number of minutes that the reset token should be + | considered valid. This security feature keeps tokens short-lived so + | they have less time to be guessed. You may change this as needed. + | + */ + + 'passwords' => [ + 'users' => [ + 'provider' => 'users', + 'table' => 'password_resets', + 'expire' => 1440, + 'throttle' => 60, + ], + ], + + /* + |-------------------------------------------------------------------------- + | Password Confirmation Timeout + |-------------------------------------------------------------------------- + | + | Here you may define the amount of seconds before a password confirmation + | times out and the user is prompted to re-enter their password via the + | confirmation screen. By default, the timeout lasts for three hours. + | + */ + + 'password_timeout' => 10800, + +]; diff --git a/config/broadcasting.php b/config/broadcasting.php new file mode 100644 index 00000000..3bba1103 --- /dev/null +++ b/config/broadcasting.php @@ -0,0 +1,59 @@ + env('BROADCAST_DRIVER', 'null'), + + /* + |-------------------------------------------------------------------------- + | Broadcast Connections + |-------------------------------------------------------------------------- + | + | Here you may define all of the broadcast connections that will be used + | to broadcast events to other systems or over websockets. Samples of + | each available type of connection are provided inside this array. + | + */ + + 'connections' => [ + + 'pusher' => [ + 'driver' => 'pusher', + 'key' => env('PUSHER_APP_KEY'), + 'secret' => env('PUSHER_APP_SECRET'), + 'app_id' => env('PUSHER_APP_ID'), + 'options' => [ + 'cluster' => env('PUSHER_APP_CLUSTER'), + 'useTLS' => true, + ], + ], + + 'redis' => [ + 'driver' => 'redis', + 'connection' => 'default', + ], + + 'log' => [ + 'driver' => 'log', + ], + + 'null' => [ + 'driver' => 'null', + ], + + ], + +]; diff --git a/config/cache.php b/config/cache.php new file mode 100644 index 00000000..4f41fdf9 --- /dev/null +++ b/config/cache.php @@ -0,0 +1,104 @@ + env('CACHE_DRIVER', 'file'), + + /* + |-------------------------------------------------------------------------- + | Cache Stores + |-------------------------------------------------------------------------- + | + | Here you may define all of the cache "stores" for your application as + | well as their drivers. You may even define multiple stores for the + | same cache driver to group types of items stored in your caches. + | + */ + + 'stores' => [ + + 'apc' => [ + 'driver' => 'apc', + ], + + 'array' => [ + 'driver' => 'array', + 'serialize' => false, + ], + + 'database' => [ + 'driver' => 'database', + 'table' => 'cache', + 'connection' => null, + ], + + 'file' => [ + 'driver' => 'file', + 'path' => storage_path('framework/cache/data'), + ], + + 'memcached' => [ + 'driver' => 'memcached', + 'persistent_id' => env('MEMCACHED_PERSISTENT_ID'), + 'sasl' => [ + env('MEMCACHED_USERNAME'), + env('MEMCACHED_PASSWORD'), + ], + 'options' => [ + // Memcached::OPT_CONNECT_TIMEOUT => 2000, + ], + 'servers' => [ + [ + 'host' => env('MEMCACHED_HOST', '127.0.0.1'), + 'port' => env('MEMCACHED_PORT', 11211), + 'weight' => 100, + ], + ], + ], + + 'redis' => [ + 'driver' => 'redis', + 'connection' => 'cache', + ], + + 'dynamodb' => [ + 'driver' => 'dynamodb', + 'key' => env('AWS_ACCESS_KEY_ID'), + 'secret' => env('AWS_SECRET_ACCESS_KEY'), + 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), + 'table' => env('DYNAMODB_CACHE_TABLE', 'cache'), + 'endpoint' => env('DYNAMODB_ENDPOINT'), + ], + + ], + + /* + |-------------------------------------------------------------------------- + | Cache Key Prefix + |-------------------------------------------------------------------------- + | + | When utilizing a RAM based store such as APC or Memcached, there might + | be other applications utilizing the same cache. So, we'll specify a + | value to get prefixed to all our keys so we can avoid collisions. + | + */ + + 'prefix' => env('CACHE_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_cache'), + +]; diff --git a/config/cors.php b/config/cors.php new file mode 100644 index 00000000..558369dc --- /dev/null +++ b/config/cors.php @@ -0,0 +1,34 @@ + ['api/*'], + + 'allowed_methods' => ['*'], + + 'allowed_origins' => ['*'], + + 'allowed_origins_patterns' => [], + + 'allowed_headers' => ['*'], + + 'exposed_headers' => [], + + 'max_age' => 0, + + 'supports_credentials' => false, + +]; diff --git a/config/database.php b/config/database.php new file mode 100644 index 00000000..b42d9b30 --- /dev/null +++ b/config/database.php @@ -0,0 +1,147 @@ + env('DB_CONNECTION', 'mysql'), + + /* + |-------------------------------------------------------------------------- + | Database Connections + |-------------------------------------------------------------------------- + | + | Here are each of the database connections setup for your application. + | Of course, examples of configuring each database platform that is + | supported by Laravel is shown below to make development simple. + | + | + | All database work in Laravel is done through the PHP PDO facilities + | so make sure you have the driver for your particular database of + | choice installed on your machine before you begin development. + | + */ + + 'connections' => [ + + 'sqlite' => [ + 'driver' => 'sqlite', + 'url' => env('DATABASE_URL'), + 'database' => env('DB_DATABASE', database_path('database.sqlite')), + 'prefix' => '', + 'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true), + ], + + 'mysql' => [ + 'driver' => 'mysql', + 'url' => env('DATABASE_URL'), + 'host' => env('DB_HOST', '127.0.0.1'), + 'port' => env('DB_PORT', '3306'), + 'database' => env('DB_DATABASE', 'forge'), + 'username' => env('DB_USERNAME', 'forge'), + 'password' => env('DB_PASSWORD', ''), + 'unix_socket' => env('DB_SOCKET', ''), + 'charset' => 'utf8mb4', + 'collation' => 'utf8mb4_unicode_ci', + 'prefix' => '', + 'prefix_indexes' => true, + 'strict' => true, + 'engine' => null, + 'options' => extension_loaded('pdo_mysql') ? array_filter([ + PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'), + ]) : [], + ], + + 'pgsql' => [ + 'driver' => 'pgsql', + 'url' => env('DATABASE_URL'), + 'host' => env('DB_HOST', '127.0.0.1'), + 'port' => env('DB_PORT', '5432'), + 'database' => env('DB_DATABASE', 'forge'), + 'username' => env('DB_USERNAME', 'forge'), + 'password' => env('DB_PASSWORD', ''), + 'charset' => 'utf8', + 'prefix' => '', + 'prefix_indexes' => true, + 'schema' => 'public', + 'sslmode' => 'prefer', + ], + + 'sqlsrv' => [ + 'driver' => 'sqlsrv', + 'url' => env('DATABASE_URL'), + 'host' => env('DB_HOST', 'localhost'), + 'port' => env('DB_PORT', '1433'), + 'database' => env('DB_DATABASE', 'forge'), + 'username' => env('DB_USERNAME', 'forge'), + 'password' => env('DB_PASSWORD', ''), + 'charset' => 'utf8', + 'prefix' => '', + 'prefix_indexes' => true, + ], + + ], + + /* + |-------------------------------------------------------------------------- + | Migration Repository Table + |-------------------------------------------------------------------------- + | + | This table keeps track of all the migrations that have already run for + | your application. Using this information, we can determine which of + | the migrations on disk haven't actually been run in the database. + | + */ + + 'migrations' => 'migrations', + + /* + |-------------------------------------------------------------------------- + | Redis Databases + |-------------------------------------------------------------------------- + | + | Redis is an open source, fast, and advanced key-value store that also + | provides a richer body of commands than a typical key-value system + | such as APC or Memcached. Laravel makes it easy to dig right in. + | + */ + + 'redis' => [ + + 'client' => env('REDIS_CLIENT', 'phpredis'), + + 'options' => [ + 'cluster' => env('REDIS_CLUSTER', 'redis'), + 'prefix' => env('REDIS_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_database_'), + ], + + 'default' => [ + 'url' => env('REDIS_URL'), + 'host' => env('REDIS_HOST', '127.0.0.1'), + 'password' => env('REDIS_PASSWORD', null), + 'port' => env('REDIS_PORT', '6379'), + 'database' => env('REDIS_DB', '0'), + ], + + 'cache' => [ + 'url' => env('REDIS_URL'), + 'host' => env('REDIS_HOST', '127.0.0.1'), + 'password' => env('REDIS_PASSWORD', null), + 'port' => env('REDIS_PORT', '6379'), + 'database' => env('REDIS_CACHE_DB', '1'), + ], + + ], + +]; diff --git a/config/filesystems.php b/config/filesystems.php new file mode 100644 index 00000000..94c81126 --- /dev/null +++ b/config/filesystems.php @@ -0,0 +1,85 @@ + env('FILESYSTEM_DRIVER', 'local'), + + /* + |-------------------------------------------------------------------------- + | Default Cloud Filesystem Disk + |-------------------------------------------------------------------------- + | + | Many applications store files both locally and in the cloud. For this + | reason, you may specify a default "cloud" driver here. This driver + | will be bound as the Cloud disk implementation in the container. + | + */ + + 'cloud' => env('FILESYSTEM_CLOUD', 's3'), + + /* + |-------------------------------------------------------------------------- + | Filesystem Disks + |-------------------------------------------------------------------------- + | + | Here you may configure as many filesystem "disks" as you wish, and you + | may even configure multiple disks of the same driver. Defaults have + | been setup for each driver as an example of the required options. + | + | Supported Drivers: "local", "ftp", "sftp", "s3" + | + */ + + 'disks' => [ + + 'local' => [ + 'driver' => 'local', + 'root' => storage_path('app'), + ], + + 'public' => [ + 'driver' => 'local', + 'root' => storage_path('app/public'), + 'url' => env('APP_URL').'/storage', + 'visibility' => 'public', + ], + + 's3' => [ + 'driver' => 's3', + 'key' => env('AWS_ACCESS_KEY_ID'), + 'secret' => env('AWS_SECRET_ACCESS_KEY'), + 'region' => env('AWS_DEFAULT_REGION'), + 'bucket' => env('AWS_BUCKET'), + 'url' => env('AWS_URL'), + 'endpoint' => env('AWS_ENDPOINT'), + ], + + ], + + /* + |-------------------------------------------------------------------------- + | Symbolic Links + |-------------------------------------------------------------------------- + | + | Here you may configure the symbolic links that will be created when the + | `storage:link` Artisan command is executed. The array keys should be + | the locations of the links and the values should be their targets. + | + */ + + 'links' => [ + public_path('storage') => storage_path('app/public'), + ], + +]; diff --git a/config/hashing.php b/config/hashing.php new file mode 100644 index 00000000..84257708 --- /dev/null +++ b/config/hashing.php @@ -0,0 +1,52 @@ + 'bcrypt', + + /* + |-------------------------------------------------------------------------- + | Bcrypt Options + |-------------------------------------------------------------------------- + | + | Here you may specify the configuration options that should be used when + | passwords are hashed using the Bcrypt algorithm. This will allow you + | to control the amount of time it takes to hash the given password. + | + */ + + 'bcrypt' => [ + 'rounds' => env('BCRYPT_ROUNDS', 10), + ], + + /* + |-------------------------------------------------------------------------- + | Argon Options + |-------------------------------------------------------------------------- + | + | Here you may specify the configuration options that should be used when + | passwords are hashed using the Argon algorithm. These will allow you + | to control the amount of time it takes to hash the given password. + | + */ + + 'argon' => [ + 'memory' => 1024, + 'threads' => 2, + 'time' => 2, + ], + +]; diff --git a/config/logging.php b/config/logging.php new file mode 100644 index 00000000..088c204e --- /dev/null +++ b/config/logging.php @@ -0,0 +1,104 @@ + env('LOG_CHANNEL', 'stack'), + + /* + |-------------------------------------------------------------------------- + | Log Channels + |-------------------------------------------------------------------------- + | + | Here you may configure the log channels for your application. Out of + | the box, Laravel uses the Monolog PHP logging library. This gives + | you a variety of powerful log handlers / formatters to utilize. + | + | Available Drivers: "single", "daily", "slack", "syslog", + | "errorlog", "monolog", + | "custom", "stack" + | + */ + + 'channels' => [ + 'stack' => [ + 'driver' => 'stack', + 'channels' => ['single'], + 'ignore_exceptions' => false, + ], + + 'single' => [ + 'driver' => 'single', + 'path' => storage_path('logs/laravel.log'), + 'level' => 'debug', + ], + + 'daily' => [ + 'driver' => 'daily', + 'path' => storage_path('logs/laravel.log'), + 'level' => 'debug', + 'days' => 14, + ], + + 'slack' => [ + 'driver' => 'slack', + 'url' => env('LOG_SLACK_WEBHOOK_URL'), + 'username' => 'Laravel Log', + 'emoji' => ':boom:', + 'level' => 'critical', + ], + + 'papertrail' => [ + 'driver' => 'monolog', + 'level' => 'debug', + 'handler' => SyslogUdpHandler::class, + 'handler_with' => [ + 'host' => env('PAPERTRAIL_URL'), + 'port' => env('PAPERTRAIL_PORT'), + ], + ], + + 'stderr' => [ + 'driver' => 'monolog', + 'handler' => StreamHandler::class, + 'formatter' => env('LOG_STDERR_FORMATTER'), + 'with' => [ + 'stream' => 'php://stderr', + ], + ], + + 'syslog' => [ + 'driver' => 'syslog', + 'level' => 'debug', + ], + + 'errorlog' => [ + 'driver' => 'errorlog', + 'level' => 'debug', + ], + + 'null' => [ + 'driver' => 'monolog', + 'handler' => NullHandler::class, + ], + + 'emergency' => [ + 'path' => storage_path('logs/laravel.log'), + ], + ], + +]; diff --git a/config/mail.php b/config/mail.php new file mode 100644 index 00000000..54299aab --- /dev/null +++ b/config/mail.php @@ -0,0 +1,110 @@ + env('MAIL_MAILER', 'smtp'), + + /* + |-------------------------------------------------------------------------- + | Mailer Configurations + |-------------------------------------------------------------------------- + | + | Here you may configure all of the mailers used by your application plus + | their respective settings. Several examples have been configured for + | you and you are free to add your own as your application requires. + | + | Laravel supports a variety of mail "transport" drivers to be used while + | sending an e-mail. You will specify which one you are using for your + | mailers below. You are free to add additional mailers as required. + | + | Supported: "smtp", "sendmail", "mailgun", "ses", + | "postmark", "log", "array" + | + */ + + 'mailers' => [ + 'smtp' => [ + 'transport' => 'smtp', + 'host' => env('MAIL_HOST', 'smtp.mailgun.org'), + 'port' => env('MAIL_PORT', 587), + 'encryption' => env('MAIL_ENCRYPTION', 'tls'), + 'username' => env('MAIL_USERNAME'), + 'password' => env('MAIL_PASSWORD'), + 'timeout' => null, + 'auth_mode' => null, + ], + + 'ses' => [ + 'transport' => 'ses', + ], + + 'mailgun' => [ + 'transport' => 'mailgun', + ], + + 'postmark' => [ + 'transport' => 'postmark', + ], + + 'sendmail' => [ + 'transport' => 'sendmail', + 'path' => '/usr/sbin/sendmail -bs', + ], + + 'log' => [ + 'transport' => 'log', + 'channel' => env('MAIL_LOG_CHANNEL'), + ], + + 'array' => [ + 'transport' => 'array', + ], + ], + + /* + |-------------------------------------------------------------------------- + | Global "From" Address + |-------------------------------------------------------------------------- + | + | You may wish for all e-mails sent by your application to be sent from + | the same address. Here, you may specify a name and address that is + | used globally for all e-mails that are sent by your application. + | + */ + + 'from' => [ + 'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'), + 'name' => env('MAIL_FROM_NAME', 'Example'), + ], + + /* + |-------------------------------------------------------------------------- + | Markdown Mail Settings + |-------------------------------------------------------------------------- + | + | If you are using Markdown based email rendering, you may configure your + | theme and component paths here, allowing you to customize the design + | of the emails. Or, you may simply stick with the Laravel defaults! + | + */ + + 'markdown' => [ + 'theme' => 'default', + + 'paths' => [ + resource_path('views/vendor/mail'), + ], + ], + +]; diff --git a/config/queue.php b/config/queue.php new file mode 100644 index 00000000..00b76d65 --- /dev/null +++ b/config/queue.php @@ -0,0 +1,89 @@ + env('QUEUE_CONNECTION', 'sync'), + + /* + |-------------------------------------------------------------------------- + | Queue Connections + |-------------------------------------------------------------------------- + | + | Here you may configure the connection information for each server that + | is used by your application. A default configuration has been added + | for each back-end shipped with Laravel. You are free to add more. + | + | Drivers: "sync", "database", "beanstalkd", "sqs", "redis", "null" + | + */ + + 'connections' => [ + + 'sync' => [ + 'driver' => 'sync', + ], + + 'database' => [ + 'driver' => 'database', + 'table' => 'jobs', + 'queue' => 'default', + 'retry_after' => 90, + ], + + 'beanstalkd' => [ + 'driver' => 'beanstalkd', + 'host' => 'localhost', + 'queue' => 'default', + 'retry_after' => 90, + 'block_for' => 0, + ], + + 'sqs' => [ + 'driver' => 'sqs', + 'key' => env('AWS_ACCESS_KEY_ID'), + 'secret' => env('AWS_SECRET_ACCESS_KEY'), + 'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'), + 'queue' => env('SQS_QUEUE', 'your-queue-name'), + 'suffix' => env('SQS_SUFFIX'), + 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), + ], + + 'redis' => [ + 'driver' => 'redis', + 'connection' => 'default', + 'queue' => env('REDIS_QUEUE', 'default'), + 'retry_after' => 90, + 'block_for' => null, + ], + + ], + + /* + |-------------------------------------------------------------------------- + | Failed Queue Jobs + |-------------------------------------------------------------------------- + | + | These options configure the behavior of failed queue job logging so you + | can control which database and table are used to store the jobs that + | have failed. You may change them to any database / table you wish. + | + */ + + 'failed' => [ + 'driver' => env('QUEUE_FAILED_DRIVER', 'database'), + 'database' => env('DB_CONNECTION', 'mysql'), + 'table' => 'failed_jobs', + ], + +]; diff --git a/config/services.php b/config/services.php new file mode 100644 index 00000000..2a1d616c --- /dev/null +++ b/config/services.php @@ -0,0 +1,33 @@ + [ + 'domain' => env('MAILGUN_DOMAIN'), + 'secret' => env('MAILGUN_SECRET'), + 'endpoint' => env('MAILGUN_ENDPOINT', 'api.mailgun.net'), + ], + + 'postmark' => [ + 'token' => env('POSTMARK_TOKEN'), + ], + + 'ses' => [ + 'key' => env('AWS_ACCESS_KEY_ID'), + 'secret' => env('AWS_SECRET_ACCESS_KEY'), + 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), + ], + +]; diff --git a/config/session.php b/config/session.php new file mode 100644 index 00000000..4e0f66cd --- /dev/null +++ b/config/session.php @@ -0,0 +1,201 @@ + env('SESSION_DRIVER', 'file'), + + /* + |-------------------------------------------------------------------------- + | Session Lifetime + |-------------------------------------------------------------------------- + | + | Here you may specify the number of minutes that you wish the session + | to be allowed to remain idle before it expires. If you want them + | to immediately expire on the browser closing, set that option. + | + */ + + 'lifetime' => env('SESSION_LIFETIME', 120), + + 'expire_on_close' => false, + + /* + |-------------------------------------------------------------------------- + | Session Encryption + |-------------------------------------------------------------------------- + | + | This option allows you to easily specify that all of your session data + | should be encrypted before it is stored. All encryption will be run + | automatically by Laravel and you can use the Session like normal. + | + */ + + 'encrypt' => false, + + /* + |-------------------------------------------------------------------------- + | Session File Location + |-------------------------------------------------------------------------- + | + | When using the native session driver, we need a location where session + | files may be stored. A default has been set for you but a different + | location may be specified. This is only needed for file sessions. + | + */ + + 'files' => storage_path('framework/sessions'), + + /* + |-------------------------------------------------------------------------- + | Session Database Connection + |-------------------------------------------------------------------------- + | + | When using the "database" or "redis" session drivers, you may specify a + | connection that should be used to manage these sessions. This should + | correspond to a connection in your database configuration options. + | + */ + + 'connection' => env('SESSION_CONNECTION', null), + + /* + |-------------------------------------------------------------------------- + | Session Database Table + |-------------------------------------------------------------------------- + | + | When using the "database" session driver, you may specify the table we + | should use to manage the sessions. Of course, a sensible default is + | provided for you; however, you are free to change this as needed. + | + */ + + 'table' => 'sessions', + + /* + |-------------------------------------------------------------------------- + | Session Cache Store + |-------------------------------------------------------------------------- + | + | While using one of the framework's cache driven session backends you may + | list a cache store that should be used for these sessions. This value + | must match with one of the application's configured cache "stores". + | + | Affects: "apc", "dynamodb", "memcached", "redis" + | + */ + + 'store' => env('SESSION_STORE', null), + + /* + |-------------------------------------------------------------------------- + | Session Sweeping Lottery + |-------------------------------------------------------------------------- + | + | Some session drivers must manually sweep their storage location to get + | rid of old sessions from storage. Here are the chances that it will + | happen on a given request. By default, the odds are 2 out of 100. + | + */ + + 'lottery' => [2, 100], + + /* + |-------------------------------------------------------------------------- + | Session Cookie Name + |-------------------------------------------------------------------------- + | + | Here you may change the name of the cookie used to identify a session + | instance by ID. The name specified here will get used every time a + | new session cookie is created by the framework for every driver. + | + */ + + 'cookie' => env( + 'SESSION_COOKIE', + Str::slug(env('APP_NAME', 'laravel'), '_').'_session' + ), + + /* + |-------------------------------------------------------------------------- + | Session Cookie Path + |-------------------------------------------------------------------------- + | + | The session cookie path determines the path for which the cookie will + | be regarded as available. Typically, this will be the root path of + | your application but you are free to change this when necessary. + | + */ + + 'path' => '/', + + /* + |-------------------------------------------------------------------------- + | Session Cookie Domain + |-------------------------------------------------------------------------- + | + | Here you may change the domain of the cookie used to identify a session + | in your application. This will determine which domains the cookie is + | available to in your application. A sensible default has been set. + | + */ + + 'domain' => env('SESSION_DOMAIN', null), + + /* + |-------------------------------------------------------------------------- + | HTTPS Only Cookies + |-------------------------------------------------------------------------- + | + | By setting this option to true, session cookies will only be sent back + | to the server if the browser has a HTTPS connection. This will keep + | the cookie from being sent to you if it can not be done securely. + | + */ + + 'secure' => env('SESSION_SECURE_COOKIE'), + + /* + |-------------------------------------------------------------------------- + | HTTP Access Only + |-------------------------------------------------------------------------- + | + | Setting this value to true will prevent JavaScript from accessing the + | value of the cookie and the cookie will only be accessible through + | the HTTP protocol. You are free to modify this option if needed. + | + */ + + 'http_only' => true, + + /* + |-------------------------------------------------------------------------- + | Same-Site Cookies + |-------------------------------------------------------------------------- + | + | This option determines how your cookies behave when cross-site requests + | take place, and can be used to mitigate CSRF attacks. By default, we + | will set this value to "lax" since this is a secure default value. + | + | Supported: "lax", "strict", "none", null + | + */ + + 'same_site' => 'lax', + +]; diff --git a/config/view.php b/config/view.php new file mode 100644 index 00000000..22b8a18d --- /dev/null +++ b/config/view.php @@ -0,0 +1,36 @@ + [ + resource_path('views'), + ], + + /* + |-------------------------------------------------------------------------- + | Compiled View Path + |-------------------------------------------------------------------------- + | + | This option determines where all the compiled Blade templates will be + | stored for your application. Typically, this is within the storage + | directory. However, as usual, you are free to change this value. + | + */ + + 'compiled' => env( + 'VIEW_COMPILED_PATH', + realpath(storage_path('framework/views')) + ), + +]; diff --git a/database/.gitignore b/database/.gitignore new file mode 100644 index 00000000..97fc9767 --- /dev/null +++ b/database/.gitignore @@ -0,0 +1,2 @@ +*.sqlite +*.sqlite-journal diff --git a/database/factories/AddressFactory.php b/database/factories/AddressFactory.php new file mode 100644 index 00000000..6f3569c4 --- /dev/null +++ b/database/factories/AddressFactory.php @@ -0,0 +1,20 @@ +define(App\Models\Address::class, function (Faker $faker) { + + return [ + 'company_id' => $faker->numberBetween(1, 30), + 'street_one' => $faker->streetAddress, + 'street_two' => $faker->streetAddress, + 'city' => $faker->city, + 'state' => $faker->state, + 'post_code' => $faker->postcode, + 'country' => $faker->country, + 'default' => 1, + 'billing' => 1 + ]; +}); diff --git a/database/migrations/2014_10_12_000000_create_users_table.php b/database/migrations/2014_10_12_000000_create_users_table.php new file mode 100644 index 00000000..167a6a78 --- /dev/null +++ b/database/migrations/2014_10_12_000000_create_users_table.php @@ -0,0 +1,40 @@ +id(); + $table->string('name'); + $table->string('email')->unique(); + $table->timestamp('email_verified_at')->nullable(); + $table->string('password'); + $table->smallInteger('role_id')->default(Roles::USER); + $table->boolean('active')->default(true); + $table->rememberToken(); + $table->softDeletes(); + $table->timestamps(); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::dropIfExists('users'); + } +} diff --git a/database/migrations/2019_08_19_000000_create_failed_jobs_table.php b/database/migrations/2019_08_19_000000_create_failed_jobs_table.php new file mode 100644 index 00000000..9bddee36 --- /dev/null +++ b/database/migrations/2019_08_19_000000_create_failed_jobs_table.php @@ -0,0 +1,35 @@ +id(); + $table->text('connection'); + $table->text('queue'); + $table->longText('payload'); + $table->longText('exception'); + $table->timestamp('failed_at')->useCurrent(); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::dropIfExists('failed_jobs'); + } +} diff --git a/database/migrations/2020_07_30_022600_create_password_resets_table.php b/database/migrations/2020_07_30_022600_create_password_resets_table.php new file mode 100644 index 00000000..f465e56d --- /dev/null +++ b/database/migrations/2020_07_30_022600_create_password_resets_table.php @@ -0,0 +1,37 @@ +id(); + $table->bigInteger('user_id')->unsigned(); + $table->string('token'); + $table->boolean('is_expired')->default(true); + $table->boolean('is_complete')->default(false); + $table->timestamps(); + + $table->foreign('user_id')->references('id')->on('users'); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::dropIfExists('password_resets'); + } +} diff --git a/database/migrations/2020_07_30_023042_create_activity_log_table.php b/database/migrations/2020_07_30_023042_create_activity_log_table.php new file mode 100644 index 00000000..107cf045 --- /dev/null +++ b/database/migrations/2020_07_30_023042_create_activity_log_table.php @@ -0,0 +1,42 @@ +id(); + $table->string('log_name')->nullable(); + $table->text('description'); + $table->unsignedBigInteger('subject_id')->nullable(); + $table->string('subject_type')->nullable(); + $table->unsignedBigInteger('causer_id')->nullable(); + $table->string('causer_type')->nullable(); + $table->text('properties')->nullable(); + $table->timestamps(); + + $table->index('log_name'); + $table->index(['subject_id', 'subject_type'], 'subject'); + $table->index(['causer_id', 'causer_type'], 'causer'); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::dropIfExists('activity_log'); + } +} diff --git a/database/migrations/2020_08_04_023621_create_user_email_verifications_table.php b/database/migrations/2020_08_04_023621_create_user_email_verifications_table.php new file mode 100644 index 00000000..2f4b78e4 --- /dev/null +++ b/database/migrations/2020_08_04_023621_create_user_email_verifications_table.php @@ -0,0 +1,38 @@ +id(); + $table->string('email', 100); + $table->string('token', 32); + $table->boolean('is_complete')->default(false); + $table->boolean('is_active'); + $table->boolean('is_sent')->default(false); + $table->timestamps(); + + $table->foreign('email')->references('email')->on('users'); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::dropIfExists('user_email_verifications'); + } +} diff --git a/database/migrations/2020_08_04_043647_create_addresses_table.php b/database/migrations/2020_08_04_043647_create_addresses_table.php new file mode 100644 index 00000000..5de29ab5 --- /dev/null +++ b/database/migrations/2020_08_04_043647_create_addresses_table.php @@ -0,0 +1,45 @@ +id(); + $table->foreignId('company_id'); + $table->string('street_one'); + $table->string('street_two')->nullable(); + $table->string('city'); + $table->string('state'); + $table->string('post_code'); + $table->string('country'); + $table->integer('default'); + $table->integer('billing'); + + $table->timestamps(); + $table->softDeletes(); + + $table->foreign('company_id')->references('id')->on('companies'); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::drop('addresses'); + } +} diff --git a/database/migrations/2020_09_08_035941_create_jobs_table.php b/database/migrations/2020_09_08_035941_create_jobs_table.php new file mode 100644 index 00000000..1be9e8a8 --- /dev/null +++ b/database/migrations/2020_09_08_035941_create_jobs_table.php @@ -0,0 +1,36 @@ +bigIncrements('id'); + $table->string('queue')->index(); + $table->longText('payload'); + $table->unsignedTinyInteger('attempts'); + $table->unsignedInteger('reserved_at')->nullable(); + $table->unsignedInteger('available_at'); + $table->unsignedInteger('created_at'); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + Schema::dropIfExists('jobs'); + } +} diff --git a/database/seeds/AddressesTableSeeder.php b/database/seeds/AddressesTableSeeder.php new file mode 100644 index 00000000..2cefe328 --- /dev/null +++ b/database/seeds/AddressesTableSeeder.php @@ -0,0 +1,18 @@ +environment('local')) + factory(App\Models\Address::class, 30)->create(); + + } +} diff --git a/database/seeds/DatabaseSeeder.php b/database/seeds/DatabaseSeeder.php new file mode 100644 index 00000000..2a197ad8 --- /dev/null +++ b/database/seeds/DatabaseSeeder.php @@ -0,0 +1,17 @@ +call(UsersTableSeeder::class); + $this->call(CompaniesTableSeeder::class); + } +} diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 00000000..7f1221bf --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,101 @@ +const pkg = require('./package.json'); +const gulp = require('gulp'); +const del = require('del'); +const plugins = require('gulp-load-plugins')({pattern: ['*'], scope: ['devDependencies']}); +let uglifyEs = require('gulp-uglify-es').default; + +const onError = (error) => { + console.log(error); +}; + +const sassOptions = {style: 'compressed'}; + +// compile vendor dependencies +gulp.task('vendorJs', () => { + plugins.fancyLog('Compiling vendor JS dependencies'); + return gulp.src(pkg.globs.vendorJs) + .pipe(plugins.plumber({errorHandler: onError})) + .pipe(plugins.print()) + .pipe(plugins.concat('vendor.js')) + .pipe(plugins.uglify()) + .pipe(gulp.dest(pkg.paths.build.js)); +}); + +gulp.task('vendorCss', () => { + plugins.fancyLog('Compiling vendor CSS dependencies'); + return gulp.src(pkg.globs.vendorCss) + .pipe(plugins.plumber({errorHandler: onError})) + .pipe(plugins.print()) + .pipe(plugins.concatCss('vendor.css')) + .pipe(plugins.cleanCss()) + .pipe(plugins.replace('../../../font-awesome/', './')) + .pipe(plugins.replace('../../jquery-ui-dist/', '')) + .pipe(gulp.dest(pkg.paths.build.css)); +}); + +gulp.task('vendorFonts', () => { + plugins.fancyLog('Copying vendor fonts for dependencies'); + return gulp.src(pkg.globs.vendorFonts) + .pipe(plugins.plumber({errorHandler: onError})) + .pipe(plugins.print()) + .pipe(gulp.dest(pkg.paths.build.fonts)); +}); + +gulp.task('vendorImages', () => { + plugins.fancyLog('Copying vendor images for dependencies'); + return gulp.src(pkg.globs.vendorImages) + .pipe(plugins.plumber({errorHandler: onError})) + .pipe(plugins.print()) + .pipe(gulp.dest(pkg.paths.build.images)); +}); + +// compile source scss +gulp.task('sourceCss', () => { + plugins.fancyLog('Compiling source CSS files'); + return gulp.src(pkg.globs.sourceCss) + .pipe(plugins.plumber({errorHandler: onError})) + .pipe(plugins.print()) + .pipe(plugins.sass(sassOptions).on('error', plugins.sass.logError)) + .pipe(plugins.autoprefixer()) + .pipe(plugins.concatCss('site.css')) + .pipe(gulp.dest(pkg.paths.build.css)); +}); + +gulp.task('sourceJs', () => { + plugins.fancyLog('Compiling source JS dependencies'); + return gulp.src(pkg.globs.sourceJs) + .pipe(plugins.plumber({errorHandler: onError})) + .pipe(plugins.print()) + .pipe(plugins.concat('site.js')) + .pipe(uglifyEs()) + .pipe(gulp.dest(pkg.paths.build.js)); +}); + +gulp.task('sourceImages', () => { + plugins.fancyLog('Compiling source image files'); + return gulp.src(pkg.globs.sourceImages) + .pipe(plugins.plumber({errorHandler: onError})) + .pipe(plugins.print()) + .pipe(gulp.dest(pkg.paths.build.images)); +}); +gulp.task('sourceFonts', () => { + plugins.fancyLog('Compiling source font files'); + return gulp.src(pkg.globs.sourceFonts) + .pipe(plugins.plumber({errorHandler: onError})) + .pipe(plugins.print()) + .pipe(gulp.dest(pkg.paths.build.fonts)); +}); +gulp.task('clean', () => { + return del([pkg.paths.build.css + '/*', pkg.paths.build.js + '/*', !pkg.paths.build.js + '/app.js', pkg.paths.build.images + '/*', pkg.paths.build.fonts + '/*']); +}); + +gulp.task('vendor', ['vendorJs', 'vendorCss', 'vendorFonts', 'vendorImages']); +gulp.task('source', ['sourceCss', 'sourceImages', 'sourceJs', 'sourceFonts']); +gulp.task('build', ['clean', 'vendor', 'source']); + +gulp.task('watch', () => { + gulp.watch(pkg.globs.sourceCss, ['sourceCss']); + gulp.watch(pkg.globs.sourceImages, ['sourceImages']); + gulp.watch(pkg.globs.sourceJs, ['sourceJs']); + gulp.watch(pkg.globs.sourceJs, ['sourceFonts']); +}); \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 00000000..af09d038 --- /dev/null +++ b/package.json @@ -0,0 +1,120 @@ +{ + "private": true, + "scripts": { + "dev": "npm run development", + "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", + "watch": "npm run development -- --watch", + "watch-poll": "npm run watch -- --watch-poll", + "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", + "prod": "npm run production", + "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" + }, + "dependencies": { + "animate.css": "^3.7.2", + "bootstrap": "^4.0.0", + "bootstrap-datepicker": "^1.7.1", + "chart.js": "^2.8.0", + "epic-spinners": "^1.1.0", + "font-awesome": "^4.7.0", + "intro.js": "^2.9.3", + "jquery": "^3.2", + "jquery-validation": "^1.17.0", + "jquery.scrollbar": "^0.2.11", + "noty": "^3.2.0-beta", + "perfect-scrollbar": "^1.5.0", + "popper.js": "^1.12", + "sass-loader": "7.*", + "select2": "^4.0.6-rc.1", + "vue": "^2.6.10", + "vue-avatar": "^2.1.8", + "vue-template-compiler": "^2.6.10", + "vuelidate": "^0.7.4", + "vuex": "^3.1.1" + }, + "devDependencies": { + "axios": "^0.19", + "cross-env": "^5.1", + "del": "^3.0.0", + "fancy-log": "^1.3.0", + "gulp": "^3.9.1", + "gulp-autoprefixer": "^4.0.0", + "gulp-clean-css": "^3.7.0", + "gulp-concat": "^2.6.1", + "gulp-concat-css": "^2.3.0", + "gulp-copy": "^1.0.1", + "gulp-livereload": "^3.8.1", + "gulp-load-plugins": "^1.5.0", + "gulp-newer": "^1.3.0", + "gulp-plumber": "^1.1.0", + "gulp-print": "^2.0.1", + "gulp-rename": "^1.2.2", + "gulp-replace": "^0.6.1", + "gulp-sass": "^3.1.0", + "gulp-streamify": "^1.0.2", + "gulp-uglify": "^3.0.0", + "gulp-uglify-es": "^1.0.4", + "laravel-mix": "^4.0.7", + "lodash": "^4.17.13", + "resolve-url-loader": "^2.3.1" + }, + "paths": { + "build": { + "css": "./public/css/", + "js": "./public/js/", + "images": "./public/images/", + "fonts": "./public/fonts/", + "main": "./public/" + } + }, + "globs": { + "vendorJs": [ + "./node_modules/jquery/dist/jquery.min.js", + "./node_modules/popper.js/dist/umd/popper.min.js", + "./node_modules/bootstrap/dist/js/bootstrap.min.js", + "./node_modules/jquery.scrollbar/jquery.scrollbar.min.js", + "./node_modules/jquery-validation/dist/jquery.validate.js", + "./node_modules/select2/dist/js/select2.full.min.js", + "./node_modules/bootstrap-datepicker/dist/js/bootstrap-datepicker.js", + "./node_modules/chart.js/dist/Chart.js", + "./node_modules/noty/lib/noty.js", + "./node_modules/intro.js/intro.js", + "./node_modules/vue/dist/vue.min.js" + ], + "vendorCss": [ + "./node_modules/font-awesome/css/font-awesome.min.css", + "./node_modules/jquery.scrollbar/jquery.scrollbar.css", + "./node_modules/select2/dist/css/select2.min.css", + "./node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css", + "./node_modules/noty/lib/noty.css", + "./node_modules/noty/lib/themes/*.css", + "./node_modules/animate.css/animate.css", + "./node_modules/chart.js/dist/Chart.css", + "./node_modules/intro.js/introjs.css", + "./node_modules/bootstrap/dist/css/bootstrap.min.css" + ], + "vendorFonts": [ + "./node_modules/font-awesome/fonts/**/*" + ], + "vendorImages": [ + "./node_modules/jquery-ui-dist/images/**/*.png", + "./node_modules/datatables.net-dt/images/**/*.png" + ], + "sourceCss": [ + "./resources/assets/sass/**/*.scss", + "./resources/assets/css/**/*.css" + ], + "sourceImages": [ + "./resources/assets/images/**/*" + ], + "sourceJs": [ + "./resources/assets/js/pages*.js", + "./resources/assets/js/three.r92.min.js", + "./resources/assets/js/vanta.birds.min.js", + "./resources/assets/js/validation.js", + "./resources/assets/js/scripts.js" + ], + "sourceFonts": [ + "./resources/assets/fonts/**/*" + ] + } +} diff --git a/phpunit.xml b/phpunit.xml new file mode 100644 index 00000000..964ff0c5 --- /dev/null +++ b/phpunit.xml @@ -0,0 +1,31 @@ + + + + + ./tests/Unit + + + ./tests/Feature + + + + + ./app + + + + + + + + + + + + + + diff --git a/public/.htaccess b/public/.htaccess new file mode 100644 index 00000000..3aec5e27 --- /dev/null +++ b/public/.htaccess @@ -0,0 +1,21 @@ + + + Options -MultiViews -Indexes + + + RewriteEngine On + + # Handle Authorization Header + RewriteCond %{HTTP:Authorization} . + RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}] + + # Redirect Trailing Slashes If Not A Folder... + RewriteCond %{REQUEST_FILENAME} !-d + RewriteCond %{REQUEST_URI} (.+)/$ + RewriteRule ^ %1 [L,R=301] + + # Send Requests To Front Controller... + RewriteCond %{REQUEST_FILENAME} !-d + RewriteCond %{REQUEST_FILENAME} !-f + RewriteRule ^ index.php [L] + diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 00000000..e69de29b diff --git a/public/index.php b/public/index.php new file mode 100644 index 00000000..4584cbcd --- /dev/null +++ b/public/index.php @@ -0,0 +1,60 @@ + + */ + +define('LARAVEL_START', microtime(true)); + +/* +|-------------------------------------------------------------------------- +| Register The Auto Loader +|-------------------------------------------------------------------------- +| +| Composer provides a convenient, automatically generated class loader for +| our application. We just need to utilize it! We'll simply require it +| into the script here so that we don't have to worry about manual +| loading any of our classes later on. It feels great to relax. +| +*/ + +require __DIR__.'/../vendor/autoload.php'; + +/* +|-------------------------------------------------------------------------- +| Turn On The Lights +|-------------------------------------------------------------------------- +| +| We need to illuminate PHP development, so let us turn on the lights. +| This bootstraps the framework and gets it ready for use, then it +| will load up this application so that we can run it and send +| the responses back to the browser and delight our users. +| +*/ + +$app = require_once __DIR__.'/../bootstrap/app.php'; + +/* +|-------------------------------------------------------------------------- +| Run The Application +|-------------------------------------------------------------------------- +| +| Once we have the application, we can handle the incoming request +| through the kernel, and send the associated response back to +| the client's browser allowing them to enjoy the creative +| and wonderful application we have prepared for them. +| +*/ + +$kernel = $app->make(Illuminate\Contracts\Http\Kernel::class); + +$response = $kernel->handle( + $request = Illuminate\Http\Request::capture() +); + +$response->send(); + +$kernel->terminate($request, $response); diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 00000000..eb053628 --- /dev/null +++ b/public/robots.txt @@ -0,0 +1,2 @@ +User-agent: * +Disallow: diff --git a/public/web.config b/public/web.config new file mode 100644 index 00000000..d3711d7c --- /dev/null +++ b/public/web.config @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/assets/fonts/montserrat/Montserrat-Bold.ttf b/resources/assets/fonts/montserrat/Montserrat-Bold.ttf new file mode 100644 index 00000000..b4c25f44 Binary files /dev/null and b/resources/assets/fonts/montserrat/Montserrat-Bold.ttf differ diff --git a/resources/assets/fonts/montserrat/Montserrat-Regular.ttf b/resources/assets/fonts/montserrat/Montserrat-Regular.ttf new file mode 100644 index 00000000..7648363a Binary files /dev/null and b/resources/assets/fonts/montserrat/Montserrat-Regular.ttf differ diff --git a/resources/assets/fonts/montserrat/montserrat-bold-webfont.svg b/resources/assets/fonts/montserrat/montserrat-bold-webfont.svg new file mode 100644 index 00000000..82f5ddb9 --- /dev/null +++ b/resources/assets/fonts/montserrat/montserrat-bold-webfont.svg @@ -0,0 +1,1462 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/resources/assets/fonts/montserrat/montserrat-regular-webfont.svg b/resources/assets/fonts/montserrat/montserrat-regular-webfont.svg new file mode 100644 index 00000000..66cffa36 --- /dev/null +++ b/resources/assets/fonts/montserrat/montserrat-regular-webfont.svg @@ -0,0 +1,1317 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/resources/assets/images/accounts-graphic.png b/resources/assets/images/accounts-graphic.png new file mode 100644 index 00000000..d7fc0bed Binary files /dev/null and b/resources/assets/images/accounts-graphic.png differ diff --git a/resources/assets/images/admin-dashboard-illustration.png b/resources/assets/images/admin-dashboard-illustration.png new file mode 100644 index 00000000..0ae01368 Binary files /dev/null and b/resources/assets/images/admin-dashboard-illustration.png differ diff --git a/resources/assets/images/favicon.png b/resources/assets/images/favicon.png new file mode 100644 index 00000000..8e8303bb Binary files /dev/null and b/resources/assets/images/favicon.png differ diff --git a/resources/assets/images/favicon/android-icon-144x144.png b/resources/assets/images/favicon/android-icon-144x144.png new file mode 100644 index 00000000..54e3b142 Binary files /dev/null and b/resources/assets/images/favicon/android-icon-144x144.png differ diff --git a/resources/assets/images/favicon/android-icon-192x192.png b/resources/assets/images/favicon/android-icon-192x192.png new file mode 100644 index 00000000..9d8d87d0 Binary files /dev/null and b/resources/assets/images/favicon/android-icon-192x192.png differ diff --git a/resources/assets/images/favicon/android-icon-36x36.png b/resources/assets/images/favicon/android-icon-36x36.png new file mode 100644 index 00000000..2afd0f35 Binary files /dev/null and b/resources/assets/images/favicon/android-icon-36x36.png differ diff --git a/resources/assets/images/favicon/android-icon-48x48.png b/resources/assets/images/favicon/android-icon-48x48.png new file mode 100644 index 00000000..015de987 Binary files /dev/null and b/resources/assets/images/favicon/android-icon-48x48.png differ diff --git a/resources/assets/images/favicon/android-icon-72x72.png b/resources/assets/images/favicon/android-icon-72x72.png new file mode 100644 index 00000000..4f1ff3cd Binary files /dev/null and b/resources/assets/images/favicon/android-icon-72x72.png differ diff --git a/resources/assets/images/favicon/android-icon-96x96.png b/resources/assets/images/favicon/android-icon-96x96.png new file mode 100644 index 00000000..921608e3 Binary files /dev/null and b/resources/assets/images/favicon/android-icon-96x96.png differ diff --git a/resources/assets/images/favicon/apple-icon-114x114.png b/resources/assets/images/favicon/apple-icon-114x114.png new file mode 100644 index 00000000..3119d458 Binary files /dev/null and b/resources/assets/images/favicon/apple-icon-114x114.png differ diff --git a/resources/assets/images/favicon/apple-icon-120x120.png b/resources/assets/images/favicon/apple-icon-120x120.png new file mode 100644 index 00000000..c4b50e7c Binary files /dev/null and b/resources/assets/images/favicon/apple-icon-120x120.png differ diff --git a/resources/assets/images/favicon/apple-icon-144x144.png b/resources/assets/images/favicon/apple-icon-144x144.png new file mode 100644 index 00000000..54e3b142 Binary files /dev/null and b/resources/assets/images/favicon/apple-icon-144x144.png differ diff --git a/resources/assets/images/favicon/apple-icon-152x152.png b/resources/assets/images/favicon/apple-icon-152x152.png new file mode 100644 index 00000000..7abbd5ba Binary files /dev/null and b/resources/assets/images/favicon/apple-icon-152x152.png differ diff --git a/resources/assets/images/favicon/apple-icon-180x180.png b/resources/assets/images/favicon/apple-icon-180x180.png new file mode 100644 index 00000000..21941843 Binary files /dev/null and b/resources/assets/images/favicon/apple-icon-180x180.png differ diff --git a/resources/assets/images/favicon/apple-icon-57x57.png b/resources/assets/images/favicon/apple-icon-57x57.png new file mode 100644 index 00000000..914be603 Binary files /dev/null and b/resources/assets/images/favicon/apple-icon-57x57.png differ diff --git a/resources/assets/images/favicon/apple-icon-60x60.png b/resources/assets/images/favicon/apple-icon-60x60.png new file mode 100644 index 00000000..130a63cf Binary files /dev/null and b/resources/assets/images/favicon/apple-icon-60x60.png differ diff --git a/resources/assets/images/favicon/apple-icon-72x72.png b/resources/assets/images/favicon/apple-icon-72x72.png new file mode 100644 index 00000000..4f1ff3cd Binary files /dev/null and b/resources/assets/images/favicon/apple-icon-72x72.png differ diff --git a/resources/assets/images/favicon/apple-icon-76x76.png b/resources/assets/images/favicon/apple-icon-76x76.png new file mode 100644 index 00000000..987c5c73 Binary files /dev/null and b/resources/assets/images/favicon/apple-icon-76x76.png differ diff --git a/resources/assets/images/favicon/apple-icon-precomposed.png b/resources/assets/images/favicon/apple-icon-precomposed.png new file mode 100644 index 00000000..503499fb Binary files /dev/null and b/resources/assets/images/favicon/apple-icon-precomposed.png differ diff --git a/resources/assets/images/favicon/apple-icon.png b/resources/assets/images/favicon/apple-icon.png new file mode 100644 index 00000000..503499fb Binary files /dev/null and b/resources/assets/images/favicon/apple-icon.png differ diff --git a/resources/assets/images/favicon/browserconfig.xml b/resources/assets/images/favicon/browserconfig.xml new file mode 100644 index 00000000..c5541482 --- /dev/null +++ b/resources/assets/images/favicon/browserconfig.xml @@ -0,0 +1,2 @@ + +#ffffff \ No newline at end of file diff --git a/resources/assets/images/favicon/favicon-16x16.png b/resources/assets/images/favicon/favicon-16x16.png new file mode 100644 index 00000000..6ca07360 Binary files /dev/null and b/resources/assets/images/favicon/favicon-16x16.png differ diff --git a/resources/assets/images/favicon/favicon-32x32.png b/resources/assets/images/favicon/favicon-32x32.png new file mode 100644 index 00000000..6d756e36 Binary files /dev/null and b/resources/assets/images/favicon/favicon-32x32.png differ diff --git a/resources/assets/images/favicon/favicon-96x96.png b/resources/assets/images/favicon/favicon-96x96.png new file mode 100644 index 00000000..921608e3 Binary files /dev/null and b/resources/assets/images/favicon/favicon-96x96.png differ diff --git a/resources/assets/images/favicon/favicon.ico b/resources/assets/images/favicon/favicon.ico new file mode 100644 index 00000000..06c447b6 Binary files /dev/null and b/resources/assets/images/favicon/favicon.ico differ diff --git a/resources/assets/images/favicon/manifest.json b/resources/assets/images/favicon/manifest.json new file mode 100644 index 00000000..013d4a6a --- /dev/null +++ b/resources/assets/images/favicon/manifest.json @@ -0,0 +1,41 @@ +{ + "name": "App", + "icons": [ + { + "src": "\/android-icon-36x36.png", + "sizes": "36x36", + "type": "image\/png", + "density": "0.75" + }, + { + "src": "\/android-icon-48x48.png", + "sizes": "48x48", + "type": "image\/png", + "density": "1.0" + }, + { + "src": "\/android-icon-72x72.png", + "sizes": "72x72", + "type": "image\/png", + "density": "1.5" + }, + { + "src": "\/android-icon-96x96.png", + "sizes": "96x96", + "type": "image\/png", + "density": "2.0" + }, + { + "src": "\/android-icon-144x144.png", + "sizes": "144x144", + "type": "image\/png", + "density": "3.0" + }, + { + "src": "\/android-icon-192x192.png", + "sizes": "192x192", + "type": "image\/png", + "density": "4.0" + } + ] +} \ No newline at end of file diff --git a/resources/assets/images/favicon/ms-icon-144x144.png b/resources/assets/images/favicon/ms-icon-144x144.png new file mode 100644 index 00000000..54e3b142 Binary files /dev/null and b/resources/assets/images/favicon/ms-icon-144x144.png differ diff --git a/resources/assets/images/favicon/ms-icon-150x150.png b/resources/assets/images/favicon/ms-icon-150x150.png new file mode 100644 index 00000000..a929df44 Binary files /dev/null and b/resources/assets/images/favicon/ms-icon-150x150.png differ diff --git a/resources/assets/images/favicon/ms-icon-310x310.png b/resources/assets/images/favicon/ms-icon-310x310.png new file mode 100644 index 00000000..0c47ec89 Binary files /dev/null and b/resources/assets/images/favicon/ms-icon-310x310.png differ diff --git a/resources/assets/images/favicon/ms-icon-70x70.png b/resources/assets/images/favicon/ms-icon-70x70.png new file mode 100644 index 00000000..5e86dcff Binary files /dev/null and b/resources/assets/images/favicon/ms-icon-70x70.png differ diff --git a/resources/assets/images/guangzhou-map.png b/resources/assets/images/guangzhou-map.png new file mode 100644 index 00000000..c82f61ba Binary files /dev/null and b/resources/assets/images/guangzhou-map.png differ diff --git a/resources/assets/images/icons/packing-icon.png b/resources/assets/images/icons/packing-icon.png new file mode 100644 index 00000000..bc9a3784 Binary files /dev/null and b/resources/assets/images/icons/packing-icon.png differ diff --git a/resources/assets/images/icons/pdf.png b/resources/assets/images/icons/pdf.png new file mode 100644 index 00000000..0d709405 Binary files /dev/null and b/resources/assets/images/icons/pdf.png differ diff --git a/resources/assets/images/icons/processing-icon.png b/resources/assets/images/icons/processing-icon.png new file mode 100644 index 00000000..44ec0ff5 Binary files /dev/null and b/resources/assets/images/icons/processing-icon.png differ diff --git a/resources/assets/images/icons/xlsx.png b/resources/assets/images/icons/xlsx.png new file mode 100644 index 00000000..314df478 Binary files /dev/null and b/resources/assets/images/icons/xlsx.png differ diff --git a/resources/assets/images/login_bg.jpg b/resources/assets/images/login_bg.jpg new file mode 100644 index 00000000..a63d7518 Binary files /dev/null and b/resources/assets/images/login_bg.jpg differ diff --git a/resources/assets/images/logo.png b/resources/assets/images/logo.png new file mode 100644 index 00000000..c0a1f3bb Binary files /dev/null and b/resources/assets/images/logo.png differ diff --git a/resources/assets/images/logo_white.png b/resources/assets/images/logo_white.png new file mode 100644 index 00000000..c4be42e0 Binary files /dev/null and b/resources/assets/images/logo_white.png differ diff --git a/resources/assets/images/maintenance.png b/resources/assets/images/maintenance.png new file mode 100644 index 00000000..60fe77a2 Binary files /dev/null and b/resources/assets/images/maintenance.png differ diff --git a/resources/assets/images/not-found-illustration.png b/resources/assets/images/not-found-illustration.png new file mode 100644 index 00000000..4769bcd7 Binary files /dev/null and b/resources/assets/images/not-found-illustration.png differ diff --git a/resources/assets/images/profile_black.png b/resources/assets/images/profile_black.png new file mode 100644 index 00000000..4c84fd6e Binary files /dev/null and b/resources/assets/images/profile_black.png differ diff --git a/resources/assets/images/profile_white.png b/resources/assets/images/profile_white.png new file mode 100644 index 00000000..36b66aa6 Binary files /dev/null and b/resources/assets/images/profile_white.png differ diff --git a/resources/assets/images/search-illustration.png b/resources/assets/images/search-illustration.png new file mode 100644 index 00000000..fe85b4ca Binary files /dev/null and b/resources/assets/images/search-illustration.png differ diff --git a/resources/assets/images/shipping_bg.jpeg b/resources/assets/images/shipping_bg.jpeg new file mode 100644 index 00000000..d176bfca Binary files /dev/null and b/resources/assets/images/shipping_bg.jpeg differ diff --git a/resources/assets/images/top-banner.jpg b/resources/assets/images/top-banner.jpg new file mode 100644 index 00000000..0fbd4ddb Binary files /dev/null and b/resources/assets/images/top-banner.jpg differ diff --git a/resources/assets/images/user-illustration.png b/resources/assets/images/user-illustration.png new file mode 100644 index 00000000..ed674b29 Binary files /dev/null and b/resources/assets/images/user-illustration.png differ diff --git a/resources/assets/images/yiwu-map.png b/resources/assets/images/yiwu-map.png new file mode 100644 index 00000000..d6d3cd72 Binary files /dev/null and b/resources/assets/images/yiwu-map.png differ diff --git a/resources/assets/js/pages.js b/resources/assets/js/pages.js new file mode 100644 index 00000000..fbeb52e3 --- /dev/null +++ b/resources/assets/js/pages.js @@ -0,0 +1,2048 @@ +(function($) { + 'use strict'; + + /** + * Pages. + * @constructor + * @property {string} pageScrollElement - Scroll Element in Page. + * @property {object} $body - Cache Body. + */ + var Pages = function() { + this.pageScrollElement = 'html, body'; + this.$body = $('body'); + + this.setUserOS(); + this.setUserAgent(); + } + + /** @function setUserOS + * @description SET User Operating System eg: mac,windows,etc + * @returns {string} - Appends OSName to Pages.$body + */ + Pages.prototype.setUserOS = function() { + var OSName = ""; + if (navigator.appVersion.indexOf("Win") != -1) OSName = "windows"; + if (navigator.appVersion.indexOf("Mac") != -1) OSName = "mac"; + if (navigator.appVersion.indexOf("X11") != -1) OSName = "unix"; + if (navigator.appVersion.indexOf("Linux") != -1) OSName = "linux"; + + this.$body.addClass(OSName); + } + + /** @function setUserAgent + * @description SET User Device Name to mobile | desktop + * @returns {string} - Appends Device to Pages.$body + */ + Pages.prototype.setUserAgent = function() { + if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { + this.$body.addClass('mobile'); + } else { + this.$body.addClass('desktop'); + if (navigator.userAgent.match(/MSIE 9.0/)) { + this.$body.addClass('ie9'); + } + } + } + + /** @function isVisibleXs + * @description Checks if the screen size is XS - Extra Small i.e below W480px + * @returns {$Element} - Appends $('#pg-visible-xs') to Body + */ + Pages.prototype.isVisibleXs = function() { + (!$('#pg-visible-xs').length) && this.$body.append('
'); + return $('#pg-visible-xs').is(':visible'); + } + + /** @function isVisibleSm + * @description Checks if the screen size is SM - Small Screen i.e Above W480px + * @returns {$Element} - Appends $('#pg-visible-sm') to Body + */ + Pages.prototype.isVisibleSm = function() { + (!$('#pg-visible-sm').length) && this.$body.append('
'); + return $('#pg-visible-sm').is(':visible'); + } + + /** @function isVisibleMd + * @description Checks if the screen size is MD - Medium Screen i.e Above W1024px + * @returns {$Element} - Appends $('#pg-visible-md') to Body + */ + Pages.prototype.isVisibleMd = function() { + (!$('#pg-visible-md').length) && this.$body.append('
'); + return $('#pg-visible-md').is(':visible'); + } + + /** @function isVisibleLg + * @description Checks if the screen size is LG - Large Screen i.e Above W1200px + * @returns {$Element} - Appends $('#pg-visible-lg') to Body + */ + Pages.prototype.isVisibleLg = function() { + (!$('#pg-visible-lg').length) && this.$body.append('
'); + return $('#pg-visible-lg').is(':visible'); + } + + /** @function getUserAgent + * @description Get Current User Agent. + * @returns {string} - mobile | desktop + */ + Pages.prototype.getUserAgent = function() { + return $('body').hasClass('mobile') ? "mobile" : "desktop"; + } + + /** @function setFullScreen + * @description Make Browser fullscreen. + */ + Pages.prototype.setFullScreen = function(element) { + // Supports most browsers and their versions. + var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullscreen; + + if (requestMethod) { // Native full screen. + requestMethod.call(element); + } else if (typeof window.ActiveXObject !== "undefined") { // Older IE. + var wscript = new ActiveXObject("WScript.Shell"); + if (wscript !== null) { + wscript.SendKeys("{F11}"); + } + } + } + + /** @function getColor + * @description Get Color from CSS + * @param {string} color - pages color class eg: primary,master,master-light etc. + * @param {int} opacity + * @returns {rgba} + */ + Pages.prototype.getColor = function(color, opacity) { + opacity = parseFloat(opacity) || 1; + + var elem = $('.pg-colors').length ? $('.pg-colors') : $('
').appendTo('body'); + + var colorElem = elem.find('[data-color="' + color + '"]').length ? elem.find('[data-color="' + color + '"]') : $('
').appendTo(elem); + + var color = colorElem.css('background-color'); + + var rgb = color.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); + var rgba = "rgba(" + rgb[1] + ", " + rgb[2] + ", " + rgb[3] + ', ' + opacity + ')'; + + return rgba; + } + + /** @function initSidebar + * @description Initialize side bar to open and close + * @param {(Element|JQuery)} [context] - A DOM Element, Document, or jQuery to use as context. + * @requires ui/sidebar.js + */ + Pages.prototype.initSidebar = function(context) { + $('[data-pages="sidebar"]', context).each(function() { + var $sidebar = $(this) + $sidebar.sidebar($sidebar.data()) + }) + } + + /** @function initDropDown + * @description Initialize Boot-Strap dropdown Menue + * @param {(Element|JQuery)} [context] - A DOM Element, Document, or jQuery to use as context. + * @requires bootstrap.js + */ + Pages.prototype.initDropDown = function(context) { + // adjust width of each dropdown to match content width + $('.dropdown-default', context).each(function() { + var btn = $(this).find('.dropdown-menu').siblings('.dropdown-toggle'); + var offset = 0; + + var menuWidth = $(this).find('.dropdown-menu').actual('outerWidth'); + + if (btn.actual('outerWidth') < menuWidth) { + btn.width(menuWidth - offset); + $(this).find('.dropdown-menu').width(btn.actual('outerWidth')); + } else { + $(this).find('.dropdown-menu').width(btn.actual('outerWidth')); + } + }); + } + + /** @function initFormGroupDefault + * @description Initialize Pages form group input + * @param {(Element|JQuery)} [context] - A DOM Element, Document, or jQuery to use as context. + */ + Pages.prototype.initFormGroupDefault = function(context) { + $('.form-group.form-group-default', context).click(function() { + $(this).find('input').focus(); + }); + + if (!this.initFormGroupDefaultRun) { + $('body').on('focus', '.form-group.form-group-default :input', function() { + $('.form-group.form-group-default').removeClass('focused'); + $(this).parents('.form-group').addClass('focused'); + }); + + $('body').on('blur', '.form-group.form-group-default :input', function() { + $(this).parents('.form-group').removeClass('focused'); + if ($(this).val()) { + $(this).closest('.form-group').find('label').addClass('fade'); + } else { + $(this).closest('.form-group').find('label').removeClass('fade'); + } + }); + + // Only run the above code once. + this.initFormGroupDefaultRun = true; + } + + $('.form-group.form-group-default .checkbox, .form-group.form-group-default .radio', context).hover(function() { + $(this).parents('.form-group').addClass('focused'); + }, function() { + $(this).parents('.form-group').removeClass('focused'); + }); + } + + /** @function initSlidingTabs + * @description Initialize Bootstrap Custom Sliding Tabs + * @param {(Element|JQuery)} [context] - A DOM Element, Document, or jQuery to use as context. + * @requires bootstrap.js + */ + Pages.prototype.initSlidingTabs = function(context) { + $('a[data-toggle="tab"]', context).on('show.bs.tab', function(e) { + e = $(e.target).parent().find('a[data-toggle=tab]'); + + var hrefCurrent = e.data('target'); + if(hrefCurrent === undefined){ + hrefCurrent = e.attr('href'); + } + + if (!$(hrefCurrent).is('.slide-left, .slide-right')) return; + $(hrefCurrent).addClass('sliding'); + + setTimeout(function() { + $(hrefCurrent).removeClass('sliding'); + }, 100); + }); + } + /** @function reponsiveTabs + * @description Responsive handlers for Bootstrap Tabs + */ + Pages.prototype.reponsiveTabs = function() { + //Dropdown FX + $('[data-init-reponsive-tabs="dropdownfx"]').each(function() { + var drop = $(this); + drop.addClass("hidden-sm-down"); + var content = '' + drop.after(content); + var select = drop.next()[0]; + $(select).on('change', function (e) { + var optionSelected = $("option:selected", this); + var valueSelected = this.value; + var tabLink = drop.find('a[data-target="'+valueSelected+'"]'); + if(tabLink.length == 0){ + tabLink = drop.find('a[data-target="'+valueSelected+'"]') + } + tabLink.tab('show') + }) + $(select).wrap('
'); + new SelectFx(select); + }); + } + + /** @function initNotificationCenter + * @description Initialize Pages Header Notifcation Dropdown + */ + Pages.prototype.initNotificationCenter = function() { + $('body').on('click', '.notification-list .dropdown-menu', function(event) { + event.stopPropagation(); + }); + $('body').on('click', '.toggle-more-details', function(event) { + var p = $(this).closest('.heading'); + p.closest('.heading').children('.more-details').stop().slideToggle('fast', function() { + p.toggleClass('open'); + }); + }); + } + + /** @function initProgressBars + * @description Initialize Pages ProgressBars + */ + Pages.prototype.initProgressBars = function() { + $(window).on('load', function() { + // Hack: FF doesn't play SVG animations set as background-image + $('.progress-bar-indeterminate, .progress-circle-indeterminate, .mapplic-pin').hide().show(0); + }); + } + + /** @function initInputFile + * @description Initialize File Input for Bootstrap Buttons and Input groups + */ + Pages.prototype.initInputFile = function() { + $(document).on('change', '.btn-file :file', function() { + var input = $(this), + numFiles = input.get(0).files ? input.get(0).files.length : 1, + label = input.val().replace(/\\/g, '/').replace(/.*\//, ''); + input.trigger('fileselect', [numFiles, label]); + }); + + $('.btn-file :file').on('fileselect', function(event, numFiles, label) { + var input = $(this).parents('.input-group').find(':text'), + log = numFiles > 1 ? numFiles + ' files selected' : label; + if( input.length ) { + input.val(log); + } else { + $(this).parent().html(log); + } + }); + } + /** @function initHorizontalMenu + * @description Initialize Horizontal Dropdown Menu + */ + Pages.prototype.initHorizontalMenu = function(){ + var animationTimer; + + var hMenu = $("[data-pages-init='horizontal-menu']"); + autoHideLi(); + $(document).on('click', '.menu-bar > ul > li', function(){ + if($(this).children("ul").length == 0){ + return; + } + if($(window).width() < 992) { + var menubar = $('.menu-bar'); + var el = $(this); + var li = menubar.find('li'); + var sub = $(this).children('ul'); + + if(el.hasClass("open active")){ + el.find('.arrow').removeClass("open active"); + sub.slideUp(200, function() { + el.removeClass("open active"); + }); + + }else{ + menubar.find('li.open').find('ul').slideUp(200); + menubar.find('li.open').find('a').find('.arrow').removeClass('open active'); + menubar.find('li.open').removeClass("open active"); + el.find('.arrow').addClass("open active"); + sub.slideDown(200, function() { + el.addClass("open active"); + }); + } + } else { + if($(this).hasClass('opening')){ + _hideMenu($(this)); + } + else{ + _showMenu($(this)); + } + } + + }); + + var resizeTimer; + $(window).on('resize', function(e) { + clearTimeout(resizeTimer); + resizeTimer = setTimeout(function() { + autoHideLi(); + }, 250); + }); + + $('.content').on('click', function () { + $('.horizontal-menu .bar-inner > ul > li').removeClass('open'); + $('.menu-bar > ul > li').removeClass('open opening').children("ul").removeAttr("style"); + $("body").find(".ghost-nav-dropdown").remove(); + }); + + $('[data-toggle="horizontal-menu"]').on('click touchstart', function(e) { + e.preventDefault(); + $('body').toggleClass('horizontal-menu-open'); + if(!$('.horizontal-menu-backdrop').length){ + $('.header').append('
'); + $('.horizontal-menu-backdrop').fadeToggle('fast'); + } else { + $('.horizontal-menu-backdrop').fadeToggle('fast', function(){ + $(this).remove(); + }); + } + + $('.menu-bar').toggleClass('open'); + }); + + function autoHideLi(){ + var hMenu = $("[data-pages-init='horizontal-menu']"); + var extraLiHide = parseInt(hMenu.data("hideExtraLi")) || 0 + if(hMenu.length == 0){ + return + } + var hMenuRect = hMenu[0].getBoundingClientRect(); + var liTotalWidth = 0; + var liCount = 0; + hMenu.children('ul').children('li.more').remove(); + hMenu.children('ul').children('li').each(function( index ) { + $(this).removeAttr("style"); + liTotalWidth = liTotalWidth + $(this).outerWidth(true); + liCount++; + }); + + if($(window).width() < 992) { + return; + } + + var possibleLi = parseInt(hMenuRect.width / (liTotalWidth / liCount)) - 1; + possibleLi = possibleLi - extraLiHide; + + if(liCount > possibleLi){ + var wrapper = createWrapperLI(hMenu); + for(var i = possibleLi; i < liCount; i++){ + var currentLi = hMenu.children('ul').children('li').eq(i); + var clone = currentLi.clone(); + clone.children("ul").addClass("sub-menu"); + wrapper.children("ul").append(clone); + currentLi.hide(); + } + } + + } + + function createWrapperLI(hMenu){ + var li =hMenu.children('ul').append("
      • "); + li = hMenu.children('ul').children('li.more'); + return li; + } + + function _hideMenu($el){ + var ul = $($el.children("ul")[0]); + var ghost = $("
      "); + if(ul.length == 0){ + return; + } + var rect = ul[0].getBoundingClientRect(); + ghost.css({ + "width":rect.width+"px", + "height":rect.height+"px", + "z-index":"auto" + }) + $el.append(ghost); + var timingSpeed = ul.children("li").css('transition-duration'); + + timingSpeed = parseInt(parseFloat(timingSpeed) * 1000); + $el.addClass('closing'); + window.clearTimeout(animationTimer); + animationTimer = window.setTimeout(function(){ + ghost.height(0); + $el.removeClass('open opening closing'); + },timingSpeed - 80); + } + function _showMenu($el){ + + var ul = $($el.children("ul")[0]); + var ghost = $("
      "); + $el.children(".ghost-nav-dropdown").remove(); + $el.addClass('open').siblings().removeClass('open opening'); + if(ul.length == 0){ + return; + } + var rect = ul[0].getBoundingClientRect(); + ghost.css({ + "width":rect.width+"px", + "height":"0px" + }); + $el.append(ghost); + ghost.height(rect.height); + var timingSpeed = ghost.css('transition-duration'); + + timingSpeed = parseInt(parseFloat(timingSpeed) * 1000) + window.clearTimeout(animationTimer); + animationTimer = window.setTimeout(function(){ + $el.addClass('opening'); + ghost.remove() + },timingSpeed); + } + } + /** @function initTooltipPlugin + * @description Initialize Bootstrap tooltip + * @param {(Element|JQuery)} [context] - A DOM Element, Document, or jQuery to use as context. + * @requires bootstrap.js + */ + Pages.prototype.initTooltipPlugin = function(context) { + $.fn.tooltip && $('[data-toggle="tooltip"]', context).tooltip(); + } + /** @function initSelect2Plugin + * @description Initialize select2 dropdown + * @param {(Element|JQuery)} [context] - A DOM Element, Document, or jQuery to use as context. + * @requires select2.js version 4.0.x + */ + Pages.prototype.initSelect2Plugin = function(context) { + $.fn.select2 && $('[data-init-plugin="select2"]', context).each(function() { + $(this).select2({ + minimumResultsForSearch: ($(this).attr('data-disable-search') == 'true' ? -1 : 1) + }).on('select2:open', function() { + $.fn.scrollbar && $('.select2-results__options').scrollbar({ + ignoreMobile: false + }) + }); + }); + } + /** @function initScrollBarPlugin + * @description Initialize Global Scroller + * @param {(Element|JQuery)} [context] - A DOM Element, Document, or jQuery to use as context. + * @requires jquery-scrollbar.js + */ + Pages.prototype.initScrollBarPlugin = function(context) { + $.fn.scrollbar && $('.scrollable', context).scrollbar({ + ignoreOverlay: false + }); + } + /** @function initListView + * @description Initialize iOS like List view plugin + * @param {(Element|JQuery)} [context] - A DOM Element, Document, or jQuery to use as context. + * @example data-init-list-view="ioslist" + * @requires jquery-ioslist.js + */ + Pages.prototype.initListView = function(context) { + $.fn.ioslist && $('[data-init-list-view="ioslist"]', context).ioslist(); + $.fn.scrollbar && $('.list-view-wrapper', context).scrollbar({ + ignoreOverlay: false + }); + } + + /** @function initSwitcheryPlugin + * @description Initialize iOS like List view plugin + * @param {(Element|JQuery)} [context] - A DOM Element, Document, or jQuery to use as context. + * @example data-init-plugin="switchery" + * @requires Switchery.js + */ + Pages.prototype.initSwitcheryPlugin = function(context) { + // Switchery - ios7 switch + window.Switchery && $('[data-init-plugin="switchery"]', context).each(function() { + var el = $(this); + new Switchery(el.get(0), { + color: (el.data("color") != null ? $.Pages.getColor(el.data("color")) : $.Pages.getColor('success')), + size : (el.data("size") != null ? el.data("size") : "default") + }); + }); + } + + /** @function initSelectFxPlugin + * @description Initialize iOS like List view plugin + * @param {(Element|JQuery)} [context] - A DOM Element, Document, or jQuery to use as context. + * @example select[data-init-plugin="cs-select"] + */ + Pages.prototype.initSelectFxPlugin = function(context) { + window.SelectFx && $('select[data-init-plugin="cs-select"]', context).each(function() { + var el = $(this).get(0); + $(el).wrap('
      '); + new SelectFx(el); + }); + } + /** @function initUnveilPlugin + * @description To load retina images to img tag + * @param {(Element|JQuery)} [context] - A DOM Element, Document, or jQuery to use as context. + */ + Pages.prototype.initUnveilPlugin = function(context) { + // lazy load retina images + $.fn.unveil && $("img", context).unveil(); + } + + /** @function initValidatorPlugin + * @description Inintialize and Overide exsisting jquery-validate methods. + * @requires jquery-validate.js + */ + Pages.prototype.initValidatorPlugin = function() { + /** + * Open the socket. + * @override + */ + $.validator && $.validator.setDefaults({ + ignore: "", // validate hidden fields, required for cs-select + showErrors: function(errorMap, errorList) { + var $this = this; + $.each(this.successList, function(index, value) { + var parent = $(this).closest('.form-group-attached'); + if (parent.length) return $(value).popover("hide"); + }); + return $.each(errorList, function(index, value) { + + var parent = $(value.element).closest('.form-group-attached'); + if (!parent.length) { + return $this.defaultShowErrors(); + } + var _popover; + _popover = $(value.element).popover({ + trigger: "manual", + placement: "top", + html: true, + container: parent.closest('form'), + content: value.message + }); + var parent = $(value.element).closest('.form-group'); + parent.addClass('has-error'); + $(value.element).popover("show"); + }); + }, + onfocusout: function(element) { + var parent = $(element).closest('.form-group'); + if ($(element).valid()) { + parent.removeClass('has-error'); + parent.next('.error').remove(); + } + }, + onkeyup: function(element) { + var parent = $(element).closest('.form-group'); + if ($(element).valid()) { + $(element).removeClass('error'); + parent.removeClass('has-error'); + parent.next('label.error').remove(); + parent.find('label.error').remove(); + } else { + parent.addClass('has-error'); + } + }, + errorPlacement: function(error, element) { + var parent = $(element).closest('.form-group'); + if (parent.hasClass('form-group-default')) { + parent.addClass('has-error'); + error.insertAfter(parent); + } else { + error.insertAfter(element); + } + } + }); + } + + /** @function setBackgroundImage + * @description load images to div using data API + */ + Pages.prototype.setBackgroundImage = function() { + $('[data-pages-bg-image]').each(function() { + var _elem = $(this) + var defaults = { + pagesBgImage: "", + lazyLoad: 'true', + progressType: '', + progressColor:'', + bgOverlay:'', + bgOverlayClass:'', + overlayOpacity:0, + } + var data = _elem.data(); + $.extend( defaults, data ); + var url = defaults.pagesBgImage; + var color = defaults.bgOverlay; + var opacity = defaults.overlayOpacity; + + var overlay = $('
      '); + overlay.addClass(defaults.bgOverlayClass); + overlay.css({ + 'background-color': color, + 'opacity': 1 + }); + _elem.append(overlay); + + var img = new Image(); + img.src = url; + img.onload = function(){ + _elem.css({ + 'background-image': 'url(' + url + ')' + }); + _elem.children('.bg-overlay').css({'opacity': opacity}); + } + + }) + } + /** @function secondarySidebar + * @description dropdown Toggle and responive toggle for secondary sidebar + */ + Pages.prototype.secondarySidebar =function(){ + $('[data-init="secondary-sidebar"]').each(function() { + $(this).on('click', '.main-menu li a', function(e) { + + if ($(this).parent().children('.sub-menu') === false) { + return; + } + var el = $(this); + var parent = $(this).parent().parent(); + var li = $(this).parent(); + var sub = $(this).parent().children('.sub-menu'); + + if(li.hasClass("open active")){ + el.children('.arrow').removeClass("open active"); + sub.slideUp(200, function() { + li.removeClass("open active"); + }); + + }else{ + parent.children('li.open').children('.sub-menu').slideUp(200); + parent.children('li.open').children('a').children('.arrow').removeClass('open active'); + parent.children('li.open').removeClass("open active"); + el.children('.arrow').addClass("open active"); + sub.slideDown(200, function() { + li.addClass("open active"); + + }); + } + //e.preventDefault(); + }); + + }); + + $('[data-init="secondary-sidebar-toggle"]').each(function() { + $(this).on("click", function(e) { + var toggleRect = $(this).get(0).getBoundingClientRect(); + var menu = $('[data-init="secondary-sidebar"]'); + if(menu.hasClass("open")){ + menu.removeClass("open"); + menu.removeAttr("style"); + } + else{ + menu.addClass("open") + var menuRect = menu.get(0).getBoundingClientRect(); + menu.css({ + top : toggleRect.bottom, + 'max-height': ($(window).height() - toggleRect.bottom), + left: $(window).width() / 2 - menuRect.width/ 2, + 'visibility': 'visible' + }); + + } + }) + + }); + + } + /** @function init + * @description Inintialize all core components. + */ + Pages.prototype.init = function() { + // init layout + this.initSidebar(); + this.setBackgroundImage(); + this.initDropDown(); + this.initFormGroupDefault(); + this.initSlidingTabs(); + this.initNotificationCenter(); + this.initProgressBars(); + this.initHorizontalMenu(); + // init plugins + this.initTooltipPlugin(); + this.initSelect2Plugin(); + this.initScrollBarPlugin(); + this.initSwitcheryPlugin(); + this.initSelectFxPlugin(); + this.initUnveilPlugin(); + this.initValidatorPlugin(); + this.initListView(); + this.initInputFile(); + this.reponsiveTabs(); + this.secondarySidebar(); + } + + $.Pages = new Pages(); + $.Pages.Constructor = Pages; + +})(window.jQuery); + +/** + * selectFx.js v1.0.0 + * http://www.codrops.com + * + * Licensed under the MIT license. + * http://www.opensource.org/licenses/mit-license.php + * + * Copyright 2014, Codrops + * http://www.codrops.com + */ +; +(function(window) { + + 'use strict'; + + /** + * based on from https://github.com/inuyaksa/jquery.nicescroll/blob/master/jquery.nicescroll.js + */ + function hasParent(e, p) { + if (!e) return false; + var el = e.target || e.srcElement || e || false; + while (el && el != p) { + el = el.parentNode || false; + } + return (el !== false); + }; + + /** + * extend obj function + */ + function extend(a, b) { + for (var key in b) { + if (b.hasOwnProperty(key)) { + a[key] = b[key]; + } + } + return a; + } + + /** + * SelectFx function + */ + function SelectFx(el, options) { + this.el = el; + this.options = extend({}, this.options); + extend(this.options, options); + this._init(); + } + + /** + * Pure-JS alternative to jQuery closest() + */ + function closest(elem, selector) { + var matchesSelector = elem.matches || elem.webkitMatchesSelector || elem.mozMatchesSelector || elem.msMatchesSelector; + while (elem) { + if (matchesSelector.bind(elem)(selector)) { + return elem; + } else { + elem = elem.parentElement; + } + } + return false; + } + + /** + * jQuery offset() in pure JS + */ + function offset(el) { + return { + left: el.getBoundingClientRect().left + window.pageXOffset - el.ownerDocument.documentElement.clientLeft, + top: el.getBoundingClientRect().top + window.pageYOffset - el.ownerDocument.documentElement.clientTop + } + + } + + /** + * jQuery after() in pure JS + */ + function insertAfter(newNode, referenceNode) { + referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling); + } + /** + * SelectFx options + */ + SelectFx.prototype.options = { + // if true all the links will open in a new tab. + // if we want to be redirected when we click an option, we need to define a data-link attr on the option of the native select element + newTab: true, + // when opening the select element, the default placeholder (if any) is shown + stickyPlaceholder: true, + // default container is body + container: 'body', + // callback when changing the value + onChange: function(el) { + var event = document.createEvent('HTMLEvents'); + event.initEvent('change', true, false); + el.dispatchEvent(event); + } + } + + /** + * init function + * initialize and cache some vars + */ + SelectFx.prototype._init = function() { + // check if we are using a placeholder for the native select box + // we assume the placeholder is disabled and selected by default + var selectedOpt = document.querySelector('option[selected]'); + this.hasDefaultPlaceholder = selectedOpt && selectedOpt.disabled; + + // get selected option (either the first option with attr selected or just the first option) + this.selectedOpt = selectedOpt || this.el.querySelector('option'); + + // create structure + this._createSelectEl(); + + // all options + this.selOpts = [].slice.call(this.selEl.querySelectorAll('li[data-option]')); + + // total options + this.selOptsCount = this.selOpts.length; + + // current index + this.current = this.selOpts.indexOf(this.selEl.querySelector('li.cs-selected')) || -1; + + // placeholder elem + this.selPlaceholder = this.selEl.querySelector('span.cs-placeholder'); + + // init events + this._initEvents(); + + this.el.onchange = function() { + var index = this.selectedIndex; + var inputText = this.children[index].innerHTML.trim(); + } + + } + + /** + * creates the structure for the select element + */ + SelectFx.prototype._createSelectEl = function() { + var self = this, + options = '', + createOptionHTML = function(el) { + var optclass = '', + classes = '', + link = ''; + + if (el.selectedOpt && !this.foundSelected && !this.hasDefaultPlaceholder) { + classes += 'cs-selected '; + this.foundSelected = true; + } + // extra classes + if (el.getAttribute('data-class')) { + classes += el.getAttribute('data-class'); + } + // link options + if (el.getAttribute('data-link')) { + link = 'data-link=' + el.getAttribute('data-link'); + } + + if (classes !== '') { + optclass = 'class="' + classes + '" '; + } + + return '
    • ' + el.textContent + '
      • '; + }; + + [].slice.call(this.el.children).forEach(function(el) { + if (el.disabled) { + return; + } + + var tag = el.tagName.toLowerCase(); + + if (tag === 'option') { + options += createOptionHTML(el); + } else if (tag === 'optgroup') { + options += '
    • ' + el.label + '
        '; + [].slice.call(el.children).forEach(function(opt) { + options += createOptionHTML(opt); + }) + options += '
      • '; + } + }); + + var opts_el = '
        ' + options + '
      '; + this.selEl = document.createElement('div'); + this.selEl.className = this.el.className; + this.selEl.tabIndex = this.el.tabIndex; + this.selEl.innerHTML = '' + this.selectedOpt.textContent + '' + opts_el; + this.el.parentNode.appendChild(this.selEl); + this.selEl.appendChild(this.el); + + // backdrop to support dynamic heights of the dropdown + var backdrop = document.createElement('div'); + backdrop.className = 'cs-backdrop'; + this.selEl.appendChild(backdrop); + } + + /** + * initialize the events + */ + SelectFx.prototype._initEvents = function() { + var self = this; + + // open/close select + this.selPlaceholder.addEventListener('click', function() { + self._toggleSelect(); + }); + + // clicking the options + this.selOpts.forEach(function(opt, idx) { + opt.addEventListener('click', function() { + self.current = idx; + self._changeOption(); + // close select elem + self._toggleSelect(); + }); + }); + + // close the select element if the target it´s not the select element or one of its descendants.. + document.addEventListener('click', function(ev) { + var target = ev.target; + if (self._isOpen() && target !== self.selEl && !hasParent(target, self.selEl)) { + self._toggleSelect(); + } + }); + + // keyboard navigation events + this.selEl.addEventListener('keydown', function(ev) { + var keyCode = ev.keyCode || ev.which; + + switch (keyCode) { + // up key + case 38: + ev.preventDefault(); + self._navigateOpts('prev'); + break; + // down key + case 40: + ev.preventDefault(); + self._navigateOpts('next'); + break; + // space key + case 32: + ev.preventDefault(); + if (self._isOpen() && typeof self.preSelCurrent != 'undefined' && self.preSelCurrent !== -1) { + self._changeOption(); + } + self._toggleSelect(); + break; + // enter key + case 13: + ev.preventDefault(); + if (self._isOpen() && typeof self.preSelCurrent != 'undefined' && self.preSelCurrent !== -1) { + self._changeOption(); + self._toggleSelect(); + } + break; + // esc key + case 27: + ev.preventDefault(); + if (self._isOpen()) { + self._toggleSelect(); + } + break; + } + }); + } + + /** + * navigate with up/dpwn keys + */ + SelectFx.prototype._navigateOpts = function(dir) { + if (!this._isOpen()) { + this._toggleSelect(); + } + + var tmpcurrent = typeof this.preSelCurrent != 'undefined' && this.preSelCurrent !== -1 ? this.preSelCurrent : this.current; + + if (dir === 'prev' && tmpcurrent > 0 || dir === 'next' && tmpcurrent < this.selOptsCount - 1) { + // save pre selected current - if we click on option, or press enter, or press space this is going to be the index of the current option + this.preSelCurrent = dir === 'next' ? tmpcurrent + 1 : tmpcurrent - 1; + // remove focus class if any.. + this._removeFocus(); + // add class focus - track which option we are navigating + classie.add(this.selOpts[this.preSelCurrent], 'cs-focus'); + } + } + + /** + * open/close select + * when opened show the default placeholder if any + */ + SelectFx.prototype._toggleSelect = function() { + var backdrop = this.selEl.querySelector('.cs-backdrop'); + var container = document.querySelector(this.options.container); + var mask = container.querySelector('.dropdown-mask'); + var csOptions = this.selEl.querySelector('.cs-options'); + var csPlaceholder = this.selEl.querySelector('.cs-placeholder'); + + var csPlaceholderWidth = csPlaceholder.offsetWidth; + var csPlaceholderHeight = csPlaceholder.offsetHeight; + var csOptionsWidth = csOptions.scrollWidth; + + if (this._isOpen()) { + if (this.current !== -1) { + // update placeholder text + this.selPlaceholder.textContent = this.selOpts[this.current].textContent; + } + + var dummy = this.selEl.data; + + var parent = dummy.parentNode; + //parent.appendChild(this.selEl); + insertAfter(this.selEl, dummy); + this.selEl.removeAttribute('style'); + + parent.removeChild(dummy); + + // Hack for FF + // http://stackoverflow.com/questions/12088819/css-transitions-on-new-elements + var x = this.selEl.clientHeight; + + // reset backdrop + backdrop.style.transform = backdrop.style.webkitTransform = backdrop.style.MozTransform = backdrop.style.msTransform = backdrop.style.OTransform = 'scale3d(1,1,1)'; + classie.remove(this.selEl, 'cs-active'); + + mask.style.display = 'none'; + csOptions.style.overflowY = 'hidden'; + csOptions.style.width = 'auto'; + + var parentFormGroup = closest(this.selEl, '.form-group'); + parentFormGroup && classie.removeClass(parentFormGroup, 'focused'); + + } else { + if (this.hasDefaultPlaceholder && this.options.stickyPlaceholder) { + // everytime we open we wanna see the default placeholder text + this.selPlaceholder.textContent = this.selectedOpt.textContent; + } + + var dummy; + if (this.selEl.parentNode.querySelector('.dropdown-placeholder')) { + dummy = this.selEl.parentNode.querySelector('.dropdown-placeholder'); + } else { + dummy = document.createElement('div'); + classie.add(dummy, 'dropdown-placeholder'); + //this.selEl.parentNode.appendChild(dummy); + insertAfter(dummy, this.selEl); + + } + + + dummy.style.height = csPlaceholderHeight + 'px'; + dummy.style.width = this.selEl.offsetWidth + 'px'; + + this.selEl.data = dummy; + + + + this.selEl.style.position = 'absolute'; + var offsetselEl = offset(this.selEl); + + this.selEl.style.left = offsetselEl.left + 'px'; + this.selEl.style.top = offsetselEl.top + 'px'; + + container.appendChild(this.selEl); + + // decide backdrop's scale factor depending on the content height + var contentHeight = csOptions.offsetHeight; + var originalHeight = csPlaceholder.offsetHeight; + + var contentWidth = csOptions.offsetWidth; + var originalWidth = csPlaceholder.offsetWidth; + + var scaleV = contentHeight / originalHeight; + var scaleH = (contentWidth > originalWidth) ? contentWidth / originalWidth : 1.05; + //backdrop.style.transform = backdrop.style.webkitTransform = backdrop.style.MozTransform = backdrop.style.msTransform = backdrop.style.OTransform = 'scale3d(' + scaleH + ', ' + scaleV + ', 1)'; + backdrop.style.transform = backdrop.style.webkitTransform = backdrop.style.MozTransform = backdrop.style.msTransform = backdrop.style.OTransform = 'scale3d(' + 1 + ', ' + scaleV + ', 1)'; + + if (!mask) { + mask = document.createElement('div'); + classie.add(mask, 'dropdown-mask'); + container.appendChild(mask); + } + + mask.style.display = 'block'; + + classie.add(this.selEl, 'cs-active'); + + var resizedWidth = (csPlaceholderWidth < csOptionsWidth) ? csOptionsWidth : csPlaceholderWidth; + + this.selEl.style.width = resizedWidth + 'px'; + this.selEl.style.height = originalHeight + 'px'; + csOptions.style.width = '100%'; + + setTimeout(function() { + csOptions.style.overflowY = 'auto'; + }, 300); + + } + } + + /** + * change option - the new value is set + */ + SelectFx.prototype._changeOption = function() { + // if pre selected current (if we navigate with the keyboard)... + if (typeof this.preSelCurrent != 'undefined' && this.preSelCurrent !== -1) { + this.current = this.preSelCurrent; + this.preSelCurrent = -1; + } + + // current option + var opt = this.selOpts[this.current]; + + // update current selected value + this.selPlaceholder.textContent = opt.textContent; + + // change native select element´s value + this.el.value = opt.getAttribute('data-value'); + + // remove class cs-selected from old selected option and add it to current selected option + var oldOpt = this.selEl.querySelector('li.cs-selected'); + if (oldOpt) { + classie.remove(oldOpt, 'cs-selected'); + } + classie.add(opt, 'cs-selected'); + + // if there´s a link defined + if (opt.getAttribute('data-link')) { + // open in new tab? + if (this.options.newTab) { + window.open(opt.getAttribute('data-link'), '_blank'); + } else { + window.location = opt.getAttribute('data-link'); + } + } + + // callback + this.options.onChange(this.el); + } + + /** + * returns true if select element is opened + */ + SelectFx.prototype._isOpen = function(opt) { + return classie.has(this.selEl, 'cs-active'); + } + + /** + * removes the focus class from the option + */ + SelectFx.prototype._removeFocus = function(opt) { + var focusEl = this.selEl.querySelector('li.cs-focus') + if (focusEl) { + classie.remove(focusEl, 'cs-focus'); + } + } + + /** + * add to global namespace + */ + window.SelectFx = SelectFx; + +})(window); + +/* ============================================================ + * Pages Circular Progress + * ============================================================ */ + +(function($) { + 'use strict'; + // CIRCULAR PROGRESS CLASS DEFINITION + // ====================== + + var Progress = function(element, options) { + this.$element = $(element); + this.options = $.extend(true, {}, $.fn.circularProgress.defaults, options); + + + // start adding to to DOM + this.$container = $('
      '); + + this.$element.attr('data-color') && this.$container.addClass('progress-circle-' + this.$element.attr('data-color')); + this.$element.attr('data-thick') && this.$container.addClass('progress-circle-thick'); + + this.$pie = $('
      '); + + this.$pie.$left = $('
      '); + this.$pie.$right = $('
      '); + + this.$pie.append(this.$pie.$left).append(this.$pie.$right); + + this.$container.append(this.$pie).append('
      '); + + this.$element.after(this.$container); + // end DOM adding + + this.val = this.$element.val(); + var deg = perc2deg(this.val); + + + if (this.val <= 50) { + this.$pie.$right.css('transform', 'rotate(' + deg + 'deg)'); + } else { + this.$pie.css('clip', 'rect(auto, auto, auto, auto)'); + this.$pie.$right.css('transform', 'rotate(180deg)'); + this.$pie.$left.css('transform', 'rotate(' + deg + 'deg)'); + } + + } + Progress.VERSION = "1.0.0"; + + Progress.prototype.value = function(val) { + if (typeof val == 'undefined') return; + + var deg = perc2deg(val); + + this.$pie.removeAttr('style'); + + this.$pie.$right.removeAttr('style'); + this.$pie.$left.removeAttr('style'); + + if (val <= 50) { + this.$pie.$right.css('transform', 'rotate(' + deg + 'deg)'); + } else { + this.$pie.css('clip', 'rect(auto, auto, auto, auto)'); + this.$pie.$right.css('transform', 'rotate(180deg)'); + this.$pie.$left.css('transform', 'rotate(' + deg + 'deg)'); + } + + } + + // CIRCULAR PROGRESS PLUGIN DEFINITION + // ======================= + function Plugin(option) { + return this.filter(':input').each(function() { + var $this = $(this); + var data = $this.data('pg.circularProgress'); + var options = typeof option == 'object' && option; + + if (!data) $this.data('pg.circularProgress', (data = new Progress(this, options))); + if (typeof option == 'string') data[option](); + else if (options.hasOwnProperty('value')) data.value(options.value); + }) + } + + var old = $.fn.circularProgress + + $.fn.circularProgress = Plugin + $.fn.circularProgress.Constructor = Progress + + + $.fn.circularProgress.defaults = { + value: 0 + } + + // CIRCULAR PROGRESS NO CONFLICT + // ==================== + + $.fn.circularProgress.noConflict = function() { + $.fn.circularProgress = old; + return this; + } + + // CIRCULAR PROGRESS DATA API + //=================== + + $(window).on('load', function() { + $('[data-pages-progress="circle"]').each(function() { + var $progress = $(this) + $progress.circularProgress($progress.data()) + }) + }) + + function perc2deg(p) { + return parseInt(p / 100 * 360); + } + + // TODO: Add API to change size, stroke width, color + +})(window.jQuery); + +/* ============================================================ + * Pages Notifications + * ============================================================ */ + +(function($) { + + 'use strict'; + + var Notification = function(container, options) { + + var self = this; + + // Element collection + self.container = $(container); // 'body' recommended + self.notification = $('
      '); + self.options = $.extend(true, {}, $.fn.pgNotification.defaults, options); + + if (!self.container.find('.pgn-wrapper[data-position=' + this.options.position + ']').length) { + self.wrapper = $('
      '); + self.container.append(self.wrapper); + } else { + self.wrapper = $('.pgn-wrapper[data-position=' + this.options.position + ']'); + } + + self.alert = $('
      '); + self.alert.addClass('alert-' + self.options.type); + + if (self.options.style == 'bar') { + new BarNotification(); + } else if (self.options.style == 'flip') { + new FlipNotification(); + } else if (self.options.style == 'circle') { + new CircleNotification(); + } else if (self.options.style == 'simple') { + new SimpleNotification(); + } else { // default = 'simple' + new SimpleNotification(); + } + + // Notification styles + function SimpleNotification() { + + self.notification.addClass('pgn-simple'); + + self.alert.append(self.options.message); + if (self.options.showClose) { + var close = $('') + .append('') + .append('Close'); + + self.alert.prepend(close); + } + + } + + function BarNotification() { + + self.notification.addClass('pgn-bar'); + self.alert.addClass('alert-' + self.options.type); + + var container = $('
      '); + + container.append('' + self.options.message + ''); + + if (self.options.showClose) { + var close = $('') + .append('') + .append('Close'); + container.append(close) + } + self.alert.append(container); + + } + + function CircleNotification() { + + self.notification.addClass('pgn-circle'); + + var table = '
      '; + if (self.options.thumbnail) { + table += '
      ' + self.options.thumbnail + '
      '; + } + + table += '
      '; + + if (self.options.title) { + table += '

      ' + self.options.title + '

      '; + } + table += '

      ' + self.options.message + '

      '; + table += '
      '; + + if (self.options.showClose) { + table += ''; + } + + + self.alert.append(table); + self.alert.after('
      '); + + } + + function FlipNotification() { + + self.notification.addClass('pgn-flip'); + self.alert.append("" + self.options.message + ""); + if (self.options.showClose) { + var close = $('') + .append('') + .append('Close'); + + self.alert.prepend(close); + } + + } + + self.notification.append(self.alert); + + function alignWrapperToContainer(){ + var containerPosition = self.container.position(); + var containerHeight = self.container.height(); + var containerWidth = self.container.width(); + + var containerTop = containerPosition.top + var containerBottom = self.container.parent().height() - (containerTop + containerHeight) + var containerLeft = containerPosition.left + var containerRight = self.container.parent().width() - (containerLeft + containerWidth) + + if(/top/.test(self.options.position)){ + self.wrapper.css('top', containerTop) + } + if(/bottom/.test(self.options.position)){ + self.wrapper.css('bottom', containerBottom) + } + if(/left/.test(self.options.position)){ + self.wrapper.css('left', containerLeft) + } + if(/right/.test(self.options.position)){ + self.wrapper.css('right', containerRight) + } + } + if($('body').hasClass('horizontal-menu')){ + alignWrapperToContainer() + $(window).on('resize', alignWrapperToContainer) + } + + // bind to Bootstrap closed event for alerts + self.alert.on('closed.bs.alert', function() { + self.notification.remove(); + self.options.onClosed(); + // refresh layout after removal + }); + + return this; // enable chaining + }; + + Notification.VERSION = "1.0.0"; + + Notification.prototype.show = function() { + + // TODO: add fadeOut animation on show as option + this.wrapper.prepend(this.notification); + + this.options.onShown(); + + if (this.options.timeout != 0) { + var _this = this; + // settimeout removes scope. use .bind(this) + setTimeout(function() { + this.notification.fadeOut("slow", function() { + $(this).remove(); + _this.options.onClosed(); + }); + }.bind(this), this.options.timeout); + } + + }; + + $.fn.pgNotification = function(options) { + return new Notification(this, options); + }; + + $.fn.pgNotification.defaults = { + style: 'simple', + message: null, + position: 'top-right', + type: 'info', + showClose: true, + timeout: 4000, + onShown: function() {}, + onClosed: function() {} + } +})(window.jQuery); + +/* ============================================================ + * Pages Cards + * ============================================================ */ + +(function($) { + 'use strict'; + // CARDS CLASS DEFINITION + // ====================== + + var Card = function(element, options) { + this.$element = $(element); + this.options = $.extend(true, {}, $.fn.card.defaults, options); + this.$loader = null; + this.$body = this.$element.find('.card-block'); + } + Card.VERSION = "1.0.0"; + // Button actions + Card.prototype.collapse = function() { + var icon = this.$element.find('.collapse-icon'); + var heading = this.$element.find('.card-header'); + + this.$body.stop().slideToggle("fast"); + + if (this.$element.hasClass('card-collapsed')) { + this.$element.removeClass('card-collapsed'); + icon.removeClass().addClass('fa-chevron-down'); + $.isFunction(this.options.onExpand) && this.options.onExpand(this); + return + } + this.$element.addClass('card-collapsed'); + icon.removeClass().addClass('fa-chevron-right'); + $.isFunction(this.options.onCollapse) && this.options.onCollapse(this); + } + + Card.prototype.close = function() { + this.$element.remove(); + $.isFunction(this.options.onClose) && this.options.onClose(this); + } + + Card.prototype.error = function(error) { + if (error) { + var _this = this; + this.$element.pgNotification({ + style: 'bar', + message: error, + position: 'top', + timeout: 0, + type: 'danger', + onShown: function() { + _this.$loader.find('> div').fadeOut() + }, + onClosed: function() { + _this.refresh(false) + } + }).show(); + } + } + + // CARD PLUGIN DEFINITION + // ======================= + + function Plugin(option) { + return this.each(function() { + var $this = $(this); + var data = $this.data('pg.card'); + var options = typeof option == 'object' && option; + + if (!data) $this.data('pg.card', (data = new Card(this, options))); + if (typeof option == 'string') data[option](); + else if (options.hasOwnProperty('refresh')) data.refresh(options.refresh); + else if (options.hasOwnProperty('error')) data.error(options.error); + }) + } + + var old = $.fn.card + + $.fn.card = Plugin + $.fn.card.Constructor = Card + + + $.fn.card.defaults = { + progress: 'circle', + progressColor: 'master', + refresh: false, + error: null, + overlayColor: '255,255,255', + overlayOpacity: 0.8, + refreshButton: '[data-toggle="refresh"]', + maximizeButton: '[data-toggle="maximize"]', + collapseButton: '[data-toggle="collapse"]', + closeButton: '[data-toggle="close"]' + + // onRefresh: function(portlet) {}, + // onCollapse: function(portlet) {}, + // onExpand: function(portlet) {}, + // onMaximize: function(portlet) {}, + // onRestore: function(portlet) {}, + // onClose: function(portlet) {} + } + + // CARD NO CONFLICT + // ==================== + + $.fn.card.noConflict = function() { + $.fn.card = old; + return this; + } + +})(window.jQuery); + +/* ============================================================ + * Pages Mobile View + * ============================================================ */ +(function($) { + 'use strict'; + + var MobileView = function(element, options) { + var self = this; + self.options = $.extend(true, {}, $.fn.pgMobileViews.defaults, options); + self.element = $(element); + self.element.on('click', function(e) { + e.preventDefault(); + var data = self.element.data(); + var el = $(data.viewPort); + var toView = data.toggleView; + if (data.toggleView != null) { + el.children().last().children('.view').hide(); + $(data.toggleView).show(); + } + else{ + toView = el.last(); + } + el.toggleClass(data.viewAnimation); + self.options.onNavigate(toView, data.viewAnimation); + return false; + }) + return this; // enable chaining + }; + $.fn.pgMobileViews = function(options) { + return new MobileView(this, options); + }; + + $.fn.pgMobileViews.defaults = { + //Returns Target View & Animation Type + onNavigate: function(view, animation) {} + } + // MOBILE VIEW DATA API + //=================== + + $(window).on('load', function() { + $('[data-navigate="view"]').each(function() { + var $mobileView = $(this) + $mobileView.pgMobileViews(); + }) + }); +})(window.jQuery); +/* ============================================================ + * Pages Quickview Plugin + * ============================================================ */ + +(function($) { + 'use strict'; + // QUICKVIEW CLASS DEFINITION + // ====================== + + var Quickview = function(element, options) { + this.$element = $(element); + this.options = $.extend(true, {}, $.fn.quickview.defaults, options); + this.bezierEasing = [.05, .74, .27, .99]; + var _this = this; + + $(this.options.notes).on('click', '.list > ul > li', function(e) { + var note = $(this).find('.note-preview'); + var note = $(this).find('.note-preview'); + $(_this.options.noteEditor).html(note.html()); + $(_this.options.notes).toggleClass('push'); + }); + $(this.options.notes).on('click', '.list > ul > li .checkbox', function(e) { + e.stopPropagation(); + }); + $(this.options.notes).on('click', _this.options.backButton, function(e) { + $(_this.options.notes).find('.toolbar > li > a').removeClass('active'); + $(_this.options.notes).toggleClass('push'); + }); + $(this.options.deleteNoteButton).click(function(e) { + e.preventDefault(); + $(this).toggleClass('selected'); + $(_this.options.notes).find('.list > ul > li .checkbox').fadeToggle("fast"); + $(_this.options.deleteNoteConfirmButton).fadeToggle("fast").removeClass('hide'); + }); + $(this.options.newNoteButton).click(function(e) { + e.preventDefault(); + $(_this.options.noteEditor).html(''); + }); + + $(this.options.deleteNoteConfirmButton).click(function() { + var checked = $(_this.options.notes).find('input[type=checkbox]:checked'); + checked.each(function() { + $(this).parents('li').remove(); + }); + }); + $(this.options.notes).on('click', '.toolbar > li > a', function(e) { + //e.preventDefault(); + var command = $(this).attr('data-action'); + document.execCommand(command, false, null); + $(this).toggleClass('active'); + }); + + } + Quickview.VERSION = "1.0.0"; + + // QUICKVIEW PLUGIN DEFINITION + // ======================= + function Plugin(option) { + return this.each(function() { + var $this = $(this); + var data = $this.data('pg.quickview'); + var options = typeof option == 'object' && option; + + if (!data) $this.data('pg.quickview', (data = new Quickview(this, options))); + if (typeof option == 'string') data[option](); + }) + } + + var old = $.fn.quickview + + $.fn.quickview = Plugin + $.fn.quickview.Constructor = Quickview + + + $.fn.quickview.defaults = { + notes: '#note-views', + alerts: '#alerts', + chat: '#chat', + notesList: '.list', + noteEditor: '.quick-note-editor', + deleteNoteButton: '.delete-note-link', + deleteNoteConfirmButton: '.btn-remove-notes', + newNoteButton: '.new-note-link', + backButton: '.close-note-link' + } + + // QUICKVIEW NO CONFLICT + // ==================== + + $.fn.quickview.noConflict = function() { + $.fn.quickview = old; + return this; + } + + // QUICKVIEW DATA API + //=================== + + $(window).on('load', function() { + + $('[data-pages="quickview"]').each(function() { + var $quickview = $(this) + $quickview.quickview($quickview.data()) + }) + }); + + + $(document).on('click.pg.quickview.data-api touchstart', '[data-toggle="quickview"]', function(e) { + var elem = $(this).attr('data-toggle-element'); + $(elem).toggleClass('open'); + e.preventDefault(); + }) + +})(window.jQuery); + + /* ============================================================ + * Pages Sidebar + * ============================================================ */ + + (function($) { + 'use strict'; + // SIDEBAR CLASS DEFINITION + // ====================== + + var Sidebar = function(element, options) { + this.$element = $(element); + this.$body = $('body'); + this.options = $.extend(true, {}, $.fn.sidebar.defaults, options); + + this.bezierEasing = [.05, .74, .27, .99]; + this.cssAnimation = true; + this.css3d = true; + + this.sideBarWidth = this.$element.width(); + this.sideBarWidthCondensed = - this.$element.offset().left; + + + this.$sidebarMenu = this.$element.find(".sidebar-menu > ul"); + this.$pageContainer = $(this.options.pageContainer); + + + if (!this.$sidebarMenu.length) return; + + // apply perfectScrollbar plugin only for desktops + ($.Pages.getUserAgent() == 'desktop') && this.$sidebarMenu.scrollbar({ + ignoreOverlay: false, + disableBodyScroll :(this.$element.data("disableBodyScroll") == true)? true : false + }); + + + if (!Modernizr.csstransitions) + this.cssAnimation = false; + if (!Modernizr.csstransforms3d) + this.css3d = false; + + // Bind events + // Toggle sub menus + // In Angular Binding is done using a pg-sidebar directive + (typeof angular === 'undefined') && $(document).on('click', '.sidebar-menu a', function(e) { + + if ($(this).parent().children('.sub-menu') === false) { + return; + } + var el = $(this); + var parent = $(this).parent().parent(); + var li = $(this).parent(); + var sub = $(this).parent().children('.sub-menu'); + + if(li.hasClass("open active")){ + el.children('.arrow').removeClass("open active"); + sub.slideUp(200, function() { + li.removeClass("open active"); + }); + + }else{ + parent.children('li.open').children('.sub-menu').slideUp(200); + parent.children('li.open').children('a').children('.arrow').removeClass('open active'); + parent.children('li.open').removeClass("open active"); + el.children('.arrow').addClass("open active"); + sub.slideDown(200, function() { + li.addClass("open active"); + + }); + } + //e.preventDefault(); + }); + + // Toggle sidebar + $('.sidebar-slide-toggle').on('click touchend', function(e) { + e.preventDefault(); + $(this).toggleClass('active'); + var el = $(this).attr('data-pages-toggle'); + if (el != null) { + $(el).toggleClass('show'); + } + }); + + var _this = this; + + function sidebarMouseEnter(e) { + + var menuOpenCSS = (this.css3d == true ? 'translate3d(' + _this.sideBarWidthCondensed + 'px, 0,0)' : 'translate(' + _this.sideBarWidthCondensed + 'px, 0)'); + + if ($.Pages.isVisibleSm() || $.Pages.isVisibleXs()) { + return false + } + if ($('.close-sidebar').data('clicked')) { + return; + } + if (_this.$body.hasClass('menu-pin')) + return; + + _this.$element.css({ + 'transform': menuOpenCSS + }); + _this.$body.addClass('sidebar-visible'); + } + + function sidebarMouseLeave(e) { + var menuClosedCSS = (_this.css3d == true ? 'translate3d(0, 0,0)' : 'translate(0, 0)'); + + if ($.Pages.isVisibleSm() || $.Pages.isVisibleXs()) { + return false + } + if (typeof e != 'undefined') { + var target = $(e.target); + if (target.parent('.page-sidebar').length) { + return; + } + } + if (_this.$body.hasClass('menu-pin')) + return; + + if ($('.sidebar-overlay-slide').hasClass('show')) { + $('.sidebar-overlay-slide').removeClass('show') + $("[data-pages-toggle]").removeClass('active') + + } + + _this.$element.css({ + 'transform': menuClosedCSS + }); + _this.$body.removeClass('sidebar-visible'); + } + + + this.$element.bind('mouseenter mouseleave', sidebarMouseEnter); + this.$pageContainer.bind('mouseover', sidebarMouseLeave); + + function toggleMenuPin(){ + var width = $(window).width(); + if(width < 1200){ + if($('body').hasClass('menu-pin')){ + $('body').removeClass('menu-pin') + $('body').addClass('menu-unpinned') + } + } else { + if($('body').hasClass('menu-unpinned')){ + $('body').addClass('menu-pin') + } + } + } + + $(document).bind('ready', toggleMenuPin); + $(window).bind('resize', toggleMenuPin); + + } + + // Toggle sidebar for mobile view + Sidebar.prototype.toggleSidebar = function(toggle) { + var timer; + var bodyColor = $('body').css('background-color'); + $('.page-container').css('background-color', bodyColor); + if (this.$body.hasClass('sidebar-open')) { + this.$body.removeClass('sidebar-open'); + timer = setTimeout(function() { + this.$element.removeClass('visible'); + }.bind(this), 400); + } else { + clearTimeout(timer); + this.$element.addClass('visible'); + setTimeout(function() { + this.$body.addClass('sidebar-open'); + }.bind(this), 10); + setTimeout(function(){ + // remove background color + $('.page-container').css({'background-color': ''}); + },1000); + + } + + } + + Sidebar.prototype.togglePinSidebar = function(toggle) { + if (toggle == 'hide') { + this.$body.removeClass('menu-pin'); + } else if (toggle == 'show') { + this.$body.addClass('menu-pin'); + } else { + this.$body.toggleClass('menu-pin'); + } + + } + + + // SIDEBAR PLUGIN DEFINITION + // ======================= + function Plugin(option) { + return this.each(function() { + var $this = $(this); + var data = $this.data('pg.sidebar'); + var options = typeof option == 'object' && option; + + if (!data) $this.data('pg.sidebar', (data = new Sidebar(this, options))); + if (typeof option == 'string') data[option](); + }) + } + + var old = $.fn.sidebar; + + $.fn.sidebar = Plugin; + $.fn.sidebar.Constructor = Sidebar; + + + $.fn.sidebar.defaults = { + pageContainer: '.page-container' + } + + // SIDEBAR PROGRESS NO CONFLICT + // ==================== + + $.fn.sidebar.noConflict = function() { + $.fn.sidebar = old; + return this; + } + + // SIDEBAR PROGRESS DATA API + //=================== + + $(document).on('click.pg.sidebar.data-api', '[data-toggle-pin="sidebar"]', function(e) { + var $this = $(this); + var $target = $('[data-pages="sidebar"]'); + $target.data('pg.sidebar').togglePinSidebar(); + return false; + }) + $(document).on('click.pg.sidebar.data-api touchstart', '[data-toggle="sidebar"]', function(e) { + var $this = $(this); + var $target = $('[data-pages="sidebar"]'); + $target.data('pg.sidebar').toggleSidebar(); + return false + }) + + })(window.jQuery); + + +(function($) { + 'use strict'; + // Initialize layouts and plugins + (typeof angular === 'undefined') && $.Pages.init(); +})(window.jQuery); \ No newline at end of file diff --git a/resources/assets/js/route.js b/resources/assets/js/route.js new file mode 100644 index 00000000..4bd9b637 --- /dev/null +++ b/resources/assets/js/route.js @@ -0,0 +1,16 @@ +let routes = window.Laravel.routes +module.exports = function () { + let args = Array.prototype.slice.call(arguments), + name = args.shift(), + prefixSlash = routes[name] !== '/' ? '/':''; + + if (routes[name] === undefined) { + console.error('Route not found ', name); + return; + } + + return window.Laravel.baseUrl + prefixSlash + routes[name] + .split('/') + .map(s => s[0] === '{' ? args.shift() : s) + .join('/'); +}; \ No newline at end of file diff --git a/resources/assets/js/scripts.js b/resources/assets/js/scripts.js new file mode 100644 index 00000000..3114f2fd --- /dev/null +++ b/resources/assets/js/scripts.js @@ -0,0 +1,52 @@ +$(function() { + $('.page-container').scrollbar().addClass('scrollbar-macosx'); + $.fn.selectListTrigger = function(eventName) { + return this.each(function() { + var el = $(this).get(0); + triggerNativeEvent(el, eventName); + }); + }; + + function triggerNativeEvent(el, eventName){ + if (el.fireEvent) { // < IE9 + (el.fireEvent('on' + eventName)); + } else { + var evt = document.createEvent('Events'); + evt.initEvent(eventName, true, false); + el.dispatchEvent(evt); + } + } + + $('[data-init-plugin="select2"]').on('select2:select', function (e) { + $(this).selectListTrigger('change'); + }); + + $('body').on('click', '.requestModal', function () { + let type = $(this).attr('data-type'); + if(type){ $(this).parents('.parentContainer').find('.modalContainer[data-type="'+type+'"]').modal('show'); } + }); + + $('body').on('click', '.tabButton', function(){ + let tabName = $(this).attr('tab-name'); + $(this).closest('.tabsContainer').find('.tabButton').not($(this).closest('.tabsContainer').find('.tabsContainer .tabButton')).removeClass('active'); + $(this).addClass('active'); + + $(this).closest('.tabsContainer').find('.tabContent:not(.hide)').not($(this).closest('.tabsContainer').find('.tabsContainer .tabContent')).addClass('hide'); + $(this).closest('.tabsContainer').find('.tabContent[tab-name="'+tabName+'"]').not($(this).closest('.tabsContainer').find('.tabsContainer .tabContent')).removeClass('hide'); + }); + + $('.scrollable').scrollbar().addClass('scrollbar-macosx'); + + if($('#maintenanceContainer').length >0 ){ + VANTA.BIRDS({ + el: "#maintenanceContainer", + backgroundColor: 0xf9f9f9, + wingSpan: 40.00, + separation: 100.00, + alignment: 100.00, + cohesion: 100.00, + quantity: 2.00 + }) + } + +}); \ No newline at end of file diff --git a/resources/assets/js/three.r92.min.js b/resources/assets/js/three.r92.min.js new file mode 100644 index 00000000..0d8b21ea --- /dev/null +++ b/resources/assets/js/three.r92.min.js @@ -0,0 +1,927 @@ +// threejs.org/license +(function(k,xa){"object"===typeof exports&&"undefined"!==typeof module?xa(exports):"function"===typeof define&&define.amd?define(["exports"],xa):xa(k.THREE={})})(this,function(k){function xa(){}function A(a,b){this.x=a||0;this.y=b||0}function K(){this.elements=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1];0b&&(b=a[c]);return b}function I(){Object.defineProperty(this,"id",{value:Bf+=2});this.uuid=R.generateUUID();this.name="";this.type="BufferGeometry";this.index=null;this.attributes={};this.morphAttributes={};this.groups=[];this.boundingSphere=this.boundingBox=null;this.drawRange= +{start:0,count:Infinity}}function Kb(a,b,c,d,e,f){M.call(this);this.type="BoxGeometry";this.parameters={width:a,height:b,depth:c,widthSegments:d,heightSegments:e,depthSegments:f};this.fromBufferGeometry(new nb(a,b,c,d,e,f));this.mergeVertices()}function nb(a,b,c,d,e,f){function g(a,b,c,d,e,f,g,k,O,G,Lb){var q=f/O,u=g/G,x=f/2,N=g/2,v=k/2;g=O+1;var y=G+1,C=f=0,F,A,z=new p;for(A=0;Am;m++){if(n=d[m])if(h=n[0],l=n[1]){w&&e.addAttribute("morphTarget"+m,w[h]);f&&e.addAttribute("morphNormal"+m,f[h]);c[m]=l;continue}c[m]=0}g.getUniforms().setValue(a,"morphTargetInfluences",c)}}}function Nf(a,b){var c={};return{update:function(d){var e=b.render.frame,f=d.geometry,g=a.get(d,f);c[g.id]!==e&&(f.isGeometry&&g.updateFromObject(d),a.update(g),c[g.id]=e);return g},dispose:function(){c={}}}}function bb(a,b,c,d,e,f,g,h,l,m){a= +void 0!==a?a:[];X.call(this,a,void 0!==b?b:301,c,d,e,f,g,h,l,m);this.flipY=!1}function Ob(a,b,c){var d=a[0];if(0>=d||0/gm,function(a,c){a=W[c];if(void 0===a)throw Error("Can not resolve #include <"+c+">");return Vd(a)})}function Te(a){return a.replace(/#pragma unroll_loop[\s]+?for \( int i = (\d+); i < (\d+); i \+\+ \) \{([\s\S]+?)(?=\})\}/g, +function(a,c,d,e){a="";for(c=parseInt(c);c 0 ) {\n\t\tfloat fogFactor = 0.0;\n\t\tif ( fogType == 1 ) {\n\t\t\tfogFactor = smoothstep( fogNear, fogFar, fogDepth );\n\t\t} else {\n\t\t\tconst float LOG2 = 1.442695;\n\t\t\tfogFactor = exp2( - fogDensity * fogDensity * fogDepth * fogDepth * LOG2 );\n\t\t\tfogFactor = 1.0 - clamp( fogFactor, 0.0, 1.0 );\n\t\t}\n\t\tgl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );\n\t}\n}"].join("\n")); +b.compileShader(Da);b.compileShader(D);b.attachShader(T,Da);b.attachShader(T,D);b.linkProgram(T);ha=T;N=b.getAttribLocation(ha,"position");O=b.getAttribLocation(ha,"uv");f=b.getUniformLocation(ha,"uvOffset");g=b.getUniformLocation(ha,"uvScale");h=b.getUniformLocation(ha,"rotation");l=b.getUniformLocation(ha,"center");m=b.getUniformLocation(ha,"scale");w=b.getUniformLocation(ha,"color");n=b.getUniformLocation(ha,"map");t=b.getUniformLocation(ha,"opacity");r=b.getUniformLocation(ha,"modelViewMatrix"); +k=b.getUniformLocation(ha,"projectionMatrix");u=b.getUniformLocation(ha,"fogType");x=b.getUniformLocation(ha,"fogDensity");y=b.getUniformLocation(ha,"fogNear");v=b.getUniformLocation(ha,"fogFar");C=b.getUniformLocation(ha,"fogColor");b.getUniformLocation(ha,"fogDepth");F=b.getUniformLocation(ha,"alphaTest");T=document.createElementNS("http://www.w3.org/1999/xhtml","canvas");T.width=8;T.height=8;Da=T.getContext("2d");Da.fillStyle="white";Da.fillRect(0,0,8,8);z=new Cc(T)}c.useProgram(ha);c.initAttributes(); +c.enableAttribute(N);c.enableAttribute(O);c.disableUnusedAttributes();c.disable(b.CULL_FACE);c.enable(b.BLEND);b.bindBuffer(b.ARRAY_BUFFER,A);b.vertexAttribPointer(N,2,b.FLOAT,!1,16,0);b.vertexAttribPointer(O,2,b.FLOAT,!1,16,8);b.bindBuffer(b.ELEMENT_ARRAY_BUFFER,ob);b.uniformMatrix4fv(k,!1,Lb.projectionMatrix.elements);c.activeTexture(b.TEXTURE0);b.uniform1i(n,0);Da=T=0;(D=p.fog)?(b.uniform3f(C,D.color.r,D.color.g,D.color.b),D.isFog?(b.uniform1f(y,D.near),b.uniform1f(v,D.far),b.uniform1i(u,1),Da= +T=1):D.isFogExp2&&(b.uniform1f(x,D.density),b.uniform1i(u,2),Da=T=2)):(b.uniform1i(u,0),Da=T=0);D=0;for(var J=q.length;Db||a.height>b){if("data"in a){console.warn("THREE.WebGLRenderer: image in DataTexture is too big ("+a.width+"x"+a.height+").");return}b/=Math.max(a.width,a.height);var c=document.createElementNS("http://www.w3.org/1999/xhtml","canvas");c.width=Math.floor(a.width*b);c.height=Math.floor(a.height* +b);c.getContext("2d").drawImage(a,0,0,a.width,a.height,0,0,c.width,c.height);console.warn("THREE.WebGLRenderer: image is too big ("+a.width+"x"+a.height+"). Resized to "+c.width+"x"+c.height,a);return c}return a}function l(a){return R.isPowerOfTwo(a.width)&&R.isPowerOfTwo(a.height)}function m(a,b){return a.generateMipmaps&&b&&1003!==a.minFilter&&1006!==a.minFilter}function w(b,c,e,f){a.generateMipmap(b);d.get(c).__maxMipLevel=Math.log(Math.max(e,f))*Math.LOG2E}function n(b){return 1003===b||1004=== +b||1005===b?a.NEAREST:a.LINEAR}function t(b){b=b.target;b.removeEventListener("dispose",t);a:{var c=d.get(b);if(b.image&&c.__image__webglTextureCube)a.deleteTexture(c.__image__webglTextureCube);else{if(void 0===c.__webglInit)break a;a.deleteTexture(c.__webglTexture)}d.remove(b)}b.isVideoTexture&&delete C[b.id];g.memory.textures--}function k(b){b=b.target;b.removeEventListener("dispose",k);var c=d.get(b),e=d.get(b.texture);if(b){void 0!==e.__webglTexture&&a.deleteTexture(e.__webglTexture);b.depthTexture&& +b.depthTexture.dispose();if(b.isWebGLRenderTargetCube)for(e=0;6>e;e++)a.deleteFramebuffer(c.__webglFramebuffer[e]),c.__webglDepthbuffer&&a.deleteRenderbuffer(c.__webglDepthbuffer[e]);else a.deleteFramebuffer(c.__webglFramebuffer),c.__webglDepthbuffer&&a.deleteRenderbuffer(c.__webglDepthbuffer);d.remove(b.texture);d.remove(b)}g.memory.textures--}function q(b,n){var k=d.get(b);if(b.isVideoTexture){var r=b.id,q=g.render.frame;C[r]!==q&&(C[r]=q,b.update())}if(0p;p++)q[p]=n||r?r?b.image[p].image:b.image[p]:h(b.image[p],e.maxCubemapSize);var x=q[0],v=l(x),N=f.convert(b.format),y=f.convert(b.type);u(a.TEXTURE_CUBE_MAP,b,v);for(p=0;6>p;p++)if(n)for(var C,F=q[p].mipmaps,O=0,A=F.length;Ot;t++)e.__webglFramebuffer[t]=a.createFramebuffer()}else e.__webglFramebuffer=a.createFramebuffer();if(h){c.bindTexture(a.TEXTURE_CUBE_MAP,f.__webglTexture);u(a.TEXTURE_CUBE_MAP,b.texture,n);for(t=0;6>t;t++)p(e.__webglFramebuffer[t],b,a.COLOR_ATTACHMENT0,a.TEXTURE_CUBE_MAP_POSITIVE_X+t);m(b.texture,n)&&w(a.TEXTURE_CUBE_MAP,b.texture,b.width,b.height);c.bindTexture(a.TEXTURE_CUBE_MAP,null)}else c.bindTexture(a.TEXTURE_2D,f.__webglTexture),u(a.TEXTURE_2D,b.texture,n),p(e.__webglFramebuffer, +b,a.COLOR_ATTACHMENT0,a.TEXTURE_2D),m(b.texture,n)&&w(a.TEXTURE_2D,b.texture,b.width,b.height),c.bindTexture(a.TEXTURE_2D,null);if(b.depthBuffer){e=d.get(b);f=!0===b.isWebGLRenderTargetCube;if(b.depthTexture){if(f)throw Error("target.depthTexture not supported in Cube render targets");if(b&&b.isWebGLRenderTargetCube)throw Error("Depth Texture with cube render targets is not supported");a.bindFramebuffer(a.FRAMEBUFFER,e.__webglFramebuffer);if(!b.depthTexture||!b.depthTexture.isDepthTexture)throw Error("renderTarget.depthTexture must be an instance of THREE.DepthTexture"); +d.get(b.depthTexture).__webglTexture&&b.depthTexture.image.width===b.width&&b.depthTexture.image.height===b.height||(b.depthTexture.image.width=b.width,b.depthTexture.image.height=b.height,b.depthTexture.needsUpdate=!0);q(b.depthTexture,0);e=d.get(b.depthTexture).__webglTexture;if(1026===b.depthTexture.format)a.framebufferTexture2D(a.FRAMEBUFFER,a.DEPTH_ATTACHMENT,a.TEXTURE_2D,e,0);else if(1027===b.depthTexture.format)a.framebufferTexture2D(a.FRAMEBUFFER,a.DEPTH_STENCIL_ATTACHMENT,a.TEXTURE_2D,e, +0);else throw Error("Unknown depthTexture format");}else if(f)for(e.__webglDepthbuffer=[],f=0;6>f;f++)a.bindFramebuffer(a.FRAMEBUFFER,e.__webglFramebuffer[f]),e.__webglDepthbuffer[f]=a.createRenderbuffer(),y(e.__webglDepthbuffer[f],b);else a.bindFramebuffer(a.FRAMEBUFFER,e.__webglFramebuffer),e.__webglDepthbuffer=a.createRenderbuffer(),y(e.__webglDepthbuffer,b);a.bindFramebuffer(a.FRAMEBUFFER,null)}};this.updateRenderTargetMipmap=function(b){var e=b.texture,f=l(b);if(m(e,f)){f=b.isWebGLRenderTargetCube? +a.TEXTURE_CUBE_MAP:a.TEXTURE_2D;var g=d.get(e).__webglTexture;c.bindTexture(f,g);w(f,e,b.width,b.height);c.bindTexture(f,null)}}}function Ve(a,b){return{convert:function(c){if(1E3===c)return a.REPEAT;if(1001===c)return a.CLAMP_TO_EDGE;if(1002===c)return a.MIRRORED_REPEAT;if(1003===c)return a.NEAREST;if(1004===c)return a.NEAREST_MIPMAP_NEAREST;if(1005===c)return a.NEAREST_MIPMAP_LINEAR;if(1006===c)return a.LINEAR;if(1007===c)return a.LINEAR_MIPMAP_NEAREST;if(1008===c)return a.LINEAR_MIPMAP_LINEAR; +if(1009===c)return a.UNSIGNED_BYTE;if(1017===c)return a.UNSIGNED_SHORT_4_4_4_4;if(1018===c)return a.UNSIGNED_SHORT_5_5_5_1;if(1019===c)return a.UNSIGNED_SHORT_5_6_5;if(1010===c)return a.BYTE;if(1011===c)return a.SHORT;if(1012===c)return a.UNSIGNED_SHORT;if(1013===c)return a.INT;if(1014===c)return a.UNSIGNED_INT;if(1015===c)return a.FLOAT;if(1016===c){var d=b.get("OES_texture_half_float");if(null!==d)return d.HALF_FLOAT_OES}if(1021===c)return a.ALPHA;if(1022===c)return a.RGB;if(1023===c)return a.RGBA; +if(1024===c)return a.LUMINANCE;if(1025===c)return a.LUMINANCE_ALPHA;if(1026===c)return a.DEPTH_COMPONENT;if(1027===c)return a.DEPTH_STENCIL;if(100===c)return a.FUNC_ADD;if(101===c)return a.FUNC_SUBTRACT;if(102===c)return a.FUNC_REVERSE_SUBTRACT;if(200===c)return a.ZERO;if(201===c)return a.ONE;if(202===c)return a.SRC_COLOR;if(203===c)return a.ONE_MINUS_SRC_COLOR;if(204===c)return a.SRC_ALPHA;if(205===c)return a.ONE_MINUS_SRC_ALPHA;if(206===c)return a.DST_ALPHA;if(207===c)return a.ONE_MINUS_DST_ALPHA; +if(208===c)return a.DST_COLOR;if(209===c)return a.ONE_MINUS_DST_COLOR;if(210===c)return a.SRC_ALPHA_SATURATE;if(33776===c||33777===c||33778===c||33779===c)if(d=b.get("WEBGL_compressed_texture_s3tc"),null!==d){if(33776===c)return d.COMPRESSED_RGB_S3TC_DXT1_EXT;if(33777===c)return d.COMPRESSED_RGBA_S3TC_DXT1_EXT;if(33778===c)return d.COMPRESSED_RGBA_S3TC_DXT3_EXT;if(33779===c)return d.COMPRESSED_RGBA_S3TC_DXT5_EXT}if(35840===c||35841===c||35842===c||35843===c)if(d=b.get("WEBGL_compressed_texture_pvrtc"), +null!==d){if(35840===c)return d.COMPRESSED_RGB_PVRTC_4BPPV1_IMG;if(35841===c)return d.COMPRESSED_RGB_PVRTC_2BPPV1_IMG;if(35842===c)return d.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG;if(35843===c)return d.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG}if(36196===c&&(d=b.get("WEBGL_compressed_texture_etc1"),null!==d))return d.COMPRESSED_RGB_ETC1_WEBGL;if(37808===c||37809===c||37810===c||37811===c||37812===c||37813===c||37814===c||37815===c||37816===c||37817===c||37818===c||37819===c||37820===c||37821===c)if(d=b.get("WEBGL_compressed_texture_astc"), +null!==d)return c;if(103===c||104===c)if(d=b.get("EXT_blend_minmax"),null!==d){if(103===c)return d.MIN_EXT;if(104===c)return d.MAX_EXT}return 1020===c&&(d=b.get("WEBGL_depth_texture"),null!==d)?d.UNSIGNED_INT_24_8_WEBGL:0}}}function Y(a,b,c,d){Qa.call(this);this.type="PerspectiveCamera";this.fov=void 0!==a?a:50;this.zoom=1;this.near=void 0!==c?c:.1;this.far=void 0!==d?d:2E3;this.focus=10;this.aspect=void 0!==b?b:1;this.view=null;this.filmGauge=35;this.filmOffset=0;this.updateProjectionMatrix()}function qd(a){Y.call(this); +this.cameras=a||[]}function We(a){function b(){if(null!==d&&!0===d.isPresenting){var b=d.getEyeParameters("left"),e=b.renderWidth;b=b.renderHeight;u=a.getPixelRatio();q=a.getSize();a.setDrawingBufferSize(2*e,b,1)}else c.enabled&&a.setDrawingBufferSize(q.width,q.height,u)}var c=this,d=null,e=null,f=null,g=new K,h=new K;"undefined"!==typeof window&&"VRFrameData"in window&&(e=new window.VRFrameData,window.addEventListener("vrdisplaypresentchange",b,!1));var l=new K,m=new ia,w=new p,n=new Y;n.bounds= +new da(0,0,.5,1);n.layers.enable(1);var t=new Y;t.bounds=new da(.5,0,.5,1);t.layers.enable(2);var k=new qd([n,t]);k.layers.enable(1);k.layers.enable(2);var q,u;this.enabled=!1;this.userHeight=1.6;this.getDevice=function(){return d};this.setDevice=function(a){void 0!==a&&(d=a)};this.setPoseTarget=function(a){void 0!==a&&(f=a)};this.getCamera=function(a){if(null===d)return a;d.depthNear=a.near;d.depthFar=a.far;d.getFrameData(e);var b=d.stageParameters;b?g.fromArray(b.sittingToStandingTransform):g.makeTranslation(0, +c.userHeight,0);b=e.pose;var r=null!==f?f:a;r.matrix.copy(g);r.matrix.decompose(r.position,r.quaternion,r.scale);null!==b.orientation&&(m.fromArray(b.orientation),r.quaternion.multiply(m));null!==b.position&&(m.setFromRotationMatrix(g),w.fromArray(b.position),w.applyQuaternion(m),r.position.add(w));r.updateMatrixWorld();if(!1===d.isPresenting)return a;n.near=a.near;t.near=a.near;n.far=a.far;t.far=a.far;k.matrixWorld.copy(a.matrixWorld);k.matrixWorldInverse.copy(a.matrixWorldInverse);n.matrixWorldInverse.fromArray(e.leftViewMatrix); +t.matrixWorldInverse.fromArray(e.rightViewMatrix);h.getInverse(g);n.matrixWorldInverse.multiply(h);t.matrixWorldInverse.multiply(h);a=r.parent;null!==a&&(l.getInverse(a.matrixWorld),n.matrixWorldInverse.multiply(l),t.matrixWorldInverse.multiply(l));n.matrixWorld.getInverse(n.matrixWorldInverse);t.matrixWorld.getInverse(t.matrixWorldInverse);n.projectionMatrix.fromArray(e.leftProjectionMatrix);t.projectionMatrix.fromArray(e.rightProjectionMatrix);k.projectionMatrix.copy(n.projectionMatrix);a=d.getLayers(); +a.length&&(a=a[0],null!==a.leftBounds&&4===a.leftBounds.length&&n.bounds.fromArray(a.leftBounds),null!==a.rightBounds&&4===a.rightBounds.length&&t.bounds.fromArray(a.rightBounds));return k};this.getStandingMatrix=function(){return g};this.submitFrame=function(){null!==d&&!0===d.isPresenting&&d.submitFrame()};this.dispose=function(){"undefined"!==typeof window&&window.removeEventListener("vrdisplaypresentchange",b)}}function Xd(a){function b(){la=new Hf(E);la.get("WEBGL_depth_texture");la.get("OES_texture_float"); +la.get("OES_texture_float_linear");la.get("OES_texture_half_float");la.get("OES_texture_half_float_linear");la.get("OES_standard_derivatives");la.get("OES_element_index_uint");la.get("ANGLE_instanced_arrays");ja=new Ve(E,la);Ra=new Ff(E,la,a);aa=new Eg(E,la,ja);aa.scissor(S.copy(Z).multiplyScalar(U));aa.viewport(W.copy(P).multiplyScalar(U));fb=new Kf(E);Ba=new tg;ca=new Fg(E,la,aa,Ba,Ra,ja,fb);qa=new yf(E);ra=new If(E,qa,fb);sa=new Nf(ra,fb);va=new Mf(E);oa=new sg(T,la,Ra);ta=new xg;pa=new Cg;ma= +new Df(T,aa,ra,O);wa=new Ef(E,la,fb);xa=new Jf(E,la,fb);ya=new Dg(T,E,aa,ca,Ra);fb.programs=oa.programs;T.context=E;T.capabilities=Ra;T.extensions=la;T.properties=Ba;T.renderLists=ta;T.state=aa;T.info=fb}function c(a){a.preventDefault();console.log("THREE.WebGLRenderer: Context Lost.");I=!0}function d(){console.log("THREE.WebGLRenderer: Context Restored.");I=!1;b()}function e(a){a=a.target;a.removeEventListener("dispose",e);f(a);Ba.remove(a)}function f(a){var b=Ba.get(a).program;a.program=void 0; +void 0!==b&&oa.releaseProgram(b)}function g(a,b,c){a.render(function(a){T.renderBufferImmediate(a,b,c)})}function h(){var a=na.getDevice();a&&a.isPresenting?a.requestAnimationFrame(l):window.requestAnimationFrame(l)}function l(a){!1!==ua&&(za(a),h())}function m(a,b,c){if(!1!==a.visible){if(a.layers.test(b.layers))if(a.isLight)B.pushLight(a),a.castShadow&&B.pushShadow(a);else if(a.isSprite)a.frustumCulled&&!ia.intersectsSprite(a)||B.pushSprite(a);else if(a.isImmediateRenderObject)c&&Pb.setFromMatrixPosition(a.matrixWorld).applyMatrix4(pd), +z.push(a,null,a.material,Pb.z,null);else if(a.isMesh||a.isLine||a.isPoints)if(a.isSkinnedMesh&&a.skeleton.update(),!a.frustumCulled||ia.intersectsObject(a)){c&&Pb.setFromMatrixPosition(a.matrixWorld).applyMatrix4(pd);var d=sa.update(a),e=a.material;if(Array.isArray(e))for(var f=d.groups,g=0,h=f.length;ga.matrixWorld.determinant();aa.setMaterial(e,h);h=k(c,b.fog,e,a);Q="";g(a,h,e)}else T.renderBufferDirect(c,b.fog,d,e,a,f);a.onAfterRender(T,b,c,d,e,f);B=pa.get(b,Mb||c)}function t(a,b,c){var d=Ba.get(a),g=B.state.lights;c=oa.getParameters(a,g.state,B.state.shadowsArray,b,Y.numPlanes,Y.numIntersection,c);var h=oa.getProgramCode(a,c),l=d.program,m=!0;if(void 0===l)a.addEventListener("dispose",e);else if(l.code!==h)f(a);else{if(d.lightsHash!==g.state.hash)Ba.update(a, +"lightsHash",g.state.hash);else if(void 0!==c.shaderID)return;m=!1}m&&(c.shaderID?(l=rb[c.shaderID],d.shader={name:a.type,uniforms:Ca.clone(l.uniforms),vertexShader:l.vertexShader,fragmentShader:l.fragmentShader}):d.shader={name:a.type,uniforms:a.uniforms,vertexShader:a.vertexShader,fragmentShader:a.fragmentShader},a.onBeforeCompile(d.shader,T),l=oa.acquireProgram(a,d.shader,c,h),d.program=l,a.program=l);c=l.getAttributes();if(a.morphTargets)for(h=a.numSupportedMorphTargets=0;he.matrixWorld.determinant();aa.setMaterial(d,g);var h=k(a,b,d,e);a=c.id+"_"+h.id+"_"+(!0===d.wireframe);var l=!1;a!==Q&&(Q=a,l=!0);e.morphTargetInfluences&& +(va.update(e,c,d,h),l=!0);g=c.index;var m=c.attributes.position;b=1;!0===d.wireframe&&(g=ra.getWireframeAttribute(c),b=2);a=wa;if(null!==g){var n=qa.get(g);a=xa;a.setIndex(n)}if(l){if(c&&c.isInstancedBufferGeometry&&null===la.get("ANGLE_instanced_arrays"))console.error("THREE.WebGLRenderer.setupVertexAttributes: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.");else{aa.initAttributes();l=c.attributes;h=h.getAttributes();var w=d.defaultAttributeValues; +for(F in h){var t=h[F];if(0<=t){var r=l[F];if(void 0!==r){var q=r.normalized,p=r.itemSize,u=qa.get(r);if(void 0!==u){var x=u.buffer,v=u.type;u=u.bytesPerElement;if(r.isInterleavedBufferAttribute){var y=r.data,C=y.stride;r=r.offset;y&&y.isInstancedInterleavedBuffer?(aa.enableAttributeAndDivisor(t,y.meshPerAttribute),void 0===c.maxInstancedCount&&(c.maxInstancedCount=y.meshPerAttribute*y.count)):aa.enableAttribute(t);E.bindBuffer(E.ARRAY_BUFFER,x);E.vertexAttribPointer(t,p,v,q,C*u,r*u)}else r.isInstancedBufferAttribute? +(aa.enableAttributeAndDivisor(t,r.meshPerAttribute),void 0===c.maxInstancedCount&&(c.maxInstancedCount=r.meshPerAttribute*r.count)):aa.enableAttribute(t),E.bindBuffer(E.ARRAY_BUFFER,x),E.vertexAttribPointer(t,p,v,q,0,0)}}else if(void 0!==w&&(q=w[F],void 0!==q))switch(q.length){case 2:E.vertexAttrib2fv(t,q);break;case 3:E.vertexAttrib3fv(t,q);break;case 4:E.vertexAttrib4fv(t,q);break;default:E.vertexAttrib1fv(t,q)}}}aa.disableUnusedAttributes()}null!==g&&E.bindBuffer(E.ELEMENT_ARRAY_BUFFER,n.buffer)}n= +Infinity;null!==g?n=g.count:void 0!==m&&(n=m.count);g=c.drawRange.start*b;m=null!==f?f.start*b:0;var F=Math.max(g,m);f=Math.max(0,Math.min(n,g+c.drawRange.count*b,m+(null!==f?f.count*b:Infinity))-1-F+1);if(0!==f){if(e.isMesh)if(!0===d.wireframe)aa.setLineWidth(d.wireframeLinewidth*(null===L?U:1)),a.setMode(E.LINES);else switch(e.drawMode){case 0:a.setMode(E.TRIANGLES);break;case 1:a.setMode(E.TRIANGLE_STRIP);break;case 2:a.setMode(E.TRIANGLE_FAN)}else e.isLine?(d=d.linewidth,void 0===d&&(d=1),aa.setLineWidth(d* +(null===L?U:1)),e.isLineSegments?a.setMode(E.LINES):e.isLineLoop?a.setMode(E.LINE_LOOP):a.setMode(E.LINE_STRIP)):e.isPoints&&a.setMode(E.POINTS);c&&c.isInstancedBufferGeometry?0=Ra.maxTextures&&console.warn("THREE.WebGLRenderer: Trying to use "+a+" texture units while this GPU supports only "+Ra.maxTextures);Wd+=1;return a};this.setTexture2D=function(){var a=!1;return function(b, +c){b&&b.isWebGLRenderTarget&&(a||(console.warn("THREE.WebGLRenderer.setTexture2D: don't use render targets as textures. Use their .texture property instead."),a=!0),b=b.texture);ca.setTexture2D(b,c)}}();this.setTexture=function(){var a=!1;return function(b,c){a||(console.warn("THREE.WebGLRenderer: .setTexture is deprecated, use setTexture2D instead."),a=!0);ca.setTexture2D(b,c)}}();this.setTextureCube=function(){var a=!1;return function(b,c){b&&b.isWebGLRenderTargetCube&&(a||(console.warn("THREE.WebGLRenderer.setTextureCube: don't use cube render targets as textures. Use their .texture property instead."), +a=!0),b=b.texture);b&&b.isCubeTexture||Array.isArray(b.image)&&6===b.image.length?ca.setTextureCube(b,c):ca.setTextureCubeDynamic(b,c)}}();this.getRenderTarget=function(){return L};this.setRenderTarget=function(a){(L=a)&&void 0===Ba.get(a).__webglFramebuffer&&ca.setupRenderTarget(a);var b=null,c=!1;a?(b=Ba.get(a).__webglFramebuffer,a.isWebGLRenderTargetCube&&(b=b[a.activeCubeFace],c=!0),W.copy(a.viewport),S.copy(a.scissor),V=a.scissorTest):(W.copy(P).multiplyScalar(U),S.copy(Z).multiplyScalar(U), +V=ea);J!==b&&(E.bindFramebuffer(E.FRAMEBUFFER,b),J=b);aa.viewport(W);aa.scissor(S);aa.setScissorTest(V);c&&(c=Ba.get(a.texture),E.framebufferTexture2D(E.FRAMEBUFFER,E.COLOR_ATTACHMENT0,E.TEXTURE_CUBE_MAP_POSITIVE_X+a.activeCubeFace,c.__webglTexture,a.activeMipMapLevel))};this.readRenderTargetPixels=function(a,b,c,d,e,f){if(a&&a.isWebGLRenderTarget){var g=Ba.get(a).__webglFramebuffer;if(g){var h=!1;g!==J&&(E.bindFramebuffer(E.FRAMEBUFFER,g),h=!0);try{var l=a.texture,m=l.format,n=l.type;1023!==m&&ja.convert(m)!== +E.getParameter(E.IMPLEMENTATION_COLOR_READ_FORMAT)?console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in RGBA or implementation defined format."):1009===n||ja.convert(n)===E.getParameter(E.IMPLEMENTATION_COLOR_READ_TYPE)||1015===n&&(la.get("OES_texture_float")||la.get("WEBGL_color_buffer_float"))||1016===n&&la.get("EXT_color_buffer_half_float")?E.checkFramebufferStatus(E.FRAMEBUFFER)===E.FRAMEBUFFER_COMPLETE?0<=b&&b<=a.width-d&&0<=c&&c<=a.height-e&&E.readPixels(b,c,d,e, +ja.convert(m),ja.convert(n),f):console.error("THREE.WebGLRenderer.readRenderTargetPixels: readPixels from renderTarget failed. Framebuffer not complete."):console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in UnsignedByteType or implementation defined type.")}finally{h&&E.bindFramebuffer(E.FRAMEBUFFER,J)}}}else console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not THREE.WebGLRenderTarget.")};this.copyFramebufferToTexture=function(a,b,c){var d=b.image.width, +e=b.image.height,f=ja.convert(b.format);this.setTexture2D(b,0);E.copyTexImage2D(E.TEXTURE_2D,c||0,f,a.x,a.y,d,e,0)};this.copyTextureToTexture=function(a,b,c,d){var e=b.image.width,f=b.image.height,g=ja.convert(c.format),h=ja.convert(c.type);b=b.isDataTexture?b.image.data:b.image;this.setTexture2D(c,0);E.texSubImage2D(E.TEXTURE_2D,d||0,a.x,a.y,e,f,g,h,b)}}function Qb(a,b){this.name="";this.color=new L(a);this.density=void 0!==b?b:2.5E-4}function Rb(a,b,c){this.name="";this.color=new L(a);this.near= +void 0!==b?b:1;this.far=void 0!==c?c:1E3}function rd(){B.call(this);this.type="Scene";this.overrideMaterial=this.fog=this.background=null;this.autoUpdate=!0}function gb(a){Q.call(this);this.type="SpriteMaterial";this.color=new L(16777215);this.map=null;this.rotation=0;this.lights=this.fog=!1;this.setValues(a)}function Dc(a){B.call(this);this.type="Sprite";this.material=void 0!==a?a:new gb;this.center=new A(.5,.5)}function Ec(){B.call(this);this.type="LOD";Object.defineProperties(this,{levels:{enumerable:!0, +value:[]}})}function Fc(a,b){a=a||[];this.bones=a.slice(0);this.boneMatrices=new Float32Array(16*this.bones.length);if(void 0===b)this.calculateInverses();else if(this.bones.length===b.length)this.boneInverses=b.slice(0);else for(console.warn("THREE.Skeleton boneInverses is the wrong length."),this.boneInverses=[],a=0,b=this.bones.length;ac;c++){var n=w[h[c]];var t=w[h[(c+1)%3]];f[0]=Math.min(n,t);f[1]=Math.max(n,t);n=f[0]+","+f[1];void 0===g[n]&&(g[n]={index1:f[0],index2:f[1]})}}for(n in g)m= +g[n],h=a.vertices[m.index1],b.push(h.x,h.y,h.z),h=a.vertices[m.index2],b.push(h.x,h.y,h.z)}else if(a&&a.isBufferGeometry)if(h=new p,null!==a.index){l=a.attributes.position;w=a.index;var k=a.groups;0===k.length&&(k=[{start:0,count:w.count,materialIndex:0}]);a=0;for(e=k.length;ac;c++)n=w.getX(m+c),t=w.getX(m+(c+1)%3),f[0]=Math.min(n,t),f[1]=Math.max(n,t),n=f[0]+","+f[1],void 0===g[n]&&(g[n]={index1:f[0],index2:f[1]});for(n in g)m=g[n], +h.fromBufferAttribute(l,m.index1),b.push(h.x,h.y,h.z),h.fromBufferAttribute(l,m.index2),b.push(h.x,h.y,h.z)}else for(l=a.attributes.position,m=0,d=l.count/3;mc;c++)g=3*m+c,h.fromBufferAttribute(l,g),b.push(h.x,h.y,h.z),g=3*m+(c+1)%3,h.fromBufferAttribute(l,g),b.push(h.x,h.y,h.z);this.addAttribute("position",new z(b,3))}function Hc(a,b,c){M.call(this);this.type="ParametricGeometry";this.parameters={func:a,slices:b,stacks:c};this.fromBufferGeometry(new Vb(a,b,c));this.mergeVertices()} +function Vb(a,b,c){I.call(this);this.type="ParametricBufferGeometry";this.parameters={func:a,slices:b,stacks:c};var d=[],e=[],f=[],g=[],h=new p,l=new p,m=new p,w=new p,n=new p,t,k,q=b+1;for(t=0;t<=c;t++){var u=t/c;for(k=0;k<=b;k++){var x=k/b;a(x,u,l);e.push(l.x,l.y,l.z);0<=x-1E-5?(a(x-1E-5,u,m),w.subVectors(l,m)):(a(x+1E-5,u,m),w.subVectors(m,l));0<=u-1E-5?(a(x,u-1E-5,m),n.subVectors(l,m)):(a(x,u+1E-5,m),n.subVectors(m,l));h.crossVectors(w,n).normalize();f.push(h.x,h.y,h.z);g.push(x,u)}}for(t=0;t< +c;t++)for(k=0;kd&&1===a.x&&(l[b]=a.x-1);0===c.x&&0===c.z&&(l[b]=d/2/Math.PI+.5)}I.call(this);this.type="PolyhedronBufferGeometry";this.parameters={vertices:a,indices:b,radius:c,detail:d};c=c||1;d=d||0;var h=[],l=[];(function(a){for(var c=new p,d=new p,g=new p,h=0;he&&(.2>b&&(l[a+0]+=1),.2>c&&(l[a+2]+=1),.2>d&&(l[a+4]+=1))})(); +this.addAttribute("position",new z(h,3));this.addAttribute("normal",new z(h.slice(),3));this.addAttribute("uv",new z(l,2));0===d?this.computeVertexNormals():this.normalizeNormals()}function Jc(a,b){M.call(this);this.type="TetrahedronGeometry";this.parameters={radius:a,detail:b};this.fromBufferGeometry(new Wb(a,b));this.mergeVertices()}function Wb(a,b){ma.call(this,[1,1,1,-1,-1,1,-1,1,-1,1,-1,-1],[2,1,0,0,3,2,1,3,0,2,3,1],a,b);this.type="TetrahedronBufferGeometry";this.parameters={radius:a,detail:b}} +function Kc(a,b){M.call(this);this.type="OctahedronGeometry";this.parameters={radius:a,detail:b};this.fromBufferGeometry(new sb(a,b));this.mergeVertices()}function sb(a,b){ma.call(this,[1,0,0,-1,0,0,0,1,0,0,-1,0,0,0,1,0,0,-1],[0,2,4,0,4,3,0,3,5,0,5,2,1,2,5,1,5,3,1,3,4,1,4,2],a,b);this.type="OctahedronBufferGeometry";this.parameters={radius:a,detail:b}}function Lc(a,b){M.call(this);this.type="IcosahedronGeometry";this.parameters={radius:a,detail:b};this.fromBufferGeometry(new Xb(a,b));this.mergeVertices()} +function Xb(a,b){var c=(1+Math.sqrt(5))/2;ma.call(this,[-1,c,0,1,c,0,-1,-c,0,1,-c,0,0,-1,c,0,1,c,0,-1,-c,0,1,-c,c,0,-1,c,0,1,-c,0,-1,-c,0,1],[0,11,5,0,5,1,0,1,7,0,7,10,0,10,11,1,5,9,5,11,4,11,10,2,10,7,6,7,1,8,3,9,4,3,4,2,3,2,6,3,6,8,3,8,9,4,9,5,2,4,11,6,2,10,8,6,7,9,8,1],a,b);this.type="IcosahedronBufferGeometry";this.parameters={radius:a,detail:b}}function Mc(a,b){M.call(this);this.type="DodecahedronGeometry";this.parameters={radius:a,detail:b};this.fromBufferGeometry(new Yb(a,b));this.mergeVertices()} +function Yb(a,b){var c=(1+Math.sqrt(5))/2,d=1/c;ma.call(this,[-1,-1,-1,-1,-1,1,-1,1,-1,-1,1,1,1,-1,-1,1,-1,1,1,1,-1,1,1,1,0,-d,-c,0,-d,c,0,d,-c,0,d,c,-d,-c,0,-d,c,0,d,-c,0,d,c,0,-c,0,-d,c,0,-d,-c,0,d,c,0,d],[3,11,7,3,7,15,3,15,13,7,19,17,7,17,6,7,6,15,17,4,8,17,8,10,17,10,6,8,0,16,8,16,2,8,2,10,0,12,1,0,1,18,0,18,16,6,10,2,6,2,13,6,13,15,2,16,18,2,18,3,2,3,13,18,1,9,18,9,11,18,11,3,4,14,12,4,12,0,4,0,8,11,9,5,11,5,19,11,19,7,19,5,14,19,14,4,19,4,17,1,12,14,1,14,5,1,5,9],a,b);this.type="DodecahedronBufferGeometry"; +this.parameters={radius:a,detail:b}}function Nc(a,b,c,d,e,f){M.call(this);this.type="TubeGeometry";this.parameters={path:a,tubularSegments:b,radius:c,radialSegments:d,closed:e};void 0!==f&&console.warn("THREE.TubeGeometry: taper has been removed.");a=new Zb(a,b,c,d,e);this.tangents=a.tangents;this.normals=a.normals;this.binormals=a.binormals;this.fromBufferGeometry(a);this.mergeVertices()}function Zb(a,b,c,d,e){function f(e){w=a.getPointAt(e/b,w);var f=g.normals[e];e=g.binormals[e];for(k=0;k<=d;k++){var m= +k/d*Math.PI*2,n=Math.sin(m);m=-Math.cos(m);l.x=m*f.x+n*e.x;l.y=m*f.y+n*e.y;l.z=m*f.z+n*e.z;l.normalize();q.push(l.x,l.y,l.z);h.x=w.x+c*l.x;h.y=w.y+c*l.y;h.z=w.z+c*l.z;r.push(h.x,h.y,h.z)}}I.call(this);this.type="TubeBufferGeometry";this.parameters={path:a,tubularSegments:b,radius:c,radialSegments:d,closed:e};b=b||64;c=c||1;d=d||8;e=e||!1;var g=a.computeFrenetFrames(b,e);this.tangents=g.tangents;this.normals=g.normals;this.binormals=g.binormals;var h=new p,l=new p,m=new A,w=new p,n,k,r=[],q=[],u=[], +x=[];for(n=0;n=b;e-=d)f=Ye(e,a[e],a[e+1],f);f&&tb(f,f.next)&&(Qc(f),f=f.next);return f} +function Rc(a,b){if(!a)return a;b||(b=a);do{var c=!1;if(a.steiner||!tb(a,a.next)&&0!==sa(a.prev,a,a.next))a=a.next;else{Qc(a);a=b=a.prev;if(a===a.next)break;c=!0}}while(c||a!==b);return b}function Sc(a,b,c,d,e,f,g){if(a){if(!g&&f){var h=a,l=h;do null===l.z&&(l.z=Zd(l.x,l.y,d,e,f)),l.prevZ=l.prev,l=l.nextZ=l.next;while(l!==h);l.prevZ.nextZ=null;l.prevZ=null;h=l;var m,w,n,k,r=1;do{l=h;var q=h=null;for(w=0;l;){w++;var p=l;for(m=n=0;mn.x?w.x>r.x?w.x:r.x:n.x>r.x?n.x:r.x,C=w.y>n.y?w.y>r.y?w.y:r.y:n.y>r.y?n.y:r.y;m=Zd(w.x=m;){if(x!==q.prev&&x!==q.next&&wd(w.x,w.y,n.x,n.y,r.x,r.y,x.x,x.y)&&0<=sa(x.prev,x,x.next)){q=!1;break a}x=x.prevZ}q=!0}}else a:if(q=a,w=q.prev,n=q,r=q.next,0<=sa(w,n,r))q=!1;else{for(m=q.next.next;m!==q.prev;){if(wd(w.x,w.y,n.x,n.y,r.x,r.y,m.x,m.y)&&0<=sa(m.prev,m,m.next)){q=!1;break a}m=m.next}q=!0}if(q)b.push(l.i/c),b.push(a.i/c),b.push(p.i/c),Qc(a),h=a=p.next;else if(a=p,a===h){if(!g)Sc(Rc(a),b,c,d,e,f,1);else if(1=== +g){g=b;h=c;l=a;do p=l.prev,q=l.next.next,!tb(p,q)&&Ze(p,l,l.next,q)&&Tc(p,q)&&Tc(q,p)&&(g.push(p.i/h),g.push(l.i/h),g.push(q.i/h),Qc(l),Qc(l.next),l=a=q),l=l.next;while(l!==a);a=l;Sc(a,b,c,d,e,f,2)}else if(2===g)a:{g=a;do{for(h=g.next.next;h!==g.prev;){if(l=g.i!==h.i){l=g;p=h;if(q=l.next.i!==p.i&&l.prev.i!==p.i){b:{q=l;do{if(q.i!==l.i&&q.next.i!==l.i&&q.i!==p.i&&q.next.i!==p.i&&Ze(q,q.next,l,p)){q=!0;break b}q=q.next}while(q!==l);q=!1}q=!q}if(q=q&&Tc(l,p)&&Tc(p,l)){q=l;w=!1;n=(l.x+p.x)/2;p=(l.y+p.y)/ +2;do q.y>p!==q.next.y>p&&q.next.y!==q.y&&n<(q.next.x-q.x)*(p-q.y)/(q.next.y-q.y)+q.x&&(w=!w),q=q.next;while(q!==l);q=w}l=q}if(l){a=$e(g,h);g=Rc(g,g.next);a=Rc(a,a.next);Sc(g,b,c,d,e,f);Sc(a,b,c,d,e,f);break a}h=h.next}g=g.next}while(g!==a)}break}}}}function Hg(a,b){return a.x-b.x}function Ig(a,b){var c=b,d=a.x,e=a.y,f=-Infinity;do{if(e<=c.y&&e>=c.next.y&&c.next.y!==c.y){var g=c.x+(e-c.y)*(c.next.x-c.x)/(c.next.y-c.y);if(g<=d&&g>f){f=g;if(g===d){if(e===c.y)return c;if(e===c.next.y)return c.next}var h= +c.x=c.x&&c.x>=g&&d!==c.x&&wd(eh.x)&&Tc(c,a)&&(h=c,m=k)}c=c.next}return h}function Zd(a,b,c,d,e){a=32767*(a-c)*e;b=32767*(b-d)*e;a=(a|a<<8)&16711935;a=(a|a<<4)&252645135;a=(a|a<<2)&858993459;b=(b|b<<8)&16711935;b=(b|b<<4)&252645135;b=(b|b<<2)&858993459;return(a|a<<1)&1431655765|((b| +b<<1)&1431655765)<<1}function Jg(a){var b=a,c=a;do b.xsa(a.prev,a,a.next)?0<=sa(a,b, +a.next)&&0<=sa(a,a.prev,b):0>sa(a,b,a.prev)||0>sa(a,a.next,b)}function $e(a,b){var c=new $d(a.i,a.x,a.y),d=new $d(b.i,b.x,b.y),e=a.next,f=b.prev;a.next=b;b.prev=a;c.next=e;e.prev=c;d.next=c;c.prev=d;f.next=d;d.prev=f;return d}function Ye(a,b,c,d){a=new $d(a,b,c);d?(a.next=d.next,a.prev=d,d.next.prev=a,d.next=a):(a.prev=a,a.next=a);return a}function Qc(a){a.next.prev=a.prev;a.prev.next=a.next;a.prevZ&&(a.prevZ.nextZ=a.nextZ);a.nextZ&&(a.nextZ.prevZ=a.prevZ)}function $d(a,b,c){this.i=a;this.x=b;this.y= +c;this.nextZ=this.prevZ=this.z=this.next=this.prev=null;this.steiner=!1}function af(a){var b=a.length;2Number.EPSILON){var l=Math.sqrt(h),m=Math.sqrt(f*f+g*g);h=b.x-e/l;b=b.y+d/l;g=((c.x-g/m-h)*g-(c.y+f/m-b)*f)/(d*g-e*f);f=h+d*g-a.x;d=b+e*g-a.y;e=f*f+d*d;if(2>=e)return new A(f,d);e=Math.sqrt(e/2)}else a=!1,d>Number.EPSILON?f>Number.EPSILON&&(a=!0):d<-Number.EPSILON?f<-Number.EPSILON&&(a=!0):Math.sign(e)===Math.sign(g)&&(a=!0),a?(f=-e,e=Math.sqrt(h)):(f=d,d=e,e=Math.sqrt(h/2));return new A(f/e,d/ +e)}function h(a,b){for(P=a.length;0<=--P;){var c=P;var f=P-1;0>f&&(f=a.length-1);var g,h=v+2*G;for(g=0;gk;k++){var n=m[f[k]];var t=m[f[(k+1)%3]];d[0]=Math.min(n,t);d[1]=Math.max(n,t);n=d[0]+","+d[1];void 0===e[n]?e[n]={index1:d[0],index2:d[1],face1:h,face2:void 0}:e[n].face2=h}for(n in e)if(d=e[n],void 0===d.face2||g[d.face1].normal.dot(g[d.face2].normal)<=b)f=a[d.index1],c.push(f.x,f.y,f.z),f=a[d.index2],c.push(f.x,f.y,f.z);this.addAttribute("position",new z(c,3))}function xb(a,b,c,d,e,f,g,h){M.call(this);this.type="CylinderGeometry";this.parameters={radiusTop:a, +radiusBottom:b,height:c,radialSegments:d,heightSegments:e,openEnded:f,thetaStart:g,thetaLength:h};this.fromBufferGeometry(new Za(a,b,c,d,e,f,g,h));this.mergeVertices()}function Za(a,b,c,d,e,f,g,h){function l(c){var e,f=new A,l=new p,w=0,u=!0===c?a:b,v=!0===c?1:-1;var z=q;for(e=1;e<=d;e++)n.push(0,x*v,0),t.push(0,v,0),r.push(.5,.5),q++;var B=q;for(e=0;e<=d;e++){var D=e/d*h+g,H=Math.cos(D);D=Math.sin(D);l.x=u*D;l.y=x*v;l.z=u*H;n.push(l.x,l.y,l.z);t.push(0,v,0);f.x=.5*H+.5;f.y=.5*D*v+.5;r.push(f.x,f.y); +q++}for(e=0;ethis.duration&&this.resetDuration();this.optimize()}function Md(a){this.manager=void 0!==a?a:va;this.textures={}}function ee(a){this.manager=void 0!==a?a:va}function lc(){}function fe(a){"boolean"===typeof a&&(console.warn("THREE.JSONLoader: showStatus parameter has been removed from constructor."),a=void 0);this.manager=void 0!==a?a:va;this.withCredentials=!1}function ff(a){this.manager=void 0!==a?a:va;this.texturePath=""} +function ge(a){"undefined"===typeof createImageBitmap&&console.warn("THREE.ImageBitmapLoader: createImageBitmap() not supported.");"undefined"===typeof fetch&&console.warn("THREE.ImageBitmapLoader: fetch() not supported.");this.manager=void 0!==a?a:va;this.options=void 0}function he(){this.type="ShapePath";this.color=new L;this.subPaths=[];this.currentPath=null}function ie(a){this.type="Font";this.data=a}function gf(a){this.manager=void 0!==a?a:va}function je(a){this.manager=void 0!==a?a:va}function hf(){this.type= +"StereoCamera";this.aspect=1;this.eyeSep=.064;this.cameraL=new Y;this.cameraL.layers.enable(1);this.cameraL.matrixAutoUpdate=!1;this.cameraR=new Y;this.cameraR.layers.enable(2);this.cameraR.matrixAutoUpdate=!1}function fd(a,b,c){B.call(this);this.type="CubeCamera";var d=new Y(90,1,a,b);d.up.set(0,-1,0);d.lookAt(new p(1,0,0));this.add(d);var e=new Y(90,1,a,b);e.up.set(0,-1,0);e.lookAt(new p(-1,0,0));this.add(e);var f=new Y(90,1,a,b);f.up.set(0,0,1);f.lookAt(new p(0,1,0));this.add(f);var g=new Y(90, +1,a,b);g.up.set(0,0,-1);g.lookAt(new p(0,-1,0));this.add(g);var h=new Y(90,1,a,b);h.up.set(0,-1,0);h.lookAt(new p(0,0,1));this.add(h);var l=new Y(90,1,a,b);l.up.set(0,-1,0);l.lookAt(new p(0,0,-1));this.add(l);this.renderTarget=new Ib(c,c,{format:1022,magFilter:1006,minFilter:1006});this.renderTarget.texture.name="CubeCamera";this.update=function(a,b){null===this.parent&&this.updateMatrixWorld();var c=this.renderTarget,m=c.texture.generateMipmaps;c.texture.generateMipmaps=!1;c.activeCubeFace=0;a.render(b, +d,c);c.activeCubeFace=1;a.render(b,e,c);c.activeCubeFace=2;a.render(b,f,c);c.activeCubeFace=3;a.render(b,g,c);c.activeCubeFace=4;a.render(b,h,c);c.texture.generateMipmaps=m;c.activeCubeFace=5;a.render(b,l,c);a.setRenderTarget(null)};this.clear=function(a,b,c,d){for(var e=this.renderTarget,f=0;6>f;f++)e.activeCubeFace=f,a.setRenderTarget(e),a.clear(b,c,d);a.setRenderTarget(null)}}function ke(){B.call(this);this.type="AudioListener";this.context=le.getContext();this.gain=this.context.createGain();this.gain.connect(this.context.destination); +this.filter=null}function mc(a){B.call(this);this.type="Audio";this.context=a.context;this.gain=this.context.createGain();this.gain.connect(a.getInput());this.autoplay=!1;this.buffer=null;this.loop=!1;this.offset=this.startTime=0;this.playbackRate=1;this.isPlaying=!1;this.hasPlaybackControl=!0;this.sourceType="empty";this.filters=[]}function me(a){mc.call(this,a);this.panner=this.context.createPanner();this.panner.connect(this.gain)}function ne(a,b){this.analyser=a.context.createAnalyser();this.analyser.fftSize= +void 0!==b?b:2048;this.data=new Uint8Array(this.analyser.frequencyBinCount);a.getOutput().connect(this.analyser)}function oe(a,b,c){this.binding=a;this.valueSize=c;a=Float64Array;switch(b){case "quaternion":b=this._slerp;break;case "string":case "bool":a=Array;b=this._select;break;default:b=this._lerp}this.buffer=new a(4*c);this._mixBufferRegion=b;this.referenceCount=this.useCount=this.cumulativeWeight=0}function jf(a,b,c){c=c||ra.parseTrackName(b);this._targetGroup=a;this._bindings=a.subscribe_(b, +c)}function ra(a,b,c){this.path=b;this.parsedPath=c||ra.parseTrackName(b);this.node=ra.findNode(a,this.parsedPath.nodeName)||a;this.rootNode=a}function kf(){this.uuid=R.generateUUID();this._objects=Array.prototype.slice.call(arguments);this.nCachedObjects_=0;var a={};this._indicesByUUID=a;for(var b=0,c=arguments.length;b!==c;++b)a[arguments[b].uuid]=b;this._paths=[];this._parsedPaths=[];this._bindings=[];this._bindingsIndicesByPath={};var d=this;this.stats={objects:{get total(){return d._objects.length}, +get inUse(){return this.total-d.nCachedObjects_}},get bindingsPerObject(){return d._bindings.length}}}function lf(a,b,c){this._mixer=a;this._clip=b;this._localRoot=c||null;a=b.tracks;b=a.length;c=Array(b);for(var d={endingStart:2400,endingEnd:2400},e=0;e!==b;++e){var f=a[e].createInterpolant(null);c[e]=f;f.settings=d}this._interpolantSettings=d;this._interpolants=c;this._propertyBindings=Array(b);this._weightInterpolant=this._timeScaleInterpolant=this._byClipCacheIndex=this._cacheIndex=null;this.loop= +2201;this._loopCount=-1;this._startTime=null;this.time=0;this._effectiveWeight=this.weight=this._effectiveTimeScale=this.timeScale=1;this.repetitions=Infinity;this.paused=!1;this.enabled=!0;this.clampWhenFinished=!1;this.zeroSlopeAtEnd=this.zeroSlopeAtStart=!0}function pe(a){this._root=a;this._initMemoryManager();this.time=this._accuIndex=0;this.timeScale=1}function Nd(a,b){"string"===typeof a&&(console.warn("THREE.Uniform: Type parameter is no longer needed."),a=b);this.value=a}function qe(){I.call(this); +this.type="InstancedBufferGeometry";this.maxInstancedCount=void 0}function re(a,b,c,d){this.data=a;this.itemSize=b;this.offset=c;this.normalized=!0===d}function nc(a,b){this.array=a;this.stride=b;this.count=void 0!==a?a.length/b:0;this.dynamic=!1;this.updateRange={offset:0,count:-1};this.version=0}function se(a,b,c){nc.call(this,a,b);this.meshPerAttribute=c||1}function te(a,b,c){H.call(this,a,b);this.meshPerAttribute=c||1}function mf(a,b,c,d){this.ray=new qb(a,b);this.near=c||0;this.far=d||Infinity; +this.params={Mesh:{},Line:{},LOD:{},Points:{threshold:1},Sprite:{}};Object.defineProperties(this.params,{PointCloud:{get:function(){console.warn("THREE.Raycaster: params.PointCloud has been renamed to params.Points.");return this.Points}}})}function nf(a,b){return a.distance-b.distance}function ue(a,b,c,d){if(!1!==a.visible&&(a.raycast(b,c),!0===d)){a=a.children;d=0;for(var e=a.length;dc;c++,d++){var e= +c/32*Math.PI*2,f=d/32*Math.PI*2;b.push(Math.cos(e),Math.sin(e),1,Math.cos(f),Math.sin(f),1)}a.addAttribute("position",new z(b,3));b=new S({fog:!1});this.cone=new V(a,b);this.add(this.cone);this.update()}function rf(a){var b=[];a&&a.isBone&&b.push(a);for(var c=0;ca?-1:0b;b++)a[b]=(16>b?"0":"")+b.toString(16);return function(){var b=4294967295*Math.random()|0,d=4294967295*Math.random()|0,e=4294967295*Math.random()|0,f=4294967295*Math.random()|0;return(a[b&255]+a[b>>8&255]+a[b>>16&255]+a[b>>24&255]+"-"+a[d&255]+a[d>>8&255]+"-"+a[d>>16&15|64]+a[d>>24&255]+"-"+a[e&63|128]+a[e>>8&255]+"-"+a[e>>16&255]+a[e>>24&255]+a[f&255]+a[f>>8&255]+a[f>>16&255]+ +a[f>>24&255]).toUpperCase()}}(),clamp:function(a,b,c){return Math.max(b,Math.min(c,a))},euclideanModulo:function(a,b){return(a%b+b)%b},mapLinear:function(a,b,c,d,e){return d+(a-b)*(e-d)/(c-b)},lerp:function(a,b,c){return(1-c)*a+c*b},smoothstep:function(a,b,c){if(a<=b)return 0;if(a>=c)return 1;a=(a-b)/(c-b);return a*a*(3-2*a)},smootherstep:function(a,b,c){if(a<=b)return 0;if(a>=c)return 1;a=(a-b)/(c-b);return a*a*a*(a*(6*a-15)+10)},randInt:function(a,b){return a+Math.floor(Math.random()*(b-a+1))}, +randFloat:function(a,b){return a+Math.random()*(b-a)},randFloatSpread:function(a){return a*(.5-Math.random())},degToRad:function(a){return a*R.DEG2RAD},radToDeg:function(a){return a*R.RAD2DEG},isPowerOfTwo:function(a){return 0===(a&a-1)&&0!==a},ceilPowerOfTwo:function(a){return Math.pow(2,Math.ceil(Math.log(a)/Math.LN2))},floorPowerOfTwo:function(a){return Math.pow(2,Math.floor(Math.log(a)/Math.LN2))}};Object.defineProperties(A.prototype,{width:{get:function(){return this.x},set:function(a){this.x= +a}},height:{get:function(){return this.y},set:function(a){this.y=a}}});Object.assign(A.prototype,{isVector2:!0,set:function(a,b){this.x=a;this.y=b;return this},setScalar:function(a){this.y=this.x=a;return this},setX:function(a){this.x=a;return this},setY:function(a){this.y=a;return this},setComponent:function(a,b){switch(a){case 0:this.x=b;break;case 1:this.y=b;break;default:throw Error("index is out of range: "+a);}return this},getComponent:function(a){switch(a){case 0:return this.x;case 1:return this.y; +default:throw Error("index is out of range: "+a);}},clone:function(){return new this.constructor(this.x,this.y)},copy:function(a){this.x=a.x;this.y=a.y;return this},add:function(a,b){if(void 0!==b)return console.warn("THREE.Vector2: .add() now only accepts one argument. Use .addVectors( a, b ) instead."),this.addVectors(a,b);this.x+=a.x;this.y+=a.y;return this},addScalar:function(a){this.x+=a;this.y+=a;return this},addVectors:function(a,b){this.x=a.x+b.x;this.y=a.y+b.y;return this},addScaledVector:function(a, +b){this.x+=a.x*b;this.y+=a.y*b;return this},sub:function(a,b){if(void 0!==b)return console.warn("THREE.Vector2: .sub() now only accepts one argument. Use .subVectors( a, b ) instead."),this.subVectors(a,b);this.x-=a.x;this.y-=a.y;return this},subScalar:function(a){this.x-=a;this.y-=a;return this},subVectors:function(a,b){this.x=a.x-b.x;this.y=a.y-b.y;return this},multiply:function(a){this.x*=a.x;this.y*=a.y;return this},multiplyScalar:function(a){this.x*=a;this.y*=a;return this},divide:function(a){this.x/= +a.x;this.y/=a.y;return this},divideScalar:function(a){return this.multiplyScalar(1/a)},applyMatrix3:function(a){var b=this.x,c=this.y;a=a.elements;this.x=a[0]*b+a[3]*c+a[6];this.y=a[1]*b+a[4]*c+a[7];return this},min:function(a){this.x=Math.min(this.x,a.x);this.y=Math.min(this.y,a.y);return this},max:function(a){this.x=Math.max(this.x,a.x);this.y=Math.max(this.y,a.y);return this},clamp:function(a,b){this.x=Math.max(a.x,Math.min(b.x,this.x));this.y=Math.max(a.y,Math.min(b.y,this.y));return this},clampScalar:function(){var a= +new A,b=new A;return function(c,d){a.set(c,c);b.set(d,d);return this.clamp(a,b)}}(),clampLength:function(a,b){var c=this.length();return this.divideScalar(c||1).multiplyScalar(Math.max(a,Math.min(b,c)))},floor:function(){this.x=Math.floor(this.x);this.y=Math.floor(this.y);return this},ceil:function(){this.x=Math.ceil(this.x);this.y=Math.ceil(this.y);return this},round:function(){this.x=Math.round(this.x);this.y=Math.round(this.y);return this},roundToZero:function(){this.x=0>this.x?Math.ceil(this.x): +Math.floor(this.x);this.y=0>this.y?Math.ceil(this.y):Math.floor(this.y);return this},negate:function(){this.x=-this.x;this.y=-this.y;return this},dot:function(a){return this.x*a.x+this.y*a.y},lengthSq:function(){return this.x*this.x+this.y*this.y},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y)},manhattanLength:function(){return Math.abs(this.x)+Math.abs(this.y)},normalize:function(){return this.divideScalar(this.length()||1)},angle:function(){var a=Math.atan2(this.y,this.x);0>a&& +(a+=2*Math.PI);return a},distanceTo:function(a){return Math.sqrt(this.distanceToSquared(a))},distanceToSquared:function(a){var b=this.x-a.x;a=this.y-a.y;return b*b+a*a},manhattanDistanceTo:function(a){return Math.abs(this.x-a.x)+Math.abs(this.y-a.y)},setLength:function(a){return this.normalize().multiplyScalar(a)},lerp:function(a,b){this.x+=(a.x-this.x)*b;this.y+=(a.y-this.y)*b;return this},lerpVectors:function(a,b,c){return this.subVectors(b,a).multiplyScalar(c).add(a)},equals:function(a){return a.x=== +this.x&&a.y===this.y},fromArray:function(a,b){void 0===b&&(b=0);this.x=a[b];this.y=a[b+1];return this},toArray:function(a,b){void 0===a&&(a=[]);void 0===b&&(b=0);a[b]=this.x;a[b+1]=this.y;return a},fromBufferAttribute:function(a,b,c){void 0!==c&&console.warn("THREE.Vector2: offset has been removed from .fromBufferAttribute().");this.x=a.getX(b);this.y=a.getY(b);return this},rotateAround:function(a,b){var c=Math.cos(b);b=Math.sin(b);var d=this.x-a.x,e=this.y-a.y;this.x=d*c-e*b+a.x;this.y=d*b+e*c+a.y; +return this}});Object.assign(K.prototype,{isMatrix4:!0,set:function(a,b,c,d,e,f,g,h,l,m,k,n,t,r,q,p){var w=this.elements;w[0]=a;w[4]=b;w[8]=c;w[12]=d;w[1]=e;w[5]=f;w[9]=g;w[13]=h;w[2]=l;w[6]=m;w[10]=k;w[14]=n;w[3]=t;w[7]=r;w[11]=q;w[15]=p;return this},identity:function(){this.set(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);return this},clone:function(){return(new K).fromArray(this.elements)},copy:function(a){var b=this.elements;a=a.elements;b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];b[4]=a[4];b[5]=a[5];b[6]=a[6]; +b[7]=a[7];b[8]=a[8];b[9]=a[9];b[10]=a[10];b[11]=a[11];b[12]=a[12];b[13]=a[13];b[14]=a[14];b[15]=a[15];return this},copyPosition:function(a){var b=this.elements;a=a.elements;b[12]=a[12];b[13]=a[13];b[14]=a[14];return this},extractBasis:function(a,b,c){a.setFromMatrixColumn(this,0);b.setFromMatrixColumn(this,1);c.setFromMatrixColumn(this,2);return this},makeBasis:function(a,b,c){this.set(a.x,b.x,c.x,0,a.y,b.y,c.y,0,a.z,b.z,c.z,0,0,0,0,1);return this},extractRotation:function(){var a=new p;return function(b){var c= +this.elements,d=b.elements,e=1/a.setFromMatrixColumn(b,0).length(),f=1/a.setFromMatrixColumn(b,1).length();b=1/a.setFromMatrixColumn(b,2).length();c[0]=d[0]*e;c[1]=d[1]*e;c[2]=d[2]*e;c[4]=d[4]*f;c[5]=d[5]*f;c[6]=d[6]*f;c[8]=d[8]*b;c[9]=d[9]*b;c[10]=d[10]*b;return this}}(),makeRotationFromEuler:function(a){a&&a.isEuler||console.error("THREE.Matrix4: .makeRotationFromEuler() now expects a Euler rotation rather than a Vector3 and order.");var b=this.elements,c=a.x,d=a.y,e=a.z,f=Math.cos(c);c=Math.sin(c); +var g=Math.cos(d);d=Math.sin(d);var h=Math.cos(e);e=Math.sin(e);if("XYZ"===a.order){a=f*h;var l=f*e,m=c*h,k=c*e;b[0]=g*h;b[4]=-g*e;b[8]=d;b[1]=l+m*d;b[5]=a-k*d;b[9]=-c*g;b[2]=k-a*d;b[6]=m+l*d;b[10]=f*g}else"YXZ"===a.order?(a=g*h,l=g*e,m=d*h,k=d*e,b[0]=a+k*c,b[4]=m*c-l,b[8]=f*d,b[1]=f*e,b[5]=f*h,b[9]=-c,b[2]=l*c-m,b[6]=k+a*c,b[10]=f*g):"ZXY"===a.order?(a=g*h,l=g*e,m=d*h,k=d*e,b[0]=a-k*c,b[4]=-f*e,b[8]=m+l*c,b[1]=l+m*c,b[5]=f*h,b[9]=k-a*c,b[2]=-f*d,b[6]=c,b[10]=f*g):"ZYX"===a.order?(a=f*h,l=f*e,m=c* +h,k=c*e,b[0]=g*h,b[4]=m*d-l,b[8]=a*d+k,b[1]=g*e,b[5]=k*d+a,b[9]=l*d-m,b[2]=-d,b[6]=c*g,b[10]=f*g):"YZX"===a.order?(a=f*g,l=f*d,m=c*g,k=c*d,b[0]=g*h,b[4]=k-a*e,b[8]=m*e+l,b[1]=e,b[5]=f*h,b[9]=-c*h,b[2]=-d*h,b[6]=l*e+m,b[10]=a-k*e):"XZY"===a.order&&(a=f*g,l=f*d,m=c*g,k=c*d,b[0]=g*h,b[4]=-e,b[8]=d*h,b[1]=a*e+k,b[5]=f*h,b[9]=l*e-m,b[2]=m*e-l,b[6]=c*h,b[10]=k*e+a);b[3]=0;b[7]=0;b[11]=0;b[12]=0;b[13]=0;b[14]=0;b[15]=1;return this},makeRotationFromQuaternion:function(a){var b=this.elements,c=a._x,d=a._y, +e=a._z,f=a._w,g=c+c,h=d+d,l=e+e;a=c*g;var m=c*h;c*=l;var k=d*h;d*=l;e*=l;g*=f;h*=f;f*=l;b[0]=1-(k+e);b[4]=m-f;b[8]=c+h;b[1]=m+f;b[5]=1-(a+e);b[9]=d-g;b[2]=c-h;b[6]=d+g;b[10]=1-(a+k);b[3]=0;b[7]=0;b[11]=0;b[12]=0;b[13]=0;b[14]=0;b[15]=1;return this},lookAt:function(){var a=new p,b=new p,c=new p;return function(d,e,f){var g=this.elements;c.subVectors(d,e);0===c.lengthSq()&&(c.z=1);c.normalize();a.crossVectors(f,c);0===a.lengthSq()&&(1===Math.abs(f.z)?c.x+=1E-4:c.z+=1E-4,c.normalize(),a.crossVectors(f, +c));a.normalize();b.crossVectors(c,a);g[0]=a.x;g[4]=b.x;g[8]=c.x;g[1]=a.y;g[5]=b.y;g[9]=c.y;g[2]=a.z;g[6]=b.z;g[10]=c.z;return this}}(),multiply:function(a,b){return void 0!==b?(console.warn("THREE.Matrix4: .multiply() now only accepts one argument. Use .multiplyMatrices( a, b ) instead."),this.multiplyMatrices(a,b)):this.multiplyMatrices(this,a)},premultiply:function(a){return this.multiplyMatrices(a,this)},multiplyMatrices:function(a,b){var c=a.elements,d=b.elements;b=this.elements;a=c[0];var e= +c[4],f=c[8],g=c[12],h=c[1],l=c[5],m=c[9],k=c[13],n=c[2],t=c[6],r=c[10],q=c[14],p=c[3],x=c[7],y=c[11];c=c[15];var v=d[0],C=d[4],F=d[8],N=d[12],O=d[1],G=d[5],z=d[9],A=d[13],B=d[2],D=d[6],H=d[10],I=d[14],L=d[3],J=d[7],K=d[11];d=d[15];b[0]=a*v+e*O+f*B+g*L;b[4]=a*C+e*G+f*D+g*J;b[8]=a*F+e*z+f*H+g*K;b[12]=a*N+e*A+f*I+g*d;b[1]=h*v+l*O+m*B+k*L;b[5]=h*C+l*G+m*D+k*J;b[9]=h*F+l*z+m*H+k*K;b[13]=h*N+l*A+m*I+k*d;b[2]=n*v+t*O+r*B+q*L;b[6]=n*C+t*G+r*D+q*J;b[10]=n*F+t*z+r*H+q*K;b[14]=n*N+t*A+r*I+q*d;b[3]=p*v+x*O+y* +B+c*L;b[7]=p*C+x*G+y*D+c*J;b[11]=p*F+x*z+y*H+c*K;b[15]=p*N+x*A+y*I+c*d;return this},multiplyScalar:function(a){var b=this.elements;b[0]*=a;b[4]*=a;b[8]*=a;b[12]*=a;b[1]*=a;b[5]*=a;b[9]*=a;b[13]*=a;b[2]*=a;b[6]*=a;b[10]*=a;b[14]*=a;b[3]*=a;b[7]*=a;b[11]*=a;b[15]*=a;return this},applyToBufferAttribute:function(){var a=new p;return function(b){for(var c=0,d=b.count;cthis.determinant()&&(g=-g);c.x=f[12];c.y=f[13];c.z=f[14];b.copy(this);c=1/g;f=1/h;var m=1/l;b.elements[0]*=c;b.elements[1]*=c;b.elements[2]*=c;b.elements[4]*=f;b.elements[5]*=f;b.elements[6]*=f;b.elements[8]*=m;b.elements[9]*=m;b.elements[10]*=m;d.setFromRotationMatrix(b);e.x=g;e.y=h;e.z=l;return this}}(),makePerspective:function(a,b,c,d,e,f){void 0===f&&console.warn("THREE.Matrix4: .makePerspective() has been redefined and has a new signature. Please check the docs."); +var g=this.elements;g[0]=2*e/(b-a);g[4]=0;g[8]=(b+a)/(b-a);g[12]=0;g[1]=0;g[5]=2*e/(c-d);g[9]=(c+d)/(c-d);g[13]=0;g[2]=0;g[6]=0;g[10]=-(f+e)/(f-e);g[14]=-2*f*e/(f-e);g[3]=0;g[7]=0;g[11]=-1;g[15]=0;return this},makeOrthographic:function(a,b,c,d,e,f){var g=this.elements,h=1/(b-a),l=1/(c-d),m=1/(f-e);g[0]=2*h;g[4]=0;g[8]=0;g[12]=-((b+a)*h);g[1]=0;g[5]=2*l;g[9]=0;g[13]=-((c+d)*l);g[2]=0;g[6]=0;g[10]=-2*m;g[14]=-((f+e)*m);g[3]=0;g[7]=0;g[11]=0;g[15]=1;return this},equals:function(a){var b=this.elements; +a=a.elements;for(var c=0;16>c;c++)if(b[c]!==a[c])return!1;return!0},fromArray:function(a,b){void 0===b&&(b=0);for(var c=0;16>c;c++)this.elements[c]=a[c+b];return this},toArray:function(a,b){void 0===a&&(a=[]);void 0===b&&(b=0);var c=this.elements;a[b]=c[0];a[b+1]=c[1];a[b+2]=c[2];a[b+3]=c[3];a[b+4]=c[4];a[b+5]=c[5];a[b+6]=c[6];a[b+7]=c[7];a[b+8]=c[8];a[b+9]=c[9];a[b+10]=c[10];a[b+11]=c[11];a[b+12]=c[12];a[b+13]=c[13];a[b+14]=c[14];a[b+15]=c[15];return a}});Object.assign(ia,{slerp:function(a,b,c,d){return c.copy(a).slerp(b, +d)},slerpFlat:function(a,b,c,d,e,f,g){var h=c[d+0],l=c[d+1],m=c[d+2];c=c[d+3];d=e[f+0];var k=e[f+1],n=e[f+2];e=e[f+3];if(c!==e||h!==d||l!==k||m!==n){f=1-g;var t=h*d+l*k+m*n+c*e,p=0<=t?1:-1,q=1-t*t;q>Number.EPSILON&&(q=Math.sqrt(q),t=Math.atan2(q,t*p),f=Math.sin(f*t)/q,g=Math.sin(g*t)/q);p*=g;h=h*f+d*p;l=l*f+k*p;m=m*f+n*p;c=c*f+e*p;f===1-g&&(g=1/Math.sqrt(h*h+l*l+m*m+c*c),h*=g,l*=g,m*=g,c*=g)}a[b]=h;a[b+1]=l;a[b+2]=m;a[b+3]=c}});Object.defineProperties(ia.prototype,{x:{get:function(){return this._x}, +set:function(a){this._x=a;this.onChangeCallback()}},y:{get:function(){return this._y},set:function(a){this._y=a;this.onChangeCallback()}},z:{get:function(){return this._z},set:function(a){this._z=a;this.onChangeCallback()}},w:{get:function(){return this._w},set:function(a){this._w=a;this.onChangeCallback()}}});Object.assign(ia.prototype,{set:function(a,b,c,d){this._x=a;this._y=b;this._z=c;this._w=d;this.onChangeCallback();return this},clone:function(){return new this.constructor(this._x,this._y,this._z, +this._w)},copy:function(a){this._x=a.x;this._y=a.y;this._z=a.z;this._w=a.w;this.onChangeCallback();return this},setFromEuler:function(a,b){if(!a||!a.isEuler)throw Error("THREE.Quaternion: .setFromEuler() now expects an Euler rotation rather than a Vector3 and order.");var c=a._x,d=a._y,e=a._z;a=a.order;var f=Math.cos,g=Math.sin,h=f(c/2),l=f(d/2);f=f(e/2);c=g(c/2);d=g(d/2);e=g(e/2);"XYZ"===a?(this._x=c*l*f+h*d*e,this._y=h*d*f-c*l*e,this._z=h*l*e+c*d*f,this._w=h*l*f-c*d*e):"YXZ"===a?(this._x=c*l*f+ +h*d*e,this._y=h*d*f-c*l*e,this._z=h*l*e-c*d*f,this._w=h*l*f+c*d*e):"ZXY"===a?(this._x=c*l*f-h*d*e,this._y=h*d*f+c*l*e,this._z=h*l*e+c*d*f,this._w=h*l*f-c*d*e):"ZYX"===a?(this._x=c*l*f-h*d*e,this._y=h*d*f+c*l*e,this._z=h*l*e-c*d*f,this._w=h*l*f+c*d*e):"YZX"===a?(this._x=c*l*f+h*d*e,this._y=h*d*f+c*l*e,this._z=h*l*e-c*d*f,this._w=h*l*f-c*d*e):"XZY"===a&&(this._x=c*l*f-h*d*e,this._y=h*d*f-c*l*e,this._z=h*l*e+c*d*f,this._w=h*l*f+c*d*e);if(!1!==b)this.onChangeCallback();return this},setFromAxisAngle:function(a, +b){b/=2;var c=Math.sin(b);this._x=a.x*c;this._y=a.y*c;this._z=a.z*c;this._w=Math.cos(b);this.onChangeCallback();return this},setFromRotationMatrix:function(a){var b=a.elements,c=b[0];a=b[4];var d=b[8],e=b[1],f=b[5],g=b[9],h=b[2],l=b[6];b=b[10];var m=c+f+b;0f&&c>b?(c=2*Math.sqrt(1+c-f-b),this._w=(l-g)/c,this._x=.25*c,this._y=(a+e)/c,this._z=(d+h)/c):f>b?(c=2*Math.sqrt(1+f-c-b),this._w=(d-h)/c,this._x=(a+e)/c,this._y= +.25*c,this._z=(g+l)/c):(c=2*Math.sqrt(1+b-c-f),this._w=(e-a)/c,this._x=(d+h)/c,this._y=(g+l)/c,this._z=.25*c);this.onChangeCallback();return this},setFromUnitVectors:function(){var a=new p,b;return function(c,d){void 0===a&&(a=new p);b=c.dot(d)+1;1E-6>b?(b=0,Math.abs(c.x)>Math.abs(c.z)?a.set(-c.y,c.x,0):a.set(0,-c.z,c.y)):a.crossVectors(c,d);this._x=a.x;this._y=a.y;this._z=a.z;this._w=b;return this.normalize()}}(),inverse:function(){return this.conjugate()},conjugate:function(){this._x*=-1;this._y*= +-1;this._z*=-1;this.onChangeCallback();return this},dot:function(a){return this._x*a._x+this._y*a._y+this._z*a._z+this._w*a._w},lengthSq:function(){return this._x*this._x+this._y*this._y+this._z*this._z+this._w*this._w},length:function(){return Math.sqrt(this._x*this._x+this._y*this._y+this._z*this._z+this._w*this._w)},normalize:function(){var a=this.length();0===a?(this._z=this._y=this._x=0,this._w=1):(a=1/a,this._x*=a,this._y*=a,this._z*=a,this._w*=a);this.onChangeCallback();return this},multiply:function(a, +b){return void 0!==b?(console.warn("THREE.Quaternion: .multiply() now only accepts one argument. Use .multiplyQuaternions( a, b ) instead."),this.multiplyQuaternions(a,b)):this.multiplyQuaternions(this,a)},premultiply:function(a){return this.multiplyQuaternions(a,this)},multiplyQuaternions:function(a,b){var c=a._x,d=a._y,e=a._z;a=a._w;var f=b._x,g=b._y,h=b._z;b=b._w;this._x=c*b+a*f+d*h-e*g;this._y=d*b+a*g+e*f-c*h;this._z=e*b+a*h+c*g-d*f;this._w=a*b-c*f-d*g-e*h;this.onChangeCallback();return this}, +slerp:function(a,b){if(0===b)return this;if(1===b)return this.copy(a);var c=this._x,d=this._y,e=this._z,f=this._w,g=f*a._w+c*a._x+d*a._y+e*a._z;0>g?(this._w=-a._w,this._x=-a._x,this._y=-a._y,this._z=-a._z,g=-g):this.copy(a);if(1<=g)return this._w=f,this._x=c,this._y=d,this._z=e,this;a=Math.sqrt(1-g*g);if(.001>Math.abs(a))return this._w=.5*(f+this._w),this._x=.5*(c+this._x),this._y=.5*(d+this._y),this._z=.5*(e+this._z),this;var h=Math.atan2(a,g);g=Math.sin((1-b)*h)/a;b=Math.sin(b*h)/a;this._w=f*g+ +this._w*b;this._x=c*g+this._x*b;this._y=d*g+this._y*b;this._z=e*g+this._z*b;this.onChangeCallback();return this},equals:function(a){return a._x===this._x&&a._y===this._y&&a._z===this._z&&a._w===this._w},fromArray:function(a,b){void 0===b&&(b=0);this._x=a[b];this._y=a[b+1];this._z=a[b+2];this._w=a[b+3];this.onChangeCallback();return this},toArray:function(a,b){void 0===a&&(a=[]);void 0===b&&(b=0);a[b]=this._x;a[b+1]=this._y;a[b+2]=this._z;a[b+3]=this._w;return a},onChange:function(a){this.onChangeCallback= +a;return this},onChangeCallback:function(){}});Object.assign(p.prototype,{isVector3:!0,set:function(a,b,c){this.x=a;this.y=b;this.z=c;return this},setScalar:function(a){this.z=this.y=this.x=a;return this},setX:function(a){this.x=a;return this},setY:function(a){this.y=a;return this},setZ:function(a){this.z=a;return this},setComponent:function(a,b){switch(a){case 0:this.x=b;break;case 1:this.y=b;break;case 2:this.z=b;break;default:throw Error("index is out of range: "+a);}return this},getComponent:function(a){switch(a){case 0:return this.x; +case 1:return this.y;case 2:return this.z;default:throw Error("index is out of range: "+a);}},clone:function(){return new this.constructor(this.x,this.y,this.z)},copy:function(a){this.x=a.x;this.y=a.y;this.z=a.z;return this},add:function(a,b){if(void 0!==b)return console.warn("THREE.Vector3: .add() now only accepts one argument. Use .addVectors( a, b ) instead."),this.addVectors(a,b);this.x+=a.x;this.y+=a.y;this.z+=a.z;return this},addScalar:function(a){this.x+=a;this.y+=a;this.z+=a;return this}, +addVectors:function(a,b){this.x=a.x+b.x;this.y=a.y+b.y;this.z=a.z+b.z;return this},addScaledVector:function(a,b){this.x+=a.x*b;this.y+=a.y*b;this.z+=a.z*b;return this},sub:function(a,b){if(void 0!==b)return console.warn("THREE.Vector3: .sub() now only accepts one argument. Use .subVectors( a, b ) instead."),this.subVectors(a,b);this.x-=a.x;this.y-=a.y;this.z-=a.z;return this},subScalar:function(a){this.x-=a;this.y-=a;this.z-=a;return this},subVectors:function(a,b){this.x=a.x-b.x;this.y=a.y-b.y;this.z= +a.z-b.z;return this},multiply:function(a,b){if(void 0!==b)return console.warn("THREE.Vector3: .multiply() now only accepts one argument. Use .multiplyVectors( a, b ) instead."),this.multiplyVectors(a,b);this.x*=a.x;this.y*=a.y;this.z*=a.z;return this},multiplyScalar:function(a){this.x*=a;this.y*=a;this.z*=a;return this},multiplyVectors:function(a,b){this.x=a.x*b.x;this.y=a.y*b.y;this.z=a.z*b.z;return this},applyEuler:function(){var a=new ia;return function(b){b&&b.isEuler||console.error("THREE.Vector3: .applyEuler() now expects an Euler rotation rather than a Vector3 and order."); +return this.applyQuaternion(a.setFromEuler(b))}}(),applyAxisAngle:function(){var a=new ia;return function(b,c){return this.applyQuaternion(a.setFromAxisAngle(b,c))}}(),applyMatrix3:function(a){var b=this.x,c=this.y,d=this.z;a=a.elements;this.x=a[0]*b+a[3]*c+a[6]*d;this.y=a[1]*b+a[4]*c+a[7]*d;this.z=a[2]*b+a[5]*c+a[8]*d;return this},applyMatrix4:function(a){var b=this.x,c=this.y,d=this.z;a=a.elements;var e=1/(a[3]*b+a[7]*c+a[11]*d+a[15]);this.x=(a[0]*b+a[4]*c+a[8]*d+a[12])*e;this.y=(a[1]*b+a[5]*c+ +a[9]*d+a[13])*e;this.z=(a[2]*b+a[6]*c+a[10]*d+a[14])*e;return this},applyQuaternion:function(a){var b=this.x,c=this.y,d=this.z,e=a.x,f=a.y,g=a.z;a=a.w;var h=a*b+f*d-g*c,l=a*c+g*b-e*d,m=a*d+e*c-f*b;b=-e*b-f*c-g*d;this.x=h*a+b*-e+l*-g-m*-f;this.y=l*a+b*-f+m*-e-h*-g;this.z=m*a+b*-g+h*-f-l*-e;return this},project:function(){var a=new K;return function(b){a.multiplyMatrices(b.projectionMatrix,a.getInverse(b.matrixWorld));return this.applyMatrix4(a)}}(),unproject:function(){var a=new K;return function(b){a.multiplyMatrices(b.matrixWorld, +a.getInverse(b.projectionMatrix));return this.applyMatrix4(a)}}(),transformDirection:function(a){var b=this.x,c=this.y,d=this.z;a=a.elements;this.x=a[0]*b+a[4]*c+a[8]*d;this.y=a[1]*b+a[5]*c+a[9]*d;this.z=a[2]*b+a[6]*c+a[10]*d;return this.normalize()},divide:function(a){this.x/=a.x;this.y/=a.y;this.z/=a.z;return this},divideScalar:function(a){return this.multiplyScalar(1/a)},min:function(a){this.x=Math.min(this.x,a.x);this.y=Math.min(this.y,a.y);this.z=Math.min(this.z,a.z);return this},max:function(a){this.x= +Math.max(this.x,a.x);this.y=Math.max(this.y,a.y);this.z=Math.max(this.z,a.z);return this},clamp:function(a,b){this.x=Math.max(a.x,Math.min(b.x,this.x));this.y=Math.max(a.y,Math.min(b.y,this.y));this.z=Math.max(a.z,Math.min(b.z,this.z));return this},clampScalar:function(){var a=new p,b=new p;return function(c,d){a.set(c,c,c);b.set(d,d,d);return this.clamp(a,b)}}(),clampLength:function(a,b){var c=this.length();return this.divideScalar(c||1).multiplyScalar(Math.max(a,Math.min(b,c)))},floor:function(){this.x= +Math.floor(this.x);this.y=Math.floor(this.y);this.z=Math.floor(this.z);return this},ceil:function(){this.x=Math.ceil(this.x);this.y=Math.ceil(this.y);this.z=Math.ceil(this.z);return this},round:function(){this.x=Math.round(this.x);this.y=Math.round(this.y);this.z=Math.round(this.z);return this},roundToZero:function(){this.x=0>this.x?Math.ceil(this.x):Math.floor(this.x);this.y=0>this.y?Math.ceil(this.y):Math.floor(this.y);this.z=0>this.z?Math.ceil(this.z):Math.floor(this.z);return this},negate:function(){this.x= +-this.x;this.y=-this.y;this.z=-this.z;return this},dot:function(a){return this.x*a.x+this.y*a.y+this.z*a.z},lengthSq:function(){return this.x*this.x+this.y*this.y+this.z*this.z},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z)},manhattanLength:function(){return Math.abs(this.x)+Math.abs(this.y)+Math.abs(this.z)},normalize:function(){return this.divideScalar(this.length()||1)},setLength:function(a){return this.normalize().multiplyScalar(a)},lerp:function(a,b){this.x+=(a.x- +this.x)*b;this.y+=(a.y-this.y)*b;this.z+=(a.z-this.z)*b;return this},lerpVectors:function(a,b,c){return this.subVectors(b,a).multiplyScalar(c).add(a)},cross:function(a,b){return void 0!==b?(console.warn("THREE.Vector3: .cross() now only accepts one argument. Use .crossVectors( a, b ) instead."),this.crossVectors(a,b)):this.crossVectors(this,a)},crossVectors:function(a,b){var c=a.x,d=a.y;a=a.z;var e=b.x,f=b.y;b=b.z;this.x=d*b-a*f;this.y=a*e-c*b;this.z=c*f-d*e;return this},projectOnVector:function(a){var b= +a.dot(this)/a.lengthSq();return this.copy(a).multiplyScalar(b)},projectOnPlane:function(){var a=new p;return function(b){a.copy(this).projectOnVector(b);return this.sub(a)}}(),reflect:function(){var a=new p;return function(b){return this.sub(a.copy(b).multiplyScalar(2*this.dot(b)))}}(),angleTo:function(a){a=this.dot(a)/Math.sqrt(this.lengthSq()*a.lengthSq());return Math.acos(R.clamp(a,-1,1))},distanceTo:function(a){return Math.sqrt(this.distanceToSquared(a))},distanceToSquared:function(a){var b=this.x- +a.x,c=this.y-a.y;a=this.z-a.z;return b*b+c*c+a*a},manhattanDistanceTo:function(a){return Math.abs(this.x-a.x)+Math.abs(this.y-a.y)+Math.abs(this.z-a.z)},setFromSpherical:function(a){var b=Math.sin(a.phi)*a.radius;this.x=b*Math.sin(a.theta);this.y=Math.cos(a.phi)*a.radius;this.z=b*Math.cos(a.theta);return this},setFromCylindrical:function(a){this.x=a.radius*Math.sin(a.theta);this.y=a.y;this.z=a.radius*Math.cos(a.theta);return this},setFromMatrixPosition:function(a){a=a.elements;this.x=a[12];this.y= +a[13];this.z=a[14];return this},setFromMatrixScale:function(a){var b=this.setFromMatrixColumn(a,0).length(),c=this.setFromMatrixColumn(a,1).length();a=this.setFromMatrixColumn(a,2).length();this.x=b;this.y=c;this.z=a;return this},setFromMatrixColumn:function(a,b){return this.fromArray(a.elements,4*b)},equals:function(a){return a.x===this.x&&a.y===this.y&&a.z===this.z},fromArray:function(a,b){void 0===b&&(b=0);this.x=a[b];this.y=a[b+1];this.z=a[b+2];return this},toArray:function(a,b){void 0===a&&(a= +[]);void 0===b&&(b=0);a[b]=this.x;a[b+1]=this.y;a[b+2]=this.z;return a},fromBufferAttribute:function(a,b,c){void 0!==c&&console.warn("THREE.Vector3: offset has been removed from .fromBufferAttribute().");this.x=a.getX(b);this.y=a.getY(b);this.z=a.getZ(b);return this}});Object.assign(oa.prototype,{isMatrix3:!0,set:function(a,b,c,d,e,f,g,h,l){var m=this.elements;m[0]=a;m[1]=d;m[2]=g;m[3]=b;m[4]=e;m[5]=h;m[6]=c;m[7]=f;m[8]=l;return this},identity:function(){this.set(1,0,0,0,1,0,0,0,1);return this},clone:function(){return(new this.constructor).fromArray(this.elements)}, +copy:function(a){var b=this.elements;a=a.elements;b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];b[4]=a[4];b[5]=a[5];b[6]=a[6];b[7]=a[7];b[8]=a[8];return this},setFromMatrix4:function(a){a=a.elements;this.set(a[0],a[4],a[8],a[1],a[5],a[9],a[2],a[6],a[10]);return this},applyToBufferAttribute:function(){var a=new p;return function(b){for(var c=0,d=b.count;cc;c++)if(b[c]!==a[c])return!1;return!0},fromArray:function(a,b){void 0===b&&(b=0);for(var c=0;9>c;c++)this.elements[c]=a[c+b];return this},toArray:function(a,b){void 0===a&&(a=[]);void 0===b&&(b=0);var c= +this.elements;a[b]=c[0];a[b+1]=c[1];a[b+2]=c[2];a[b+3]=c[3];a[b+4]=c[4];a[b+5]=c[5];a[b+6]=c[6];a[b+7]=c[7];a[b+8]=c[8];return a}});var xf=0;X.DEFAULT_IMAGE=void 0;X.DEFAULT_MAPPING=300;X.prototype=Object.assign(Object.create(xa.prototype),{constructor:X,isTexture:!0,updateMatrix:function(){this.matrix.setUvTransform(this.offset.x,this.offset.y,this.repeat.x,this.repeat.y,this.rotation,this.center.x,this.center.y)},clone:function(){return(new this.constructor).copy(this)},copy:function(a){this.name= +a.name;this.image=a.image;this.mipmaps=a.mipmaps.slice(0);this.mapping=a.mapping;this.wrapS=a.wrapS;this.wrapT=a.wrapT;this.magFilter=a.magFilter;this.minFilter=a.minFilter;this.anisotropy=a.anisotropy;this.format=a.format;this.type=a.type;this.offset.copy(a.offset);this.repeat.copy(a.repeat);this.center.copy(a.center);this.rotation=a.rotation;this.matrixAutoUpdate=a.matrixAutoUpdate;this.matrix.copy(a.matrix);this.generateMipmaps=a.generateMipmaps;this.premultiplyAlpha=a.premultiplyAlpha;this.flipY= +a.flipY;this.unpackAlignment=a.unpackAlignment;this.encoding=a.encoding;return this},toJSON:function(a){var b=void 0===a||"string"===typeof a;if(!b&&void 0!==a.textures[this.uuid])return a.textures[this.uuid];var c={metadata:{version:4.5,type:"Texture",generator:"Texture.toJSON"},uuid:this.uuid,name:this.name,mapping:this.mapping,repeat:[this.repeat.x,this.repeat.y],offset:[this.offset.x,this.offset.y],center:[this.center.x,this.center.y],rotation:this.rotation,wrap:[this.wrapS,this.wrapT],format:this.format, +minFilter:this.minFilter,magFilter:this.magFilter,anisotropy:this.anisotropy,flipY:this.flipY};if(void 0!==this.image){var d=this.image;void 0===d.uuid&&(d.uuid=R.generateUUID());if(!b&&void 0===a.images[d.uuid]){var e=a.images,f=d.uuid,g=d.uuid;if(d instanceof HTMLCanvasElement)var h=d;else{h=document.createElementNS("http://www.w3.org/1999/xhtml","canvas");h.width=d.width;h.height=d.height;var l=h.getContext("2d");d instanceof ImageData?l.putImageData(d,0,0):l.drawImage(d,0,0,d.width,d.height)}h= +2048a.x||1a.x?0:1;break;case 1002:a.x=1===Math.abs(Math.floor(a.x)%2)?Math.ceil(a.x)-a.x:a.x-Math.floor(a.x)}if(0>a.y||1a.y?0:1;break;case 1002:a.y=1===Math.abs(Math.floor(a.y)%2)?Math.ceil(a.y)-a.y:a.y-Math.floor(a.y)}this.flipY&&(a.y=1-a.y)}}});Object.defineProperty(X.prototype,"needsUpdate",{set:function(a){!0===a&&this.version++}});Object.assign(da.prototype,{isVector4:!0,set:function(a,b,c,d){this.x=a;this.y=b;this.z=c;this.w=d;return this},setScalar:function(a){this.w=this.z=this.y=this.x=a;return this},setX:function(a){this.x=a;return this},setY:function(a){this.y=a;return this}, +setZ:function(a){this.z=a;return this},setW:function(a){this.w=a;return this},setComponent:function(a,b){switch(a){case 0:this.x=b;break;case 1:this.y=b;break;case 2:this.z=b;break;case 3:this.w=b;break;default:throw Error("index is out of range: "+a);}return this},getComponent:function(a){switch(a){case 0:return this.x;case 1:return this.y;case 2:return this.z;case 3:return this.w;default:throw Error("index is out of range: "+a);}},clone:function(){return new this.constructor(this.x,this.y,this.z, +this.w)},copy:function(a){this.x=a.x;this.y=a.y;this.z=a.z;this.w=void 0!==a.w?a.w:1;return this},add:function(a,b){if(void 0!==b)return console.warn("THREE.Vector4: .add() now only accepts one argument. Use .addVectors( a, b ) instead."),this.addVectors(a,b);this.x+=a.x;this.y+=a.y;this.z+=a.z;this.w+=a.w;return this},addScalar:function(a){this.x+=a;this.y+=a;this.z+=a;this.w+=a;return this},addVectors:function(a,b){this.x=a.x+b.x;this.y=a.y+b.y;this.z=a.z+b.z;this.w=a.w+b.w;return this},addScaledVector:function(a, +b){this.x+=a.x*b;this.y+=a.y*b;this.z+=a.z*b;this.w+=a.w*b;return this},sub:function(a,b){if(void 0!==b)return console.warn("THREE.Vector4: .sub() now only accepts one argument. Use .subVectors( a, b ) instead."),this.subVectors(a,b);this.x-=a.x;this.y-=a.y;this.z-=a.z;this.w-=a.w;return this},subScalar:function(a){this.x-=a;this.y-=a;this.z-=a;this.w-=a;return this},subVectors:function(a,b){this.x=a.x-b.x;this.y=a.y-b.y;this.z=a.z-b.z;this.w=a.w-b.w;return this},multiplyScalar:function(a){this.x*= +a;this.y*=a;this.z*=a;this.w*=a;return this},applyMatrix4:function(a){var b=this.x,c=this.y,d=this.z,e=this.w;a=a.elements;this.x=a[0]*b+a[4]*c+a[8]*d+a[12]*e;this.y=a[1]*b+a[5]*c+a[9]*d+a[13]*e;this.z=a[2]*b+a[6]*c+a[10]*d+a[14]*e;this.w=a[3]*b+a[7]*c+a[11]*d+a[15]*e;return this},divideScalar:function(a){return this.multiplyScalar(1/a)},setAxisAngleFromQuaternion:function(a){this.w=2*Math.acos(a.w);var b=Math.sqrt(1-a.w*a.w);1E-4>b?(this.x=1,this.z=this.y=0):(this.x=a.x/b,this.y=a.y/b,this.z=a.z/ +b);return this},setAxisAngleFromRotationMatrix:function(a){a=a.elements;var b=a[0];var c=a[4];var d=a[8],e=a[1],f=a[5],g=a[9];var h=a[2];var l=a[6];var m=a[10];if(.01>Math.abs(c-e)&&.01>Math.abs(d-h)&&.01>Math.abs(g-l)){if(.1>Math.abs(c+e)&&.1>Math.abs(d+h)&&.1>Math.abs(g+l)&&.1>Math.abs(b+f+m-3))return this.set(1,0,0,0),this;a=Math.PI;b=(b+1)/2;f=(f+1)/2;m=(m+1)/2;c=(c+e)/4;d=(d+h)/4;g=(g+l)/4;b>f&&b>m?.01>b?(l=0,c=h=.707106781):(l=Math.sqrt(b),h=c/l,c=d/l):f>m?.01>f?(l=.707106781,h=0,c=.707106781): +(h=Math.sqrt(f),l=c/h,c=g/h):.01>m?(h=l=.707106781,c=0):(c=Math.sqrt(m),l=d/c,h=g/c);this.set(l,h,c,a);return this}a=Math.sqrt((l-g)*(l-g)+(d-h)*(d-h)+(e-c)*(e-c));.001>Math.abs(a)&&(a=1);this.x=(l-g)/a;this.y=(d-h)/a;this.z=(e-c)/a;this.w=Math.acos((b+f+m-1)/2);return this},min:function(a){this.x=Math.min(this.x,a.x);this.y=Math.min(this.y,a.y);this.z=Math.min(this.z,a.z);this.w=Math.min(this.w,a.w);return this},max:function(a){this.x=Math.max(this.x,a.x);this.y=Math.max(this.y,a.y);this.z=Math.max(this.z, +a.z);this.w=Math.max(this.w,a.w);return this},clamp:function(a,b){this.x=Math.max(a.x,Math.min(b.x,this.x));this.y=Math.max(a.y,Math.min(b.y,this.y));this.z=Math.max(a.z,Math.min(b.z,this.z));this.w=Math.max(a.w,Math.min(b.w,this.w));return this},clampScalar:function(){var a,b;return function(c,d){void 0===a&&(a=new da,b=new da);a.set(c,c,c,c);b.set(d,d,d,d);return this.clamp(a,b)}}(),clampLength:function(a,b){var c=this.length();return this.divideScalar(c||1).multiplyScalar(Math.max(a,Math.min(b, +c)))},floor:function(){this.x=Math.floor(this.x);this.y=Math.floor(this.y);this.z=Math.floor(this.z);this.w=Math.floor(this.w);return this},ceil:function(){this.x=Math.ceil(this.x);this.y=Math.ceil(this.y);this.z=Math.ceil(this.z);this.w=Math.ceil(this.w);return this},round:function(){this.x=Math.round(this.x);this.y=Math.round(this.y);this.z=Math.round(this.z);this.w=Math.round(this.w);return this},roundToZero:function(){this.x=0>this.x?Math.ceil(this.x):Math.floor(this.x);this.y=0>this.y?Math.ceil(this.y): +Math.floor(this.y);this.z=0>this.z?Math.ceil(this.z):Math.floor(this.z);this.w=0>this.w?Math.ceil(this.w):Math.floor(this.w);return this},negate:function(){this.x=-this.x;this.y=-this.y;this.z=-this.z;this.w=-this.w;return this},dot:function(a){return this.x*a.x+this.y*a.y+this.z*a.z+this.w*a.w},lengthSq:function(){return this.x*this.x+this.y*this.y+this.z*this.z+this.w*this.w},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z+this.w*this.w)},manhattanLength:function(){return Math.abs(this.x)+ +Math.abs(this.y)+Math.abs(this.z)+Math.abs(this.w)},normalize:function(){return this.divideScalar(this.length()||1)},setLength:function(a){return this.normalize().multiplyScalar(a)},lerp:function(a,b){this.x+=(a.x-this.x)*b;this.y+=(a.y-this.y)*b;this.z+=(a.z-this.z)*b;this.w+=(a.w-this.w)*b;return this},lerpVectors:function(a,b,c){return this.subVectors(b,a).multiplyScalar(c).add(a)},equals:function(a){return a.x===this.x&&a.y===this.y&&a.z===this.z&&a.w===this.w},fromArray:function(a,b){void 0=== +b&&(b=0);this.x=a[b];this.y=a[b+1];this.z=a[b+2];this.w=a[b+3];return this},toArray:function(a,b){void 0===a&&(a=[]);void 0===b&&(b=0);a[b]=this.x;a[b+1]=this.y;a[b+2]=this.z;a[b+3]=this.w;return a},fromBufferAttribute:function(a,b,c){void 0!==c&&console.warn("THREE.Vector4: offset has been removed from .fromBufferAttribute().");this.x=a.getX(b);this.y=a.getY(b);this.z=a.getZ(b);this.w=a.getW(b);return this}});ib.prototype=Object.assign(Object.create(xa.prototype),{constructor:ib,isWebGLRenderTarget:!0, +setSize:function(a,b){if(this.width!==a||this.height!==b)this.width=a,this.height=b,this.dispose();this.viewport.set(0,0,a,b);this.scissor.set(0,0,a,b)},clone:function(){return(new this.constructor).copy(this)},copy:function(a){this.width=a.width;this.height=a.height;this.viewport.copy(a.viewport);this.texture=a.texture.clone();this.depthBuffer=a.depthBuffer;this.stencilBuffer=a.stencilBuffer;this.depthTexture=a.depthTexture;return this},dispose:function(){this.dispatchEvent({type:"dispose"})}}); +Ib.prototype=Object.create(ib.prototype);Ib.prototype.constructor=Ib;Ib.prototype.isWebGLRenderTargetCube=!0;jb.prototype=Object.create(X.prototype);jb.prototype.constructor=jb;jb.prototype.isDataTexture=!0;Object.assign(Va.prototype,{isBox3:!0,set:function(a,b){this.min.copy(a);this.max.copy(b);return this},setFromArray:function(a){for(var b=Infinity,c=Infinity,d=Infinity,e=-Infinity,f=-Infinity,g=-Infinity,h=0,l=a.length;h +e&&(e=m);k>f&&(f=k);n>g&&(g=n)}this.min.set(b,c,d);this.max.set(e,f,g);return this},setFromBufferAttribute:function(a){for(var b=Infinity,c=Infinity,d=Infinity,e=-Infinity,f=-Infinity,g=-Infinity,h=0,l=a.count;he&&(e=m);k>f&&(f=k);n>g&&(g=n)}this.min.set(b,c,d);this.max.set(e,f,g);return this},setFromPoints:function(a){this.makeEmpty();for(var b=0,c=a.length;bthis.max.x||a.ythis.max.y||a.zthis.max.z?!1:!0},containsBox:function(a){return this.min.x<=a.min.x&&a.max.x<=this.max.x&&this.min.y<=a.min.y&&a.max.y<=this.max.y&&this.min.z<=a.min.z&&a.max.z<=this.max.z},getParameter:function(a,b){void 0===b&&(console.warn("THREE.Box3: .getParameter() target is now required"),b=new p);return b.set((a.x-this.min.x)/(this.max.x- +this.min.x),(a.y-this.min.y)/(this.max.y-this.min.y),(a.z-this.min.z)/(this.max.z-this.min.z))},intersectsBox:function(a){return a.max.xthis.max.x||a.max.ythis.max.y||a.max.zthis.max.z?!1:!0},intersectsSphere:function(){var a=new p;return function(b){this.clampPoint(b.center,a);return a.distanceToSquared(b.center)<=b.radius*b.radius}}(),intersectsPlane:function(a){if(0=a.constant},intersectsTriangle:function(){function a(a){var e;var f=0;for(e=a.length-3;f<=e;f+=3){h.fromArray(a,f);var g=m.x*Math.abs(h.x)+m.y*Math.abs(h.y)+m.z*Math.abs(h.z),l=b.dot(h),k=c.dot(h), +n=d.dot(h);if(Math.max(-Math.max(l,k,n),Math.min(l,k,n))>g)return!1}return!0}var b=new p,c=new p,d=new p,e=new p,f=new p,g=new p,h=new p,l=new p,m=new p,k=new p;return function(h){if(this.isEmpty())return!1;this.getCenter(l);m.subVectors(this.max,l);b.subVectors(h.a,l);c.subVectors(h.b,l);d.subVectors(h.c,l);e.subVectors(c,b);f.subVectors(d,c);g.subVectors(b,d);h=[0,-e.z,e.y,0,-f.z,f.y,0,-g.z,g.y,e.z,0,-e.x,f.z,0,-f.x,g.z,0,-g.x,-e.y,e.x,0,-f.y,f.x,0,-g.y,g.x,0];if(!a(h))return!1;h=[1,0,0,0,1,0,0, +0,1];if(!a(h))return!1;k.crossVectors(e,f);h=[k.x,k.y,k.z];return a(h)}}(),clampPoint:function(a,b){void 0===b&&(console.warn("THREE.Box3: .clampPoint() target is now required"),b=new p);return b.copy(a).clamp(this.min,this.max)},distanceToPoint:function(){var a=new p;return function(b){return a.copy(b).clamp(this.min,this.max).sub(b).length()}}(),getBoundingSphere:function(){var a=new p;return function(b){void 0===b&&(console.warn("THREE.Box3: .getBoundingSphere() target is now required"),b=new Ga); +this.getCenter(b.center);b.radius=.5*this.getSize(a).length();return b}}(),intersect:function(a){this.min.max(a.min);this.max.min(a.max);this.isEmpty()&&this.makeEmpty();return this},union:function(a){this.min.min(a.min);this.max.max(a.max);return this},applyMatrix4:function(){var a=[new p,new p,new p,new p,new p,new p,new p,new p];return function(b){if(this.isEmpty())return this;a[0].set(this.min.x,this.min.y,this.min.z).applyMatrix4(b);a[1].set(this.min.x,this.min.y,this.max.z).applyMatrix4(b); +a[2].set(this.min.x,this.max.y,this.min.z).applyMatrix4(b);a[3].set(this.min.x,this.max.y,this.max.z).applyMatrix4(b);a[4].set(this.max.x,this.min.y,this.min.z).applyMatrix4(b);a[5].set(this.max.x,this.min.y,this.max.z).applyMatrix4(b);a[6].set(this.max.x,this.max.y,this.min.z).applyMatrix4(b);a[7].set(this.max.x,this.max.y,this.max.z).applyMatrix4(b);this.setFromPoints(a);return this}}(),translate:function(a){this.min.add(a);this.max.add(a);return this},equals:function(a){return a.min.equals(this.min)&& +a.max.equals(this.max)}});Object.assign(Ga.prototype,{set:function(a,b){this.center.copy(a);this.radius=b;return this},setFromPoints:function(){var a=new Va;return function(b,c){var d=this.center;void 0!==c?d.copy(c):a.setFromPoints(b).getCenter(d);for(var e=c=0,f=b.length;e= +this.radius},containsPoint:function(a){return a.distanceToSquared(this.center)<=this.radius*this.radius},distanceToPoint:function(a){return a.distanceTo(this.center)-this.radius},intersectsSphere:function(a){var b=this.radius+a.radius;return a.center.distanceToSquared(this.center)<=b*b},intersectsBox:function(a){return a.intersectsSphere(this)},intersectsPlane:function(a){return Math.abs(a.distanceToPoint(this.center))<=this.radius},clampPoint:function(a,b){var c=this.center.distanceToSquared(a); +void 0===b&&(console.warn("THREE.Sphere: .clampPoint() target is now required"),b=new p);b.copy(a);c>this.radius*this.radius&&(b.sub(this.center).normalize(),b.multiplyScalar(this.radius).add(this.center));return b},getBoundingBox:function(a){void 0===a&&(console.warn("THREE.Sphere: .getBoundingBox() target is now required"),a=new Va);a.set(this.center,this.center);a.expandByScalar(this.radius);return a},applyMatrix4:function(a){this.center.applyMatrix4(a);this.radius*=a.getMaxScaleOnAxis();return this}, +translate:function(a){this.center.add(a);return this},equals:function(a){return a.center.equals(this.center)&&a.radius===this.radius}});Object.assign(Ha.prototype,{set:function(a,b){this.normal.copy(a);this.constant=b;return this},setComponents:function(a,b,c,d){this.normal.set(a,b,c);this.constant=d;return this},setFromNormalAndCoplanarPoint:function(a,b){this.normal.copy(a);this.constant=-b.dot(this.normal);return this},setFromCoplanarPoints:function(){var a=new p,b=new p;return function(c,d,e){d= +a.subVectors(e,d).cross(b.subVectors(c,d)).normalize();this.setFromNormalAndCoplanarPoint(d,c);return this}}(),clone:function(){return(new this.constructor).copy(this)},copy:function(a){this.normal.copy(a.normal);this.constant=a.constant;return this},normalize:function(){var a=1/this.normal.length();this.normal.multiplyScalar(a);this.constant*=a;return this},negate:function(){this.constant*=-1;this.normal.negate();return this},distanceToPoint:function(a){return this.normal.dot(a)+this.constant},distanceToSphere:function(a){return this.distanceToPoint(a.center)- +a.radius},projectPoint:function(a,b){void 0===b&&(console.warn("THREE.Plane: .projectPoint() target is now required"),b=new p);return b.copy(this.normal).multiplyScalar(-this.distanceToPoint(a)).add(a)},intersectLine:function(){var a=new p;return function(b,c){void 0===c&&(console.warn("THREE.Plane: .intersectLine() target is now required"),c=new p);var d=b.delta(a),e=this.normal.dot(d);if(0===e){if(0===this.distanceToPoint(b.start))return c.copy(b.start)}else if(e=-(b.start.dot(this.normal)+this.constant)/ +e,!(0>e||1b&&0a&&0c;c++)b[c].copy(a.planes[c]);return this},setFromMatrix:function(a){var b=this.planes,c=a.elements;a=c[0];var d=c[1],e=c[2],f=c[3],g=c[4],h=c[5],l=c[6],m=c[7],k=c[8],n=c[9],p=c[10],r=c[11],q=c[12],u=c[13],x=c[14];c=c[15];b[0].setComponents(f-a,m-g,r-k,c-q).normalize();b[1].setComponents(f+a,m+g,r+k,c+q).normalize();b[2].setComponents(f+d,m+h,r+n,c+u).normalize();b[3].setComponents(f-d,m-h,r-n,c- +u).normalize();b[4].setComponents(f-e,m-l,r-p,c-x).normalize();b[5].setComponents(f+e,m+l,r+p,c+x).normalize();return this},intersectsObject:function(){var a=new Ga;return function(b){var c=b.geometry;null===c.boundingSphere&&c.computeBoundingSphere();a.copy(c.boundingSphere).applyMatrix4(b.matrixWorld);return this.intersectsSphere(a)}}(),intersectsSprite:function(){var a=new Ga;return function(b){a.center.set(0,0,0);a.radius=.7071067811865476;a.applyMatrix4(b.matrixWorld);return this.intersectsSphere(a)}}(), +intersectsSphere:function(a){var b=this.planes,c=a.center;a=-a.radius;for(var d=0;6>d;d++)if(b[d].distanceToPoint(c)e;e++){var f=d[e];a.x=0 +g&&0>f)return!1}return!0}}(),containsPoint:function(a){for(var b=this.planes,c=0;6>c;c++)if(0>b[c].distanceToPoint(a))return!1;return!0}});var W={alphamap_fragment:"#ifdef USE_ALPHAMAP\n\tdiffuseColor.a *= texture2D( alphaMap, vUv ).g;\n#endif\n",alphamap_pars_fragment:"#ifdef USE_ALPHAMAP\n\tuniform sampler2D alphaMap;\n#endif\n",alphatest_fragment:"#ifdef ALPHATEST\n\tif ( diffuseColor.a < ALPHATEST ) discard;\n#endif\n",aomap_fragment:"#ifdef USE_AOMAP\n\tfloat ambientOcclusion = ( texture2D( aoMap, vUv2 ).r - 1.0 ) * aoMapIntensity + 1.0;\n\treflectedLight.indirectDiffuse *= ambientOcclusion;\n\t#if defined( USE_ENVMAP ) && defined( PHYSICAL )\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\treflectedLight.indirectSpecular *= computeSpecularOcclusion( dotNV, ambientOcclusion, material.specularRoughness );\n\t#endif\n#endif\n", +aomap_pars_fragment:"#ifdef USE_AOMAP\n\tuniform sampler2D aoMap;\n\tuniform float aoMapIntensity;\n#endif",begin_vertex:"\nvec3 transformed = vec3( position );\n",beginnormal_vertex:"\nvec3 objectNormal = vec3( normal );\n",bsdfs:"float punctualLightIntensityToIrradianceFactor( const in float lightDistance, const in float cutoffDistance, const in float decayExponent ) {\n\tif( decayExponent > 0.0 ) {\n#if defined ( PHYSICALLY_CORRECT_LIGHTS )\n\t\tfloat distanceFalloff = 1.0 / max( pow( lightDistance, decayExponent ), 0.01 );\n\t\tfloat maxDistanceCutoffFactor = pow2( saturate( 1.0 - pow4( lightDistance / cutoffDistance ) ) );\n\t\treturn distanceFalloff * maxDistanceCutoffFactor;\n#else\n\t\treturn pow( saturate( -lightDistance / cutoffDistance + 1.0 ), decayExponent );\n#endif\n\t}\n\treturn 1.0;\n}\nvec3 BRDF_Diffuse_Lambert( const in vec3 diffuseColor ) {\n\treturn RECIPROCAL_PI * diffuseColor;\n}\nvec3 F_Schlick( const in vec3 specularColor, const in float dotLH ) {\n\tfloat fresnel = exp2( ( -5.55473 * dotLH - 6.98316 ) * dotLH );\n\treturn ( 1.0 - specularColor ) * fresnel + specularColor;\n}\nfloat G_GGX_Smith( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gl = dotNL + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\tfloat gv = dotNV + sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\treturn 1.0 / ( gl * gv );\n}\nfloat G_GGX_SmithCorrelated( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gv = dotNL * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\tfloat gl = dotNV * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\treturn 0.5 / max( gv + gl, EPSILON );\n}\nfloat D_GGX( const in float alpha, const in float dotNH ) {\n\tfloat a2 = pow2( alpha );\n\tfloat denom = pow2( dotNH ) * ( a2 - 1.0 ) + 1.0;\n\treturn RECIPROCAL_PI * a2 / pow2( denom );\n}\nvec3 BRDF_Specular_GGX( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float roughness ) {\n\tfloat alpha = pow2( roughness );\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNL = saturate( dot( geometry.normal, incidentLight.direction ) );\n\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, dotLH );\n\tfloat G = G_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\tfloat D = D_GGX( alpha, dotNH );\n\treturn F * ( G * D );\n}\nvec2 LTC_Uv( const in vec3 N, const in vec3 V, const in float roughness ) {\n\tconst float LUT_SIZE = 64.0;\n\tconst float LUT_SCALE = ( LUT_SIZE - 1.0 ) / LUT_SIZE;\n\tconst float LUT_BIAS = 0.5 / LUT_SIZE;\n\tfloat dotNV = saturate( dot( N, V ) );\n\tvec2 uv = vec2( roughness, sqrt( 1.0 - dotNV ) );\n\tuv = uv * LUT_SCALE + LUT_BIAS;\n\treturn uv;\n}\nfloat LTC_ClippedSphereFormFactor( const in vec3 f ) {\n\tfloat l = length( f );\n\treturn max( ( l * l + f.z ) / ( l + 1.0 ), 0.0 );\n}\nvec3 LTC_EdgeVectorFormFactor( const in vec3 v1, const in vec3 v2 ) {\n\tfloat x = dot( v1, v2 );\n\tfloat y = abs( x );\n\tfloat a = 0.8543985 + ( 0.4965155 + 0.0145206 * y ) * y;\n\tfloat b = 3.4175940 + ( 4.1616724 + y ) * y;\n\tfloat v = a / b;\n\tfloat theta_sintheta = ( x > 0.0 ) ? v : 0.5 * inversesqrt( max( 1.0 - x * x, 1e-7 ) ) - v;\n\treturn cross( v1, v2 ) * theta_sintheta;\n}\nvec3 LTC_Evaluate( const in vec3 N, const in vec3 V, const in vec3 P, const in mat3 mInv, const in vec3 rectCoords[ 4 ] ) {\n\tvec3 v1 = rectCoords[ 1 ] - rectCoords[ 0 ];\n\tvec3 v2 = rectCoords[ 3 ] - rectCoords[ 0 ];\n\tvec3 lightNormal = cross( v1, v2 );\n\tif( dot( lightNormal, P - rectCoords[ 0 ] ) < 0.0 ) return vec3( 0.0 );\n\tvec3 T1, T2;\n\tT1 = normalize( V - N * dot( V, N ) );\n\tT2 = - cross( N, T1 );\n\tmat3 mat = mInv * transposeMat3( mat3( T1, T2, N ) );\n\tvec3 coords[ 4 ];\n\tcoords[ 0 ] = mat * ( rectCoords[ 0 ] - P );\n\tcoords[ 1 ] = mat * ( rectCoords[ 1 ] - P );\n\tcoords[ 2 ] = mat * ( rectCoords[ 2 ] - P );\n\tcoords[ 3 ] = mat * ( rectCoords[ 3 ] - P );\n\tcoords[ 0 ] = normalize( coords[ 0 ] );\n\tcoords[ 1 ] = normalize( coords[ 1 ] );\n\tcoords[ 2 ] = normalize( coords[ 2 ] );\n\tcoords[ 3 ] = normalize( coords[ 3 ] );\n\tvec3 vectorFormFactor = vec3( 0.0 );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 0 ], coords[ 1 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 1 ], coords[ 2 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 2 ], coords[ 3 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 3 ], coords[ 0 ] );\n\tfloat result = LTC_ClippedSphereFormFactor( vectorFormFactor );\n\treturn vec3( result );\n}\nvec3 BRDF_Specular_GGX_Environment( const in GeometricContext geometry, const in vec3 specularColor, const in float roughness ) {\n\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\tconst vec4 c0 = vec4( - 1, - 0.0275, - 0.572, 0.022 );\n\tconst vec4 c1 = vec4( 1, 0.0425, 1.04, - 0.04 );\n\tvec4 r = roughness * c0 + c1;\n\tfloat a004 = min( r.x * r.x, exp2( - 9.28 * dotNV ) ) * r.x + r.y;\n\tvec2 AB = vec2( -1.04, 1.04 ) * a004 + r.zw;\n\treturn specularColor * AB.x + AB.y;\n}\nfloat G_BlinnPhong_Implicit( ) {\n\treturn 0.25;\n}\nfloat D_BlinnPhong( const in float shininess, const in float dotNH ) {\n\treturn RECIPROCAL_PI * ( shininess * 0.5 + 1.0 ) * pow( dotNH, shininess );\n}\nvec3 BRDF_Specular_BlinnPhong( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float shininess ) {\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\n\tfloat dotLH = saturate( dot( incidentLight.direction, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, dotLH );\n\tfloat G = G_BlinnPhong_Implicit( );\n\tfloat D = D_BlinnPhong( shininess, dotNH );\n\treturn F * ( G * D );\n}\nfloat GGXRoughnessToBlinnExponent( const in float ggxRoughness ) {\n\treturn ( 2.0 / pow2( ggxRoughness + 0.0001 ) - 2.0 );\n}\nfloat BlinnExponentToGGXRoughness( const in float blinnExponent ) {\n\treturn sqrt( 2.0 / ( blinnExponent + 2.0 ) );\n}\n", +bumpmap_pars_fragment:"#ifdef USE_BUMPMAP\n\tuniform sampler2D bumpMap;\n\tuniform float bumpScale;\n\tvec2 dHdxy_fwd() {\n\t\tvec2 dSTdx = dFdx( vUv );\n\t\tvec2 dSTdy = dFdy( vUv );\n\t\tfloat Hll = bumpScale * texture2D( bumpMap, vUv ).x;\n\t\tfloat dBx = bumpScale * texture2D( bumpMap, vUv + dSTdx ).x - Hll;\n\t\tfloat dBy = bumpScale * texture2D( bumpMap, vUv + dSTdy ).x - Hll;\n\t\treturn vec2( dBx, dBy );\n\t}\n\tvec3 perturbNormalArb( vec3 surf_pos, vec3 surf_norm, vec2 dHdxy ) {\n\t\tvec3 vSigmaX = vec3( dFdx( surf_pos.x ), dFdx( surf_pos.y ), dFdx( surf_pos.z ) );\n\t\tvec3 vSigmaY = vec3( dFdy( surf_pos.x ), dFdy( surf_pos.y ), dFdy( surf_pos.z ) );\n\t\tvec3 vN = surf_norm;\n\t\tvec3 R1 = cross( vSigmaY, vN );\n\t\tvec3 R2 = cross( vN, vSigmaX );\n\t\tfloat fDet = dot( vSigmaX, R1 );\n\t\tvec3 vGrad = sign( fDet ) * ( dHdxy.x * R1 + dHdxy.y * R2 );\n\t\treturn normalize( abs( fDet ) * surf_norm - vGrad );\n\t}\n#endif\n", +clipping_planes_fragment:"#if NUM_CLIPPING_PLANES > 0\n\tvec4 plane;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < UNION_CLIPPING_PLANES; i ++ ) {\n\t\tplane = clippingPlanes[ i ];\n\t\tif ( dot( vViewPosition, plane.xyz ) > plane.w ) discard;\n\t}\n\t#if UNION_CLIPPING_PLANES < NUM_CLIPPING_PLANES\n\t\tbool clipped = true;\n\t\t#pragma unroll_loop\n\t\tfor ( int i = UNION_CLIPPING_PLANES; i < NUM_CLIPPING_PLANES; i ++ ) {\n\t\t\tplane = clippingPlanes[ i ];\n\t\t\tclipped = ( dot( vViewPosition, plane.xyz ) > plane.w ) && clipped;\n\t\t}\n\t\tif ( clipped ) discard;\n\t#endif\n#endif\n", +clipping_planes_pars_fragment:"#if NUM_CLIPPING_PLANES > 0\n\t#if ! defined( PHYSICAL ) && ! defined( PHONG )\n\t\tvarying vec3 vViewPosition;\n\t#endif\n\tuniform vec4 clippingPlanes[ NUM_CLIPPING_PLANES ];\n#endif\n",clipping_planes_pars_vertex:"#if NUM_CLIPPING_PLANES > 0 && ! defined( PHYSICAL ) && ! defined( PHONG )\n\tvarying vec3 vViewPosition;\n#endif\n",clipping_planes_vertex:"#if NUM_CLIPPING_PLANES > 0 && ! defined( PHYSICAL ) && ! defined( PHONG )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n", +color_fragment:"#ifdef USE_COLOR\n\tdiffuseColor.rgb *= vColor;\n#endif",color_pars_fragment:"#ifdef USE_COLOR\n\tvarying vec3 vColor;\n#endif\n",color_pars_vertex:"#ifdef USE_COLOR\n\tvarying vec3 vColor;\n#endif",color_vertex:"#ifdef USE_COLOR\n\tvColor.xyz = color.xyz;\n#endif",common:"#define PI 3.14159265359\n#define PI2 6.28318530718\n#define PI_HALF 1.5707963267949\n#define RECIPROCAL_PI 0.31830988618\n#define RECIPROCAL_PI2 0.15915494\n#define LOG2 1.442695\n#define EPSILON 1e-6\n#define saturate(a) clamp( a, 0.0, 1.0 )\n#define whiteCompliment(a) ( 1.0 - saturate( a ) )\nfloat pow2( const in float x ) { return x*x; }\nfloat pow3( const in float x ) { return x*x*x; }\nfloat pow4( const in float x ) { float x2 = x*x; return x2*x2; }\nfloat average( const in vec3 color ) { return dot( color, vec3( 0.3333 ) ); }\nhighp float rand( const in vec2 uv ) {\n\tconst highp float a = 12.9898, b = 78.233, c = 43758.5453;\n\thighp float dt = dot( uv.xy, vec2( a,b ) ), sn = mod( dt, PI );\n\treturn fract(sin(sn) * c);\n}\nstruct IncidentLight {\n\tvec3 color;\n\tvec3 direction;\n\tbool visible;\n};\nstruct ReflectedLight {\n\tvec3 directDiffuse;\n\tvec3 directSpecular;\n\tvec3 indirectDiffuse;\n\tvec3 indirectSpecular;\n};\nstruct GeometricContext {\n\tvec3 position;\n\tvec3 normal;\n\tvec3 viewDir;\n};\nvec3 transformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );\n}\nvec3 inverseTransformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( vec4( dir, 0.0 ) * matrix ).xyz );\n}\nvec3 projectOnPlane(in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\tfloat distance = dot( planeNormal, point - pointOnPlane );\n\treturn - distance * planeNormal + point;\n}\nfloat sideOfPlane( in vec3 point, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\treturn sign( dot( point - pointOnPlane, planeNormal ) );\n}\nvec3 linePlaneIntersect( in vec3 pointOnLine, in vec3 lineDirection, in vec3 pointOnPlane, in vec3 planeNormal ) {\n\treturn lineDirection * ( dot( planeNormal, pointOnPlane - pointOnLine ) / dot( planeNormal, lineDirection ) ) + pointOnLine;\n}\nmat3 transposeMat3( const in mat3 m ) {\n\tmat3 tmp;\n\ttmp[ 0 ] = vec3( m[ 0 ].x, m[ 1 ].x, m[ 2 ].x );\n\ttmp[ 1 ] = vec3( m[ 0 ].y, m[ 1 ].y, m[ 2 ].y );\n\ttmp[ 2 ] = vec3( m[ 0 ].z, m[ 1 ].z, m[ 2 ].z );\n\treturn tmp;\n}\nfloat linearToRelativeLuminance( const in vec3 color ) {\n\tvec3 weights = vec3( 0.2126, 0.7152, 0.0722 );\n\treturn dot( weights, color.rgb );\n}\n", +cube_uv_reflection_fragment:"#ifdef ENVMAP_TYPE_CUBE_UV\n#define cubeUV_textureSize (1024.0)\nint getFaceFromDirection(vec3 direction) {\n\tvec3 absDirection = abs(direction);\n\tint face = -1;\n\tif( absDirection.x > absDirection.z ) {\n\t\tif(absDirection.x > absDirection.y )\n\t\t\tface = direction.x > 0.0 ? 0 : 3;\n\t\telse\n\t\t\tface = direction.y > 0.0 ? 1 : 4;\n\t}\n\telse {\n\t\tif(absDirection.z > absDirection.y )\n\t\t\tface = direction.z > 0.0 ? 2 : 5;\n\t\telse\n\t\t\tface = direction.y > 0.0 ? 1 : 4;\n\t}\n\treturn face;\n}\n#define cubeUV_maxLods1 (log2(cubeUV_textureSize*0.25) - 1.0)\n#define cubeUV_rangeClamp (exp2((6.0 - 1.0) * 2.0))\nvec2 MipLevelInfo( vec3 vec, float roughnessLevel, float roughness ) {\n\tfloat scale = exp2(cubeUV_maxLods1 - roughnessLevel);\n\tfloat dxRoughness = dFdx(roughness);\n\tfloat dyRoughness = dFdy(roughness);\n\tvec3 dx = dFdx( vec * scale * dxRoughness );\n\tvec3 dy = dFdy( vec * scale * dyRoughness );\n\tfloat d = max( dot( dx, dx ), dot( dy, dy ) );\n\td = clamp(d, 1.0, cubeUV_rangeClamp);\n\tfloat mipLevel = 0.5 * log2(d);\n\treturn vec2(floor(mipLevel), fract(mipLevel));\n}\n#define cubeUV_maxLods2 (log2(cubeUV_textureSize*0.25) - 2.0)\n#define cubeUV_rcpTextureSize (1.0 / cubeUV_textureSize)\nvec2 getCubeUV(vec3 direction, float roughnessLevel, float mipLevel) {\n\tmipLevel = roughnessLevel > cubeUV_maxLods2 - 3.0 ? 0.0 : mipLevel;\n\tfloat a = 16.0 * cubeUV_rcpTextureSize;\n\tvec2 exp2_packed = exp2( vec2( roughnessLevel, mipLevel ) );\n\tvec2 rcp_exp2_packed = vec2( 1.0 ) / exp2_packed;\n\tfloat powScale = exp2_packed.x * exp2_packed.y;\n\tfloat scale = rcp_exp2_packed.x * rcp_exp2_packed.y * 0.25;\n\tfloat mipOffset = 0.75*(1.0 - rcp_exp2_packed.y) * rcp_exp2_packed.x;\n\tbool bRes = mipLevel == 0.0;\n\tscale = bRes && (scale < a) ? a : scale;\n\tvec3 r;\n\tvec2 offset;\n\tint face = getFaceFromDirection(direction);\n\tfloat rcpPowScale = 1.0 / powScale;\n\tif( face == 0) {\n\t\tr = vec3(direction.x, -direction.z, direction.y);\n\t\toffset = vec2(0.0+mipOffset,0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 1) {\n\t\tr = vec3(direction.y, direction.x, direction.z);\n\t\toffset = vec2(scale+mipOffset, 0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 2) {\n\t\tr = vec3(direction.z, direction.x, direction.y);\n\t\toffset = vec2(2.0*scale+mipOffset, 0.75 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? a : offset.y;\n\t}\n\telse if( face == 3) {\n\t\tr = vec3(direction.x, direction.z, direction.y);\n\t\toffset = vec2(0.0+mipOffset,0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\telse if( face == 4) {\n\t\tr = vec3(direction.y, direction.x, -direction.z);\n\t\toffset = vec2(scale+mipOffset, 0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\telse {\n\t\tr = vec3(direction.z, -direction.x, direction.y);\n\t\toffset = vec2(2.0*scale+mipOffset, 0.5 * rcpPowScale);\n\t\toffset.y = bRes && (offset.y < 2.0*a) ? 0.0 : offset.y;\n\t}\n\tr = normalize(r);\n\tfloat texelOffset = 0.5 * cubeUV_rcpTextureSize;\n\tvec2 s = ( r.yz / abs( r.x ) + vec2( 1.0 ) ) * 0.5;\n\tvec2 base = offset + vec2( texelOffset );\n\treturn base + s * ( scale - 2.0 * texelOffset );\n}\n#define cubeUV_maxLods3 (log2(cubeUV_textureSize*0.25) - 3.0)\nvec4 textureCubeUV(vec3 reflectedDirection, float roughness ) {\n\tfloat roughnessVal = roughness* cubeUV_maxLods3;\n\tfloat r1 = floor(roughnessVal);\n\tfloat r2 = r1 + 1.0;\n\tfloat t = fract(roughnessVal);\n\tvec2 mipInfo = MipLevelInfo(reflectedDirection, r1, roughness);\n\tfloat s = mipInfo.y;\n\tfloat level0 = mipInfo.x;\n\tfloat level1 = level0 + 1.0;\n\tlevel1 = level1 > 5.0 ? 5.0 : level1;\n\tlevel0 += min( floor( s + 0.5 ), 5.0 );\n\tvec2 uv_10 = getCubeUV(reflectedDirection, r1, level0);\n\tvec4 color10 = envMapTexelToLinear(texture2D(envMap, uv_10));\n\tvec2 uv_20 = getCubeUV(reflectedDirection, r2, level0);\n\tvec4 color20 = envMapTexelToLinear(texture2D(envMap, uv_20));\n\tvec4 result = mix(color10, color20, t);\n\treturn vec4(result.rgb, 1.0);\n}\n#endif\n", +defaultnormal_vertex:"vec3 transformedNormal = normalMatrix * objectNormal;\n#ifdef FLIP_SIDED\n\ttransformedNormal = - transformedNormal;\n#endif\n",displacementmap_pars_vertex:"#ifdef USE_DISPLACEMENTMAP\n\tuniform sampler2D displacementMap;\n\tuniform float displacementScale;\n\tuniform float displacementBias;\n#endif\n",displacementmap_vertex:"#ifdef USE_DISPLACEMENTMAP\n\ttransformed += normalize( objectNormal ) * ( texture2D( displacementMap, uv ).x * displacementScale + displacementBias );\n#endif\n", +emissivemap_fragment:"#ifdef USE_EMISSIVEMAP\n\tvec4 emissiveColor = texture2D( emissiveMap, vUv );\n\temissiveColor.rgb = emissiveMapTexelToLinear( emissiveColor ).rgb;\n\ttotalEmissiveRadiance *= emissiveColor.rgb;\n#endif\n",emissivemap_pars_fragment:"#ifdef USE_EMISSIVEMAP\n\tuniform sampler2D emissiveMap;\n#endif\n",encodings_fragment:" gl_FragColor = linearToOutputTexel( gl_FragColor );\n",encodings_pars_fragment:"\nvec4 LinearToLinear( in vec4 value ) {\n\treturn value;\n}\nvec4 GammaToLinear( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.xyz, vec3( gammaFactor ) ), value.w );\n}\nvec4 LinearToGamma( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.xyz, vec3( 1.0 / gammaFactor ) ), value.w );\n}\nvec4 sRGBToLinear( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), value.rgb * 0.0773993808, vec3( lessThanEqual( value.rgb, vec3( 0.04045 ) ) ) ), value.w );\n}\nvec4 LinearTosRGB( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb, vec3( 0.41666 ) ) * 1.055 - vec3( 0.055 ), value.rgb * 12.92, vec3( lessThanEqual( value.rgb, vec3( 0.0031308 ) ) ) ), value.w );\n}\nvec4 RGBEToLinear( in vec4 value ) {\n\treturn vec4( value.rgb * exp2( value.a * 255.0 - 128.0 ), 1.0 );\n}\nvec4 LinearToRGBE( in vec4 value ) {\n\tfloat maxComponent = max( max( value.r, value.g ), value.b );\n\tfloat fExp = clamp( ceil( log2( maxComponent ) ), -128.0, 127.0 );\n\treturn vec4( value.rgb / exp2( fExp ), ( fExp + 128.0 ) / 255.0 );\n}\nvec4 RGBMToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.xyz * value.w * maxRange, 1.0 );\n}\nvec4 LinearToRGBM( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.x, max( value.g, value.b ) );\n\tfloat M = clamp( maxRGB / maxRange, 0.0, 1.0 );\n\tM = ceil( M * 255.0 ) / 255.0;\n\treturn vec4( value.rgb / ( M * maxRange ), M );\n}\nvec4 RGBDToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * ( ( maxRange / 255.0 ) / value.a ), 1.0 );\n}\nvec4 LinearToRGBD( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.x, max( value.g, value.b ) );\n\tfloat D = max( maxRange / maxRGB, 1.0 );\n\tD = min( floor( D ) / 255.0, 1.0 );\n\treturn vec4( value.rgb * ( D * ( 255.0 / maxRange ) ), D );\n}\nconst mat3 cLogLuvM = mat3( 0.2209, 0.3390, 0.4184, 0.1138, 0.6780, 0.7319, 0.0102, 0.1130, 0.2969 );\nvec4 LinearToLogLuv( in vec4 value ) {\n\tvec3 Xp_Y_XYZp = value.rgb * cLogLuvM;\n\tXp_Y_XYZp = max(Xp_Y_XYZp, vec3(1e-6, 1e-6, 1e-6));\n\tvec4 vResult;\n\tvResult.xy = Xp_Y_XYZp.xy / Xp_Y_XYZp.z;\n\tfloat Le = 2.0 * log2(Xp_Y_XYZp.y) + 127.0;\n\tvResult.w = fract(Le);\n\tvResult.z = (Le - (floor(vResult.w*255.0))/255.0)/255.0;\n\treturn vResult;\n}\nconst mat3 cLogLuvInverseM = mat3( 6.0014, -2.7008, -1.7996, -1.3320, 3.1029, -5.7721, 0.3008, -1.0882, 5.6268 );\nvec4 LogLuvToLinear( in vec4 value ) {\n\tfloat Le = value.z * 255.0 + value.w;\n\tvec3 Xp_Y_XYZp;\n\tXp_Y_XYZp.y = exp2((Le - 127.0) / 2.0);\n\tXp_Y_XYZp.z = Xp_Y_XYZp.y / value.y;\n\tXp_Y_XYZp.x = value.x * Xp_Y_XYZp.z;\n\tvec3 vRGB = Xp_Y_XYZp.rgb * cLogLuvInverseM;\n\treturn vec4( max(vRGB, 0.0), 1.0 );\n}\n", +envmap_fragment:"#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvec3 cameraToVertex = normalize( vWorldPosition - cameraPosition );\n\t\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( cameraToVertex, worldNormal, refractionRatio );\n\t\t#endif\n\t#else\n\t\tvec3 reflectVec = vReflect;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tvec4 envColor = textureCube( envMap, vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );\n\t#elif defined( ENVMAP_TYPE_EQUIREC )\n\t\tvec2 sampleUV;\n\t\treflectVec = normalize( reflectVec );\n\t\tsampleUV.y = asin( clamp( reflectVec.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\t\tsampleUV.x = atan( reflectVec.z, reflectVec.x ) * RECIPROCAL_PI2 + 0.5;\n\t\tvec4 envColor = texture2D( envMap, sampleUV );\n\t#elif defined( ENVMAP_TYPE_SPHERE )\n\t\treflectVec = normalize( reflectVec );\n\t\tvec3 reflectView = normalize( ( viewMatrix * vec4( reflectVec, 0.0 ) ).xyz + vec3( 0.0, 0.0, 1.0 ) );\n\t\tvec4 envColor = texture2D( envMap, reflectView.xy * 0.5 + 0.5 );\n\t#else\n\t\tvec4 envColor = vec4( 0.0 );\n\t#endif\n\tenvColor = envMapTexelToLinear( envColor );\n\t#ifdef ENVMAP_BLENDING_MULTIPLY\n\t\toutgoingLight = mix( outgoingLight, outgoingLight * envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_MIX )\n\t\toutgoingLight = mix( outgoingLight, envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_ADD )\n\t\toutgoingLight += envColor.xyz * specularStrength * reflectivity;\n\t#endif\n#endif\n", +envmap_pars_fragment:"#if defined( USE_ENVMAP ) || defined( PHYSICAL )\n\tuniform float reflectivity;\n\tuniform float envMapIntensity;\n#endif\n#ifdef USE_ENVMAP\n\t#if ! defined( PHYSICAL ) && ( defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG ) )\n\t\tvarying vec3 vWorldPosition;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tuniform samplerCube envMap;\n\t#else\n\t\tuniform sampler2D envMap;\n\t#endif\n\tuniform float flipEnvMap;\n\tuniform int maxMipLevel;\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG ) || defined( PHYSICAL )\n\t\tuniform float refractionRatio;\n\t#else\n\t\tvarying vec3 vReflect;\n\t#endif\n#endif\n", +envmap_pars_vertex:"#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvarying vec3 vWorldPosition;\n\t#else\n\t\tvarying vec3 vReflect;\n\t\tuniform float refractionRatio;\n\t#endif\n#endif\n",envmap_vertex:"#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\tvWorldPosition = worldPosition.xyz;\n\t#else\n\t\tvec3 cameraToVertex = normalize( worldPosition.xyz - cameraPosition );\n\t\tvec3 worldNormal = inverseTransformDirection( transformedNormal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvReflect = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvReflect = refract( cameraToVertex, worldNormal, refractionRatio );\n\t\t#endif\n\t#endif\n#endif\n", +fog_vertex:"\n#ifdef USE_FOG\nfogDepth = -mvPosition.z;\n#endif",fog_pars_vertex:"#ifdef USE_FOG\n varying float fogDepth;\n#endif\n",fog_fragment:"#ifdef USE_FOG\n\t#ifdef FOG_EXP2\n\t\tfloat fogFactor = whiteCompliment( exp2( - fogDensity * fogDensity * fogDepth * fogDepth * LOG2 ) );\n\t#else\n\t\tfloat fogFactor = smoothstep( fogNear, fogFar, fogDepth );\n\t#endif\n\tgl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );\n#endif\n",fog_pars_fragment:"#ifdef USE_FOG\n\tuniform vec3 fogColor;\n\tvarying float fogDepth;\n\t#ifdef FOG_EXP2\n\t\tuniform float fogDensity;\n\t#else\n\t\tuniform float fogNear;\n\t\tuniform float fogFar;\n\t#endif\n#endif\n", +gradientmap_pars_fragment:"#ifdef TOON\n\tuniform sampler2D gradientMap;\n\tvec3 getGradientIrradiance( vec3 normal, vec3 lightDirection ) {\n\t\tfloat dotNL = dot( normal, lightDirection );\n\t\tvec2 coord = vec2( dotNL * 0.5 + 0.5, 0.0 );\n\t\t#ifdef USE_GRADIENTMAP\n\t\t\treturn texture2D( gradientMap, coord ).rgb;\n\t\t#else\n\t\t\treturn ( coord.x < 0.7 ) ? vec3( 0.7 ) : vec3( 1.0 );\n\t\t#endif\n\t}\n#endif\n",lightmap_fragment:"#ifdef USE_LIGHTMAP\n\treflectedLight.indirectDiffuse += PI * texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n#endif\n", +lightmap_pars_fragment:"#ifdef USE_LIGHTMAP\n\tuniform sampler2D lightMap;\n\tuniform float lightMapIntensity;\n#endif",lights_lambert_vertex:"vec3 diffuse = vec3( 1.0 );\nGeometricContext geometry;\ngeometry.position = mvPosition.xyz;\ngeometry.normal = normalize( transformedNormal );\ngeometry.viewDir = normalize( -mvPosition.xyz );\nGeometricContext backGeometry;\nbackGeometry.position = geometry.position;\nbackGeometry.normal = -geometry.normal;\nbackGeometry.viewDir = geometry.viewDir;\nvLightFront = vec3( 0.0 );\n#ifdef DOUBLE_SIDED\n\tvLightBack = vec3( 0.0 );\n#endif\nIncidentLight directLight;\nfloat dotNL;\nvec3 directLightColor_Diffuse;\n#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tgetPointDirectLightIrradiance( pointLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tgetSpotDirectLightIrradiance( spotLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tgetDirectionalDirectLightIrradiance( directionalLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = PI * directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( -dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\tvLightFront += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += getHemisphereLightIrradiance( hemisphereLights[ i ], backGeometry );\n\t\t#endif\n\t}\n#endif\n", +lights_pars_begin:"uniform vec3 ambientLightColor;\nvec3 getAmbientLightIrradiance( const in vec3 ambientLightColor ) {\n\tvec3 irradiance = ambientLightColor;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treturn irradiance;\n}\n#if NUM_DIR_LIGHTS > 0\n\tstruct DirectionalLight {\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t};\n\tuniform DirectionalLight directionalLights[ NUM_DIR_LIGHTS ];\n\tvoid getDirectionalDirectLightIrradiance( const in DirectionalLight directionalLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tdirectLight.color = directionalLight.color;\n\t\tdirectLight.direction = directionalLight.direction;\n\t\tdirectLight.visible = true;\n\t}\n#endif\n#if NUM_POINT_LIGHTS > 0\n\tstruct PointLight {\n\t\tvec3 position;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t\tfloat shadowCameraNear;\n\t\tfloat shadowCameraFar;\n\t};\n\tuniform PointLight pointLights[ NUM_POINT_LIGHTS ];\n\tvoid getPointDirectLightIrradiance( const in PointLight pointLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tvec3 lVector = pointLight.position - geometry.position;\n\t\tdirectLight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tdirectLight.color = pointLight.color;\n\t\tdirectLight.color *= punctualLightIntensityToIrradianceFactor( lightDistance, pointLight.distance, pointLight.decay );\n\t\tdirectLight.visible = ( directLight.color != vec3( 0.0 ) );\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\tstruct SpotLight {\n\t\tvec3 position;\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tfloat coneCos;\n\t\tfloat penumbraCos;\n\t\tint shadow;\n\t\tfloat shadowBias;\n\t\tfloat shadowRadius;\n\t\tvec2 shadowMapSize;\n\t};\n\tuniform SpotLight spotLights[ NUM_SPOT_LIGHTS ];\n\tvoid getSpotDirectLightIrradiance( const in SpotLight spotLight, const in GeometricContext geometry, out IncidentLight directLight ) {\n\t\tvec3 lVector = spotLight.position - geometry.position;\n\t\tdirectLight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tfloat angleCos = dot( directLight.direction, spotLight.direction );\n\t\tif ( angleCos > spotLight.coneCos ) {\n\t\t\tfloat spotEffect = smoothstep( spotLight.coneCos, spotLight.penumbraCos, angleCos );\n\t\t\tdirectLight.color = spotLight.color;\n\t\t\tdirectLight.color *= spotEffect * punctualLightIntensityToIrradianceFactor( lightDistance, spotLight.distance, spotLight.decay );\n\t\t\tdirectLight.visible = true;\n\t\t} else {\n\t\t\tdirectLight.color = vec3( 0.0 );\n\t\t\tdirectLight.visible = false;\n\t\t}\n\t}\n#endif\n#if NUM_RECT_AREA_LIGHTS > 0\n\tstruct RectAreaLight {\n\t\tvec3 color;\n\t\tvec3 position;\n\t\tvec3 halfWidth;\n\t\tvec3 halfHeight;\n\t};\n\tuniform sampler2D ltc_1;\tuniform sampler2D ltc_2;\n\tuniform RectAreaLight rectAreaLights[ NUM_RECT_AREA_LIGHTS ];\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\tstruct HemisphereLight {\n\t\tvec3 direction;\n\t\tvec3 skyColor;\n\t\tvec3 groundColor;\n\t};\n\tuniform HemisphereLight hemisphereLights[ NUM_HEMI_LIGHTS ];\n\tvec3 getHemisphereLightIrradiance( const in HemisphereLight hemiLight, const in GeometricContext geometry ) {\n\t\tfloat dotNL = dot( geometry.normal, hemiLight.direction );\n\t\tfloat hemiDiffuseWeight = 0.5 * dotNL + 0.5;\n\t\tvec3 irradiance = mix( hemiLight.groundColor, hemiLight.skyColor, hemiDiffuseWeight );\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tirradiance *= PI;\n\t\t#endif\n\t\treturn irradiance;\n\t}\n#endif\n", +lights_pars_maps:"#if defined( USE_ENVMAP ) && defined( PHYSICAL )\n\tvec3 getLightProbeIndirectIrradiance( const in GeometricContext geometry, const in int maxMIPLevel ) {\n\t\tvec3 worldNormal = inverseTransformDirection( geometry.normal, viewMatrix );\n\t\t#ifdef ENVMAP_TYPE_CUBE\n\t\t\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = textureCubeLodEXT( envMap, queryVec, float( maxMIPLevel ) );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = textureCube( envMap, queryVec, float( maxMIPLevel ) );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec3 queryVec = vec3( flipEnvMap * worldNormal.x, worldNormal.yz );\n\t\t\tvec4 envMapColor = textureCubeUV( queryVec, 1.0 );\n\t\t#else\n\t\t\tvec4 envMapColor = vec4( 0.0 );\n\t\t#endif\n\t\treturn PI * envMapColor.rgb * envMapIntensity;\n\t}\n\tfloat getSpecularMIPLevel( const in float blinnShininessExponent, const in int maxMIPLevel ) {\n\t\tfloat maxMIPLevelScalar = float( maxMIPLevel );\n\t\tfloat desiredMIPLevel = maxMIPLevelScalar + 0.79248 - 0.5 * log2( pow2( blinnShininessExponent ) + 1.0 );\n\t\treturn clamp( desiredMIPLevel, 0.0, maxMIPLevelScalar );\n\t}\n\tvec3 getLightProbeIndirectRadiance( const in GeometricContext geometry, const in float blinnShininessExponent, const in int maxMIPLevel ) {\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( -geometry.viewDir, geometry.normal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( -geometry.viewDir, geometry.normal, refractionRatio );\n\t\t#endif\n\t\treflectVec = inverseTransformDirection( reflectVec, viewMatrix );\n\t\tfloat specularMIPLevel = getSpecularMIPLevel( blinnShininessExponent, maxMIPLevel );\n\t\t#ifdef ENVMAP_TYPE_CUBE\n\t\t\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = textureCubeLodEXT( envMap, queryReflectVec, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = textureCube( envMap, queryReflectVec, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec3 queryReflectVec = vec3( flipEnvMap * reflectVec.x, reflectVec.yz );\n\t\t\tvec4 envMapColor = textureCubeUV(queryReflectVec, BlinnExponentToGGXRoughness(blinnShininessExponent));\n\t\t#elif defined( ENVMAP_TYPE_EQUIREC )\n\t\t\tvec2 sampleUV;\n\t\t\tsampleUV.y = asin( clamp( reflectVec.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\t\t\tsampleUV.x = atan( reflectVec.z, reflectVec.x ) * RECIPROCAL_PI2 + 0.5;\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = texture2DLodEXT( envMap, sampleUV, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = texture2D( envMap, sampleUV, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#elif defined( ENVMAP_TYPE_SPHERE )\n\t\t\tvec3 reflectView = normalize( ( viewMatrix * vec4( reflectVec, 0.0 ) ).xyz + vec3( 0.0,0.0,1.0 ) );\n\t\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\t\tvec4 envMapColor = texture2DLodEXT( envMap, reflectView.xy * 0.5 + 0.5, specularMIPLevel );\n\t\t\t#else\n\t\t\t\tvec4 envMapColor = texture2D( envMap, reflectView.xy * 0.5 + 0.5, specularMIPLevel );\n\t\t\t#endif\n\t\t\tenvMapColor.rgb = envMapTexelToLinear( envMapColor ).rgb;\n\t\t#endif\n\t\treturn envMapColor.rgb * envMapIntensity;\n\t}\n#endif\n", +lights_phong_fragment:"BlinnPhongMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;\nmaterial.specularColor = specular;\nmaterial.specularShininess = shininess;\nmaterial.specularStrength = specularStrength;\n",lights_phong_pars_fragment:"varying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\nstruct BlinnPhongMaterial {\n\tvec3\tdiffuseColor;\n\tvec3\tspecularColor;\n\tfloat\tspecularShininess;\n\tfloat\tspecularStrength;\n};\nvoid RE_Direct_BlinnPhong( const in IncidentLight directLight, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\t#ifdef TOON\n\t\tvec3 irradiance = getGradientIrradiance( geometry.normal, directLight.direction ) * directLight.color;\n\t#else\n\t\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\t\tvec3 irradiance = dotNL * directLight.color;\n\t#endif\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\treflectedLight.directDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\treflectedLight.directSpecular += irradiance * BRDF_Specular_BlinnPhong( directLight, geometry, material.specularColor, material.specularShininess ) * material.specularStrength;\n}\nvoid RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_BlinnPhong\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_BlinnPhong\n#define Material_LightProbeLOD( material )\t(0)\n", +lights_physical_fragment:"PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nmaterial.specularRoughness = clamp( roughnessFactor, 0.04, 1.0 );\n#ifdef STANDARD\n\tmaterial.specularColor = mix( vec3( DEFAULT_SPECULAR_COEFFICIENT ), diffuseColor.rgb, metalnessFactor );\n#else\n\tmaterial.specularColor = mix( vec3( MAXIMUM_SPECULAR_COEFFICIENT * pow2( reflectivity ) ), diffuseColor.rgb, metalnessFactor );\n\tmaterial.clearCoat = saturate( clearCoat );\tmaterial.clearCoatRoughness = clamp( clearCoatRoughness, 0.04, 1.0 );\n#endif\n", +lights_physical_pars_fragment:"struct PhysicalMaterial {\n\tvec3\tdiffuseColor;\n\tfloat\tspecularRoughness;\n\tvec3\tspecularColor;\n\t#ifndef STANDARD\n\t\tfloat clearCoat;\n\t\tfloat clearCoatRoughness;\n\t#endif\n};\n#define MAXIMUM_SPECULAR_COEFFICIENT 0.16\n#define DEFAULT_SPECULAR_COEFFICIENT 0.04\nfloat clearCoatDHRApprox( const in float roughness, const in float dotNL ) {\n\treturn DEFAULT_SPECULAR_COEFFICIENT + ( 1.0 - DEFAULT_SPECULAR_COEFFICIENT ) * ( pow( 1.0 - dotNL, 5.0 ) * pow( 1.0 - roughness, 2.0 ) );\n}\n#if NUM_RECT_AREA_LIGHTS > 0\n\tvoid RE_Direct_RectArea_Physical( const in RectAreaLight rectAreaLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t\tvec3 normal = geometry.normal;\n\t\tvec3 viewDir = geometry.viewDir;\n\t\tvec3 position = geometry.position;\n\t\tvec3 lightPos = rectAreaLight.position;\n\t\tvec3 halfWidth = rectAreaLight.halfWidth;\n\t\tvec3 halfHeight = rectAreaLight.halfHeight;\n\t\tvec3 lightColor = rectAreaLight.color;\n\t\tfloat roughness = material.specularRoughness;\n\t\tvec3 rectCoords[ 4 ];\n\t\trectCoords[ 0 ] = lightPos - halfWidth - halfHeight;\t\trectCoords[ 1 ] = lightPos + halfWidth - halfHeight;\n\t\trectCoords[ 2 ] = lightPos + halfWidth + halfHeight;\n\t\trectCoords[ 3 ] = lightPos - halfWidth + halfHeight;\n\t\tvec2 uv = LTC_Uv( normal, viewDir, roughness );\n\t\tvec4 t1 = texture2D( ltc_1, uv );\n\t\tvec4 t2 = texture2D( ltc_2, uv );\n\t\tmat3 mInv = mat3(\n\t\t\tvec3( t1.x, 0, t1.y ),\n\t\t\tvec3( 0, 1, 0 ),\n\t\t\tvec3( t1.z, 0, t1.w )\n\t\t);\n\t\tvec3 fresnel = ( material.specularColor * t2.x + ( vec3( 1.0 ) - material.specularColor ) * t2.y );\n\t\treflectedLight.directSpecular += lightColor * fresnel * LTC_Evaluate( normal, viewDir, position, mInv, rectCoords );\n\t\treflectedLight.directDiffuse += lightColor * material.diffuseColor * LTC_Evaluate( normal, viewDir, position, mat3( 1.0 ), rectCoords );\n\t}\n#endif\nvoid RE_Direct_Physical( const in IncidentLight directLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tirradiance *= PI;\n\t#endif\n\t#ifndef STANDARD\n\t\tfloat clearCoatDHR = material.clearCoat * clearCoatDHRApprox( material.clearCoatRoughness, dotNL );\n\t#else\n\t\tfloat clearCoatDHR = 0.0;\n\t#endif\n\treflectedLight.directSpecular += ( 1.0 - clearCoatDHR ) * irradiance * BRDF_Specular_GGX( directLight, geometry, material.specularColor, material.specularRoughness );\n\treflectedLight.directDiffuse += ( 1.0 - clearCoatDHR ) * irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n\t#ifndef STANDARD\n\t\treflectedLight.directSpecular += irradiance * material.clearCoat * BRDF_Specular_GGX( directLight, geometry, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearCoatRoughness );\n\t#endif\n}\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Diffuse_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectSpecular_Physical( const in vec3 radiance, const in vec3 clearCoatRadiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t#ifndef STANDARD\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\tfloat dotNL = dotNV;\n\t\tfloat clearCoatDHR = material.clearCoat * clearCoatDHRApprox( material.clearCoatRoughness, dotNL );\n\t#else\n\t\tfloat clearCoatDHR = 0.0;\n\t#endif\n\treflectedLight.indirectSpecular += ( 1.0 - clearCoatDHR ) * radiance * BRDF_Specular_GGX_Environment( geometry, material.specularColor, material.specularRoughness );\n\t#ifndef STANDARD\n\t\treflectedLight.indirectSpecular += clearCoatRadiance * material.clearCoat * BRDF_Specular_GGX_Environment( geometry, vec3( DEFAULT_SPECULAR_COEFFICIENT ), material.clearCoatRoughness );\n\t#endif\n}\n#define RE_Direct\t\t\t\tRE_Direct_Physical\n#define RE_Direct_RectArea\t\tRE_Direct_RectArea_Physical\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Physical\n#define RE_IndirectSpecular\t\tRE_IndirectSpecular_Physical\n#define Material_BlinnShininessExponent( material ) GGXRoughnessToBlinnExponent( material.specularRoughness )\n#define Material_ClearCoat_BlinnShininessExponent( material ) GGXRoughnessToBlinnExponent( material.clearCoatRoughness )\nfloat computeSpecularOcclusion( const in float dotNV, const in float ambientOcclusion, const in float roughness ) {\n\treturn saturate( pow( dotNV + ambientOcclusion, exp2( - 16.0 * roughness - 1.0 ) ) - 1.0 + ambientOcclusion );\n}\n", +lights_fragment_begin:"\nGeometricContext geometry;\ngeometry.position = - vViewPosition;\ngeometry.normal = normal;\ngeometry.viewDir = normalize( vViewPosition );\nIncidentLight directLight;\n#if ( NUM_POINT_LIGHTS > 0 ) && defined( RE_Direct )\n\tPointLight pointLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tgetPointDirectLightIrradiance( pointLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( pointLight.shadow, directLight.visible ) ) ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_SPOT_LIGHTS > 0 ) && defined( RE_Direct )\n\tSpotLight spotLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tgetSpotDirectLightIrradiance( spotLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( spotLight.shadow, directLight.visible ) ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_DIR_LIGHTS > 0 ) && defined( RE_Direct )\n\tDirectionalLight directionalLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tgetDirectionalDirectLightIrradiance( directionalLight, geometry, directLight );\n\t\t#ifdef USE_SHADOWMAP\n\t\tdirectLight.color *= all( bvec2( directionalLight.shadow, directLight.visible ) ) ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if ( NUM_RECT_AREA_LIGHTS > 0 ) && defined( RE_Direct_RectArea )\n\tRectAreaLight rectAreaLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_RECT_AREA_LIGHTS; i ++ ) {\n\t\trectAreaLight = rectAreaLights[ i ];\n\t\tRE_Direct_RectArea( rectAreaLight, geometry, material, reflectedLight );\n\t}\n#endif\n#if defined( RE_IndirectDiffuse )\n\tvec3 irradiance = getAmbientLightIrradiance( ambientLightColor );\n\t#if ( NUM_HEMI_LIGHTS > 0 )\n\t\t#pragma unroll_loop\n\t\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\t\tirradiance += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t}\n\t#endif\n#endif\n#if defined( RE_IndirectSpecular )\n\tvec3 radiance = vec3( 0.0 );\n\tvec3 clearCoatRadiance = vec3( 0.0 );\n#endif\n", +lights_fragment_maps:"#if defined( RE_IndirectDiffuse )\n\t#ifdef USE_LIGHTMAP\n\t\tvec3 lightMapIrradiance = texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tlightMapIrradiance *= PI;\n\t\t#endif\n\t\tirradiance += lightMapIrradiance;\n\t#endif\n\t#if defined( USE_ENVMAP ) && defined( PHYSICAL ) && defined( ENVMAP_TYPE_CUBE_UV )\n\t\tirradiance += getLightProbeIndirectIrradiance( geometry, maxMipLevel );\n\t#endif\n#endif\n#if defined( USE_ENVMAP ) && defined( RE_IndirectSpecular )\n\tradiance += getLightProbeIndirectRadiance( geometry, Material_BlinnShininessExponent( material ), maxMipLevel );\n\t#ifndef STANDARD\n\t\tclearCoatRadiance += getLightProbeIndirectRadiance( geometry, Material_ClearCoat_BlinnShininessExponent( material ), maxMipLevel );\n\t#endif\n#endif\n", +lights_fragment_end:"#if defined( RE_IndirectDiffuse )\n\tRE_IndirectDiffuse( irradiance, geometry, material, reflectedLight );\n#endif\n#if defined( RE_IndirectSpecular )\n\tRE_IndirectSpecular( radiance, clearCoatRadiance, geometry, material, reflectedLight );\n#endif\n",logdepthbuf_fragment:"#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\n\tgl_FragDepthEXT = log2( vFragDepth ) * logDepthBufFC * 0.5;\n#endif",logdepthbuf_pars_fragment:"#ifdef USE_LOGDEPTHBUF\n\tuniform float logDepthBufFC;\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t#endif\n#endif\n", +logdepthbuf_pars_vertex:"#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t#endif\n\tuniform float logDepthBufFC;\n#endif",logdepthbuf_vertex:"#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvFragDepth = 1.0 + gl_Position.w;\n\t#else\n\t\tgl_Position.z = log2( max( EPSILON, gl_Position.w + 1.0 ) ) * logDepthBufFC - 1.0;\n\t\tgl_Position.z *= gl_Position.w;\n\t#endif\n#endif\n",map_fragment:"#ifdef USE_MAP\n\tvec4 texelColor = texture2D( map, vUv );\n\ttexelColor = mapTexelToLinear( texelColor );\n\tdiffuseColor *= texelColor;\n#endif\n", +map_pars_fragment:"#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif\n",map_particle_fragment:"#ifdef USE_MAP\n\tvec2 uv = ( uvTransform * vec3( gl_PointCoord.x, 1.0 - gl_PointCoord.y, 1 ) ).xy;\n\tvec4 mapTexel = texture2D( map, uv );\n\tdiffuseColor *= mapTexelToLinear( mapTexel );\n#endif\n",map_particle_pars_fragment:"#ifdef USE_MAP\n\tuniform mat3 uvTransform;\n\tuniform sampler2D map;\n#endif\n",metalnessmap_fragment:"float metalnessFactor = metalness;\n#ifdef USE_METALNESSMAP\n\tvec4 texelMetalness = texture2D( metalnessMap, vUv );\n\tmetalnessFactor *= texelMetalness.b;\n#endif\n", +metalnessmap_pars_fragment:"#ifdef USE_METALNESSMAP\n\tuniform sampler2D metalnessMap;\n#endif",morphnormal_vertex:"#ifdef USE_MORPHNORMALS\n\tobjectNormal += ( morphNormal0 - normal ) * morphTargetInfluences[ 0 ];\n\tobjectNormal += ( morphNormal1 - normal ) * morphTargetInfluences[ 1 ];\n\tobjectNormal += ( morphNormal2 - normal ) * morphTargetInfluences[ 2 ];\n\tobjectNormal += ( morphNormal3 - normal ) * morphTargetInfluences[ 3 ];\n#endif\n",morphtarget_pars_vertex:"#ifdef USE_MORPHTARGETS\n\t#ifndef USE_MORPHNORMALS\n\tuniform float morphTargetInfluences[ 8 ];\n\t#else\n\tuniform float morphTargetInfluences[ 4 ];\n\t#endif\n#endif", +morphtarget_vertex:"#ifdef USE_MORPHTARGETS\n\ttransformed += ( morphTarget0 - position ) * morphTargetInfluences[ 0 ];\n\ttransformed += ( morphTarget1 - position ) * morphTargetInfluences[ 1 ];\n\ttransformed += ( morphTarget2 - position ) * morphTargetInfluences[ 2 ];\n\ttransformed += ( morphTarget3 - position ) * morphTargetInfluences[ 3 ];\n\t#ifndef USE_MORPHNORMALS\n\ttransformed += ( morphTarget4 - position ) * morphTargetInfluences[ 4 ];\n\ttransformed += ( morphTarget5 - position ) * morphTargetInfluences[ 5 ];\n\ttransformed += ( morphTarget6 - position ) * morphTargetInfluences[ 6 ];\n\ttransformed += ( morphTarget7 - position ) * morphTargetInfluences[ 7 ];\n\t#endif\n#endif\n", +normal_fragment_begin:"#ifdef FLAT_SHADED\n\tvec3 fdx = vec3( dFdx( vViewPosition.x ), dFdx( vViewPosition.y ), dFdx( vViewPosition.z ) );\n\tvec3 fdy = vec3( dFdy( vViewPosition.x ), dFdy( vViewPosition.y ), dFdy( vViewPosition.z ) );\n\tvec3 normal = normalize( cross( fdx, fdy ) );\n#else\n\tvec3 normal = normalize( vNormal );\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * ( float( gl_FrontFacing ) * 2.0 - 1.0 );\n\t#endif\n#endif\n",normal_fragment_maps:"#ifdef USE_NORMALMAP\n\tnormal = perturbNormal2Arb( -vViewPosition, normal );\n#elif defined( USE_BUMPMAP )\n\tnormal = perturbNormalArb( -vViewPosition, normal, dHdxy_fwd() );\n#endif\n", +normalmap_pars_fragment:"#ifdef USE_NORMALMAP\n\tuniform sampler2D normalMap;\n\tuniform vec2 normalScale;\n\tvec3 perturbNormal2Arb( vec3 eye_pos, vec3 surf_norm ) {\n\t\tvec3 q0 = vec3( dFdx( eye_pos.x ), dFdx( eye_pos.y ), dFdx( eye_pos.z ) );\n\t\tvec3 q1 = vec3( dFdy( eye_pos.x ), dFdy( eye_pos.y ), dFdy( eye_pos.z ) );\n\t\tvec2 st0 = dFdx( vUv.st );\n\t\tvec2 st1 = dFdy( vUv.st );\n\t\tfloat scale = sign( st1.t * st0.s - st0.t * st1.s );\t\tscale *= float( gl_FrontFacing ) * 2.0 - 1.0;\n\t\tvec3 S = normalize( ( q0 * st1.t - q1 * st0.t ) * scale );\n\t\tvec3 T = normalize( ( - q0 * st1.s + q1 * st0.s ) * scale );\n\t\tvec3 N = normalize( surf_norm );\n\t\tvec3 mapN = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\t\tmapN.xy = normalScale * mapN.xy;\n\t\tmat3 tsn = mat3( S, T, N );\n\t\treturn normalize( tsn * mapN );\n\t}\n#endif\n", +packing:"vec3 packNormalToRGB( const in vec3 normal ) {\n\treturn normalize( normal ) * 0.5 + 0.5;\n}\nvec3 unpackRGBToNormal( const in vec3 rgb ) {\n\treturn 2.0 * rgb.xyz - 1.0;\n}\nconst float PackUpscale = 256. / 255.;const float UnpackDownscale = 255. / 256.;\nconst vec3 PackFactors = vec3( 256. * 256. * 256., 256. * 256., 256. );\nconst vec4 UnpackFactors = UnpackDownscale / vec4( PackFactors, 1. );\nconst float ShiftRight8 = 1. / 256.;\nvec4 packDepthToRGBA( const in float v ) {\n\tvec4 r = vec4( fract( v * PackFactors ), v );\n\tr.yzw -= r.xyz * ShiftRight8;\treturn r * PackUpscale;\n}\nfloat unpackRGBAToDepth( const in vec4 v ) {\n\treturn dot( v, UnpackFactors );\n}\nfloat viewZToOrthographicDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( viewZ + near ) / ( near - far );\n}\nfloat orthographicDepthToViewZ( const in float linearClipZ, const in float near, const in float far ) {\n\treturn linearClipZ * ( near - far ) - near;\n}\nfloat viewZToPerspectiveDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn (( near + viewZ ) * far ) / (( far - near ) * viewZ );\n}\nfloat perspectiveDepthToViewZ( const in float invClipZ, const in float near, const in float far ) {\n\treturn ( near * far ) / ( ( far - near ) * invClipZ - far );\n}\n", +premultiplied_alpha_fragment:"#ifdef PREMULTIPLIED_ALPHA\n\tgl_FragColor.rgb *= gl_FragColor.a;\n#endif\n",project_vertex:"vec4 mvPosition = modelViewMatrix * vec4( transformed, 1.0 );\ngl_Position = projectionMatrix * mvPosition;\n",dithering_fragment:"#if defined( DITHERING )\n gl_FragColor.rgb = dithering( gl_FragColor.rgb );\n#endif\n",dithering_pars_fragment:"#if defined( DITHERING )\n\tvec3 dithering( vec3 color ) {\n\t\tfloat grid_position = rand( gl_FragCoord.xy );\n\t\tvec3 dither_shift_RGB = vec3( 0.25 / 255.0, -0.25 / 255.0, 0.25 / 255.0 );\n\t\tdither_shift_RGB = mix( 2.0 * dither_shift_RGB, -2.0 * dither_shift_RGB, grid_position );\n\t\treturn color + dither_shift_RGB;\n\t}\n#endif\n", +roughnessmap_fragment:"float roughnessFactor = roughness;\n#ifdef USE_ROUGHNESSMAP\n\tvec4 texelRoughness = texture2D( roughnessMap, vUv );\n\troughnessFactor *= texelRoughness.g;\n#endif\n",roughnessmap_pars_fragment:"#ifdef USE_ROUGHNESSMAP\n\tuniform sampler2D roughnessMap;\n#endif",shadowmap_pars_fragment:"#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t\tuniform sampler2D directionalShadowMap[ NUM_DIR_LIGHTS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHTS ];\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t\tuniform sampler2D spotShadowMap[ NUM_SPOT_LIGHTS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t\tuniform sampler2D pointShadowMap[ NUM_POINT_LIGHTS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHTS ];\n\t#endif\n\tfloat texture2DCompare( sampler2D depths, vec2 uv, float compare ) {\n\t\treturn step( compare, unpackRGBAToDepth( texture2D( depths, uv ) ) );\n\t}\n\tfloat texture2DShadowLerp( sampler2D depths, vec2 size, vec2 uv, float compare ) {\n\t\tconst vec2 offset = vec2( 0.0, 1.0 );\n\t\tvec2 texelSize = vec2( 1.0 ) / size;\n\t\tvec2 centroidUV = floor( uv * size + 0.5 ) / size;\n\t\tfloat lb = texture2DCompare( depths, centroidUV + texelSize * offset.xx, compare );\n\t\tfloat lt = texture2DCompare( depths, centroidUV + texelSize * offset.xy, compare );\n\t\tfloat rb = texture2DCompare( depths, centroidUV + texelSize * offset.yx, compare );\n\t\tfloat rt = texture2DCompare( depths, centroidUV + texelSize * offset.yy, compare );\n\t\tvec2 f = fract( uv * size + 0.5 );\n\t\tfloat a = mix( lb, lt, f.y );\n\t\tfloat b = mix( rb, rt, f.y );\n\t\tfloat c = mix( a, b, f.x );\n\t\treturn c;\n\t}\n\tfloat getShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord ) {\n\t\tfloat shadow = 1.0;\n\t\tshadowCoord.xyz /= shadowCoord.w;\n\t\tshadowCoord.z += shadowBias;\n\t\tbvec4 inFrustumVec = bvec4 ( shadowCoord.x >= 0.0, shadowCoord.x <= 1.0, shadowCoord.y >= 0.0, shadowCoord.y <= 1.0 );\n\t\tbool inFrustum = all( inFrustumVec );\n\t\tbvec2 frustumTestVec = bvec2( inFrustum, shadowCoord.z <= 1.0 );\n\t\tbool frustumTest = all( frustumTestVec );\n\t\tif ( frustumTest ) {\n\t\t#if defined( SHADOWMAP_TYPE_PCF )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx0 = - texelSize.x * shadowRadius;\n\t\t\tfloat dy0 = - texelSize.y * shadowRadius;\n\t\t\tfloat dx1 = + texelSize.x * shadowRadius;\n\t\t\tfloat dy1 = + texelSize.y * shadowRadius;\n\t\t\tshadow = (\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#elif defined( SHADOWMAP_TYPE_PCF_SOFT )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx0 = - texelSize.x * shadowRadius;\n\t\t\tfloat dy0 = - texelSize.y * shadowRadius;\n\t\t\tfloat dx1 = + texelSize.x * shadowRadius;\n\t\t\tfloat dy1 = + texelSize.y * shadowRadius;\n\t\t\tshadow = (\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DShadowLerp( shadowMap, shadowMapSize, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#else\n\t\t\tshadow = texture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z );\n\t\t#endif\n\t\t}\n\t\treturn shadow;\n\t}\n\tvec2 cubeToUV( vec3 v, float texelSizeY ) {\n\t\tvec3 absV = abs( v );\n\t\tfloat scaleToCube = 1.0 / max( absV.x, max( absV.y, absV.z ) );\n\t\tabsV *= scaleToCube;\n\t\tv *= scaleToCube * ( 1.0 - 2.0 * texelSizeY );\n\t\tvec2 planar = v.xy;\n\t\tfloat almostATexel = 1.5 * texelSizeY;\n\t\tfloat almostOne = 1.0 - almostATexel;\n\t\tif ( absV.z >= almostOne ) {\n\t\t\tif ( v.z > 0.0 )\n\t\t\t\tplanar.x = 4.0 - v.x;\n\t\t} else if ( absV.x >= almostOne ) {\n\t\t\tfloat signX = sign( v.x );\n\t\t\tplanar.x = v.z * signX + 2.0 * signX;\n\t\t} else if ( absV.y >= almostOne ) {\n\t\t\tfloat signY = sign( v.y );\n\t\t\tplanar.x = v.x + 2.0 * signY + 2.0;\n\t\t\tplanar.y = v.z * signY - 2.0;\n\t\t}\n\t\treturn vec2( 0.125, 0.25 ) * planar + vec2( 0.375, 0.75 );\n\t}\n\tfloat getPointShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord, float shadowCameraNear, float shadowCameraFar ) {\n\t\tvec2 texelSize = vec2( 1.0 ) / ( shadowMapSize * vec2( 4.0, 2.0 ) );\n\t\tvec3 lightToPosition = shadowCoord.xyz;\n\t\tfloat dp = ( length( lightToPosition ) - shadowCameraNear ) / ( shadowCameraFar - shadowCameraNear );\t\tdp += shadowBias;\n\t\tvec3 bd3D = normalize( lightToPosition );\n\t\t#if defined( SHADOWMAP_TYPE_PCF ) || defined( SHADOWMAP_TYPE_PCF_SOFT )\n\t\t\tvec2 offset = vec2( - 1, 1 ) * shadowRadius * texelSize.y;\n\t\t\treturn (\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxx, texelSize.y ), dp )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#else\n\t\t\treturn texture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp );\n\t\t#endif\n\t}\n#endif\n", +shadowmap_pars_vertex:"#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t\tuniform mat4 directionalShadowMatrix[ NUM_DIR_LIGHTS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHTS ];\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t\tuniform mat4 spotShadowMatrix[ NUM_SPOT_LIGHTS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHTS ];\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t\tuniform mat4 pointShadowMatrix[ NUM_POINT_LIGHTS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHTS ];\n\t#endif\n#endif\n", +shadowmap_vertex:"#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tvDirectionalShadowCoord[ i ] = directionalShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tvSpotShadowCoord[ i ] = spotShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tvPointShadowCoord[ i ] = pointShadowMatrix[ i ] * worldPosition;\n\t}\n\t#endif\n#endif\n", +shadowmask_pars_fragment:"float getShadowMask() {\n\tfloat shadow = 1.0;\n\t#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHTS > 0\n\tDirectionalLight directionalLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tshadow *= bool( directionalLight.shadow ) ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t}\n\t#endif\n\t#if NUM_SPOT_LIGHTS > 0\n\tSpotLight spotLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tshadow *= bool( spotLight.shadow ) ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t}\n\t#endif\n\t#if NUM_POINT_LIGHTS > 0\n\tPointLight pointLight;\n\t#pragma unroll_loop\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tshadow *= bool( pointLight.shadow ) ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t}\n\t#endif\n\t#endif\n\treturn shadow;\n}\n", +skinbase_vertex:"#ifdef USE_SKINNING\n\tmat4 boneMatX = getBoneMatrix( skinIndex.x );\n\tmat4 boneMatY = getBoneMatrix( skinIndex.y );\n\tmat4 boneMatZ = getBoneMatrix( skinIndex.z );\n\tmat4 boneMatW = getBoneMatrix( skinIndex.w );\n#endif",skinning_pars_vertex:"#ifdef USE_SKINNING\n\tuniform mat4 bindMatrix;\n\tuniform mat4 bindMatrixInverse;\n\t#ifdef BONE_TEXTURE\n\t\tuniform sampler2D boneTexture;\n\t\tuniform int boneTextureSize;\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tfloat j = i * 4.0;\n\t\t\tfloat x = mod( j, float( boneTextureSize ) );\n\t\t\tfloat y = floor( j / float( boneTextureSize ) );\n\t\t\tfloat dx = 1.0 / float( boneTextureSize );\n\t\t\tfloat dy = 1.0 / float( boneTextureSize );\n\t\t\ty = dy * ( y + 0.5 );\n\t\t\tvec4 v1 = texture2D( boneTexture, vec2( dx * ( x + 0.5 ), y ) );\n\t\t\tvec4 v2 = texture2D( boneTexture, vec2( dx * ( x + 1.5 ), y ) );\n\t\t\tvec4 v3 = texture2D( boneTexture, vec2( dx * ( x + 2.5 ), y ) );\n\t\t\tvec4 v4 = texture2D( boneTexture, vec2( dx * ( x + 3.5 ), y ) );\n\t\t\tmat4 bone = mat4( v1, v2, v3, v4 );\n\t\t\treturn bone;\n\t\t}\n\t#else\n\t\tuniform mat4 boneMatrices[ MAX_BONES ];\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tmat4 bone = boneMatrices[ int(i) ];\n\t\t\treturn bone;\n\t\t}\n\t#endif\n#endif\n", +skinning_vertex:"#ifdef USE_SKINNING\n\tvec4 skinVertex = bindMatrix * vec4( transformed, 1.0 );\n\tvec4 skinned = vec4( 0.0 );\n\tskinned += boneMatX * skinVertex * skinWeight.x;\n\tskinned += boneMatY * skinVertex * skinWeight.y;\n\tskinned += boneMatZ * skinVertex * skinWeight.z;\n\tskinned += boneMatW * skinVertex * skinWeight.w;\n\ttransformed = ( bindMatrixInverse * skinned ).xyz;\n#endif\n",skinnormal_vertex:"#ifdef USE_SKINNING\n\tmat4 skinMatrix = mat4( 0.0 );\n\tskinMatrix += skinWeight.x * boneMatX;\n\tskinMatrix += skinWeight.y * boneMatY;\n\tskinMatrix += skinWeight.z * boneMatZ;\n\tskinMatrix += skinWeight.w * boneMatW;\n\tskinMatrix = bindMatrixInverse * skinMatrix * bindMatrix;\n\tobjectNormal = vec4( skinMatrix * vec4( objectNormal, 0.0 ) ).xyz;\n#endif\n", +specularmap_fragment:"float specularStrength;\n#ifdef USE_SPECULARMAP\n\tvec4 texelSpecular = texture2D( specularMap, vUv );\n\tspecularStrength = texelSpecular.r;\n#else\n\tspecularStrength = 1.0;\n#endif",specularmap_pars_fragment:"#ifdef USE_SPECULARMAP\n\tuniform sampler2D specularMap;\n#endif",tonemapping_fragment:"#if defined( TONE_MAPPING )\n gl_FragColor.rgb = toneMapping( gl_FragColor.rgb );\n#endif\n",tonemapping_pars_fragment:"#ifndef saturate\n\t#define saturate(a) clamp( a, 0.0, 1.0 )\n#endif\nuniform float toneMappingExposure;\nuniform float toneMappingWhitePoint;\nvec3 LinearToneMapping( vec3 color ) {\n\treturn toneMappingExposure * color;\n}\nvec3 ReinhardToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( color / ( vec3( 1.0 ) + color ) );\n}\n#define Uncharted2Helper( x ) max( ( ( x * ( 0.15 * x + 0.10 * 0.50 ) + 0.20 * 0.02 ) / ( x * ( 0.15 * x + 0.50 ) + 0.20 * 0.30 ) ) - 0.02 / 0.30, vec3( 0.0 ) )\nvec3 Uncharted2ToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( Uncharted2Helper( color ) / Uncharted2Helper( vec3( toneMappingWhitePoint ) ) );\n}\nvec3 OptimizedCineonToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\tcolor = max( vec3( 0.0 ), color - 0.004 );\n\treturn pow( ( color * ( 6.2 * color + 0.5 ) ) / ( color * ( 6.2 * color + 1.7 ) + 0.06 ), vec3( 2.2 ) );\n}\n", +uv_pars_fragment:"#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvarying vec2 vUv;\n#endif",uv_pars_vertex:"#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvarying vec2 vUv;\n\tuniform mat3 uvTransform;\n#endif\n", +uv_vertex:"#if defined( USE_MAP ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( USE_SPECULARMAP ) || defined( USE_ALPHAMAP ) || defined( USE_EMISSIVEMAP ) || defined( USE_ROUGHNESSMAP ) || defined( USE_METALNESSMAP )\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n#endif",uv2_pars_fragment:"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvarying vec2 vUv2;\n#endif",uv2_pars_vertex:"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tattribute vec2 uv2;\n\tvarying vec2 vUv2;\n#endif", +uv2_vertex:"#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvUv2 = uv2;\n#endif",worldpos_vertex:"#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP )\n\tvec4 worldPosition = modelMatrix * vec4( transformed, 1.0 );\n#endif\n",cube_frag:"uniform samplerCube tCube;\nuniform float tFlip;\nuniform float opacity;\nvarying vec3 vWorldPosition;\nvoid main() {\n\tgl_FragColor = textureCube( tCube, vec3( tFlip * vWorldPosition.x, vWorldPosition.yz ) );\n\tgl_FragColor.a *= opacity;\n}\n", +cube_vert:"varying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvWorldPosition = transformDirection( position, modelMatrix );\n\t#include \n\t#include \n\tgl_Position.z = gl_Position.w;\n}\n",depth_frag:"#if DEPTH_PACKING == 3200\n\tuniform float opacity;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( 1.0 );\n\t#if DEPTH_PACKING == 3200\n\t\tdiffuseColor.a = opacity;\n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#if DEPTH_PACKING == 3200\n\t\tgl_FragColor = vec4( vec3( 1.0 - gl_FragCoord.z ), opacity );\n\t#elif DEPTH_PACKING == 3201\n\t\tgl_FragColor = packDepthToRGBA( gl_FragCoord.z );\n\t#endif\n}\n", +depth_vert:"#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include \n\t\t#include \n\t\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n", +distanceRGBA_frag:"#define DISTANCE\nuniform vec3 referencePosition;\nuniform float nearDistance;\nuniform float farDistance;\nvarying vec3 vWorldPosition;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main () {\n\t#include \n\tvec4 diffuseColor = vec4( 1.0 );\n\t#include \n\t#include \n\t#include \n\tfloat dist = length( vWorldPosition - referencePosition );\n\tdist = ( dist - nearDistance ) / ( farDistance - nearDistance );\n\tdist = saturate( dist );\n\tgl_FragColor = packDepthToRGBA( dist );\n}\n", +distanceRGBA_vert:"#define DISTANCE\nvarying vec3 vWorldPosition;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include \n\t\t#include \n\t\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvWorldPosition = worldPosition.xyz;\n}\n", +equirect_frag:"uniform sampler2D tEquirect;\nvarying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvec3 direction = normalize( vWorldPosition );\n\tvec2 sampleUV;\n\tsampleUV.y = asin( clamp( direction.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\tsampleUV.x = atan( direction.z, direction.x ) * RECIPROCAL_PI2 + 0.5;\n\tgl_FragColor = texture2D( tEquirect, sampleUV );\n}\n",equirect_vert:"varying vec3 vWorldPosition;\n#include \nvoid main() {\n\tvWorldPosition = transformDirection( position, modelMatrix );\n\t#include \n\t#include \n}\n", +linedashed_frag:"uniform vec3 diffuse;\nuniform float opacity;\nuniform float dashSize;\nuniform float totalSize;\nvarying float vLineDistance;\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tif ( mod( vLineDistance, totalSize ) > dashSize ) {\n\t\tdiscard;\n\t}\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n", +linedashed_vert:"uniform float scale;\nattribute float lineDistance;\nvarying float vLineDistance;\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvLineDistance = scale * lineDistance;\n\tvec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n\tgl_Position = projectionMatrix * mvPosition;\n\t#include \n\t#include \n\t#include \n}\n", +meshbasic_frag:"uniform vec3 diffuse;\nuniform float opacity;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\t#ifdef USE_LIGHTMAP\n\t\treflectedLight.indirectDiffuse += texture2D( lightMap, vUv2 ).xyz * lightMapIntensity;\n\t#else\n\t\treflectedLight.indirectDiffuse += vec3( 1.0 );\n\t#endif\n\t#include \n\treflectedLight.indirectDiffuse *= diffuseColor.rgb;\n\tvec3 outgoingLight = reflectedLight.indirectDiffuse;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n", +meshbasic_vert:"#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#ifdef USE_ENVMAP\n\t#include \n\t#include \n\t#include \n\t#include \n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n", +meshlambert_frag:"uniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float opacity;\nvarying vec3 vLightFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\treflectedLight.indirectDiffuse = getAmbientLightIrradiance( ambientLightColor );\n\t#include \n\treflectedLight.indirectDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb );\n\t#ifdef DOUBLE_SIDED\n\t\treflectedLight.directDiffuse = ( gl_FrontFacing ) ? vLightFront : vLightBack;\n\t#else\n\t\treflectedLight.directDiffuse = vLightFront;\n\t#endif\n\treflectedLight.directDiffuse *= BRDF_Diffuse_Lambert( diffuseColor.rgb ) * getShadowMask();\n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n", +meshlambert_vert:"#define LAMBERT\nvarying vec3 vLightFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n", +meshphong_frag:"#define PHONG\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform vec3 specular;\nuniform float shininess;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\t#include \n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n", +meshphong_vert:"#define PHONG\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvViewPosition = - mvPosition.xyz;\n\t#include \n\t#include \n\t#include \n\t#include \n}\n", +meshphysical_frag:"#define PHYSICAL\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float roughness;\nuniform float metalness;\nuniform float opacity;\n#ifndef STANDARD\n\tuniform float clearCoat;\n\tuniform float clearCoatRoughness;\n#endif\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n", +meshphysical_vert:"#define PHYSICAL\nvarying vec3 vViewPosition;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\tvViewPosition = - mvPosition.xyz;\n\t#include \n\t#include \n\t#include \n}\n", +normal_frag:"#define NORMAL\nuniform float opacity;\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\tgl_FragColor = vec4( packNormalToRGB( normal ), opacity );\n}\n", +normal_vert:"#define NORMAL\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( USE_NORMALMAP )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n}\n", +points_frag:"uniform vec3 diffuse;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include \n\t#include \n\t#include \n\t#include \n\toutgoingLight = diffuseColor.rgb;\n\tgl_FragColor = vec4( outgoingLight, diffuseColor.a );\n\t#include \n\t#include \n\t#include \n\t#include \n}\n", +points_vert:"uniform float size;\nuniform float scale;\n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#ifdef USE_SIZEATTENUATION\n\t\tgl_PointSize = size * ( scale / - mvPosition.z );\n\t#else\n\t\tgl_PointSize = size;\n\t#endif\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n", +shadow_frag:"uniform vec3 color;\nuniform float opacity;\n#include \n#include \n#include \n#include \n#include \n#include \n#include \nvoid main() {\n\tgl_FragColor = vec4( color, opacity * ( 1.0 - getShadowMask() ) );\n\t#include \n}\n",shadow_vert:"#include \n#include \nvoid main() {\n\t#include \n\t#include \n\t#include \n\t#include \n\t#include \n}\n"}, +Ca={merge:function(a){for(var b={},c=0;c>16&255)/255;this.g=(a>>8&255)/255;this.b=(a&255)/255;return this},setRGB:function(a,b,c){this.r=a;this.g=b;this.b=c;return this},setHSL:function(){function a(a,c,d){0>d&&(d+=1);1d?c:d<2/3?a+6*(c-a)*(2/3-d):a}return function(b, +c,d){b=R.euclideanModulo(b,1);c=R.clamp(c,0,1);d=R.clamp(d,0,1);0===c?this.r=this.g=this.b=d:(c=.5>=d?d*(1+c):d+c-d*c,d=2*d-c,this.r=a(d,c,b+1/3),this.g=a(d,c,b),this.b=a(d,c,b-1/3));return this}}(),setStyle:function(a){function b(b){void 0!==b&&1>parseFloat(b)&&console.warn("THREE.Color: Alpha component of "+a+" will be ignored.")}var c;if(c=/^((?:rgb|hsl)a?)\(\s*([^\)]*)\)/.exec(a)){var d=c[2];switch(c[1]){case "rgb":case "rgba":if(c=/^(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec(d))return this.r= +Math.min(255,parseInt(c[1],10))/255,this.g=Math.min(255,parseInt(c[2],10))/255,this.b=Math.min(255,parseInt(c[3],10))/255,b(c[5]),this;if(c=/^(\d+)%\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec(d))return this.r=Math.min(100,parseInt(c[1],10))/100,this.g=Math.min(100,parseInt(c[2],10))/100,this.b=Math.min(100,parseInt(c[3],10))/100,b(c[5]),this;break;case "hsl":case "hsla":if(c=/^([0-9]*\.?[0-9]+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec(d)){d=parseFloat(c[1])/ +360;var e=parseInt(c[2],10)/100,f=parseInt(c[3],10)/100;b(c[5]);return this.setHSL(d,e,f)}}}else if(c=/^#([A-Fa-f0-9]+)$/.exec(a)){c=c[1];d=c.length;if(3===d)return this.r=parseInt(c.charAt(0)+c.charAt(0),16)/255,this.g=parseInt(c.charAt(1)+c.charAt(1),16)/255,this.b=parseInt(c.charAt(2)+c.charAt(2),16)/255,this;if(6===d)return this.r=parseInt(c.charAt(0)+c.charAt(1),16)/255,this.g=parseInt(c.charAt(2)+c.charAt(3),16)/255,this.b=parseInt(c.charAt(4)+c.charAt(5),16)/255,this}a&&0=h?l/(e+f):l/(2-e-f);switch(e){case b:g=(c-d)/l+(cMath.abs(g)?(this._x=Math.atan2(-m,e),this._z=Math.atan2(-f,a)):(this._x=Math.atan2(n,l),this._z=0)):"YXZ"===b?(this._x=Math.asin(-d(m,-1,1)),.99999>Math.abs(m)? +(this._y=Math.atan2(g,e),this._z=Math.atan2(h,l)):(this._y=Math.atan2(-k,a),this._z=0)):"ZXY"===b?(this._x=Math.asin(d(n,-1,1)),.99999>Math.abs(n)?(this._y=Math.atan2(-k,e),this._z=Math.atan2(-f,l)):(this._y=0,this._z=Math.atan2(h,a))):"ZYX"===b?(this._y=Math.asin(-d(k,-1,1)),.99999>Math.abs(k)?(this._x=Math.atan2(n,e),this._z=Math.atan2(h,a)):(this._x=0,this._z=Math.atan2(-f,l))):"YZX"===b?(this._z=Math.asin(d(h,-1,1)),.99999>Math.abs(h)?(this._x=Math.atan2(-m,l),this._y=Math.atan2(-k,a)):(this._x= +0,this._y=Math.atan2(g,e))):"XZY"===b?(this._z=Math.asin(-d(f,-1,1)),.99999>Math.abs(f)?(this._x=Math.atan2(n,l),this._y=Math.atan2(g,a)):(this._x=Math.atan2(-m,e),this._y=0)):console.warn("THREE.Euler: .setFromRotationMatrix() given unsupported order: "+b);this._order=b;if(!1!==c)this.onChangeCallback();return this},setFromQuaternion:function(){var a=new K;return function(b,c,d){a.makeRotationFromQuaternion(b);return this.setFromRotationMatrix(a,c,d)}}(),setFromVector3:function(a,b){return this.set(a.x, +a.y,a.z,b||this._order)},reorder:function(){var a=new ia;return function(b){a.setFromEuler(this);return this.setFromQuaternion(a,b)}}(),equals:function(a){return a._x===this._x&&a._y===this._y&&a._z===this._z&&a._order===this._order},fromArray:function(a){this._x=a[0];this._y=a[1];this._z=a[2];void 0!==a[3]&&(this._order=a[3]);this.onChangeCallback();return this},toArray:function(a,b){void 0===a&&(a=[]);void 0===b&&(b=0);a[b]=this._x;a[b+1]=this._y;a[b+2]=this._z;a[b+3]=this._order;return a},toVector3:function(a){return a? +a.set(this._x,this._y,this._z):new p(this._x,this._y,this._z)},onChange:function(a){this.onChangeCallback=a;return this},onChangeCallback:function(){}});Object.assign(Sd.prototype,{set:function(a){this.mask=1<g;g++)if(d[g]===d[(g+1)%3]){a.push(f);break}for(f=a.length-1;0<=f;f--)for(d=a[f],this.faces.splice(d,1),c=0,e=this.faceVertexUvs.length;cthis.opacity&&(d.opacity=this.opacity);!0===this.transparent&&(d.transparent=this.transparent);d.depthFunc=this.depthFunc;d.depthTest=this.depthTest;d.depthWrite=this.depthWrite;0!==this.rotation&&(d.rotation=this.rotation);1!==this.linewidth&&(d.linewidth=this.linewidth);void 0!==this.dashSize&&(d.dashSize=this.dashSize);void 0!==this.gapSize&&(d.gapSize=this.gapSize);void 0!==this.scale&&(d.scale=this.scale);!0===this.dithering&&(d.dithering=!0);0a?b.copy(this.origin):b.copy(this.direction).multiplyScalar(a).add(this.origin)},distanceToPoint:function(a){return Math.sqrt(this.distanceSqToPoint(a))},distanceSqToPoint:function(){var a=new p;return function(b){var c=a.subVectors(b,this.origin).dot(this.direction);if(0>c)return this.origin.distanceToSquared(b);a.copy(this.direction).multiplyScalar(c).add(this.origin);return a.distanceToSquared(b)}}(),distanceSqToSegment:function(){var a=new p,b=new p,c=new p;return function(d, +e,f,g){a.copy(d).add(e).multiplyScalar(.5);b.copy(e).sub(d).normalize();c.copy(this.origin).sub(a);var h=.5*d.distanceTo(e),l=-this.direction.dot(b),m=c.dot(this.direction),k=-c.dot(b),n=c.lengthSq(),p=Math.abs(1-l*l);if(0=-r?e<=r?(h=1/p,d*=h,e*=h,l=d*(d+l*e+2*m)+e*(l*d+e+2*k)+n):(e=h,d=Math.max(0,-(l*e+m)),l=-d*d+e*(e+2*k)+n):(e=-h,d=Math.max(0,-(l*e+m)),l=-d*d+e*(e+2*k)+n):e<=-r?(d=Math.max(0,-(-l*h+m)),e=0b)return null;b=Math.sqrt(b-e);e= +d-b;d+=b;return 0>e&&0>d?null:0>e?this.at(d,c):this.at(e,c)}}(),intersectsSphere:function(a){return this.distanceToPoint(a.center)<=a.radius},distanceToPlane:function(a){var b=a.normal.dot(this.direction);if(0===b)return 0===a.distanceToPoint(this.origin)?0:null;a=-(this.origin.dot(a.normal)+a.constant)/b;return 0<=a?a:null},intersectPlane:function(a,b){a=this.distanceToPlane(a);return null===a?null:this.at(a,b)},intersectsPlane:function(a){var b=a.distanceToPoint(this.origin);return 0===b||0>a.normal.dot(this.direction)* +b?!0:!1},intersectBox:function(a,b){var c=1/this.direction.x;var d=1/this.direction.y;var e=1/this.direction.z,f=this.origin;if(0<=c){var g=(a.min.x-f.x)*c;c*=a.max.x-f.x}else g=(a.max.x-f.x)*c,c*=a.min.x-f.x;if(0<=d){var h=(a.min.y-f.y)*d;d*=a.max.y-f.y}else h=(a.max.y-f.y)*d,d*=a.min.y-f.y;if(g>d||h>c)return null;if(h>g||g!==g)g=h;if(da||h>c)return null;if(h>g||g!==g)g=h;if(a +c?null:this.at(0<=g?g:c,b)},intersectsBox:function(){var a=new p;return function(b){return null!==this.intersectBox(b,a)}}(),intersectTriangle:function(){var a=new p,b=new p,c=new p,d=new p;return function(e,f,g,h,l){b.subVectors(f,e);c.subVectors(g,e);d.crossVectors(b,c);f=this.direction.dot(d);if(0f)h=-1,f=-f;else return null;a.subVectors(this.origin,e);e=h*this.direction.dot(c.crossVectors(a,c));if(0>e)return null;g=h*this.direction.dot(b.cross(a));if(0>g||e+ +g>f)return null;e=-h*a.dot(d);return 0>e?null:this.at(e/f,l)}}(),applyMatrix4:function(a){this.origin.applyMatrix4(a);this.direction.transformDirection(a);return this},equals:function(a){return a.origin.equals(this.origin)&&a.direction.equals(this.direction)}});Object.assign(Nb.prototype,{set:function(a,b){this.start.copy(a);this.end.copy(b);return this},clone:function(){return(new this.constructor).copy(this)},copy:function(a){this.start.copy(a.start);this.end.copy(a.end);return this},getCenter:function(a){void 0=== +a&&(console.warn("THREE.Line3: .getCenter() target is now required"),a=new p);return a.addVectors(this.start,this.end).multiplyScalar(.5)},delta:function(a){void 0===a&&(console.warn("THREE.Line3: .delta() target is now required"),a=new p);return a.subVectors(this.end,this.start)},distanceSq:function(){return this.start.distanceToSquared(this.end)},distance:function(){return this.start.distanceTo(this.end)},at:function(a,b){void 0===b&&(console.warn("THREE.Line3: .at() target is now required"),b= +new p);return this.delta(b).multiplyScalar(a).add(this.start)},closestPointToPointParameter:function(){var a=new p,b=new p;return function(c,d){a.subVectors(c,this.start);b.subVectors(this.end,this.start);c=b.dot(b);c=b.dot(a)/c;d&&(c=R.clamp(c,0,1));return c}}(),closestPointToPoint:function(a,b,c){a=this.closestPointToPointParameter(a,b);void 0===c&&(console.warn("THREE.Line3: .closestPointToPoint() target is now required"),c=new p);return this.delta(c).multiplyScalar(a).add(this.start)},applyMatrix4:function(a){this.start.applyMatrix4(a); +this.end.applyMatrix4(a);return this},equals:function(a){return a.start.equals(this.start)&&a.end.equals(this.end)}});Object.assign(ja,{getNormal:function(){var a=new p;return function(b,c,d,e){void 0===e&&(console.warn("THREE.Triangle: .getNormal() target is now required"),e=new p);e.subVectors(d,c);a.subVectors(b,c);e.cross(a);b=e.lengthSq();return 0=a.x+a.y}}()});Object.assign(ja.prototype,{set:function(a,b,c){this.a.copy(a);this.b.copy(b); +this.c.copy(c);return this},setFromPointsAndIndices:function(a,b,c,d){this.a.copy(a[b]);this.b.copy(a[c]);this.c.copy(a[d]);return this},clone:function(){return(new this.constructor).copy(this)},copy:function(a){this.a.copy(a.a);this.b.copy(a.b);this.c.copy(a.c);return this},getArea:function(){var a=new p,b=new p;return function(){a.subVectors(this.c,this.b);b.subVectors(this.a,this.b);return.5*a.cross(b).length()}}(),getMidpoint:function(a){void 0===a&&(console.warn("THREE.Triangle: .getMidpoint() target is now required"), +a=new p);return a.addVectors(this.a,this.b).add(this.c).multiplyScalar(1/3)},getNormal:function(a){return ja.getNormal(this.a,this.b,this.c,a)},getPlane:function(a){void 0===a&&(console.warn("THREE.Triangle: .getPlane() target is now required"),a=new p);return a.setFromCoplanarPoints(this.a,this.b,this.c)},getBarycoord:function(a,b){return ja.getBarycoord(a,this.a,this.b,this.c,b)},containsPoint:function(a){return ja.containsPoint(a,this.a,this.b,this.c)},intersectsBox:function(a){return a.intersectsTriangle(this)}, +closestPointToPoint:function(){var a=new Ha,b=[new Nb,new Nb,new Nb],c=new p,d=new p;return function(e,f){void 0===f&&(console.warn("THREE.Triangle: .closestPointToPoint() target is now required"),f=new p);var g=Infinity;a.setFromCoplanarPoints(this.a,this.b,this.c);a.projectPoint(e,c);if(!0===this.containsPoint(c))f.copy(c);else for(b[0].set(this.a,this.b),b[1].set(this.b,this.c),b[2].set(this.c,this.a),e=0;ec.far?null:{distance:b,point:y.clone(),object:a}}function c(c,d,e,f,m,k,n,p){g.fromBufferAttribute(f,k); +h.fromBufferAttribute(f,n);l.fromBufferAttribute(f,p);if(c=b(c,c.material,d,e,g,h,l,x))m&&(t.fromBufferAttribute(m,k),r.fromBufferAttribute(m,n),q.fromBufferAttribute(m,p),c.uv=a(x,g,h,l,t,r,q)),m=new Wa(k,n,p),ja.getNormal(g,h,l,m.normal),c.face=m,c.faceIndex=k;return c}var d=new K,e=new qb,f=new Ga,g=new p,h=new p,l=new p,m=new p,k=new p,n=new p,t=new A,r=new A,q=new A,u=new p,x=new p,y=new p;return function(p,w){var u=this.geometry,v=this.material,y=this.matrixWorld;if(void 0!==v&&(null===u.boundingSphere&& +u.computeBoundingSphere(),f.copy(u.boundingSphere),f.applyMatrix4(y),!1!==p.ray.intersectsSphere(f)&&(d.getInverse(y),e.copy(p.ray).applyMatrix4(d),null===u.boundingBox||!1!==e.intersectsBox(u.boundingBox)))){var C;if(u.isBufferGeometry){v=u.index;var z=u.attributes.position;u=u.attributes.uv;var A;if(null!==v)for(y=0,A=v.count;yf||(f=d.ray.origin.distanceTo(a),fd.far||e.push({distance:f,point:a.clone(),face:null,object:this}))}}(),clone:function(){return(new this.constructor(this.material)).copy(this)}, +copy:function(a){B.prototype.copy.call(this,a);void 0!==a.center&&this.center.copy(a.center);return this}});Ec.prototype=Object.assign(Object.create(B.prototype),{constructor:Ec,copy:function(a){B.prototype.copy.call(this,a,!1);a=a.levels;for(var b=0,c=a.length;b=d[e].distance)d[e-1].object.visible=!1,d[e].object.visible=!0;else break;for(;ef||(k.applyMatrix4(this.matrixWorld),u=d.ray.origin.distanceTo(k),ud.far||e.push({distance:u,point:h.clone().applyMatrix4(this.matrixWorld),index:g,face:null,faceIndex:null,object:this}))}}else for(g=0,q=r.length/3-1;gf||(k.applyMatrix4(this.matrixWorld),u=d.ray.origin.distanceTo(k), +ud.far||e.push({distance:u,point:h.clone().applyMatrix4(this.matrixWorld),index:g,face:null,faceIndex:null,object:this}))}else if(g.isGeometry)for(l=g.vertices,m=l.length,g=0;gf||(k.applyMatrix4(this.matrixWorld),u=d.ray.origin.distanceTo(k),ud.far||e.push({distance:u,point:h.clone().applyMatrix4(this.matrixWorld),index:g,face:null,faceIndex:null,object:this}))}}}(),clone:function(){return(new this.constructor(this.geometry, +this.material)).copy(this)}});V.prototype=Object.assign(Object.create(pa.prototype),{constructor:V,isLineSegments:!0,computeLineDistances:function(){var a=new p,b=new p;return function(){var c=this.geometry;if(c.isBufferGeometry)if(null===c.index){for(var d=c.attributes.position,e=[],f=0,g=d.count;fd.far||e.push({distance:a,distanceToRay:Math.sqrt(f),point:n.clone(),index:c,face:null,object:g}))}var g=this,h=this.geometry,l=this.matrixWorld,m=d.params.Points.threshold;null===h.boundingSphere&&h.computeBoundingSphere(); +c.copy(h.boundingSphere);c.applyMatrix4(l);c.radius+=m;if(!1!==d.ray.intersectsSphere(c)){a.getInverse(l);b.copy(d.ray).applyMatrix4(a);m/=(this.scale.x+this.scale.y+this.scale.z)/3;var k=m*m;m=new p;var n=new p;if(h.isBufferGeometry){var t=h.index;h=h.attributes.position.array;if(null!==t){var r=t.array;t=0;for(var q=r.length;t=a.HAVE_CURRENT_DATA&&(this.needsUpdate=!0)}});Tb.prototype=Object.create(X.prototype);Tb.prototype.constructor=Tb;Tb.prototype.isCompressedTexture=!0;Gc.prototype=Object.create(X.prototype);Gc.prototype.constructor=Gc;Gc.prototype.isDepthTexture=!0;Ub.prototype= +Object.create(I.prototype);Ub.prototype.constructor=Ub;Hc.prototype=Object.create(M.prototype);Hc.prototype.constructor=Hc;Vb.prototype=Object.create(I.prototype);Vb.prototype.constructor=Vb;Ic.prototype=Object.create(M.prototype);Ic.prototype.constructor=Ic;ma.prototype=Object.create(I.prototype);ma.prototype.constructor=ma;Jc.prototype=Object.create(M.prototype);Jc.prototype.constructor=Jc;Wb.prototype=Object.create(ma.prototype);Wb.prototype.constructor=Wb;Kc.prototype=Object.create(M.prototype); +Kc.prototype.constructor=Kc;sb.prototype=Object.create(ma.prototype);sb.prototype.constructor=sb;Lc.prototype=Object.create(M.prototype);Lc.prototype.constructor=Lc;Xb.prototype=Object.create(ma.prototype);Xb.prototype.constructor=Xb;Mc.prototype=Object.create(M.prototype);Mc.prototype.constructor=Mc;Yb.prototype=Object.create(ma.prototype);Yb.prototype.constructor=Yb;Nc.prototype=Object.create(M.prototype);Nc.prototype.constructor=Nc;Zb.prototype=Object.create(I.prototype);Zb.prototype.constructor= +Zb;Oc.prototype=Object.create(M.prototype);Oc.prototype.constructor=Oc;$b.prototype=Object.create(I.prototype);$b.prototype.constructor=$b;Pc.prototype=Object.create(M.prototype);Pc.prototype.constructor=Pc;ac.prototype=Object.create(I.prototype);ac.prototype.constructor=ac;var Mg={triangulate:function(a,b,c){c=c||2;var d=b&&b.length,e=d?b[0]*c:a.length,f=Xe(a,0,e,c,!0),g=[];if(!f)return g;var h;if(d){var l=c;d=[];var m;var k=0;for(m=b.length;k80*c){var r=h=a[0];var q=d=a[1];for(l=c;lh&&(h=k),b>d&&(d=b);h=Math.max(h-r,d-q);h=0!==h?1/h:0}Sc(f,g,c,r,q,h);return g}},Ya={area:function(a){for(var b=a.length,c=0,d=b-1,e=0;eYa.area(a)},triangulateShape:function(a, +b){var c=[],d=[],e=[];af(a);bf(c,a);var f=a.length;b.forEach(af);for(a=0;aMath.abs(g-l)?[new A(a,1-c),new A(h,1-d),new A(m,1-e),new A(n,1-b)]:[new A(g,1-c),new A(l,1-d),new A(k,1-e),new A(p,1-b)]}};Uc.prototype=Object.create(M.prototype);Uc.prototype.constructor=Uc;cc.prototype=Object.create(Xa.prototype);cc.prototype.constructor=cc;Vc.prototype=Object.create(M.prototype);Vc.prototype.constructor=Vc;ub.prototype= +Object.create(I.prototype);ub.prototype.constructor=ub;Wc.prototype=Object.create(M.prototype);Wc.prototype.constructor=Wc;dc.prototype=Object.create(I.prototype);dc.prototype.constructor=dc;Xc.prototype=Object.create(M.prototype);Xc.prototype.constructor=Xc;ec.prototype=Object.create(I.prototype);ec.prototype.constructor=ec;vb.prototype=Object.create(M.prototype);vb.prototype.constructor=vb;vb.prototype.toJSON=function(){var a=M.prototype.toJSON.call(this);return cf(this.parameters.shapes,a)};wb.prototype= +Object.create(I.prototype);wb.prototype.constructor=wb;wb.prototype.toJSON=function(){var a=I.prototype.toJSON.call(this);return cf(this.parameters.shapes,a)};fc.prototype=Object.create(I.prototype);fc.prototype.constructor=fc;xb.prototype=Object.create(M.prototype);xb.prototype.constructor=xb;Za.prototype=Object.create(I.prototype);Za.prototype.constructor=Za;Yc.prototype=Object.create(xb.prototype);Yc.prototype.constructor=Yc;Zc.prototype=Object.create(Za.prototype);Zc.prototype.constructor=Zc; +$c.prototype=Object.create(M.prototype);$c.prototype.constructor=$c;gc.prototype=Object.create(I.prototype);gc.prototype.constructor=gc;var ua=Object.freeze({WireframeGeometry:Ub,ParametricGeometry:Hc,ParametricBufferGeometry:Vb,TetrahedronGeometry:Jc,TetrahedronBufferGeometry:Wb,OctahedronGeometry:Kc,OctahedronBufferGeometry:sb,IcosahedronGeometry:Lc,IcosahedronBufferGeometry:Xb,DodecahedronGeometry:Mc,DodecahedronBufferGeometry:Yb,PolyhedronGeometry:Ic,PolyhedronBufferGeometry:ma,TubeGeometry:Nc, +TubeBufferGeometry:Zb,TorusKnotGeometry:Oc,TorusKnotBufferGeometry:$b,TorusGeometry:Pc,TorusBufferGeometry:ac,TextGeometry:Uc,TextBufferGeometry:cc,SphereGeometry:Vc,SphereBufferGeometry:ub,RingGeometry:Wc,RingBufferGeometry:dc,PlaneGeometry:Ac,PlaneBufferGeometry:pb,LatheGeometry:Xc,LatheBufferGeometry:ec,ShapeGeometry:vb,ShapeBufferGeometry:wb,ExtrudeGeometry:bc,ExtrudeBufferGeometry:Xa,EdgesGeometry:fc,ConeGeometry:Yc,ConeBufferGeometry:Zc,CylinderGeometry:xb,CylinderBufferGeometry:Za,CircleGeometry:$c, +CircleBufferGeometry:gc,BoxGeometry:Kb,BoxBufferGeometry:nb});yb.prototype=Object.create(Q.prototype);yb.prototype.constructor=yb;yb.prototype.isShadowMaterial=!0;yb.prototype.copy=function(a){Q.prototype.copy.call(this,a);this.color.copy(a.color);return this};hc.prototype=Object.create(za.prototype);hc.prototype.constructor=hc;hc.prototype.isRawShaderMaterial=!0;Sa.prototype=Object.create(Q.prototype);Sa.prototype.constructor=Sa;Sa.prototype.isMeshStandardMaterial=!0;Sa.prototype.copy=function(a){Q.prototype.copy.call(this, +a);this.defines={STANDARD:""};this.color.copy(a.color);this.roughness=a.roughness;this.metalness=a.metalness;this.map=a.map;this.lightMap=a.lightMap;this.lightMapIntensity=a.lightMapIntensity;this.aoMap=a.aoMap;this.aoMapIntensity=a.aoMapIntensity;this.emissive.copy(a.emissive);this.emissiveMap=a.emissiveMap;this.emissiveIntensity=a.emissiveIntensity;this.bumpMap=a.bumpMap;this.bumpScale=a.bumpScale;this.normalMap=a.normalMap;this.normalScale.copy(a.normalScale);this.displacementMap=a.displacementMap; +this.displacementScale=a.displacementScale;this.displacementBias=a.displacementBias;this.roughnessMap=a.roughnessMap;this.metalnessMap=a.metalnessMap;this.alphaMap=a.alphaMap;this.envMap=a.envMap;this.envMapIntensity=a.envMapIntensity;this.refractionRatio=a.refractionRatio;this.wireframe=a.wireframe;this.wireframeLinewidth=a.wireframeLinewidth;this.wireframeLinecap=a.wireframeLinecap;this.wireframeLinejoin=a.wireframeLinejoin;this.skinning=a.skinning;this.morphTargets=a.morphTargets;this.morphNormals= +a.morphNormals;return this};zb.prototype=Object.create(Sa.prototype);zb.prototype.constructor=zb;zb.prototype.isMeshPhysicalMaterial=!0;zb.prototype.copy=function(a){Sa.prototype.copy.call(this,a);this.defines={PHYSICAL:""};this.reflectivity=a.reflectivity;this.clearCoat=a.clearCoat;this.clearCoatRoughness=a.clearCoatRoughness;return this};Ja.prototype=Object.create(Q.prototype);Ja.prototype.constructor=Ja;Ja.prototype.isMeshPhongMaterial=!0;Ja.prototype.copy=function(a){Q.prototype.copy.call(this, +a);this.color.copy(a.color);this.specular.copy(a.specular);this.shininess=a.shininess;this.map=a.map;this.lightMap=a.lightMap;this.lightMapIntensity=a.lightMapIntensity;this.aoMap=a.aoMap;this.aoMapIntensity=a.aoMapIntensity;this.emissive.copy(a.emissive);this.emissiveMap=a.emissiveMap;this.emissiveIntensity=a.emissiveIntensity;this.bumpMap=a.bumpMap;this.bumpScale=a.bumpScale;this.normalMap=a.normalMap;this.normalScale.copy(a.normalScale);this.displacementMap=a.displacementMap;this.displacementScale= +a.displacementScale;this.displacementBias=a.displacementBias;this.specularMap=a.specularMap;this.alphaMap=a.alphaMap;this.envMap=a.envMap;this.combine=a.combine;this.reflectivity=a.reflectivity;this.refractionRatio=a.refractionRatio;this.wireframe=a.wireframe;this.wireframeLinewidth=a.wireframeLinewidth;this.wireframeLinecap=a.wireframeLinecap;this.wireframeLinejoin=a.wireframeLinejoin;this.skinning=a.skinning;this.morphTargets=a.morphTargets;this.morphNormals=a.morphNormals;return this};Ab.prototype= +Object.create(Ja.prototype);Ab.prototype.constructor=Ab;Ab.prototype.isMeshToonMaterial=!0;Ab.prototype.copy=function(a){Ja.prototype.copy.call(this,a);this.gradientMap=a.gradientMap;return this};Bb.prototype=Object.create(Q.prototype);Bb.prototype.constructor=Bb;Bb.prototype.isMeshNormalMaterial=!0;Bb.prototype.copy=function(a){Q.prototype.copy.call(this,a);this.bumpMap=a.bumpMap;this.bumpScale=a.bumpScale;this.normalMap=a.normalMap;this.normalScale.copy(a.normalScale);this.displacementMap=a.displacementMap; +this.displacementScale=a.displacementScale;this.displacementBias=a.displacementBias;this.wireframe=a.wireframe;this.wireframeLinewidth=a.wireframeLinewidth;this.skinning=a.skinning;this.morphTargets=a.morphTargets;this.morphNormals=a.morphNormals;return this};Cb.prototype=Object.create(Q.prototype);Cb.prototype.constructor=Cb;Cb.prototype.isMeshLambertMaterial=!0;Cb.prototype.copy=function(a){Q.prototype.copy.call(this,a);this.color.copy(a.color);this.map=a.map;this.lightMap=a.lightMap;this.lightMapIntensity= +a.lightMapIntensity;this.aoMap=a.aoMap;this.aoMapIntensity=a.aoMapIntensity;this.emissive.copy(a.emissive);this.emissiveMap=a.emissiveMap;this.emissiveIntensity=a.emissiveIntensity;this.specularMap=a.specularMap;this.alphaMap=a.alphaMap;this.envMap=a.envMap;this.combine=a.combine;this.reflectivity=a.reflectivity;this.refractionRatio=a.refractionRatio;this.wireframe=a.wireframe;this.wireframeLinewidth=a.wireframeLinewidth;this.wireframeLinecap=a.wireframeLinecap;this.wireframeLinejoin=a.wireframeLinejoin; +this.skinning=a.skinning;this.morphTargets=a.morphTargets;this.morphNormals=a.morphNormals;return this};Db.prototype=Object.create(S.prototype);Db.prototype.constructor=Db;Db.prototype.isLineDashedMaterial=!0;Db.prototype.copy=function(a){S.prototype.copy.call(this,a);this.scale=a.scale;this.dashSize=a.dashSize;this.gapSize=a.gapSize;return this};var Ng=Object.freeze({ShadowMaterial:yb,SpriteMaterial:gb,RawShaderMaterial:hc,ShaderMaterial:za,PointsMaterial:Ia,MeshPhysicalMaterial:zb,MeshStandardMaterial:Sa, +MeshPhongMaterial:Ja,MeshToonMaterial:Ab,MeshNormalMaterial:Bb,MeshLambertMaterial:Cb,MeshDepthMaterial:db,MeshDistanceMaterial:eb,MeshBasicMaterial:ya,LineDashedMaterial:Db,LineBasicMaterial:S,Material:Q}),Hb={enabled:!1,files:{},add:function(a,b){!1!==this.enabled&&(this.files[a]=b)},get:function(a){if(!1!==this.enabled)return this.files[a]},remove:function(a){delete this.files[a]},clear:function(){this.files={}}},va=new ae,ab={};Object.assign(Ka.prototype,{load:function(a,b,c,d){void 0===a&&(a= +"");void 0!==this.path&&(a=this.path+a);a=this.manager.resolveURL(a);var e=this,f=Hb.get(a);if(void 0!==f)return e.manager.itemStart(a),setTimeout(function(){b&&b(f);e.manager.itemEnd(a)},0),f;if(void 0!==ab[a])ab[a].push({onLoad:b,onProgress:c,onError:d});else{var g=a.match(/^data:(.*?)(;base64)?,(.*)$/);if(g){c=g[1];var h=!!g[2];g=g[3];g=window.decodeURIComponent(g);h&&(g=window.atob(g));try{var l=(this.responseType||"").toLowerCase();switch(l){case "arraybuffer":case "blob":var m=new Uint8Array(g.length); +for(h=0;hg)e=a+1;else if(0b&&(b=0);1Number.EPSILON&&(g.normalize(),c=Math.acos(R.clamp(d[l-1].dot(d[l]),-1,1)),e[l].applyMatrix4(h.makeRotationAxis(g, +c))),f[l].crossVectors(d[l],e[l]);if(!0===b)for(c=Math.acos(R.clamp(e[0].dot(e[a]),-1,1)),c/=a,0d;)d+=c;for(;d>c;)d-=c;de&&(e=1);1E-4>d&&(d=e);1E-4>l&&(l=e);ye.initNonuniformCatmullRom(f.x,g.x,h.x,c.x,d,e,l);ze.initNonuniformCatmullRom(f.y,g.y,h.y,c.y,d,e,l);Ae.initNonuniformCatmullRom(f.z, +g.z,h.z,c.z,d,e,l)}else"catmullrom"===this.curveType&&(ye.initCatmullRom(f.x,g.x,h.x,c.x,this.tension),ze.initCatmullRom(f.y,g.y,h.y,c.y,this.tension),Ae.initCatmullRom(f.z,g.z,h.z,c.z,this.tension));b.set(ye.calc(a),ze.calc(a),Ae.calc(a));return b};ca.prototype.copy=function(a){J.prototype.copy.call(this,a);this.points=[];for(var b=0,c=a.points.length;bc.length-2?c.length-1:a+1];c=c[a>c.length-3?c.length-1:a+2];b.set(ef(d,e.x,f.x,g.x, +c.x),ef(d,e.y,f.y,g.y,c.y));return b};Oa.prototype.copy=function(a){J.prototype.copy.call(this,a);this.points=[];for(var b=0,c=a.points.length;b=b)return b=c[a]-b,a=this.curves[a],c=a.getLength(),a.getPointAt(0===c?0:1-b/c);a++}return null},getLength:function(){var a=this.getCurveLengths();return a[a.length-1]},updateArcLengths:function(){this.needsUpdate=!0;this.cacheLengths=null;this.getCurveLengths()},getCurveLengths:function(){if(this.cacheLengths&&this.cacheLengths.length===this.curves.length)return this.cacheLengths;for(var a=[], +b=0,c=0,d=this.curves.length;c=e)break a;else{f=b[1];a=e)break b}d=c;c=0}}for(;c>>1,ab;)--f;++f;if(0!==e||f!==d)e>=f&&(f=Math.max(f,1),e=f-1),a=this.getValueSize(),this.times=qa.arraySlice(c,e,f),this.values=qa.arraySlice(this.values,e*a,f*a);return this},validate:function(){var a=!0,b=this.getValueSize();0!==b-Math.floor(b)&&(console.error("THREE.KeyframeTrack: Invalid value size in track.",this),a=!1);var c=this.times;b=this.values; +var d=c.length;0===d&&(console.error("THREE.KeyframeTrack: Track is empty.",this),a=!1);for(var e=null,f=0;f!==d;f++){var g=c[f];if("number"===typeof g&&isNaN(g)){console.error("THREE.KeyframeTrack: Time is not a valid number.",this,f,g);a=!1;break}if(null!==e&&e>g){console.error("THREE.KeyframeTrack: Out of order keys.",this,f,g,e);a=!1;break}e=g}if(void 0!==b&&qa.isTypedArray(b))for(f=0,c=b.length;f!==c;++f)if(d=b[f],isNaN(d)){console.error("THREE.KeyframeTrack: Value is not a valid number.",this, +f,d);a=!1;break}return a},optimize:function(){for(var a=this.times,b=this.values,c=this.getValueSize(),d=2302===this.getInterpolation(),e=1,f=a.length-1,g=1;gk.opacity&&(k.transparent=!0);d.setTextures(l);return d.parse(k)}}()});var Be={decodeText:function(a){if("undefined"!==typeof TextDecoder)return(new TextDecoder).decode(a);for(var b="",c=0,d=a.length;cf;f++){var z=h[r++];var B=C[2*z];z=C[2*z+1];B=new A(B,z);2!==f&&c.faceVertexUvs[e][u].push(B);0!==f&&c.faceVertexUvs[e][u+1].push(B)}}x&&(x=3*h[r++],q.normal.set(k[x++],k[x++],k[x]),v.normal.copy(q.normal));if(y)for(e=0;4>e;e++)x=3*h[r++],y=new p(k[x++],k[x++],k[x]),2!==e&&q.vertexNormals.push(y), +0!==e&&v.vertexNormals.push(y);n&&(n=h[r++],n=w[n],q.color.setHex(n),v.color.setHex(n));if(l)for(e=0;4>e;e++)n=h[r++],n=w[n],2!==e&&q.vertexColors.push(new L(n)),0!==e&&v.vertexColors.push(new L(n));c.faces.push(q);c.faces.push(v)}else{q=new Wa;q.a=h[r++];q.b=h[r++];q.c=h[r++];u&&(u=h[r++],q.materialIndex=u);u=c.faces.length;if(e)for(e=0;ef;f++)z=h[r++],B=C[2*z],z=C[2*z+1],B=new A(B,z),c.faceVertexUvs[e][u].push(B);x&&(x=3*h[r++],q.normal.set(k[x++], +k[x++],k[x]));if(y)for(e=0;3>e;e++)x=3*h[r++],y=new p(k[x++],k[x++],k[x]),q.vertexNormals.push(y);n&&(n=h[r++],q.color.setHex(w[n]));if(l)for(e=0;3>e;e++)n=h[r++],q.vertexColors.push(new L(w[n]));c.faces.push(q)}}d=a;r=void 0!==d.influencesPerVertex?d.influencesPerVertex:2;if(d.skinWeights)for(g=0,h=d.skinWeights.length;gNumber.EPSILON){if(0>k&&(g=b[f],l=-l,h=b[e],k=-k),!(a.yh.y))if(a.y===g.y){if(a.x===g.x)return!0}else{e=k*(a.x-g.x)-l*(a.y-g.y);if(0===e)return!0;0>e||(d=!d)}}else if(a.y===g.y&&(h.x<= +a.x&&a.x<=g.x||g.x<=a.x&&a.x<=h.x))return!0}return d}var e=Ya.isClockWise,f=this.subPaths;if(0===f.length)return[];if(!0===b)return c(f);b=[];if(1===f.length){var g=f[0];var h=new hb;h.curves=g.curves;b.push(h);return b}var l=!e(f[0].getPoints());l=a?!l:l;h=[];var k=[],p=[],n=0;k[n]=void 0;p[n]=[];for(var t=0,r=f.length;td&&this._mixBufferRegion(c,a,3*b,1-d,b);d=b;for(var f=b+b;d!==f;++d)if(c[d]!==c[d+b]){e.setValue(c,a);break}},saveOriginalState:function(){var a=this.buffer,b=this.valueSize,c=3*b;this.binding.getValue(a,c);for(var d=b;d!==c;++d)a[d]=a[c+d%b];this.cumulativeWeight=0},restoreOriginalState:function(){this.binding.setValue(this.buffer,3*this.valueSize)},_select:function(a,b,c,d,e){if(.5<=d)for(d=0;d!==e;++d)a[b+d]=a[c+d]},_slerp:function(a,b,c,d){ia.slerpFlat(a,b,a,b,a,c,d)},_lerp:function(a,b,c,d, +e){for(var f=1-d,g=0;g!==e;++g){var h=b+g;a[h]=a[h]*f+a[c+g]*d}}});Object.assign(jf.prototype,{getValue:function(a,b){this.bind();var c=this._bindings[this._targetGroup.nCachedObjects_];void 0!==c&&c.getValue(a,b)},setValue:function(a,b){for(var c=this._bindings,d=this._targetGroup.nCachedObjects_,e=c.length;d!==e;++d)c[d].setValue(a,b)},bind:function(){for(var a=this._bindings,b=this._targetGroup.nCachedObjects_,c=a.length;b!==c;++b)a[b].bind()},unbind:function(){for(var a=this._bindings,b=this._targetGroup.nCachedObjects_, +c=a.length;b!==c;++b)a[b].unbind()}});Object.assign(ra,{Composite:jf,create:function(a,b,c){return a&&a.isAnimationObjectGroup?new ra.Composite(a,b,c):new ra(a,b,c)},sanitizeNodeName:function(){var a=/[\[\]\.:\/]/g;return function(b){return b.replace(/\s/g,"_").replace(a,"")}}(),parseTrackName:function(){var a="[^"+"\\[\\]\\.:\\/".replace("\\.","")+"]",b=/((?:WC+[\/:])*)/.source.replace("WC","[^\\[\\]\\.:\\/]");a=/(WCOD+)?/.source.replace("WCOD",a);var c=/(?:\.(WC+)(?:\[(.+)\])?)?/.source.replace("WC", +"[^\\[\\]\\.:\\/]"),d=/\.(WC+)(?:\[(.+)\])?/.source.replace("WC","[^\\[\\]\\.:\\/]"),e=new RegExp("^"+b+a+c+d+"$"),f=["material","materials","bones"];return function(a){var b=e.exec(a);if(!b)throw Error("PropertyBinding: Cannot parse trackName: "+a);b={nodeName:b[2],objectName:b[3],objectIndex:b[4],propertyName:b[5],propertyIndex:b[6]};var c=b.nodeName&&b.nodeName.lastIndexOf(".");if(void 0!==c&&-1!==c){var d=b.nodeName.substring(c+1);-1!==f.indexOf(d)&&(b.nodeName=b.nodeName.substring(0,c),b.objectName= +d)}if(null===b.propertyName||0===b.propertyName.length)throw Error("PropertyBinding: can not parse propertyName from trackName: "+a);return b}}(),findNode:function(a,b){if(!b||""===b||"root"===b||"."===b||-1===b||b===a.name||b===a.uuid)return a;if(a.skeleton){var c=a.skeleton.getBoneByName(b);if(void 0!==c)return c}if(a.children){var d=function(a){for(var c=0;c=b){var p=b++,n=a[p];c[n.uuid]=k;a[k]=n;c[l]=p;a[p]=h;h=0;for(l=e;h!==l;++h){n= +d[h];var t=n[k];n[k]=n[p];n[p]=t}}}this.nCachedObjects_=b},uncache:function(){for(var a=this._objects,b=a.length,c=this.nCachedObjects_,d=this._indicesByUUID,e=this._bindings,f=e.length,g=0,h=arguments.length;g!==h;++g){var l=arguments[g].uuid,k=d[l];if(void 0!==k)if(delete d[l],kb||0===c)return;this._startTime=null;b*=c}b*=this._updateTimeScale(a);c=this._updateTime(b);a=this._updateWeight(a);if(0c.parameterPositions[1]&&(this.stopFading(),0===d&&(this.enabled=!1))}}return this._effectiveWeight=b},_updateTimeScale:function(a){var b=0;if(!this.paused){b=this.timeScale;var c=this._timeScaleInterpolant;if(null!==c){var d=c.evaluate(a)[0]; +b*=d;a>c.parameterPositions[1]&&(this.stopWarping(),0===b?this.paused=!0:this.timeScale=b)}}return this._effectiveTimeScale=b},_updateTime:function(a){var b=this.time+a;if(0===a)return b;var c=this._clip.duration,d=this.loop,e=this._loopCount;if(2200===d)a:{if(-1===e&&(this._loopCount=0,this._setEndings(!0,!0,!1)),b>=c)b=c;else if(0>b)b=0;else break a;this.clampWhenFinished?this.paused=!0:this.enabled=!1;this._mixer.dispatchEvent({type:"finished",action:this,direction:0>a?-1:1})}else{d=2202===d;-1=== +e&&(0<=a?(e=0,this._setEndings(!0,0===this.repetitions,d)):this._setEndings(0===this.repetitions,!0,d));if(b>=c||0>b){var f=Math.floor(b/c);b-=c*f;e+=Math.abs(f);var g=this.repetitions-e;0>=g?(this.clampWhenFinished?this.paused=!0:this.enabled=!1,b=0a,this._setEndings(a,!a,d)):this._setEndings(!1,!1,d),this._loopCount=e,this._mixer.dispatchEvent({type:"loop",action:this,loopDelta:f}))}if(d&&1===(e&1))return this.time= +b,c-b}return this.time=b},_setEndings:function(a,b,c){var d=this._interpolantSettings;c?(d.endingStart=2401,d.endingEnd=2401):(d.endingStart=a?this.zeroSlopeAtStart?2401:2400:2402,d.endingEnd=b?this.zeroSlopeAtEnd?2401:2400:2402)},_scheduleFading:function(a,b,c){var d=this._mixer,e=d.time,f=this._weightInterpolant;null===f&&(this._weightInterpolant=f=d._lendControlInterpolant());d=f.parameterPositions;f=f.sampleValues;d[0]=e;f[0]=b;d[1]=e+a;f[1]=c;return this}});pe.prototype=Object.assign(Object.create(xa.prototype), +{constructor:pe,_bindAction:function(a,b){var c=a._localRoot||this._root,d=a._clip.tracks,e=d.length,f=a._propertyBindings;a=a._interpolants;var g=c.uuid,h=this._bindingsByRootAndName,k=h[g];void 0===k&&(k={},h[g]=k);for(h=0;h!==e;++h){var m=d[h],p=m.name,n=k[p];if(void 0===n){n=f[h];if(void 0!==n){null===n._cacheIndex&&(++n.referenceCount,this._addInactiveBinding(n,g,p));continue}n=new oe(ra.create(c,p,b&&b._propertyBindings[h].binding.parsedPath),m.ValueTypeName,m.getValueSize());++n.referenceCount; +this._addInactiveBinding(n,g,p)}f[h]=n;a[h].resultBuffer=n.buffer}},_activateAction:function(a){if(!this._isActiveAction(a)){if(null===a._cacheIndex){var b=(a._localRoot||this._root).uuid,c=a._clip.uuid,d=this._actionsByClip[c];this._bindAction(a,d&&d.knownActions[0]);this._addInactiveAction(a,c,b)}b=a._propertyBindings;c=0;for(d=b.length;c!==d;++c){var e=b[c];0===e.useCount++&&(this._lendBinding(e),e.saveOriginalState())}this._lendAction(a)}},_deactivateAction:function(a){if(this._isActiveAction(a)){for(var b= +a._propertyBindings,c=0,d=b.length;c!==d;++c){var e=b[c];0===--e.useCount&&(e.restoreOriginalState(),this._takeBackBinding(e))}this._takeBackAction(a)}},_initMemoryManager:function(){this._actions=[];this._nActiveActions=0;this._actionsByClip={};this._bindings=[];this._nActiveBindings=0;this._bindingsByRootAndName={};this._controlInterpolants=[];this._nActiveControlInterpolants=0;var a=this;this.stats={actions:{get total(){return a._actions.length},get inUse(){return a._nActiveActions}},bindings:{get total(){return a._bindings.length}, +get inUse(){return a._nActiveBindings}},controlInterpolants:{get total(){return a._controlInterpolants.length},get inUse(){return a._nActiveControlInterpolants}}}},_isActiveAction:function(a){a=a._cacheIndex;return null!==a&&athis.max.x||a.ythis.max.y?!1:!0},containsBox:function(a){return this.min.x<=a.min.x&&a.max.x<=this.max.x&&this.min.y<=a.min.y&&a.max.y<=this.max.y},getParameter:function(a,b){void 0===b&&(console.warn("THREE.Box2: .getParameter() target is now required"),b=new A);return b.set((a.x-this.min.x)/(this.max.x-this.min.x),(a.y-this.min.y)/ +(this.max.y-this.min.y))},intersectsBox:function(a){return a.max.xthis.max.x||a.max.ythis.max.y?!1:!0},clampPoint:function(a,b){void 0===b&&(console.warn("THREE.Box2: .clampPoint() target is now required"),b=new A);return b.copy(a).clamp(this.min,this.max)},distanceToPoint:function(){var a=new A;return function(b){return a.copy(b).clamp(this.min,this.max).sub(b).length()}}(),intersect:function(a){this.min.max(a.min);this.max.min(a.max);return this},union:function(a){this.min.min(a.min); +this.max.max(a.max);return this},translate:function(a){this.min.add(a);this.max.add(a);return this},equals:function(a){return a.min.equals(this.min)&&a.max.equals(this.max)}});gd.prototype=Object.create(B.prototype);gd.prototype.constructor=gd;gd.prototype.isImmediateRenderObject=!0;hd.prototype=Object.create(V.prototype);hd.prototype.constructor=hd;hd.prototype.update=function(){var a=new p,b=new p,c=new oa;return function(){var d=["a","b","c"];this.object.updateMatrixWorld(!0);c.getNormalMatrix(this.object.matrixWorld); +var e=this.object.matrixWorld,f=this.geometry.attributes.position,g=this.object.geometry;if(g&&g.isGeometry)for(var h=g.vertices,k=g.faces,m=g=0,p=k.length;mMath.abs(b)&&(b=1E-8);this.scale.set(.5*this.size,.5*this.size,b);this.lookAt(this.plane.normal);B.prototype.updateMatrixWorld.call(this,a)};var Pd,we;Gb.prototype=Object.create(B.prototype);Gb.prototype.constructor=Gb;Gb.prototype.setDirection=function(){var a=new p,b;return function(c){.99999c.y?this.quaternion.set(1, +0,0,0):(a.set(c.z,0,-c.x).normalize(),b=Math.acos(c.y),this.quaternion.setFromAxisAngle(a,b))}}();Gb.prototype.setLength=function(a,b,c){void 0===b&&(b=.2*a);void 0===c&&(c=.2*b);this.line.scale.set(1,Math.max(0,a-b),1);this.line.updateMatrix();this.cone.scale.set(c,b,c);this.cone.position.y=a;this.cone.updateMatrix()};Gb.prototype.setColor=function(a){this.line.material.color.copy(a);this.cone.material.color.copy(a)};nd.prototype=Object.create(V.prototype);nd.prototype.constructor=nd;J.create=function(a, +b){console.log("THREE.Curve.create() has been deprecated");a.prototype=Object.create(J.prototype);a.prototype.constructor=a;a.prototype.getPoint=b;return a};Object.assign($a.prototype,{createPointsGeometry:function(a){console.warn("THREE.CurvePath: .createPointsGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead.");a=this.getPoints(a);return this.createGeometry(a)},createSpacedPointsGeometry:function(a){console.warn("THREE.CurvePath: .createSpacedPointsGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead."); +a=this.getSpacedPoints(a);return this.createGeometry(a)},createGeometry:function(a){console.warn("THREE.CurvePath: .createGeometry() has been removed. Use new THREE.Geometry().setFromPoints( points ) instead.");for(var b=new M,c=0,d=a.length;ce[Math.floor(Math.random()*e.length)];function s(e,t){return null==e&&(e=0),null==t&&(t=1),e+Math.random()*(t-e)}function a(e,t){return null==e&&(e=0),null==t&&(t=1),Math.floor(e+Math.random()*(t-e+1))}var l=e=>document.querySelector(e);const u=e=>"number"==typeof e?"#"+("00000"+e.toString(16)).slice(-6):e,h=(e,t=1)=>{const n=u(e),i=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n),r=i?{r:parseInt(i[1],16),g:parseInt(i[2],16),b:parseInt(i[3],16)}:null;return"rgba("+r.r+","+r.g+","+r.b+","+t+")"}},function(e,t,n){"use strict";n.d(t,"a",function(){return r});var i=n(0);window&&!window.VANTA&&(window.VANTA={version:"0.3.1"});const r=window.VANTA||{};r.register||(r.register=((e,t)=>{r[e]=(e=>new t(e))}));var o=function(){return Array.prototype.unshift.call(arguments,"[VANTA]"),console.error.apply(this,arguments)};r.VantaBase=class{constructor(e={}){var t,n,s,a;if(r.current=this,this.onMouseMoveWrapper=this.onMouseMoveWrapper.bind(this),this.resize=this.resize.bind(this),this.animationLoop=this.animationLoop.bind(this),this.restart=this.restart.bind(this),this.options=Object(i.c)({},this.defaultOptions),e instanceof HTMLElement||"string"==typeof e?Object(i.c)(this.options,{el:e}):Object(i.c)(this.options,e),this.el=this.options.el,null==this.el)o('Instance needs "el" param!');else if(!(this.options.el instanceof HTMLElement||(a=this.el,this.el=Object(i.e)(a),this.el)))return void o("Cannot find element",a);for(s=0;s=0&&i>=0&&!this.options.mouseEase&&this.triggerMouseMove(n,i)}triggerMouseMove(e,t){this.uniforms&&(this.uniforms.u_mouse.value.x=e/this.scale,this.uniforms.u_mouse.value.y=t/this.scale);const n=e/this.width,i=t/this.height;"function"==typeof this.onMouseMove&&this.onMouseMove(n,i)}setSize(){this.scale||(this.scale=1),Object(i.d)()&&this.options.scaleMobile?this.scale=this.options.scaleMobile:this.options.scale&&(this.scale=this.options.scale),this.width=this.el.offsetWidth||window.innerWidth,this.height=this.el.offsetHeight||window.innerHeight}resize(){var e,t;this.setSize(),null!=(e=this.camera)&&(e.aspect=this.width/this.height),null!=(t=this.camera)&&"function"==typeof t.updateProjectionMatrix&&t.updateProjectionMatrix(),this.renderer&&(this.renderer.setSize(this.width,this.height),this.renderer.setPixelRatio(window.devicePixelRatio/this.scale)),"function"==typeof this.onResize&&this.onResize()}animationLoop(){var e,t,n,i,r,o,s,a;return this.t||(this.t=0),this.t+=1,this.t2||(this.t2=0),this.t2+=null!=(o=this.options.speed)?o:1,this.uniforms&&(this.uniforms.u_time.value=.016667*this.t2),e=this.el.offsetHeight,t=this.el.getBoundingClientRect(),a=null!=(s=window.pageYOffset)?s:(document.documentElement||document.body.parentNode||document.body).scrollTop,i=(r=t.top+a)-window.innerHeight,n=r+e,this.options.mouseEase&&(this.mouseEaseX=this.mouseEaseX||this.mouseX||0,this.mouseEaseY=this.mouseEaseY||this.mouseY||0,Math.abs(this.mouseEaseX-this.mouseX)+Math.abs(this.mouseEaseY-this.mouseY)>.1&&(this.mouseEaseX=this.mouseEaseX+.05*(this.mouseX-this.mouseEaseX),this.mouseEaseY=this.mouseEaseY+.05*(this.mouseY-this.mouseEaseY),this.triggerMouseMove(this.mouseEaseX,this.mouseEaseY))),i<=a&&a<=n&&("function"==typeof this.onUpdate&&this.onUpdate(),this.scene&&this.camera&&(this.renderer.render(this.scene,this.camera),"transparent"==this.options.backgroundColor?this.renderer.setClearColor(this.options.backgroundColor,0):this.renderer.setClearColor(this.options.backgroundColor,this.options.backgroundAlpha)),this.fps&&this.fps.update&&this.fps.update()),this.req=window.requestAnimationFrame(this.animationLoop)}restart(){if(this.scene)for(;this.scene.children.length;)this.scene.remove(this.scene.children[0]);"function"==typeof this.onRestart&&this.onRestart(),this.init()}init(){"function"==typeof this.onInit&&this.onInit()}destroy(){"function"==typeof this.onDestroy&&this.onDestroy(),this.el.removeEventListener("mousemove",this.onMouseMoveWrapper),window.removeEventListener("scroll",this.onMouseMoveWrapper),window.removeEventListener("resize",this.resize),window.cancelAnimationFrame(this.req),this.renderer&&(this.el.removeChild(this.renderer.domElement),this.renderer=null,this.scene=null)}},t.b=r.VantaBase},,,function(e,t,n){"use strict";n.r(t);var i=n(1);let r=32,o=r*r;const s=800,a=s/2,l="uniform float time;\nuniform float delta;\n\nvoid main() {\n\n vec2 uv = gl_FragCoord.xy / resolution.xy;\n vec4 tmpPos = texture2D( texturePosition, uv );\n vec3 position = tmpPos.xyz;\n vec3 velocity = texture2D( textureVelocity, uv ).xyz;\n\n float phase = tmpPos.w;\n\n phase = mod( ( phase + delta +\n length( velocity.xz ) * delta * 3. +\n max( velocity.y, 0.0 ) * delta * 6. ), 62.83 );\n\n gl_FragColor = vec4( position + velocity * delta * 15. , phase );\n\n}",u="uniform float time;\nuniform float testing;\nuniform float delta; // about 0.016\nuniform float separationDistance; // 20\nuniform float alignmentDistance; // 40\nuniform float cohesionDistance;\nuniform float speedLimit;\nuniform float freedomFactor;\nuniform vec3 predator;\n\nconst float width = resolution.x;\nconst float height = resolution.y;\n\nconst float PI = 3.141592653589793;\nconst float PI_2 = PI * 2.0;\n// const float VISION = PI * 0.55;\n\nfloat zoneRadius = 40.0;\nfloat zoneRadiusSquared = 1600.0;\n\nfloat separationThresh = 0.45;\nfloat alignmentThresh = 0.65;\n\nconst float UPPER_BOUNDS = BOUNDS;\nconst float LOWER_BOUNDS = -UPPER_BOUNDS;\n\nfloat rand(vec2 co){\n return fract(sin(dot(co.xy ,vec2(12.9898,78.233))) * 43758.5453);\n}\n\nvoid main() {\n\n zoneRadius = separationDistance + alignmentDistance + cohesionDistance;\n separationThresh = separationDistance / zoneRadius;\n alignmentThresh = ( separationDistance + alignmentDistance ) / zoneRadius;\n zoneRadiusSquared = zoneRadius * zoneRadius;\n\n\n vec2 uv = gl_FragCoord.xy / resolution.xy;\n vec3 birdPosition, birdVelocity;\n\n vec3 selfPosition = texture2D( texturePosition, uv ).xyz;\n vec3 selfVelocity = texture2D( textureVelocity, uv ).xyz;\n\n float dist;\n vec3 dir; // direction\n float distSquared;\n\n float separationSquared = separationDistance * separationDistance;\n float cohesionSquared = cohesionDistance * cohesionDistance;\n\n float f;\n float percent;\n\n vec3 velocity = selfVelocity;\n\n float limit = speedLimit;\n\n dir = predator * UPPER_BOUNDS - selfPosition;\n dir.z = 0.;\n // dir.z *= 0.6;\n dist = length( dir );\n distSquared = dist * dist;\n\n float preyRadius = 150.0;\n float preyRadiusSq = preyRadius * preyRadius;\n\n // move birds away from predator\n if (dist < preyRadius) {\n\n f = ( distSquared / preyRadiusSq - 1.0 ) * delta * 100.;\n velocity += normalize( dir ) * f;\n limit += 5.0;\n }\n\n // if (testing == 0.0) {}\n // if ( rand( uv + time ) < freedomFactor ) {}\n\n // Attract flocks to the center\n vec3 central = vec3( 0., 0., 0. );\n dir = selfPosition - central;\n dist = length( dir );\n\n dir.y *= 2.5;\n velocity -= normalize( dir ) * delta * 5.;\n\n for (float y=0.0;y zoneRadiusSquared ) continue;\n\n percent = distSquared / zoneRadiusSquared;\n\n if ( percent < separationThresh ) { // low\n\n // Separation - Move apart for comfort\n f = (separationThresh / percent - 1.0) * delta;\n velocity -= normalize(dir) * f;\n\n } else if ( percent < alignmentThresh ) { // high\n\n // Alignment - fly the same direction\n float threshDelta = alignmentThresh - separationThresh;\n float adjustedPercent = ( percent - separationThresh ) / threshDelta;\n\n birdVelocity = texture2D( textureVelocity, ref ).xyz;\n\n f = ( 0.5 - cos( adjustedPercent * PI_2 ) * 0.5 + 0.5 ) * delta;\n velocity += normalize(birdVelocity) * f;\n\n } else {\n\n // Attraction / Cohesion - move closer\n float threshDelta = 1.0 - alignmentThresh;\n float adjustedPercent = ( percent - alignmentThresh ) / threshDelta;\n\n f = ( 0.5 - ( cos( adjustedPercent * PI_2 ) * -0.5 + 0.5 ) ) * delta;\n\n velocity += normalize(dir) * f;\n\n }\n }\n }\n\n // this make tends to fly around than down or up\n // if (velocity.y > 0.) velocity.y *= (1. - 0.2 * delta);\n\n // Speed Limits\n if ( length( velocity ) > limit ) {\n velocity = normalize( velocity ) * limit;\n }\n\n gl_FragColor = vec4( velocity, 1.0 );\n\n}",h="attribute vec2 reference;\nattribute float birdVertex;\n\nattribute vec3 birdColor;\n\nuniform sampler2D texturePosition;\nuniform sampler2D textureVelocity;\n\nvarying vec4 vColor;\nvarying float z;\n\nuniform float time;\n\nvoid main() {\n\n vec4 tmpPos = texture2D( texturePosition, reference );\n vec3 pos = tmpPos.xyz;\n vec3 velocity = normalize(texture2D( textureVelocity, reference ).xyz);\n\n vec3 newPosition = position;\n\n if ( birdVertex == 4.0 || birdVertex == 7.0 ) {\n // flap wings\n newPosition.y = sin( tmpPos.w ) * 5.;\n }\n\n newPosition = mat3( modelMatrix ) * newPosition;\n\n velocity.z *= -1.;\n float xz = length( velocity.xz );\n float xyz = 1.;\n float x = sqrt( 1. - velocity.y * velocity.y );\n\n float cosry = velocity.x / xz;\n float sinry = velocity.z / xz;\n\n float cosrz = x / xyz;\n float sinrz = velocity.y / xyz;\n\n mat3 maty = mat3(\n cosry, 0, -sinry,\n 0 , 1, 0 ,\n sinry, 0, cosry\n );\n\n mat3 matz = mat3(\n cosrz , sinrz, 0,\n -sinrz, cosrz, 0,\n 0 , 0 , 1\n );\n newPosition = maty * matz * newPosition;\n newPosition += pos;\n z = newPosition.z;\n\n vColor = vec4( birdColor, 1.0 );\n gl_Position = projectionMatrix * viewMatrix * vec4( newPosition, 1.0 );\n}",c="varying vec4 vColor;\nvarying float z;\nuniform vec3 color;\nvoid main() {\n // Fake colors for now\n float rr = 0.2 + ( 1000. - z ) / 1000. * vColor.x;\n float gg = 0.2 + ( 1000. - z ) / 1000. * vColor.y;\n float bb = 0.2 + ( 1000. - z ) / 1000. * vColor.z;\n gl_FragColor = vec4( rr, gg, bb, 1. );\n}",d=function(e){const t=e.image.data;let n=0;const i=t.length;return(()=>{const e=[];for(;n{const e=[];for(;n1&&(e=1),this.last=this.now,this.positionUniforms.time.value=this.now,this.positionUniforms.delta.value=e,this.velocityUniforms.time.value=this.now,this.velocityUniforms.delta.value=e,this.birdUniforms.time.value=this.now,this.birdUniforms.delta.value=e,this.velocityUniforms.predator.value.set(this.mouseX,-this.mouseY,0),this.mouseX=1e4,this.mouseY=1e4,this.gpuCompute.compute(),this.birdUniforms.texturePosition.value=this.gpuCompute.getCurrentRenderTarget(this.positionVariable).texture,this.birdUniforms.textureVelocity.value=this.gpuCompute.getCurrentRenderTarget(this.velocityVariable).texture}onMouseMove(e,t){return this.mouseX=e-.5,this.mouseY=t-.5}onDestroy(){}onResize(){}}m.initClass(),i.a.register("BIRDS",m)}]); \ No newline at end of file diff --git a/resources/assets/sass/_color.scss b/resources/assets/sass/_color.scss new file mode 100644 index 00000000..810b63f1 --- /dev/null +++ b/resources/assets/sass/_color.scss @@ -0,0 +1,543 @@ +// Import the Compass Plugin +//-------------------------------- +// Normal +//-------------------------------- +@function blend-normal ($foreground, $background) { + $opacity: opacity($foreground); + $background-opacity: opacity($background); + + // calculate opacity + $bm-red: red($foreground) * $opacity + red($background) * $background-opacity * (1 - $opacity); + $bm-green: green($foreground) * $opacity + green($background) * $background-opacity * (1 - $opacity); + $bm-blue: blue($foreground) * $opacity + blue($background) * $background-opacity * (1 - $opacity); + @return rgb($bm-red, $bm-green, $bm-blue); +} + +//-------------------------------- +// Multiply +//-------------------------------- +@function blend-multiply ($foreground, $background) { + $bm-red: red($background) * red($foreground) / 255; + $bm-green: green($background) * green($foreground) / 255; + $bm-blue: blue($background) * blue($foreground) / 255; + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// Lighten +//-------------------------------- +@function blend-lighten ($foreground, $background) { + $bm-red: blend-lighten-color(red($foreground), red($background)); + $bm-green: blend-lighten-color(green($foreground), green($background)); + $bm-blue: blend-lighten-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-lighten-color($foreground, $background) { + @if $background > $foreground { + $foreground: $background; + } + @return $foreground; +} + +//-------------------------------- +// Darken +//-------------------------------- +@function blend-darken ($foreground, $background) { + $bm-red: blend-darken-color(red($foreground), red($background)); + $bm-green: blend-darken-color(green($foreground), green($background)); + $bm-blue: blend-darken-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-darken-color($foreground, $background) { + @if $background < $foreground { + $foreground: $background; + } + @return $foreground; +} + +//-------------------------------- +// Darker Color +//-------------------------------- +@function blend-darkercolor ($foreground, $background) { + $bm-red: red($foreground); + $bm-green: green($foreground); + $bm-blue: blue($foreground); + $background-red: red($background); + $background-green: green($background); + $background-blue: blue($background); + + @if $background-red * 0.3 + $background-green * 0.59 + $background-blue * 0.11 <= $bm-red * 0.3 + $bm-green * 0.59 + $bm-blue * 0.11 { + $bm-red: $background-red; + $bm-green: $background-green; + $bm-blue: $background-blue; + } + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// Lighter Color +//-------------------------------- +@function blend-lightercolor ($foreground, $background) { + $bm-red: red($foreground); + $bm-green: green($foreground); + $bm-blue: blue($foreground); + $background-red: red($background); + $background-green: green($background); + $background-blue: blue($background); + + @if $background-red * 0.3 + $background-green * 0.59 + $background-blue * 0.11 > $bm-red * 0.3 + $bm-green * 0.59 + $bm-blue * 0.11 { + $bm-red: $background-red; + $bm-green: $background-green; + $bm-blue: $background-blue; + } + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// Linear Dodge +//-------------------------------- +@function blend-lineardodge ($foreground, $background) { + $bm-red: blend-lineardodge-color(red($foreground), red($background)); + $bm-green: blend-lineardodge-color(green($foreground), green($background)); + $bm-blue: blend-lineardodge-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-lineardodge-color($foreground, $background) { + @if $background + $foreground > 255 { + $foreground: 255; + } @else { + $foreground: $background + $foreground; + } + @return $foreground; +} + +//-------------------------------- +// Linear Burn +//-------------------------------- +@function blend-linearburn ($foreground, $background) { + $bm-red: blend-linearburn-color(red($foreground), red($background)); + $bm-green: blend-linearburn-color(green($foreground), green($background)); + $bm-blue: blend-linearburn-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-linearburn-color($foreground, $background) { + @if $background + $foreground < 255 { + $foreground: 0; + } @else { + $foreground: $background + $foreground - 255; + } + @return $foreground; +} + +//-------------------------------- +// Difference +//-------------------------------- +@function blend-difference ($foreground, $background) { + $bm-red: abs(red($background) - red($foreground)); + $bm-green: abs(green($background) - green($foreground)); + $bm-blue: abs(blue($background) - blue($foreground)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// Screen +//-------------------------------- +@function blend-screen ($foreground, $background) { + $bm-red: blend-screen-color(red($foreground), red($background)); + $bm-green: blend-screen-color(green($foreground), green($background)); + $bm-blue: blend-screen-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-screen-color($foreground, $background) { + @return (255 - ( ( (255 - $foreground) * (255 - $background)) / 256)); +} + +//-------------------------------- +// Exclusion +//-------------------------------- +@function blend-exclusion ($foreground, $background) { + $bm-red: blend-exclusion-color(red($foreground), red($background)); + $bm-green: blend-exclusion-color(green($foreground), green($background)); + $bm-blue: blend-exclusion-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-exclusion-color($foreground, $background) { + @return $background - ($background * (2 / 255) - 1) * $foreground; +} + +//-------------------------------- +// Overlay +//-------------------------------- +@function blend-overlay ($foreground, $background) { + $bm-red: blend-overlay-color(red($foreground), red($background)); + $bm-green: blend-overlay-color(green($foreground), green($background)); + $bm-blue: blend-overlay-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-overlay-color($foreground, $background) { + @if $background <= 255 / 2 { + $foreground: (2 * $background * $foreground) / 255; + } @else { + $foreground: 255 - (255 - 2 * ($background - (255 / 2))) * (255 - $foreground) / 255; + } + @return $foreground; +} + +//-------------------------------- +// Soft Light +//-------------------------------- +@function blend-softlight ($foreground, $background) { + $bm-red: blend-softlight-color(red($foreground), red($background)); + $bm-green: blend-softlight-color(green($foreground), green($background)); + $bm-blue: blend-softlight-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-softlight-color($foreground, $background) { + @if $background < 128 { + $foreground: (($foreground / 2) + 64) * $background * (2 / 255); + } @else { + $foreground: 255 - (191 - ($foreground / 2)) * (255 - $background) * (2 / 255); + } + @return $foreground; +} + +//-------------------------------- +// Hard Light +//-------------------------------- +@function blend-hardlight ($foreground, $background) { + $bm-red: blend-hardlight-color(red($foreground), red($background)); + $bm-green: blend-hardlight-color(green($foreground), green($background)); + $bm-blue: blend-hardlight-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-hardlight-color($foreground, $background) { + $tmp-blend: $foreground; + @if $tmp-blend < 128 { + $foreground: $background * $tmp-blend * (2 / 255); + } @else { + $foreground: 255 - (255-$background) * (255-$tmp-blend) * (2 / 255); + } + @return $foreground; +} + +//-------------------------------- +// Color Dodge +//-------------------------------- +@function blend-colordodge ($foreground, $background) { + $bm-red: blend-colordodge-color(red($foreground), red($background)); + $bm-green: blend-colordodge-color(green($foreground), green($background)); + $bm-blue: blend-colordodge-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-colordodge-color($foreground, $background) { + $tmp: $background * 256 / (255 - $foreground); + @if $tmp > 255 or $foreground == 255 { + $foreground: 255; + } @else { + $foreground: $tmp; + } + @return $foreground; +} + +//-------------------------------- +// Color Burn +//-------------------------------- +@function blend-colorburn ($foreground, $background) { + $bm-red: blend-colorburn-color(red($foreground), red($background)); + $bm-green: blend-colorburn-color(green($foreground), green($background)); + $bm-blue: blend-colorburn-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-colorburn-color($foreground, $background) { + $tmp: (255 - ((255 - $background) * 255) / $foreground); + + // TODO: hacked to replicate photoshop + @if $foreground == 0 { + $foreground: 255; + } @else if $tmp < 0 { + $foreground: 0; + } @else { + $foreground: $tmp; + } + @return $foreground; +} + +//-------------------------------- +// Linear Light +//-------------------------------- +@function blend-linearlight ($foreground, $background) { + $bm-red: blend-linearlight-color(red($foreground), red($background)); + $bm-green: blend-linearlight-color(green($foreground), green($background)); + $bm-blue: blend-linearlight-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-linearlight-color($foreground, $background) { + @if $foreground < 128 { + $foreground: blend-linearburn-color($background, 2 * $foreground); + } @else { + $foreground: blend-lineardodge-color($background, 2 * ($foreground - 128)); + } + @return $foreground; +} + +//-------------------------------- +// Vivid Light +//-------------------------------- +@function blend-vividlight ($foreground, $background) { + $bm-red: blend-vividlight-color(red($foreground), red($background)); + $bm-green: blend-vividlight-color(green($foreground), green($background)); + $bm-blue: blend-vividlight-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-vividlight-color($foreground, $background) { + @if $foreground < 128 { + $foreground: blend-colorburn-color(2 * $foreground, $background); + } @else { + $foreground: blend-colordodge-color(2 * ($foreground - 128), $background); + } + @return $foreground; +} + +//-------------------------------- +// Pin Light +//-------------------------------- +@function blend-pinlight ($foreground, $background) { + $bm-red: blend-pinlight-color(red($foreground), red($background)); + $bm-green: blend-pinlight-color(green($foreground), green($background)); + $bm-blue: blend-pinlight-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-pinlight-color($foreground, $background) { + @if $foreground < 128 { + $foreground: blend-darken-color($background, 2 * $foreground); + } @else { + $foreground: blend-lighten-color($background, 2 * ($foreground - 128)); + } + @return $foreground; +} + +//-------------------------------- +// Hard Mix +//-------------------------------- +@function blend-hardmix ($foreground, $background) { + $bm-red: blend-hardmix-color(red($foreground), red($background)); + $bm-green: blend-hardmix-color(green($foreground), green($background)); + $bm-blue: blend-hardmix-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-hardmix-color($foreground, $background) { + $tmp: blend-vividlight-color($foreground, $background); + @if $tmp < 128 { + $foreground: 0; + } @else { + $foreground: 255; + } + @return $foreground; +} + +// Unique to Photoshop + +//-------------------------------- +// Color Blend +//-------------------------------- +@function blend-colorblend ($foreground, $background) { + $foreground-hsv: color-to-hsv($foreground); + $background-hsv: color-to-hsv($background); + + $bm-hsv: nth($foreground-hsv, 1), nth($foreground-hsv, 2), nth($background-hsv, 3); + $bm-color: hsv-to-color($bm-hsv); + + @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); +} + +//-------------------------------- +// Dissolve +//-------------------------------- +@function blend-dissolve ($foreground, $background) { + // The Dissolve blend mode acts on transparent and partially transparent pixels + // it treats transparency as a pixel pattern and applies a diffusion dither pattern. + // @see http://photoblogstop.com/photoshop/photoshop-blend-modes-explained + @return $foreground; +} + +//-------------------------------- +// Divide +//-------------------------------- +@function blend-divide ($foreground, $background) { + $bm-red: blend-divide-colors(red($foreground), red($background)); + $bm-green: blend-divide-colors(green($foreground), green($background)); + $bm-blue: blend-divide-colors(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-divide-colors($foreground, $background) { + @return min((($background / 255) / ($foreground / 255)) * 255, 255); +} + +//-------------------------------- +// Hue +//-------------------------------- +@function blend-hue ($foreground, $background) { + $foreground-hsv: color-to-hsv($foreground); + $background-hsv: color-to-hsv($background); + + $bm-hsv: nth($foreground-hsv, 1), nth($background-hsv, 2), nth($background-hsv, 3); + $bm-color: hsv-to-color($bm-hsv); + + @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); +} + +//-------------------------------- +// Luminosity +//-------------------------------- +@function blend-luminosity ($foreground, $background) { + $foreground-hsv: color-to-hsv($foreground); + $background-hsv: color-to-hsv($background); + + $bm-hsv: nth($background-hsv, 1), nth($background-hsv, 2), nth($foreground-hsv, 3); + $bm-color: hsv-to-color($bm-hsv); + + @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); +} + +//-------------------------------- +// Saturation +//-------------------------------- +@function blend-saturation ($foreground, $background) { + $foreground-hsv: color-to-hsv($foreground); + $background-hsv: color-to-hsv($background); + + $bm-hsv: nth($background-hsv, 1), nth($foreground-hsv, 2), nth($background-hsv, 3); + $bm-color: hsv-to-color($bm-hsv); + + @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); +} + +//-------------------------------- +// Subtract +//-------------------------------- +@function blend-subtract ($foreground, $background) { + $bm-red: max(red($background) - red($foreground), 0); + $bm-green: max(green($background) - green($foreground), 0); + $bm-blue: max(blue($background) - blue($foreground), 0); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// HSL and HSV +//-------------------------------- +// @see https://gist.github.com/1069204 +@function hsv-to-hsl($h, $s: 0, $v: 0) { + @if type-of($h) == 'list' { + $v: nth($h, 3); + $s: nth($h, 2); + $h: nth($h, 1); + } + + @if unit($h) == 'deg' { + $h: 3.1415 * 2 * ($h / 360deg); + } + @if unit($s) == '%' { + $s: 0 + ($s / 100%); + } + @if unit($v) == '%' { + $v: 0 + ($v / 100%); + } + + $ss: $s * $v; + $ll: (2 - $s) * $v; + + @if $ll <= 1 and $ll != 0 { + $ss: $ss / $ll; + } @else if ($ll == 2) { + $ss: 0; + } @else { + $ss: $ss / (2 - $ll); + } + + $ll: $ll / 2; + + @return 360deg * $h / (3.1415 * 2), percentage(max(0, min(1, $ss))), percentage(max(0, min(1, $ll))); +} + +@function hsl-to-hsv($h, $ss: 0, $ll: 0) { + @if type-of($h) == 'list' { + $ll: nth($h, 3); + $ss: nth($h, 2); + $h: nth($h, 1); + } @else if type-of($h) == 'color' { + $ll: lightness($h); + $ss: saturation($h); + $h: hue($h); + } + + @if unit($h) == 'deg' { + $h: 3.1415 * 2 * ($h / 360deg); + } + @if unit($ss) == '%' { + $ss: 0 + ($ss / 100%); + } + @if unit($ll) == '%' { + $ll: 0 + ($ll / 100%); + } + + $ll: $ll * 2; + + @if $ll <= 1 { + $ss: $ss * $ll; + } @else { + $ss: $ss * (2 - $ll); + } + + $v: ($ll + $ss) / 2; + $s: if($ll + $ss == 0, 0, (2 * $ss) / ($ll + $ss)); + + @return 360deg * $h / (3.1415 * 2), percentage(max(0, min(1, $s))), percentage(max(0, min(1, $v))); +} + +@function color-to-hsv($color) { + @return hsl-to-hsv($color); +} + +@function hsv-to-color($h, $s: 0, $v: 0) { + $hsl: hsv-to-hsl($h, $s, $v); + @return hsl(nth($hsl, 1), nth($hsl, 2), nth($hsl, 3)); +} + +@function fade($color, $opacity) { + @return fade-in($color, $opacity/100%) +} \ No newline at end of file diff --git a/resources/assets/sass/_mixins.scss b/resources/assets/sass/_mixins.scss new file mode 100644 index 00000000..7a4aba5c --- /dev/null +++ b/resources/assets/sass/_mixins.scss @@ -0,0 +1,903 @@ +@mixin clearfix() { + &:before, + &:after { + content: " "; /* 1 */ + display: table; /* 2 */ + } + &:after { + clear: both; + } +} + +// Webkit-style focus +@mixin tab-focus() { + // Default + outline: thin dotted #000; + outline-offset: -2px; +} + +// Center-align a block level element +@mixin center-block() { + display: block; + margin-left: auto; + margin-right: auto; +} + +// Sizing shortcuts +@mixin size($width, $height) { + width: $width; + height: $height; +} + +@mixin square($size) { + @include size($size, $size); +} + +@mixin flexbox() { + display: flex; +} + +@mixin flex-inline() { + display: inline-flex; +} + +@mixin align-items($argument) { + align-items: $argument; +} + +@mixin flex-column { + flex-direction: column; +} + +@mixin flex-row { + flex-direction: row; +} + +// Placeholder text +@mixin placeholder($color: $input-color-placeholder) { + &.placeholder { + color: $color; + } +} + +// Placeholder text +@mixin selected($color, $background) { + &::selection { + background: $background; /* Safari */ + color: $color; + } +} + +@mixin placeholder-height($height) { + &.placeholder { + line-height: $height; + } +} + +// Text overflow +// Requires inline-block or block for proper styling +@mixin text-overflow() { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +// CSS image replacement +@mixin text-hide() { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +@mixin invisible() { + visibility: hidden; +} + +//Padding Helper Classes +@mixin generate-paddings-options-prefix($prefix,$n, $j: 0) { + @if $j <= $n { + @for $i from $j through $n { + $step: $i*5; + .#{$prefix}-p-t-#{$step} { + margin-top: ($step*1px) !important; + } + .#{$prefix}-p-r-#{$step} { + margin-right: ($step*1px) !important; + } + .#{$prefix}-p-l-#{$step} { + margin-left: ($step*1px) !important; + } + .#{$prefix}-p-b-#{$step} { + margin-bottom: ($step*1px) !important; + } + //@include generate-margin-options($n, ($i + 1)); + } + } +} + +//Margins Helper Classes +@mixin generate-margin-options-prefix($prefix,$n, $j: 0) { + @if $j <= $n { + @for $i from $j through $n { + $step: $i*5; + .#{$prefix}-m-t-#{$step} { + margin-top: ($step*1px) !important; + } + .#{$prefix}-m-r-#{$step} { + margin-right: ($step*1px) !important; + } + .#{$prefix}-m-l-#{$step} { + margin-left: ($step*1px) !important; + } + .#{$prefix}-m-b-#{$step} { + margin-bottom: ($step*1px) !important; + } + //@include generate-margin-options($n, ($i + 1)); + } + } +} + +// CSS3 PROPERTIES +// -------------------------------------------------- +@mixin mask($arguments) { + mask: $arguments; +} + +@mixin box_scale($scale) { + transform: scale($scale); +} + +// Single side border-radius +@mixin border-top-radius($radius) { + border-top-right-radius: $radius; + border-top-left-radius: $radius; +} + +@mixin border-right-radius($radius) { + border-bottom-right-radius: $radius; + border-top-right-radius: $radius; +} + +@mixin border-bottom-radius($radius) { + border-bottom-right-radius: $radius; + border-bottom-left-radius: $radius; +} + +@mixin border-left-radius($radius) { + border-bottom-left-radius: $radius; + border-top-left-radius: $radius; +} + +@mixin border-radius($radius) { + border-radius: $radius; +} + +// Drop shadows +@mixin box-shadow($shadow) { + box-shadow: $shadow; +} + +@mixin animation($properties) { + animation: $properties; +} + +// Transitions +@mixin transition($transition) { + transition: $transition; +} + +@mixin transition-property($transition-property) { + transition-property: $transition-property; +} + +@mixin transition-delay($transition-delay) { + transition-delay: $transition-delay; +} + +@mixin transition-duration($transition-duration) { + transition-duration: $transition-duration; +} + +@mixin transition-transform($transition) { + transition: transform $transition; +} + +// Transformations +@mixin rotate($degrees) { + transform: rotate($degrees); +} + +@mixin scale($ratio) { + transform: scale($ratio); +} + +@mixin translate($x, $y) { + transform: translate($x, $y); +} + +@mixin translateY($y) { + transform: translateY($y); +} + +@mixin translateX($x) { + transform: translateX($x); +} + +@mixin skew($x, $y) { + transform: skew($x, $y); +} + +@mixin translate3d($x, $y, $z) { + transform: translate3d($x, $y, $z); +} + +@mixin rotateX($degrees) { + transform: rotateX($degrees); +} + +@mixin rotateY($degrees) { + transform: rotateY($degrees); +} + +@mixin perspective($perspective) { + perspective: $perspective; +} + +@mixin perspective-origin($perspective) { + perspective-origin: $perspective; +} + +@mixin transform-origin($origin) { + transform-origin: $origin; +} + +@mixin transform-style($style) { + transform-style: $style; +} + +// Backface visibility +// Prevent browsers from flickering when using CSS 3D transforms. +// Default value is `visible`, but can be changed to `hidden` +// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples +@mixin backface-visibility($visibility) { + backface-visibility: $visibility; +} + +// Background clip +@mixin background-clip($clip: border-box) { + background-clip: $clip; +} + +// Box sizing +@mixin box-sizing($boxmodel) { + box-sizing: $boxmodel; +} + +// User select +// For selecting text on the page +@mixin user-select($select) { + user-select: $select; +} + +// Resize anything +@mixin resizable($direction) { + resize: $direction; // Options: horizontal, vertical, both + overflow: auto; // Safari fix +} + +// CSS3 Content Columns +@mixin content-columns($column-count, $column-gap: $grid-gutter-width) { + column-count: $column-count; + column-gap: $column-gap; +} + +// Optional hyphenation +@mixin hyphens($mode: auto) { + word-wrap: break-word; + hyphens: $mode; +} + +// Opacity +@mixin opacity($opacity) { + opacity: $opacity; + // IE8 filter + $opacity-ie: ($opacity * 100); + filter: alpha(opacity=$opacity-ie); +} + +// GRADIENTS +// -------------------------------------------------- +@mixin linear-gradient($from, $to) { + background: $to; + background: linear-gradient(to bottom, $from 0%, $to 100%); + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#{$from}, endColorstr=#{$to}) +} + +#gradient { + // Horizontal gradient, from left to right + // + // Creates two color stops, start and end, by specifying a color and position for each color stop. + // Color stops are not available in IE9 and below. + @mixin horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) { + // Standard, IE10 + background: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent) repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down + } + // Vertical gradient, from top to bottom + // + // Creates two color stops, start and end, by specifying a color and position for each color stop. + // Color stops are not available in IE9 and below. + @mixin vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) { + // Standard, IE10 + background: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent) repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down + } + @mixin directional($start-color: #555, $end-color: #333, $deg: 45deg) { + // Standard, IE10 + background: linear-gradient($deg, $start-color, $end-color) repeat-x; + } + @mixin horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) { + background: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color) no-repeat; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback + } + @mixin vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) { + background: linear-gradient($start-color, $mid-color $color-stop, $end-color) no-repeat; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback + } + @mixin radial($inner-color: #555, $outer-color: #333) { + background: radial-gradient(circle, $inner-color, $outer-color) no-repeat; + } + @mixin striped($color: rgba(255,255,255,.15), $angle: 45deg) { + background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent); + } +} + +// Reset filters for IE +// +// When you need to remove a gradient background, do not forget to use this to reset +// the IE filter for IE9 and below. +@mixin reset-filter() { + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} + +// Retina images +// +// Short retina mixin for setting background-image and -size +@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) { + background-image: url("${file-1x}"); + @media only screen and (min-device-pixel-ratio: 2), + only screen and (min-resolution: 192dpi), + only screen and (min-resolution: 2dppx) { + background-image: url("${file-2x}"); + background-size: $width-1x $height-1x; + } +} + +// Responsive image +// +// Keep images from scaling beyond the width of their parents. +@mixin img-responsive($display: block) { + display: $display; + max-width: 100%; // Part 1: Set a maximum relative to the parent + height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching +} + +@mixin keyframe ($animation_name) { + @-webkit-keyframes #{$animation_name} { + @content; + } + + @-moz-keyframes #{$animation_name} { + @content; + } + + @-o-keyframes #{$animation_name} { + @content; + } + + @keyframes #{$animation_name} { + @content; + } +} + +// Import the Compass Plugin +//-------------------------------- +// Normal +//-------------------------------- +@function blend-normal ($foreground, $background) { + $opacity: opacity($foreground); + $background-opacity: opacity($background); + // calculate opacity + $bm-red: red($foreground) * $opacity + red($background) * $background-opacity * (1 - $opacity); + $bm-green: green($foreground) * $opacity + green($background) * $background-opacity * (1 - $opacity); + $bm-blue: blue($foreground) * $opacity + blue($background) * $background-opacity * (1 - $opacity); + @return rgb($bm-red, $bm-green, $bm-blue); +} + +//-------------------------------- +// Multiply +//-------------------------------- +@function blend-multiply ($foreground, $background) { + $bm-red: red($background) * red($foreground) / 255; + $bm-green: green($background) * green($foreground) / 255; + $bm-blue: blue($background) * blue($foreground) / 255; + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// Lighten +//-------------------------------- +@function blend-lighten ($foreground, $background) { + $bm-red: blend-lighten-color(red($foreground), red($background)); + $bm-green: blend-lighten-color(green($foreground), green($background)); + $bm-blue: blend-lighten-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-lighten-color($foreground, $background) { + @if $background > $foreground { + $foreground: $background; + } + @return $foreground; +} + +//-------------------------------- +// Darken +//-------------------------------- +@function blend-darken ($foreground, $background) { + $bm-red: blend-darken-color(red($foreground), red($background)); + $bm-green: blend-darken-color(green($foreground), green($background)); + $bm-blue: blend-darken-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-darken-color($foreground, $background) { + @if $background < $foreground { + $foreground: $background; + } + @return $foreground; +} + +//-------------------------------- +// Darker Color +//-------------------------------- +@function blend-darkercolor ($foreground, $background) { + $bm-red: red($foreground); + $bm-green: green($foreground); + $bm-blue: blue($foreground); + $background-red: red($background); + $background-green: green($background); + $background-blue: blue($background); + @if $background-red * 0.3 + $background-green * 0.59 + $background-blue * 0.11 <= $bm-red * 0.3 + $bm-green * 0.59 + $bm-blue * 0.11 { + $bm-red: $background-red; + $bm-green: $background-green; + $bm-blue: $background-blue; + } + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// Lighter Color +//-------------------------------- +@function blend-lightercolor ($foreground, $background) { + $bm-red: red($foreground); + $bm-green: green($foreground); + $bm-blue: blue($foreground); + $background-red: red($background); + $background-green: green($background); + $background-blue: blue($background); + @if $background-red * 0.3 + $background-green * 0.59 + $background-blue * 0.11 > $bm-red * 0.3 + $bm-green * 0.59 + $bm-blue * 0.11 { + $bm-red: $background-red; + $bm-green: $background-green; + $bm-blue: $background-blue; + } + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// Linear Dodge +//-------------------------------- +@function blend-lineardodge ($foreground, $background) { + $bm-red: blend-lineardodge-color(red($foreground), red($background)); + $bm-green: blend-lineardodge-color(green($foreground), green($background)); + $bm-blue: blend-lineardodge-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-lineardodge-color($foreground, $background) { + @if $background + $foreground > 255 { + $foreground: 255; + } @else { + $foreground: $background + $foreground; + } + @return $foreground; +} + +//-------------------------------- +// Linear Burn +//-------------------------------- +@function blend-linearburn ($foreground, $background) { + $bm-red: blend-linearburn-color(red($foreground), red($background)); + $bm-green: blend-linearburn-color(green($foreground), green($background)); + $bm-blue: blend-linearburn-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-linearburn-color($foreground, $background) { + @if $background + $foreground < 255 { + $foreground: 0; + } @else { + $foreground: $background + $foreground - 255; + } + @return $foreground; +} + +//-------------------------------- +// Difference +//-------------------------------- +@function blend-difference ($foreground, $background) { + $bm-red: abs(red($background) - red($foreground)); + $bm-green: abs(green($background) - green($foreground)); + $bm-blue: abs(blue($background) - blue($foreground)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// Screen +//-------------------------------- +@function blend-screen ($foreground, $background) { + $bm-red: blend-screen-color(red($foreground), red($background)); + $bm-green: blend-screen-color(green($foreground), green($background)); + $bm-blue: blend-screen-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-screen-color($foreground, $background) { + @return (255 - ( ( (255 - $foreground) * (255 - $background)) / 256)); +} + +//-------------------------------- +// Exclusion +//-------------------------------- +@function blend-exclusion ($foreground, $background) { + $bm-red: blend-exclusion-color(red($foreground), red($background)); + $bm-green: blend-exclusion-color(green($foreground), green($background)); + $bm-blue: blend-exclusion-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-exclusion-color($foreground, $background) { + @return $background - ($background * (2 / 255) - 1) * $foreground; +} + +//-------------------------------- +// Overlay +//-------------------------------- +@function blend-overlay ($foreground, $background) { + $bm-red: blend-overlay-color(red($foreground), red($background)); + $bm-green: blend-overlay-color(green($foreground), green($background)); + $bm-blue: blend-overlay-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-overlay-color($foreground, $background) { + @if $background <= 255 / 2 { + $foreground: (2 * $background * $foreground) / 255; + } @else { + $foreground: 255 - (255 - 2 * ($background - (255 / 2))) * (255 - $foreground) / 255; + } + @return $foreground; +} + +//-------------------------------- +// Soft Light +//-------------------------------- +@function blend-softlight ($foreground, $background) { + $bm-red: blend-softlight-color(red($foreground), red($background)); + $bm-green: blend-softlight-color(green($foreground), green($background)); + $bm-blue: blend-softlight-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-softlight-color($foreground, $background) { + @if $background < 128 { + $foreground: (($foreground / 2) + 64) * $background * (2 / 255); + } @else { + $foreground: 255 - (191 - ($foreground / 2)) * (255 - $background) * (2 / 255); + } + @return $foreground; +} + +//-------------------------------- +// Hard Light +//-------------------------------- +@function blend-hardlight ($foreground, $background) { + $bm-red: blend-hardlight-color(red($foreground), red($background)); + $bm-green: blend-hardlight-color(green($foreground), green($background)); + $bm-blue: blend-hardlight-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-hardlight-color($foreground, $background) { + $tmp-blend: $foreground; + @if $tmp-blend < 128 { + $foreground: $background * $tmp-blend * (2 / 255); + } @else { + $foreground: 255 - (255-$background) * (255-$tmp-blend) * (2 / 255); + } + @return $foreground; +} + +//-------------------------------- +// Color Dodge +//-------------------------------- +@function blend-colordodge ($foreground, $background) { + $bm-red: blend-colordodge-color(red($foreground), red($background)); + $bm-green: blend-colordodge-color(green($foreground), green($background)); + $bm-blue: blend-colordodge-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-colordodge-color($foreground, $background) { + $tmp: $background * 256 / (255 - $foreground); + @if $tmp > 255 or $foreground == 255 { + $foreground: 255; + } @else { + $foreground: $tmp; + } + @return $foreground; +} + +//-------------------------------- +// Color Burn +//-------------------------------- +@function blend-colorburn ($foreground, $background) { + $bm-red: blend-colorburn-color(red($foreground), red($background)); + $bm-green: blend-colorburn-color(green($foreground), green($background)); + $bm-blue: blend-colorburn-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-colorburn-color($foreground, $background) { + $tmp: (255 - ((255 - $background) * 255) / $foreground); + // TODO: hacked to replicate photoshop + @if $foreground == 0 { + $foreground: 255; + } @else if $tmp < 0 { + $foreground: 0; + } @else { + $foreground: $tmp; + } + @return $foreground; +} + +//-------------------------------- +// Linear Light +//-------------------------------- +@function blend-linearlight ($foreground, $background) { + $bm-red: blend-linearlight-color(red($foreground), red($background)); + $bm-green: blend-linearlight-color(green($foreground), green($background)); + $bm-blue: blend-linearlight-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-linearlight-color($foreground, $background) { + @if $foreground < 128 { + $foreground: blend-linearburn-color($background, 2 * $foreground); + } @else { + $foreground: blend-lineardodge-color($background, 2 * ($foreground - 128)); + } + @return $foreground; +} + +//-------------------------------- +// Vivid Light +//-------------------------------- +@function blend-vividlight ($foreground, $background) { + $bm-red: blend-vividlight-color(red($foreground), red($background)); + $bm-green: blend-vividlight-color(green($foreground), green($background)); + $bm-blue: blend-vividlight-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-vividlight-color($foreground, $background) { + @if $foreground < 128 { + $foreground: blend-colorburn-color(2 * $foreground, $background); + } @else { + $foreground: blend-colordodge-color(2 * ($foreground - 128), $background); + } + @return $foreground; +} + +//-------------------------------- +// Pin Light +//-------------------------------- +@function blend-pinlight ($foreground, $background) { + $bm-red: blend-pinlight-color(red($foreground), red($background)); + $bm-green: blend-pinlight-color(green($foreground), green($background)); + $bm-blue: blend-pinlight-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-pinlight-color($foreground, $background) { + @if $foreground < 128 { + $foreground: blend-darken-color($background, 2 * $foreground); + } @else { + $foreground: blend-lighten-color($background, 2 * ($foreground - 128)); + } + @return $foreground; +} + +//-------------------------------- +// Hard Mix +//-------------------------------- +@function blend-hardmix ($foreground, $background) { + $bm-red: blend-hardmix-color(red($foreground), red($background)); + $bm-green: blend-hardmix-color(green($foreground), green($background)); + $bm-blue: blend-hardmix-color(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-hardmix-color($foreground, $background) { + $tmp: blend-vividlight-color($foreground, $background); + @if $tmp < 128 { + $foreground: 0; + } @else { + $foreground: 255; + } + @return $foreground; +} + +// Unique to Photoshop +//-------------------------------- +// Color Blend +//-------------------------------- +@function blend-colorblend ($foreground, $background) { + $foreground-hsv: color-to-hsv($foreground); + $background-hsv: color-to-hsv($background); + $bm-hsv: nth($foreground-hsv, 1), nth($foreground-hsv, 2), nth($background-hsv, 3); + $bm-color: hsv-to-color($bm-hsv); + @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); +} + +//-------------------------------- +// Dissolve +//-------------------------------- +@function blend-dissolve ($foreground, $background) { + // The Dissolve blend mode acts on transparent and partially transparent pixels + // it treats transparency as a pixel pattern and applies a diffusion dither pattern. + // @see http://photoblogstop.com/photoshop/photoshop-blend-modes-explained + @return $foreground; +} + +//-------------------------------- +// Divide +//-------------------------------- +@function blend-divide ($foreground, $background) { + $bm-red: blend-divide-colors(red($foreground), red($background)); + $bm-green: blend-divide-colors(green($foreground), green($background)); + $bm-blue: blend-divide-colors(blue($foreground), blue($background)); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-divide-colors($foreground, $background) { + @return min((($background / 255) / ($foreground / 255)) * 255, 255); +} + +//-------------------------------- +// Hue +//-------------------------------- +@function blend-hue ($foreground, $background) { + $foreground-hsv: color-to-hsv($foreground); + $background-hsv: color-to-hsv($background); + $bm-hsv: nth($foreground-hsv, 1), nth($background-hsv, 2), nth($background-hsv, 3); + $bm-color: hsv-to-color($bm-hsv); + @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); +} + +//-------------------------------- +// Luminosity +//-------------------------------- +@function blend-luminosity ($foreground, $background) { + $foreground-hsv: color-to-hsv($foreground); + $background-hsv: color-to-hsv($background); + $bm-hsv: nth($background-hsv, 1), nth($background-hsv, 2), nth($foreground-hsv, 3); + $bm-color: hsv-to-color($bm-hsv); + @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); +} + +//-------------------------------- +// Saturation +//-------------------------------- +@function blend-saturation ($foreground, $background) { + $foreground-hsv: color-to-hsv($foreground); + $background-hsv: color-to-hsv($background); + $bm-hsv: nth($background-hsv, 1), nth($foreground-hsv, 2), nth($background-hsv, 3); + $bm-color: hsv-to-color($bm-hsv); + @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); +} + +//-------------------------------- +// Subtract +//-------------------------------- +@function blend-subtract ($foreground, $background) { + $bm-red: max(red($background) - red($foreground), 0); + $bm-green: max(green($background) - green($foreground), 0); + $bm-blue: max(blue($background) - blue($foreground), 0); + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// HSL and HSV +//-------------------------------- +// @see https://gist.github.com/1069204 +@function hsv-to-hsl($h, $s: 0, $v: 0) { + @if type-of($h) == 'list' { + $v: nth($h, 3); + $s: nth($h, 2); + $h: nth($h, 1); + } + @if unit($h) == 'deg' { + $h: 3.1415 * 2 * ($h / 360deg); + } + @if unit($s) == '%' { + $s: 0 + ($s / 100%); + } + @if unit($v) == '%' { + $v: 0 + ($v / 100%); + } + $ss: $s * $v; + $ll: (2 - $s) * $v; + @if $ll <= 1 and $ll != 0 { + $ss: $ss / $ll; + } @else if ($ll == 2) { + $ss: 0; + } @else { + $ss: $ss / (2 - $ll); + } + $ll: $ll / 2; + @return 360deg * $h / (3.1415 * 2), percentage(max(0, min(1, $ss))), percentage(max(0, min(1, $ll))); +} + +@function hsl-to-hsv($h, $ss: 0, $ll: 0) { + @if type-of($h) == 'list' { + $ll: nth($h, 3); + $ss: nth($h, 2); + $h: nth($h, 1); + } @else if type-of($h) == 'color' { + $ll: lightness($h); + $ss: saturation($h); + $h: hue($h); + } + @if unit($h) == 'deg' { + $h: 3.1415 * 2 * ($h / 360deg); + } + @if unit($ss) == '%' { + $ss: 0 + ($ss / 100%); + } + @if unit($ll) == '%' { + $ll: 0 + ($ll / 100%); + } + $ll: $ll * 2; + @if $ll <= 1 { + $ss: $ss * $ll; + } @else { + $ss: $ss * (2 - $ll); + } + $v: ($ll + $ss) / 2; + $s: if($ll + $ss == 0, 0, (2 * $ss) / ($ll + $ss)); + @return 360deg * $h / (3.1415 * 2), percentage(max(0, min(1, $s))), percentage(max(0, min(1, $v))); +} + +@function color-to-hsv($color) { + @return hsl-to-hsv($color); +} + +@function hsv-to-color($h, $s: 0, $v: 0) { + $hsl: hsv-to-hsl($h, $s, $v); + @return hsl(nth($hsl, 1), nth($hsl, 2), nth($hsl, 3)); +} + + diff --git a/resources/assets/sass/_modules.scss b/resources/assets/sass/_modules.scss new file mode 100644 index 00000000..964102c1 --- /dev/null +++ b/resources/assets/sass/_modules.scss @@ -0,0 +1,96 @@ +// Structure +// -------------------------------------------------- + +//Z-indexes +@import "modules/z_index"; + +//Main Layout +@import "modules/layout"; + +//View +@import "modules/view"; + +//Chat +@import "modules/chat"; + +//Cards +@import "modules/cards"; + +//Typography +@import "modules/typography"; + +//Buttons +@import "modules/buttons"; + +//Alerts +@import "modules/alerts"; + +//Notification +@import "modules/notifications"; + +//Progress indicators +@import "modules/progress_indicators"; + +//Modals +@import "modules/modals"; + +//Tabs & Accordians +@import "modules/tabs_accordian"; + +//Sliders +@import "modules/sliders"; + +//Tree View +@import "modules/treeview"; + +//Nestables +@import "modules/nestables"; + +//Form Elements +@import "modules/form_elements"; + +//Tables +@import "modules/tables"; + +//Charts +@import "modules/charts"; + +//List +@import "modules/list"; + +//Social +@import "modules/social"; + +//Email +@import "modules/email"; + +//Calender +@import "modules/calendar"; + +//Login +@import "modules/login"; + +//Lock screen +@import "modules/lock_screen"; + +//Timeline +@import "modules/timeline"; + +//Gallery +@import "modules/gallery"; + +//Vector map +@import "modules/vector_map"; + +// Widgets +@import "modules/widgets"; + +//Misc +@import "modules/misc"; + +//Print +@import "modules/print"; + +//Print +@import "modules/animation"; + diff --git a/resources/assets/sass/_responsive.scss b/resources/assets/sass/_responsive.scss new file mode 100644 index 00000000..33498b91 --- /dev/null +++ b/resources/assets/sass/_responsive.scss @@ -0,0 +1,1134 @@ +.visible-xlg { + display: none; +} + +.hidden-xlg { + display: block; +} + +/*** Large screens ***/ +@media (min-width: 1824px) { + + .visible-xlg { + display: block !important; + } + .hidden-xlg { + display: none !important; + } + + .quickview-wrapper .tab-content #quickview-notes > .inner { + width: 570px; + } + + .container-fluid { + &.container-fixed-lg { + width: $layout-container-fixed-lg; + margin-right: auto; + margin-left: auto; + } + } + .menu-pin .container-fluid.container-fixed-lg { + width: $layout-container-fixed-lg - $layout-sidepanel-pin-width; + } + // .visible-xlg { + // display: block !important; + // } + // .hidden-xlg { + // display: none !important; + // } + + .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11 { + // float: left; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; + position: relative; + } + .col-xlg-12 { + // float: left; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; + position: relative; + // width: 100%; + flex: 0 0 100%; + max-width: 100%; + } + .col-xlg-11 { + // width: 91.6667%; + flex: 0 0 91.6667%; + max-width: 91.6667%; + } + .col-xlg-10 { + width: 83.3333%; + flex: 0 0 83.3333%; + max-width: 83.3333%; + } + .col-xlg-9 { + // width: 75%; + flex: 0 0 75%; + max-width: 75%; + } + .col-xlg-8 { + // width: 66.6667%; + flex: 0 0 66.6667%; + max-width: 66.6667%; + } + .col-xlg-7 { + // width: 58.3333%; + flex: 0 0 58.3333%; + max-width: 58.3333%; + } + .col-xlg-6 { + // width: 50%; + flex: 0 0 50%; + max-width: 50%; + } + .col-xlg-5 { + // width: 41.6667%; + flex: 0 0 41.6667%; + max-width: 41.6667%; + } + .col-xlg-4 { + // width: 33.3333%; + flex: 0 0 33.3333%; + max-width: 33.3333%; + } + .col-xlg-3 { + // width: 25%; + flex: 0 0 25%; + max-width: 25%; + } + .col-xlg-2 { + // width: 16.6667%; + flex: 0 0 16.6667%; + max-width: 16.6667%; + } + .col-xlg-1 { + // width: 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; + } + .col-xlg-pull-12 { + right: 100%; + } + .col-xlg-pull-11 { + right: 91.6667%; + } + .col-xlg-pull-10 { + right: 83.3333%; + } + .col-xlg-pull-9 { + right: 75%; + } + .col-xlg-pull-8 { + right: 66.6667%; + } + .col-xlg-pull-7 { + right: 58.3333%; + } + .col-xlg-pull-6 { + right: 50%; + } + .col-xlg-pull-5 { + right: 41.6667%; + } + .col-xlg-pull-4 { + right: 33.3333%; + } + .col-xlg-pull-3 { + right: 25%; + } + .col-xlg-pull-2 { + right: 16.6667%; + } + .col-xlg-pull-1 { + right: 8.33333%; + } + .col-xlg-pull-0 { + right: 0; + } + .col-xlg-push-12 { + left: 100%; + } + .col-xlg-push-11 { + left: 91.6667%; + } + .col-xlg-push-10 { + left: 83.3333%; + } + .col-xlg-push-9 { + left: 75%; + } + .col-xlg-push-8 { + left: 66.6667%; + } + .col-xlg-push-7 { + left: 58.3333%; + } + .col-xlg-push-6 { + left: 50%; + } + .col-xlg-push-5 { + left: 41.6667%; + } + .col-xlg-push-4 { + left: 33.3333%; + } + .col-xlg-push-3 { + left: 25%; + } + .col-xlg-push-2 { + left: 16.6667%; + } + .col-xlg-push-1 { + left: 8.33333%; + } + .col-xlg-push-0 { + left: 0; + } + .col-xlg-offset-12 { + margin-left: 100%; + } + .col-xlg-offset-11 { + margin-left: 91.6667%; + } + .col-xlg-offset-10 { + margin-left: 83.3333%; + } + .col-xlg-offset-9 { + margin-left: 75%; + } + .col-xlg-offset-8 { + margin-left: 66.6667%; + } + .col-xlg-offset-7 { + margin-left: 58.3333%; + } + .col-xlg-offset-6 { + margin-left: 50%; + } + .col-xlg-offset-5 { + margin-left: 41.6667%; + } + .col-xlg-offset-4 { + margin-left: 33.3333%; + } + .col-xlg-offset-3 { + margin-left: 25%; + } + .col-xlg-offset-2 { + margin-left: 16.6667%; + } + .col-xlg-offset-1 { + margin-left: 8.33333%; + } + .col-xlg-offset-0 { + margin-left: 0; + } + +} + +/*** Desktops ***/ +@media (min-width: 1600px) { +} + +/*** Medium Size Screen ***/ +@media only screen and (max-width: 1400px) { + + .page-sidebar .page-sidebar-inner .sidebar-slide { + .sidebar-menu { + bottom: 50px; + } + .sidebar-widgets { + display: none + } + } + .footer-widget { + padding: 11px 21px !important; + } +} + +@media only screen and (max-width: 1199px) { + .visible-xl-down { + display: block !important; + } +} + +/*** Desktops & Laptops ***/ +@media only screen and (min-width: 980px) { + body { + &.ie9.menu-pin { + .page-sidebar { + transform: none !important; + + } + } + &.menu-pin { + .header .brand { + width: 245px; + } + .page-container { + padding-left: 0; + .page-content-wrapper { + .content { + padding-left: $layout-sidepanel-pin-width; + } + .footer { + left: $layout-sidepanel-pin-width; + } + } + } + [data-toggle-pin="sidebar"] { + & > i:before { + content: "\f192"; + } + } + .page-sidebar { + transform: translate($layout-sidepanel-width - $layout-sidepanel-width-collapsed, 0) !important; + width: $layout-sidepanel-pin-width; + .sidebar-header .sidebar-header-controls { + transform: translateX(18px); + } + .menu-items .icon-thumbnail { + transform: translate3d(-14px, 0, 0); + } + } + } + &.menu-behind { + .page-sidebar { + //z-index: $zIndex-navbar - 1; + } + .header .brand { + width: 200px; + text-align: left; + padding-left: 32px; + } + } + &.box-layout { + background-color: $color-white; + & > .container { + height: 100%; + padding: 0; + background-color: $color-master-lightest; + } + .header { + background-color: transparent; + border: 0; + padding: 0; + & > .container { + background-color: #fff; + border-bottom: 1px solid rgba(230, 230, 230, 0.7); + padding: 0 20px 0 0; + height: 100%; + } + } + .page-sidebar { + left: auto; + transform: none !important; + + } + .page-container .page-content-wrapper .footer { + width: auto; + } + + } + } + + .header { + .brand { + position: relative; + } + .dropdown-menu { + top: $layout-header-height - 20px; + } + .user-info-wrapper { + .user-details { + .user-name { + font-size: 16px; + } + .user-other { + font-size: 10px; + } + } + .user-pic { + position: relative; + top: -6px; + } + } + } + + .notification-panel { + width: 400px; + } + +} + +/*** General Small Screen Desktops ***/ + +/*** General tablets and phones ***/ +@media (max-width: 991px) { + + .hidden-lg-down { + display: none !important; + } + + .page-container { + padding-left: 0; + } + + .d-flex-lg-down { + display: flex; + } + .justify-between-lg-down { + + justify-content: space-between; + } + + body { + &.sidebar-open { + .page-container { + @include translate3d(250px, 0, 0); + overflow: hidden; + position: fixed; + } + } + &.box-layout { + & > .container { + padding: 0; + height: 100%; + } + .header { + & > .container { + padding: 0; + .pull-right .sm-action-bar { + right: 0; + } + } + } + } + &.horizontal-app-menu { + .header { + & > .container { + padding: 0; + } + } + .secondary-sidebar { + margin-left: 0; + } + } + } + .header { + padding: 0 15px; + width: 100%; + border-bottom: 1px solid rgba(0, 0, 0, .07); + background: #fff !important; + .header-inner { + text-align: center; + .toggle-sidebar { + display: block; + left: 23px; + } + .mark-email { + left: 45px; + position: absolute; + top: 23px; + } + .quickview-link { + position: absolute; + right: 0; + top: 12px; + } + } + .brand { + width: auto; + } + .dropdown-menu { + top: $layout-mobile-header-height - 20px; + } + .notification-list, .search-link { + display: none; + } + + & > .pull-left, & > .pull-right { + position: relative; + } + & > .pull-right { + .sm-action-bar { + right: 0; + } + } + } + .sm-action-bar { + position: absolute; + top: 50%; + + transform: translateY(-50%); + z-index: 10; + & > a { + padding: 10px; + display: inline-block; + } + } + .pace .pace-activity { + top: 60px; + } + .page-sidebar { + width: 250px; + z-index: auto; + left: 0 !important; + + transform: translate3d(0, 0px, 0px) !important; + .sidebar-menu .menu-items > li ul.sub-menu > li { + padding: 0 30px 0 36px; + } + } + + .page-container { + padding-left: 0; + // z-index: 100; + position: relative; + transition: transform .25s ease; + + .page-content-wrapper .content { + overflow-x: hidden; + height: auto; // minimizes address bar on scroll + } + } + + .icon-thumbnail { + margin-right: 24px; + } + .page-sidebar { + display: none; + z-index: auto; + &.visible { + display: block; + } + .page-sidebar-inner { + z-index: 1; + left: 0 !important; + width: 260px; + .sidebar-slide { + .sidebar-menu { + overflow: scroll; + + top: 40px; + bottom: 0; + ul > li > a > .badge { + display: inline-block; + } + } + } + } + } + .secondary-sidebar { + float: none; + height: auto; + left: 50%; + margin-left: -125px; + padding: 20px; + position: absolute; + right: 0; + top: 60px; + z-index: 9999; + display: none; + border-radius: 10px; + .btn-compose { + display: none; + } + } + .horizontal-app-menu .secondary-sidebar { + display: inline-block; + position: relative; + top: inherit; + left: inherit; + right: inherit; + padding: 20px 0; + border-radius: 0; + float: left; + height: 100%; + } + .inner-content, .horizontal-app-menu .inner-content { + margin: 0; + } + .breadcrumb { + padding-left: 15px; + padding-right: 15px; + } + .copyright { + padding-left: 15px; + padding-right: 15px; + } + + // Pages Notification customizations + body > .pgn-wrapper[data-position="top"] { + top: $layout-mobile-header-height; + left: 0; + } + body > .pgn-wrapper[data-position="bottom"] { + left: 0; + } + + body > .pgn-wrapper[data-position$='-left'] { + left: 20px; + right: auto; + } + + .sm-table { + display: table; + width: 100%; + } + .user-profile-wrapper { + position: absolute; + right: 50px; + top: -9px; + } + + .container { + width: 100%; + } + + //Table Block + .table-responsive-block { + table, thead, tbody, th, td, tr { + display: block; + } + thead tr { + position: absolute; + top: -9999px; + left: -9999px; + + } + tr { + border: 1px solid rgba(230, 230, 230, 0.7); + margin-bottom: 15px; + } + td { + /* Behave like a "row" */ + border: none; + border-bottom: 1px solid #eee; + position: relative; + padding-left: 50%; + white-space: normal; + text-align: left; + &:last-child { + border-bottom: 0; + } + &:before { + /* Now like a table header */ + position: absolute; + /* Top/left values mimic padding */ + top: 6px; + left: 6px; + width: 45%; + padding-right: 10px; + white-space: nowrap; + text-align: left; + font-weight: bold; + } + &:before { + content: attr(data-title); + } + } + + } + .kill-pull-md-down { + position: relative; + display: block; + width: inherit; + .toggle-secondary-sidebar { + display: inline-block; + font-size: 18px; + } + } + + //set a min hieght for dropdown tabs + .nav-tabs-header.nav-tabs-linetriangle { + height: 61px; + } + + .overlay { + padding-left: 15px; + } +} + +/* Landscape view of all tablet devices */ +@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { + .page-sidebar .sidebar-menu .menu-items ul { + + } + .page-container { + .page-content-wrapper { + .content { + padding-top: $layout-header-height; + } + } + } + body.box-layout > .container { + width: 100%; + } + .error-page { + .error-container { + width: auto; + } + } +} + +// Resolution specific borders +@media (max-width: 991px) { + .sm-b-r, + .sm-b-l, + .sm-b-t, + .sm-b-b { + border-width: 0; + } + .sm-b-r { + border-right-width: 1px; + } + .sm-b-l { + border-left-width: 1px; + } + .sm-b-t { + border-top-width: 1px; + } + .sm-b-b { + border-bottom-width: 1px; + } + .sidebar-menu { + .icon-thumbnail { + margin-right: 15px; + } + } +} + +// Make all columns equal height +// (Not applied for resolutions lowers than mentioned ex:lg,md,sm +// because they stack up) +@media (min-width: 1200px) { + .row-same-height { + overflow: hidden; + & > [class*="col-lg"] { + margin-bottom: -99999px; + padding-bottom: 99999px; + } + } +} + +@media (max-width: 1199px) and (min-width: 992px) { + //@TODO : Old Media Query current BS4 doesnt not allow this. + .visible-md { + display: block !important; + } +} + +@media (min-width: 992px) { + .row-same-height { + overflow: hidden; + & > [class*="col-md"] { + margin-bottom: -99999px; + padding-bottom: 99999px; + } + } +} + +@media (min-width: 768px) { + .row-same-height { + overflow: hidden; + & > [class*="col-sm"] { + margin-bottom: -99999px; + padding-bottom: 99999px; + } + } + .box-layout .container .jumbotron, .container-fluid .jumbotron { + padding: 0; + } + .d-flex-md-up { + display: flex; + } + + .navbar-toggle { + display: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .dataTables_wrapper.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { + position: absolute; + } + .justify-end-md-up { + + justify-content: flex-end; + } +} + +@media (min-width: 700px) { + .dd { + float: none; + } +} + +/* Portrait view of all tablet devices */ +@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { + + .page-sidebar .sidebar-menu .menu-items > li { + & > a { + padding-left: 27px; + } + ul.sub-menu > li { + padding: 0 27px 0 31px; + } + } + + .icon-thumbnail { + margin-right: 21px; + } + .error-page { + .error-container { + width: auto; + } + } +} + +//MD Screen +@media (max-width: 991px) and (min-width: 768px) { + //OLD BS classes Remove later + .visible-sm { + display: block; + } + .hidden-sm { + display: none; + } + .visible-sm-inline-block { + display: inline-block !important; + } + //New Screen Prefix padding and margin + @include generate-paddings-options-prefix("md", 3); + @include generate-paddings-options-prefix("md", 3); +} + +@media (max-width: 979px) { + .toggle-secondary-sidebar { + + font-size: 18px; + position: static; + display: block; + & ~ .brand { + display: none !important; + } + } + + .secondary-sidebar { + float: none; + height: auto; + left: 50%; + margin-left: -125px; + padding: 20px; + position: absolute; + right: 0; + top: $layout-header-height; + z-index: 9999; + display: none; + border-radius: 10px; + .btn-compose { + display: none; + } + } + + .split-view { + .split-list { + width: 100%; + height: auto; + bottom: 50px; + left: 0; + top: 0; + position: absolute; + z-index: 1000; + float: none; + .item { + padding: 8px; + .inline { + margin-left: 5px; + width: 188px; + } + } + } + + .split-details { + margin-left: 0; + width: 100%; + + .email-content-wrapper { + overflow: auto; + padding: 0; + height: calc(100% - 50px); + .email-content { + width: 90%; + } + } + } + + } + + .compose-wrapper { + display: block !important; + .btn-compose { + display: block !important; + } + } +} + +@media (max-width: 767px) { + + .header { + height: $layout-mobile-header-height; + .notification-list, .search-link { + display: none; + } + .header-inner { + height: $layout-mobile-header-height; + } + } + .header .user-info-wrapper { + display: none; + } + .header .search-link { + height: 19px; + width: 16px; + overflow: hidden; + } + + .jumbotron, .container-fluid { + padding-left: 0; + padding-right: 0; + + } + + .page-container .page-content-wrapper .content { + padding-top: $layout-mobile-header-height; + padding-bottom: 100px; + } + .page-sidebar .sidebar-header { + padding: 0 12px; + } + + .page-sidebar .sidebar-menu .menu-items > li { + & > a { + padding-left: 20px; + } + ul.sub-menu > li { + padding: 0 25px 0 28px; + } + } + + .icon-thumbnail { + margin-right: 20px; + } + + .sm-pull-bottom, .sm-pull-up { + position: relative !important; + } + + //Generate Margin and Paddings. + @include generate-paddings-options-prefix("sm", 10); + @include generate-paddings-options-prefix("sm", 10); + + .sm-no-margin { + margin: 0; + } + .sm-no-padding { + padding: 0; + } + .sm-text-right { + text-align: right !important; + } + .sm-text-left { + text-align: left !important; + } + .sm-text-center { + text-align: center !important; + } + .sm-pull-right { + float: right !important; + } + .sm-pull-left { + float: left !important; + } + .sm-pull-reset { + float: none !important; + } + .sm-block { + display: block; + } + + .error-container { + width: auto; + } + .sm-image-responsive-height { + width: 100%; + height: auto; + } + .email-composer { + padding-left: 30px; + padding-right: 30px; + } + + .sm-padding-10 { + padding: 10px !important; + } + + .lock-box { + align-items: flex-start; + height: auto; + } + .login-box { + padding-right: 15px; + padding-left: 15px; + } + + .visible-xs-inline-block { + display: inline-block !important; + } + + .nav-tabs-linetriangle { + &.nav-cust { + flex-direction: column; + } + li { + a.active:after, a.active:before { + display: none; + } + } + } + + //View Port Heights + .sm-vh-25 { + height: 25vh; + } + .sm-vh-50 { + height: 50vh; + } + .sm-vh-75 { + height: 75vh; + } + .sm-vh-100 { + height: 100vh; + } +} + +/*** Phones ***/ +@media (max-width: 480px) { + body { + width: 100%; + .header { + width: 100%; + height: $layout-mobile-header-height; + border-bottom: 1px solid rgba(0, 0, 0, .07); + .header-inner { + height: $layout-mobile-header-height; + text-align: center; + .toggle-email-sidebar { + font-size: 16px; + top: 12px; + } + .toggle-sidebar { + left: 14px; + } + .mark-email { + left: 35px; + top: 14px; + } + .quickview-link { + top: 14px; + } + + } + .notification-list, .search-link { + display: none; + } + + .dropdown-submenu { + top: 12px; + } + .notification-list, .search-link { + display: none; + } + + } + + #overlay-search { + font-size: 48px; + height: 118px; + line-height: 46px; + } + } + .page-sidebar .sidebar-header { + height: $layout-mobile-header-height; + line-height: $layout-mobile-header-height; + } + .panel { + .panel-heading { + padding-left: 15px; + } + .panel-body { + padding: 0 15px 15px; + } + } + .error-page { + padding: 15px; + .error-container { + margin-top: 30px; + width: auto; + } + .pull-bottom { + position: relative; + } + } + + .map-controls { + left: 10px; + } + .register-container { + height: auto !important; + } + .error-container-innner { + width: auto; + } +} + +/*** Retina Display Images **/ +@media only screen and (min-device-pixel-ratio: 2.0) { + .editor-icon { + background-image: url("#{$base-img-url}/editor_tray_2x.png"); + background-size: 480px 40px; + } + .alert .close { + background: transparent url("#{$base-img-url}/icons/noti-cross-2x.png") no-repeat scroll -9px -10px; + width: 10px; + height: 9px; + position: relative; + opacity: 0.8; + background-size: 114px 29px; + } + +} + +.hidden { + display: none; +} + +.visible-sm, .visible-xs { + display: none; +} + +@media (max-width: 767px) { + .visible-xs { + display: block; + } + .hidden-xs { + display: none; + } +} \ No newline at end of file diff --git a/resources/assets/sass/_var.scss b/resources/assets/sass/_var.scss new file mode 100644 index 00000000..42cfacd2 --- /dev/null +++ b/resources/assets/sass/_var.scss @@ -0,0 +1,168 @@ +// Pages Default Theme +// -------------------------------------------------- +// Copyright Reserved Revox - 2014 +// -------------------------------------------------- + +$base-img-url: "../images" !default; +$assets-url: "../../assets" !default; + +// Global Color +// -------------------------------------------------- +// Base Grey Guided Color * change only $base-light +// -------------------------------------------------- + +//Base Grey Color +$color-master: #3a3a3a !default; + +// Lighter Grey colors +$color-master-light:mix($color-master, #fff, 16%) !default; +$color-master-lighter:mix($color-master, #fff, 9.5%) !default; +$color-master-lightest:mix($color-master, #fff, 3%) !default; + +// Darker Grey colors +$color-master-dark:mix($color-master, #000, 45%) !default; +$color-master-darker:mix($color-master, #000, 27%) !default; +$color-master-darkest:mix($color-master, #000, 18%) !default; + +$color-white: #fff !default; +$color-black: #000 !default; + +$color-success: #47b5ab !default; +$color-complete : #69b6f3 !default; +$color-primary: #ea336b !default; +$color-warning: #f9dc6b !default; +$color-danger: #ff3738 !default; +$color-info: #4d6286 !default; + +$base-font-family: wf_segoe-ui_light,wf_segoe-ui_normal,"Helvetica Neue", Helvetica, Arial, sans-serif !default; + +// Menu Vars +// -------------------------------------------------- +//Menu Animation Curve +$menu-bezier:.05, .74, .27, .99 !default; +$menu-icon-size:40px !default; +$color-menu :#2a2e35 !default; +$color-menu-dark :mix($color-menu, #000, 77%) !default; +$color-menu-darker :mix($color-menu, #000, 90%) !default; + +//Generating Menu font color +$menu-mix-temp : mix($color-menu, #fff, 92%) !default; +$menu :blend-hardlight($menu-mix-temp,#fff) !default; +$color-menu-light :$menu !default; +//Menu Font Color +$color-menu-link-hover:#fff !default; + +// Body +// -------------------------------------------------- +$body-background: $color-master-lightest !default; +$body-color: $color-master !default; +$body-font-family : $base-font-family !default; +$body-font-size : 13px !default; + +// Layout +// -------------------------------------------------- +$layout-header-height:60px !default; +$layout-mobile-header-height:48px !default; +$layout-mobile-logo-scale:0.8 !default; +$layout-sidepanel-width-collapsed : 70px !default; +$layout-sidepanel-width:280px !default; +$layout-sidepanel-pin-width:250px !default; +$layout-right-quickview-width: 285px !default; +$layout-user-profile-margin:25px !default; +$layout-container-fixed-lg: 1700px !default; + +$layout-gutter-sm : 5px !default; + +//Horizontal Dropdown +//--------------------------------------------------- +$navbar-width:45px; +$menu-padding:25px; + +$header-lg-height:75px; +$header-md-height:51px; +$header-sm-height:50px; + +// Panels +$panel-border-color: rgba(0, 0, 0, 0.07) !default; +$panel-padding: 20px !default; +$panel-heading-padding: $panel-padding $panel-padding 7px $panel-padding !default; +$panel-heading-min-height: 48px !default; +$panel-condensed-heading-padding: 13px 13px 0 13px !default; +$panel-condensed-body-padding: 13px !default; +$panel-condensed-heading-min-height: 48px !default; + +//Forms +$form-group-height: 54px !default; +$form-control-border-color: rgba($color-black, .07) !default; + +//Dashboard +$dashboard-background : #f5f5f5 !default; + +//Mixing Color varriable for creating both light and dark colors +$mix-percentage-dark: 81% !default; +$mix-percentage-darker: 60% !default; +$mix-percentage-light: 80% !default; +$mix-percentage-lighter: 20% !default; + +//Lighter colors +$color-success-light: mix($color-success, $color-white, $mix-percentage-light) !default; +$color-success-lighter: mix($color-success, $color-white, $mix-percentage-lighter) !default; + +$color-complete-light: mix($color-complete, $color-white, $mix-percentage-light) !default; +$color-complete-lighter: mix($color-complete, $color-white, $mix-percentage-lighter) !default; + +$color-primary-light: mix($color-primary, $color-white, $mix-percentage-light) !default; +$color-primary-lighter: mix($color-primary, $color-white, $mix-percentage-lighter) !default; + +$color-warning-light: mix($color-warning, $color-white, $mix-percentage-light) !default; +$color-warning-lighter: mix($color-warning, $color-white, $mix-percentage-lighter) !default; + +$color-danger-light: mix($color-danger, $color-white, $mix-percentage-light) !default; +$color-danger-lighter: mix($color-danger, $color-white, $mix-percentage-lighter) !default; + +$color-info-light: mix($color-info, $color-white, $mix-percentage-light) !default; +$color-info-lighter: mix($color-info, $color-white, $mix-percentage-lighter) !default; + +//Darker colors +$color-success-dark: mix($color-success, $color-black, $mix-percentage-dark) !default; +$color-success-darker: mix($color-success, $color-black, $mix-percentage-darker) !default; + +$color-complete-dark: mix($color-complete, $color-black, $mix-percentage-dark) !default; +$color-complete-darker: mix($color-complete, $color-black, $mix-percentage-darker) !default; + +$color-primary-dark: mix($color-primary, $color-black, $mix-percentage-dark) !default; +$color-primary-darker: mix($color-primary, $color-black, $mix-percentage-darker) !default; + +$color-warning-dark: mix($color-warning, $color-black, $mix-percentage-dark) !default; +$color-warning-darker: mix($color-warning, $color-black, $mix-percentage-darker) !default; + +$color-danger-dark: mix($color-danger, $color-black, $mix-percentage-dark) !default; +$color-danger-darker: mix($color-danger, $color-black, $mix-percentage-darker) !default; + +$color-info-dark: mix($color-info, $color-black, $mix-percentage-dark) !default; +$color-info-darker: mix($color-info, $color-black, $mix-percentage-darker) !default; + +// Email colors +// $sidebar-background-color : $color-menu-dark !default; +$_sidebar-background-color: blend-multiply($color-menu-light, $color-menu-light); +$sidebar-background-color : mix($_sidebar-background-color , #000, 80%); + +$secondary-sidebar-width : 250px; +// Components +// -------------------------------------------------- +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +//$padding-base-vertical: 6px !default; +$padding-base-horizontal: 17px !default; + +// $padding-lg-vertical: 28px !default; +$padding-lg-horizontal: 28px !default; + +// $padding-sm-vertical: 5px !default; +$padding-sm-horizontal: 16px !default; + +$padding-sm-vertical: 2px !default; +$padding-sm-horizontal: 16px !default; + +$padding-xs-vertical: 2px !default; +$padding-xs-horizontal: 9px !default; diff --git a/resources/assets/sass/main.scss b/resources/assets/sass/main.scss new file mode 100644 index 00000000..6c8a8703 --- /dev/null +++ b/resources/assets/sass/main.scss @@ -0,0 +1,40 @@ +/*------------------------------------------------------------------ +[Table of contents] + +1. Layouts +2. Cards +3. Typography +4. Buttons +5. Alerts +6. Notifications +7. Progress Indicators +8. Modals +9. Tabs & Accordians +10. Form Elements +11. Tables & Datatables +12. Lists +13. Misc +14. Login +15. Products +16. Pricing Table +17. Chat +18. Email +19. Drag & Drop +20. Animation +-------------------------------------------------------------------*/ +// Color functions +@import "color"; +// Import Vars +@import "var"; +// Mixins tools +@import "mixins"; +// Includes of Modules +@import "modules"; +// Responsive Util +@import "responsive"; + + + + + + diff --git a/resources/assets/sass/modules/_alerts.scss b/resources/assets/sass/modules/_alerts.scss new file mode 100644 index 00000000..aecd1a83 --- /dev/null +++ b/resources/assets/sass/modules/_alerts.scss @@ -0,0 +1,93 @@ + +/*------------------------------------------------------------------ +[7. Alerts] +*/ +.alert { + background-image: none; + box-shadow: none; + text-shadow: none; + padding: 9px 19px 9px 15px; + border-radius: 3px; + font-size: 13px; + border-width:0; + @include transition(all 0.2s linear 0s); + &.bordered{ + border-width: 1px; + } + .link { + color: #ce8f22; + font-weight: bold; + } + .alert-heading { + color: #ce8f22 !important; + margin-bottom: 5px; + font-weight: 600; + } + .btn-small { + position: relative; + top: -3.5px; + } + .button-set { + .btn { + position: relative; + top: 8px; + } + } + .close { + background: url("#{$base-img-url}/icons/noti-cross.png") no-repeat scroll 0 0 transparent; + background-position: -9px -10px; + width: 10px; + height: 9px; + position: relative; + opacity: 0.8; + top: 4.5px; + margin-left: 20px; + font-size: 0; + &:hover { + opacity: 1; + } + } + +} + +/* Alert : Color Options +------------------------------------ +*/ +.alert-danger, +.alert-error{ + background-color: $color-danger-lighter; + color: $color-danger-darker; + border-color: $color-danger-darker; + .close { + background-position: -95px -10px !important; + } +} +.alert-warning{ + background-color: $color-warning-lighter; + color: $color-warning-darker; + border-color: $color-warning-darker; +} +.alert-info{ + background-color: $color-complete-lighter; + color: $color-complete-darker; + border-color: $color-complete-darker; + .close { + background-position: -67px -10px !important; + } +} +.alert-success{ + background-color: $color-success-lighter; + color: $color-success-darker; + border-color: $color-success-darker; + .close { + background-position: -38px -10px !important; + } +} +.alert-default{ + background-color: #fff; + color: $color-master; + border-color: $color-master-light; + .close { + background-position: -67px -10px !important; + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_animation.scss b/resources/assets/sass/modules/_animation.scss new file mode 100644 index 00000000..ebcb576a --- /dev/null +++ b/resources/assets/sass/modules/_animation.scss @@ -0,0 +1,112 @@ +@include keyframe(slide-out-up) { + 0% { + transform: translate(0,0); + } + + 100% { + transform: translate(0,-300%); + } +} + +@include keyframe(slide-out-down) { + 0% { + transform: translate(0,0); + } + + 100% { + transform: translate(0,300%); + } +} + +@include keyframe(slide-out-left) { + 0% { + transform: translate(0,0); + } + + 100% { + transform: translate(-300%,0); + } +} + +@include keyframe(slide-out-right) { + 0% { + transform: translate(0,0); + } + + 100% { + transform: translate(300%,0); + } +} + +@include keyframe(slide-in-up) { + 0% { + transform: translate(0,-100%); + } + + 100% { + transform: translate(0,0); + } +} + +@include keyframe(slide-in-down) { + 0% { + transform: translate(0,100%); + } + + 100% { + transform: translate(0,0); + } +} + +@include keyframe(slide-in-left) { + 0% { + transform: translate(-100%,0); + } + + 100% { + transform: translate(0,0); + } +} + +@include keyframe(slide-in-right) { + 0% { + transform: translate(100%,0); + } + + 100% { + transform: translate(0,0); + } +} + +@include keyframe(fade-in) { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +@include keyframe(fade-out) { + from { + opacity: 1; + } + to { + opacity: 0; + } +} + +@each $type in ('in', 'out') { + @each $direction in ('up', 'down', 'left', 'right') { + + .slide-#{$type}-#{$direction}{ + @include animation(slide-#{$type}-#{$direction}); + } + } +} + +@each $type in ('in', 'out') { + .fade-#{$type} { + @include animation(fade-#{$type} ease-in); + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_buttons.scss b/resources/assets/sass/modules/_buttons.scss new file mode 100644 index 00000000..9aec7004 --- /dev/null +++ b/resources/assets/sass/modules/_buttons.scss @@ -0,0 +1,642 @@ +/*------------------------------------------------------------------ +[6. Buttons] +*/ + +/* +[Buttons Base Styles] +*/ + +// Mixins +// -------------------------------------------------- + +// Creates contextual buttons +@mixin button($text-color, $background-color, $border-color) { + &, + &:focus{ + color: $text-color; + background-color: $background-color; + border-color: $background-color; + } + + &.active, + &:active, + &.active:focus, + &:active:focus, + &:active:hover, + .show .dropdown-toggle#{&} { + background-color: mix($background-color, $color-black, $mix-percentage-dark); + border-color: mix($background-color, $color-black, $mix-percentage-dark); + color:$text-color; + } + &.hover, + &:hover, + .show .dropdown-toggle#{&} + { + background-color: mix($background-color, $color-white, $mix-percentage-light); + border-color: mix($background-color, $color-white, $mix-percentage-light); + color: $text-color; + } + &.active:hover{ + background: mix($background-color, #000, 86%) ; + border-color: mix($background-color, #000, 86%) ; + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &:active, + &.active { + background-color: $background-color; + border-color: $border-color; + } + } + + .badge { + color: $background-color; + background-color: $text-color; + } +} +.btn { + font-family: Arial, sans-serif; + font-size: 14px; + font-weight: normal; + letter-spacing: 0.01em; + -webkit-font-smoothing:antialiased; + -webkit-text-size-adjust:100%; + -ms-text-size-adjust:100%; + -webkit-font-feature-settings: "kern" 1; + -moz-font-feature-settings: "kern" 1; + margin-bottom: 0; + border: 1px solid $color-master-lighter; + text-align: center; + vertical-align: middle; + cursor: pointer; + @include border-radius(3px); + background-image: none !important; + color: $color-master; + background-color: $color-white ; + text-shadow: none; + box-shadow: none; + line-height: 21px; + position: relative; + transition: color 0.1s linear 0s,background-color 0.1s linear 0s,opacity 0.2s linear 0s !important; + padding: 6px $padding-base-horizontal; + &:hover{ + background-color: #fafafa; + border: 1px solid fade-out($color-master,.73); + color: #333; + } + &.active{ + border-color: $color-master-light; + background: #fff; + color: #333; + } + &:focus, + &:active:focus, + &.active:focus { + outline: none !important; + outline-style: none; + color: #333; + } + .caret { + margin-left: 3px; + &.single { + margin-left: 0px; + } + } + &:hover, + &:focus, + &:active, + &.active, + &.disabled, + &[disabled] { + box-shadow: none; + } +} +// Fix for chrome's button outline on focus +button:focus{ + outline: none !important; +} +/* +Alternate buttons +-------------------------------------------------- +*/ + +.btn-primary { + @include button($color-white, $color-primary, $color-primary); +} +.btn-success { + @include button($color-white, $color-success, $color-success); +} +.btn-complete{ + @include button($color-white, $color-complete, $color-complete); +} +.btn-info { + @include button($color-white, $color-info, $color-info); +} +.btn-warning { + @include button($color-white, $color-warning, $color-warning); +} +.btn-danger { + @include button($color-white, $color-danger, $color-danger); +} +.btn-default, .btn-default:focus{ + color: #5e5e5e; + background-color: $color-white; + border-color: $color-master-lighter; +} +.btn-default { + &.active, &:active, &.active:focus, &:active:focus, &:active:hover{ + background-color: $color-master-lighter; + border-color: $color-master-light; + color:$color-master-dark; + } + &.hover, &:hover{ + background-color: $color-master-lightest; + border-color: fade-out($color-master,.73); + color: $color-master-darker; + } + &.active:hover{ + background: mix($color-white, #000, 94%) ; + } +} + +// Link button +.btn-link{ + color: #5e5e5e; + background-color: transparent; + border: none; + &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] { + background-color: transparent; + border: none; + text-decoration: none; + outline: none; + } +} +//File Input Btn +.btn-file { + position: relative; + overflow: hidden; +} +.btn-file input[type=file] { + position: absolute; + top: 0; + right: 0; + min-width: 100%; + min-height: 100%; + font-size: 100px; + text-align: right; + filter: alpha(opacity=0); + opacity: 0; + background: red; + cursor: inherit; + display: block; +} +/* +Button Sizes +-------------------------------------------------- +*/ + +.btn-lg, .btn-group-lg > .btn{ + padding-left: $padding-lg-horizontal; + padding-right: $padding-lg-horizontal; + line-height: 22px; + padding-top: 10px; + padding-bottom: 10px; +} +.btn-sm, .btn-group-sm > .btn{ + padding-left: $padding-sm-horizontal; + padding-right: $padding-sm-horizontal; + font-size: 11.9px; + line-height: 20px; +} +.btn-xs, .btn-group-xs > .btn{ + padding: $padding-xs-vertical $padding-xs-horizontal; + font-size: 10.5px; +} +.btn-cons { + margin-right: 5px; + min-width: 120px; +} + +/* +Rounded buttons +-------------------------------------------------- +*/ +.btn-rounded{ + border-radius: 100px !important; +} + +/* + Dropdown menus +-------------------------------------------------- +*/ +.show{ + .btn-group#{&} .dropdown-toggle, + & .dropdown-toggle, + &.dropdown-default .dropdown-toggle{ + box-shadow: none; + } + +} + +/* Pages default dropdown */ +.dropdown-default{ + display: inline-block; + &.toggle-only{ + padding-left: 9px; + padding-right: 9px; + &:after{ + position: initial; + } + } + &.show{ + & > .btn { + &.dropdown-toggle { + border-color: transparent !important; + background: transparent !important; + z-index: $zIndex-navbar - 9 !important; + } + } + .dropdown-menu { + opacity: 1; + transform: scale(1, 1); + z-index: $zIndex-dropdown; + .dropdown-item { + visibility: visible; + } + } + &.dropup { + & > .btn-primary + .dropdown-menu:after, + & > .btn-success + .dropdown-menu:after, + & > .btn-complete + .dropdown-menu:after, + & > .btn-warning + .dropdown-menu:after, + & > .btn-danger + .dropdown-menu:after, + & > .btn-info + .dropdown-menu:after{ + top: auto; + bottom: 0; + } + } + & > .btn-primary + .dropdown-menu:after, + & > .btn-success + .dropdown-menu:after, + & > .btn-complete + .dropdown-menu:after, + & > .btn-warning + .dropdown-menu:after, + & > .btn-danger + .dropdown-menu:after, + & > .btn-info + .dropdown-menu:after{ + top:0; + height: 42px; + } + & > .btn-primary + .dropdown-menu:after{ + background-color: $color-primary; + } + & > .btn-success + .dropdown-menu:after{ + background-color: $color-success; + } + & > .btn-complete + .dropdown-menu:after{ + background-color: $color-complete; + } + & > .btn-warning + .dropdown-menu:after{ + background-color: $color-warning; + } + & > .btn-danger + .dropdown-menu:after{ + background-color: $color-danger; + } + & > .btn-info + .dropdown-menu:after{ + background-color: $color-info; + } + } + + + &.dropup { + .btn.dropdown-toggle{ + &.btn-lg{ + & + .dropdown-menu{ + margin-bottom: -47px; + padding-bottom: 49px; + &:after{ + bottom: 49px; + } + } + } + &.btn-sm{ + & + .dropdown-menu{ + margin-bottom: -34px; + padding-bottom: 36px; + &:after{ + bottom: 36px; + } + } + } + &.btn-xs{ + & + .dropdown-menu{ + margin-bottom: -29px; + padding-bottom: 31px; + &:after{ + bottom: 31px; + } + } + } + } + .dropdown-menu{ + margin-bottom: -40px; + padding: 0 3px 44px 0 !important; + transform-origin: center bottom 0; + &:after{ + bottom: 43px; + top: auto !important; + } + } + } + .btn.dropdown-toggle{ + text-align: left; + padding-right: $padding-base-horizontal + 10px; + &.btn-lg{ + padding-right: $padding-lg-horizontal + 14px; + &:after{ + right: 26px; + } + & + .dropdown-menu{ + margin-top: -47px; + padding-top: 49px; + &:after{ + top: 49px; + } + } + } + &.btn-sm{ + padding-right: $padding-sm-horizontal + 10px; + &:after{ + right: 16px; + } + & + .dropdown-menu{ + margin-top: -34px; + padding-top: 36px; + &:after{ + top: 36px; + } + } + } + &.btn-xs{ + padding-right: $padding-xs-horizontal + 12px; + &:after{ + right: 8px; + } + & + .dropdown-menu{ + margin-top: -29px; + padding-top: 31px; + &:after{ + top: 31px; + } + } + } + &:after{ + position: absolute; + right: 15px; + top:50%; + margin-top: -2px; + } + } + .btn-rounded{ + padding-left: 17px; + padding-right: 17px; + } + .btn-rounded + .dropdown-menu{ + border-radius: 17px; + } + .dropdown-menu { + margin-top: -40px; + padding-top: 42px; + overflow: hidden; + backface-visibility: hidden; + display: block; + opacity: 0; + transform: scale(1, 0); + transform-origin: center top 0; + @include transition(all 170ms cubic-bezier(.05, .74, .27, .99) 0s); + z-index: -1; + &:after{ + content: ""; + position: absolute; + height: 1px; + left: 0; + top: 42px; + background: $color-master-light; + width: 100%; + } + .dropdown-item { + visibility: hidden; + } + } +} + +.dropdown-toggle{ + &:after{ + position: absolute; + right: 15px; + top: 50%; + margin-top: -2px; + } +} + +.dropdown-menu { + position: absolute; + display: none; + float: left; + list-style: none; + text-shadow: none; + @include box-shadow(0px 0px 5px fade-out($color-master, .8)); + border: none; + border-radius: 3px; + font-size: 13px; + margin: 0; + background:$color-master-lightest; + min-width: 50px; + z-index: $zIndex-dropdown !important; + .divider { + background-color: $color-master-light; + height: 1px; + margin: 3px 0; + border-bottom: 0px; + } + & > .dropdown-item { + padding-left: 0px; + line-height: 35px; + color: $color-master; + padding: 0 20px; + border-radius: 3px; + display: block; + clear: both; + white-space: nowrap; + text-align:left; + &:hover, &:focus{ + color: $color-master-darker; + text-decoration: none; + } + &:first-child{ + padding-top: 9px; + } + &:last-child{ + padding-bottom: 9px; + } + &.dropdown-header{ + padding: 3px 20px; + } + &.active { + &, + &:hover, + &:focus{ + color: $color-master-darker; + text-decoration: none; + background-color: $color-master-lighter; + } + } + &.disabled { + &, + &:hover, + &:focus{ + color: lighten($color-master, 20%); + } + &:hover, &:focus{ + text-decoration: none; + cursor: default; + } + } + } +} + +.dropdown-backdrop{ + z-index: $zIndex-dropdownMask; +} +/* +Animated buttons +-------------------------------------------------- +*/ + +.btn-animated{ + overflow: hidden; + @include backface-visibility(hidden); + @include transform-style(preserve-3d); + & > span { + display: inline-block; + width: 100%; + height: 100%; + @include backface-visibility(hidden); + @include transition(all 0.2s ease-in-out); + @include transform-style(preserve-3d); + } + &:before { + position: absolute; + height: 100%; + width: 100%; + font-size: 100%; + line-height: 2.5; + @include transition(all 0.2s ease-in-out); + } + &:after{ + content: ''; + position: absolute; + z-index: -1; + @include transition(all 0.2s ease-in-out); + } + &.from-top{ + &:before{ + left: 0; + top: -100%; + } + &:hover, &.show-icon{ + &:before{ + top: 0; + } + & > span{ + @include translateY(300%); + } + } + } + &.from-left{ + &:before{ + left: -100%; + top: 0; + } + &:hover, &.show-icon{ + &:before{ + left: 0; + } + & > span{ + @include translateX(200%); + } + } + } + &.fa{ + &:before { + font-family: FontAwesome; + } + } + &.pg{ + &:before { + font-family: "pages-icon"; + } + } +} + +/* +Tag buttons +-------------------------------------------------- +*/ + +.btn-tag{ + line-height: 17px; + border-radius: 17px 3px 3px 17px; + padding: 5px 19px; + &:hover, &.hover{ + border-color:transparent; + } + &.btn-tag-light{ + background: #fafdff; + color: #5b8ca5; + border:1px solid #cbe4f0; + &:hover{ + background: #fff; + } + } + &.btn-tag-dark{ + background: $color-master-light; + color:$color-master; + &:hover{ + background: lighten($color-master-light, 2%); + } + } + &.btn-tag-rounded{ + border-radius: 17px; + } +} + +/* +Misc buttons +-------------------------------------------------- +*/ +.btn-toolbar .btn{ + padding-left:14px; + padding-right: 14px; +} + +.pager .disabled{ + > button, + > button:hover, + > button:focus, + > span{ + cursor: not-allowed; + opacity: .5; + } +} + +.modal-content{ + a.btn-primary:not([href]):not([tabindex]){ + color: #fff; + &:hover, &:focus { + color: #fff; + } + } +} diff --git a/resources/assets/sass/modules/_calendar.scss b/resources/assets/sass/modules/_calendar.scss new file mode 100644 index 00000000..e2cf1da5 --- /dev/null +++ b/resources/assets/sass/modules/_calendar.scss @@ -0,0 +1,719 @@ +/*------------------------------------------------------------------ +[21. Calendar App] +*/ + +$cell-height : 80; +body.overflow-hidden{ + overflow: hidden; +} + +/* +Calendar +-------------------------------------------------- +Header / .calendar-header +Years / .years .year +Months / .months +Weeks / .weeks-wrapper .week +Grid / .calendar-container +Events / .event-container +*/ +.calendar{ + height: 100%; + .drager{ + overflow: hidden; + .scroll-element{ + display: none; + } + } + &.month{ + padding-left:5px; + .options .date{ + margin-bottom: 22px; + } + .week-dragger{ + display: none; + } + .calendar-container{ + border-top: 1px solid $color-master-light; + padding-top: 0; + height:calc(100% - 169px); + .view .tble{ + width: 100%; + .thead .tcell .weekday{ + margin-left: 10px; + } + } + } + } + .calendar-header{ + height: 43px; + background-color:$color-master-lightest; + line-height: 43px; + padding-left:60px; + & > .drager{ + width:calc(100% - 141px); + border-right:1px solid rgba(0, 0, 0, 0.33); + line-height: 35px; + } + .years{ + width: auto; + list-style: none; + white-space: nowrap; + margin-top: 5px; + .year{ + display: inline-block; + width: 69px; + text-align: center; + white-space: nowrap; + font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; + & > a{ + color: rgba(0, 0, 0, 0.5); + position: relative; + &.active{ + color: #000; + } + &.has-event{ + &:before{ + position: absolute; + content: '\25CF'; + width: 100%; + font-size: 8px; + line-height: 6px; + text-align: center; + color: rgba(0, 0, 0, 0.44); + } + } + } + } + } + } + .options{ + padding-left:60px; + margin-top: 15px; + .months{ + width: auto; + white-space: nowrap; + height: 43px; + line-height: 43px; + .month{ + min-width: 30px; + max-width: 100px; + padding: 0 10px; + display: inline-block; + & > a{ + position: relative; + color: rgba(0, 0, 0, 0.28); + &:hover{ + color: rgba(0, 0, 0, 0.33); + } + &.active{ + color: rgba(0, 0, 0, 1); + } + &.has-event{ + &:before{ + position: absolute; + content: '\25CF'; + top: -6px; + width: 100%; + font-size: 8px; + line-height: 6px; + text-align: center; + color: rgba(0, 0, 0, 0.33); + } + } + } + } + } + .date{ + margin-bottom: 20px; + } + } + .week-dragger{ + border-bottom: 1px solid #e6e6e6; + margin-left:-20px; + } + .weeks-wrapper{ + width: auto; + white-space: nowrap; + padding-left:10px; + padding-bottom: 12px; + margin-bottom: 5px; + margin-left: 20px; + .week{ + display: inline-block; + position: relative; + padding-left:30px; + padding-right:30px; + &:first-child{ + padding-left:4px; + } + &:last-child{ + padding-left:0px; + } + &:before{ + content: ''; + position: absolute; + right:-20px; + bottom: 6px; + height: 20px; + width: 20px; + border-left:1px dotted rgba(0, 0, 0, 0.3); + } + &.active{ + .day-wrapper .week-date{ + .day{ + & > a{ + color: rgba(0, 0, 0, 0.6); + } + } + + } + } + .day-wrapper{ + display: inline-block; + .week-date{ + text-align: center; + width: 21px; + height: 21px; + margin: 6px; + border-radius:99px; + &.current-date{ + background-color: $color-master-light; + } + &.active{ + background-color: $color-success; + .day > a{ + font-weight: bold; + opacity: 1; + color: #fff; + } + } + .day > a{ + letter-spacing: -0.01em; + } + } + .week-day{ + text-align: center; + } + .day{ + display: inline-block; + text-align: center; + position: relative; + z-index: 10; + padding: 1px 0; + font-size: 12px; + color: rgba(0, 0, 0, 0.3); + & > a{ + position: relative; + width: 100%; + display: block; + text-align: center; + color: rgba(0, 0, 0, 0.3); + opacity: 0.7; + font-weight: 600; + &.has-event{ + &:before{ + position: absolute; + content: '\25CF'; + top: -10px; + width: 100%; + font-size: 8px; + line-height: 6px; + text-align: center; + color:$color-success; + } + } + } + + &.week-header{ + text-transform: uppercase; + text-align: center; + font-size: 10px; + letter-spacing: 0.06em; + font-size: 10.5px; + } + } + } + } + } + .calendar-container{ + position: relative; + height: calc(100% - 200px); + padding-top: 10px; + .view{ + &.month-view{ + .tble .trow .tcell{ + position: relative; + height: 20%; + clear: both; + .cell-inner{ + .holder{ + position: absolute; + top: 37px; + left: 0; + right: 0; + bottom: 0; + } + } + &.active{ + background: #fff; + .cell-inner{ + background-color: #fef8e7; + } + } + &.not{ + background-color: $color-master-lightest; + } + &.drop-target{ + .cell-inner{ + background-color: $color-master-lightest; + } + } + .cell-inner:only-child, .cell-inner{ + height: 100%; + border-bottom: 1px solid $color-master-light; + position: relative; + } + .month-date{ + position: relative; + text-align: center; + margin-top: 10px; + margin-right: 6px; + width: 25px; + height: 25px; + padding-top: 2px; + margin: 6px; + float: right; + display: block; + z-index:1; + border-radius:99px; + &.current-date{ + background-color: $color-master-light; + } + &.active{ + background-color: $color-success; + font-weight: bold; + opacity: 1; + color: #fff; + } + } + .event-container{ + height: 30px; + position: relative !important; + min-height: 30px !important; + .event-inner{ + padding: 8px; + } + } + } + .ghost-element{ + height: 30px; + position: relative; + width: 100%; + } + .grid .tble{ + height: 100%; + width: 100%; + } + .event-container .event-title{ + font-size: 12px; + } + } + &.day-view .tble{ + white-space: nowrap; + .thead{ + white-space: nowrap; + overflow: hidden; + display: inline-block; + } + .tcell{ + display: none; + max-width: 100%; + width: 100%; + &.active{ + display: inline-block; + } + } + .trow{ + display: block; + height: 80px; + .tcell.active{ + background-color:#fff; + } + } + } + width: 100%; + height: 100%; + white-space: nowrap; + -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none; + //DEFAULT WEEKVIEW WITH 30 min Slot + .tble{ + display: inline-table; + width: calc(100% - 50px); + vertical-align: top; + position: relative; + .thead{ + display: table-row; + width: 100%; + background: #fff; + .tcell{ + padding: 10px; + height: $cell-height/2 * 1px; + position: relative; + .weekday{ + font-size: 12px; + display: inline-block; + color: rgba(0, 0, 0, 0.51); + } + .weekdate{ + font-size: 14px; + display: inline-block; + margin-right:10px; + color: rgba(0, 0, 0, 0.77); + } + &.active{ + .weekdate, .weekday{ + color:rgba(0, 0, 0, 1); + } + } + &:before{ + content: ''; + border-bottom: 1px solid $color-master-light; + width: calc(100% - 18px); + position: absolute; + bottom: 0; + } + .event-bubble{ + display: inline-block; + width: 8px; + height: 8px; + margin-left:5px; + float:right; + border-radius:30px; + } + } + } + .tcell{ + display: table-cell; + height: $cell-height * 1px; + max-width: 14.2857%; + width: 14.2857%; + } + .trow{ + display:table-row; + .tcell{ + background: #fff; + padding: 0 10px; + .cell-inner{ + height: $cell-height/2 * 1px; + position: relative; + &:first-child{ + border-bottom: 1px dotted $color-master-light; + } + &:last-child{ + border-bottom: 1px solid $color-master-light; + } + &:only-child{ + height: 40px; + border-bottom: 0; + } + } + &.active{ + background-color: #fef8e7; + & > *{ + border-color: rgba(0, 0, 0, 0.1) !important; + } + } + &.disable{ + background-color: $color-master-lightest; + } + } + } + .loading{ + left: 10px; + } + } + } + .loading{ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(255, 255, 255, 0.5); + z-index: 100; + } + .pgn-wrapper{ + position: absolute; + } + .even-holder{ + position: absolute; + display: table; + width: calc(100% - 50px); + height: calc(100% - 25px); + .event-placeholder{ + height: 100%; + width: 14.2857%; + display: table-cell; + } + } + .event-container{ + width: 100%; + height: 40px; + position: absolute !important; + z-index: 10; + overflow: hidden; + margin-bottom: 5px; + min-height: 40px !important; + transition:width .16s ease; + .event-inner{ + padding: 15px; + &:before{ + position: absolute; + width: 8px; + height: 8px; + content: ''; + background-color: rgba(255, 255, 255,0.8); + border-radius: 999px; + right:14px; + top: 11px; + } + } + .time-wrap{ + line-height: 12px; + text-align:left; + color: rgba(0, 0, 0, 0.77); + overflow: hidden; + text-overflow: ellipsis; + } + .event-start-time, .event-end-time{ + font-size: 12px; + color: rgba(0, 0, 0, 0.44); + } + .event-title{ + font-size: 14px; + line-height: 15px; + margin-bottom: 8px; + overflow: hidden; + text-overflow: ellipsis; + } + .resizable-handle{ + position: absolute; + opacity: 1; + z-index: 3; + left: 0; + right: 0; + bottom: 0; + height: 8px; + overflow: hidden; + line-height: 8px; + font-size: 11px; + font-family: monospace; + text-align: center; + cursor: s-resize; + &:after { + content: "="; + color: rgba(0, 0, 0, 0.44); + } + } + &.dragging{ + z-index: 100; + } + } + .grid{ + display: block; + overflow: scroll; + height: calc(100% - 40px); + -webkit-overflow-scrolling: touch; + //Time Slots + &.slot-60{ + .tble .trow .tcell .cell-inner{ + height: $cell-height * 1px; + border-bottom: 1px solid $color-master-light; + } + } + &.slot-15{ + .tble .trow .tcell { + height: 100/4 * 1px; + .cell-inner{ + height: 100/4 * 1px; + border-bottom: 1px dotted $color-master-light; + &:last-child{ + border-bottom: 1px solid $color-master-light; + } + } + } + .time-slot-wrapper .time-slot{ + height: 100px; + } + } + } + .allday-cell{ + height: $cell-height/2 * 1px; + display: inline-block; + width: 50px; + float:left; + } + } + .time-slot-wrapper{ + display: inline-block; + width: 50px; + float:left; + height: 100%; + .time-slot{ + display: block; + height: $cell-height*1px; + width: 100%; + background: #fff; + &:first-child{ + span{ + display: none; + } + } + & > span{ + float:right; + font-size: 12px; + position: relative; + top: -15%; + color: rgba(0, 0, 0, 0.46); + font-weight: bold; + font-size: 11px; + letter-spacing: 0.06em; + font-size: 10.5px; + font-family: 'Montserrat'; + right:5px; + } + } + } + +} +.calendar-event{ + width: 330px; + right:-330px; + .scrollable{ + height: 100%; + } +} +.date-selector{ + cursor: pointer; +} + +/* +Responsive Util +*/ +@media (max-width: 991px) { +.calendar{ + background-color: #fff; + .calendar-header{ + display: none; + } + .options{ + margin-top:0; + padding-left:10px; + .months{ + line-height: 21px; + padding-top: 14px; + } + .date{ + margin-bottom: 10px; + } + } + .calendar-container { + height:100%; + .view.week-view .tble{ + white-space: nowrap; + .thead{ + white-space: nowrap; + overflow: hidden; + display: inline-block; + } + .tcell{ + display: none; + max-width: 100%; + width: 100%; + &.active{ + display: inline-block; + background-color:#fff; + } + } + .trow{ + display: block; + height: 80px; + } + } + .view.month-view { + .allday-cell{ + display: none; + } + .grid .tble{ + padding-left: 0; + } + .tble { + .thead .tcell{ + padding: 3px; + padding-top: 10px; + } + .trow .tcell{ + padding: 0 6px; + } + } + .tble .trow .tcell .event-container{ + @include border-radius(99px); + position: absolute !important; + height: 16px !important; + width: 16px !important; + min-height: 16px !important; + margin: 0 auto; + left: 0; + right: 0; + .event-inner{ + display: none; + } + } + } + &.month{ + height: calc(100% - 101px); + } + } + .weeks-wrapper{ + margin-bottom: 0; + } + &.month{ + padding-left:0; + .calendar-container{ + height: calc(100% - 108px); + } + } +} +.calendar-event{ + width: 240px; + right:-240px; +} +.months-drager{ + margin-left:16px; + margin-right:36px; + border-right:1px solid $color-master-light; + padding-top: 0; +} +.horizontal-app-menu { + .months-drager{ + margin-left:0; + margin-right:0; + width: 100%; + } +} +} +@media (max-width: 640px) { + .calendar.month .calendar-container .view .tble .thead .tcell { + text-align: center; + &:before{ + width: 100%; + } + .weekday{ + width: 11px; + overflow: hidden; + letter-spacing: 4px; + font-weight: bold; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_cards.scss b/resources/assets/sass/modules/_cards.scss new file mode 100644 index 00000000..7ff21749 --- /dev/null +++ b/resources/assets/sass/modules/_cards.scss @@ -0,0 +1,410 @@ +/*------------------------------------------------------------------ +[4. Cards] +*/ + +.card{ + @include box-shadow(none); + @include border-radius(1px); + @include transition(all .2s ease); + position: relative; + background-color: #fff; + margin-bottom: 20px; + width: 100%; + .card-header{ + background: transparent; + border-radius:0px; + border-bottom:0px; + padding: $panel-heading-padding; + position: relative; + z-index: 3; + min-height: 48px; + &.separator:after { + content:""; + height:1px; + background:rgba(0,0,0,0.08); + left:16px; + right:16px; + position:absolute; + bottom:0; + } + & + .card-block{ + padding-top: 0; + } + .card-title{ + text-transform: uppercase; + display: inline-block; + letter-spacing: 0.06em; + font-size: 12px; + font-weight: 500; + margin: 0; + padding: 0; + line-height: normal; + overflow: hidden; + text-overflow: ellipsis; + -webkit-text-stroke:0px; + filter: alpha(opacity=40); + @include transition(opacity .3s ease); + & + .card-block{ + + } + } + .card-controls{ + float: right; + margin-top: -3px; + ul{ + margin: 0; + padding: 0; + li{ + display: inline-block; + list-style: none; + line-height: 0; + } + } + &:after{ + content:""; + display:table; + clear:both; + } + } + &.card-header-hover{ + .card-title{ + opacity: .4; + } + &:hover{ + .card-title{ + opacity: 1; + } + } + } + } + &.card-default{ + border:1px solid $panel-border-color; + //Used for colored panels + & >.card-header{ + color: #333; + } + } + &.card-bordered{ + border:1px solid fade-out($color-master-light, .3); + } + &.card-borderless{ + border:none; + } + &.card-condensed{ + .card-header{ + padding: $panel-condensed-heading-padding; + min-height: 30px; + .card-title{ + opacity: .4; + } + } + .card-block{ + padding: $panel-condensed-body-padding; + } + } + &.card-hover{ + .card-header .card-title{ + opacity: .4; + } + &:hover{ + .card-header .card-title{ + opacity: 1; + } + } + } + &.card-transparent{ + background: transparent; + border:none; + @include box-shadow(none); + .card-block{ + background: transparent; + } + } + &.full-height{ + height: 100%; + .card-block{ + height: auto; + width: 100%; + height: 100%; + } + } + &.card-featured { + @include box-shadow(-1px 1px 3px 0px rgba(121, 129, 135, 0.14)); + width: calc(100% - 50px); + float: right; + .card-title { + h4 { + font-family: 'Montserrat'; + font-size: 16px; + text-transform: uppercase; + color: $color-master-lighter; + + } + } + .card-block { + h3 { + line-height: 34px; + font-size: 26px; + } + } + .footer { + .username { + line-height: 8px; + padding-top: 10px; + font-size: 16px; + } + .buttons { + li { + display: inline; + list-style: none; + font-weight: bold; + margin-left: 20px; + &:first-child { + margin-left: 0; + } + } + .heart { + color: $color-danger; + + } + .comment { + color: $color-master; + } + } + } + .ribbon { + width: 38px; + height: 38px; + margin-left: -39px; + float: left; + @include box-shadow( inset -3px 0px 3px 0px rgba(0,0,0,0.14) ); + &.green { + background: $color-complete; + + } + &.blue { + background: $color-success; + + } + } + } + &.hover-fill:hover{ + background:$color-master-lighter; + } + &.hover-stroke{ + &:hover{ + border:1px solid $color-master-light; + } + } + .card-block{ + padding: $panel-padding; + //overflow-y: auto; + &.no-padding{ + .row{ + margin-left: 0; + margin-right: 0; + } + } + &.no-bottom-padding{ + padding-bottom: 0; + } + &.no-top-padding{ + padding-top: 0; + } + .title{ + margin-top:0px; + } + &.scrollable{ + margin-bottom: $panel-padding; + } + } +} + + +/* Portlets +------------------------------------ +*/ +.card-progress{ + background: rgba(255,255,255,.8); + bottom: 0; + left: 0; + position: absolute !important; + right: 0; + top: 0; + display: none; + z-index: 2; +} +.card-progress > .progress, +.card-progress > .progress.progress-small{ + height: 3px; +} +.card-progress > .progress-circle-indeterminate, +.card-progress > .card-bar-indeterminate{ + display: block; + left: 50%; + margin-left: -17px; + margin-top: -17px; + position: absolute; + top: 50%; +} +.card-progress > .progress-circle-indeterminate{ + width: 35px; + height: 35px; +} +.card-maximized{ + position: fixed !important; + left: $layout-sidepanel-width-collapsed; + top: $layout-header-height - 1px; + bottom: 0; + right: 0; + z-index: $zIndex-portlet; + margin: 0; +} + +/* Pages notification holder */ +.card .pgn-wrapper{ + position: absolute; + z-index: $zIndex-portlet + 2; +} + +.card-header a:not(.btn){ + color: $color-master !important; + opacity: .4; + &.card-refresh{ + @include transition(opacity .3s ease); + &.refreshing{ + opacity: 1; + } + + } +} +.card-header { + .dropdown-menu { + margin-top: 5px; + .dropdown-item{ + padding: 0 20px !important; + &:hover{ + opacity: 1; + background-color: transparent; + } + } + } + a[data-toggle]:hover{ + opacity: 1; + } +} + + +.card-icon{ + -moz-osx-font-smoothing: grayscale; + font-family: "pages-icon"; + font-style: normal; + font-variant: normal; + font-weight: normal; + line-height: 1; + text-transform: none; +} +.card-icon-close:before{ + content: "\e60a"; +} +.card-icon-maximize:before{ + content: "\e634"; +} +.card-icon-refresh:before{ + content: "\e600"; +} +.card-icon-collapse:before{ + content: "\e62c"; +} + +.card-icon-settings:before{ + content: "\e655"; +} +.card-icon-refresh-lg-master, +.card-icon-refresh-lg-white{ + width: 15px; + height: 15px; + display: block; + background-size: cover; + @include transition(opacity .3s ease); + &.fade{ + opacity: 0.1; + } +} +.card-icon-refresh-lg-master{ + background-image:url('#{$base-img-url}/progress/progress-circle-lg-master-static.svg'); +} + +.card-icon-refresh-lg-white{ + background-image:url('#{$base-img-url}/progress/progress-circle-lg-white-static.svg'); +} + +.card-icon-refresh-lg-master-animated, +.card-icon-refresh-lg-white-animated{ + width: 15px; + height: 15px; + display: block; + background-size: cover; + opacity: 0; + @include transition(opacity .3s ease); + &.active{ + opacity: 1 + } +} +.card-icon-refresh-lg-master-animated{ + background-image:url('#{$base-img-url}/progress/progress-circle-lg-master.svg'); +} +.card-icon-refresh-lg-white-animated{ + background-image:url('#{$base-img-url}/progress/progress-circle-lg-white.svg'); +} + + +/* For demo purpose only */ +.card-scroll{ + height: 100px; +} +.sortable .card-header { + cursor: move; +} +/* To prevent lag while dragging */ +.ui-sortable-handle{ + transition: max-height 0.3s ease 0s; +} +.sortable .grid .grid-title { + cursor: move; +} +.ui-sortable { + min-height: 0px !important; +} +.ui-sortable-placeholder { + border: 1px dotted black; + visibility: visible !important; + height: 100% !important; + * { + visibility: hidden; + } +} +.sortable-box-placeholder { + background-color: $color-master-lighter; + border: 1px dashed $color-master-light; + display: block; + margin-top: 0px !important; + margin-bottom: 24px !important; + * { + visibility: hidden; + } +} +.sortable .card{ + transition: none; +} +.sortable-column{ + padding-bottom: 100px; +} +.demo-card-scrollable{ + height:158px +} + + +.card-block { + padding: 15px; +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_charts.scss b/resources/assets/sass/modules/_charts.scss new file mode 100644 index 00000000..efe7c803 --- /dev/null +++ b/resources/assets/sass/modules/_charts.scss @@ -0,0 +1,367 @@ +/*------------------------------------------------------------------ +[17. Charts] +*/ +.line-chart{ + .nvd3 line.nv-guideline{ + /* Vertical bar on hover in interactive chart */ + stroke-width:30px; + stroke-opacity:.04; + stroke : #000; + } + + .nvd3 .nv-groups path.nv-area{ + /* filled area */ + fill-opacity : .1; + } + .nvd3 .nv-groups path.nv-line{ + /* Line */ + stroke-opacity:.3; + } + .nvd3 .nv-axis line{ + /* grid lines */ + stroke-opacity: .5; + } + + &[data-x-grid="false"]{ + .nv-x .tick line { + display: none; + } + } + &[data-y-grid="false"]{ + .nv-y .tick line { + display: none; + } + } + .domain{ + /* domain */ + opacity: 0; + } + + &[data-points="true"]{ + .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { + /* Toggle points */ + fill-opacity: 1; + stroke-opacity: .5; + } + } + + .nvtooltip table td.legend-color-guide div{ + border-radius: 100px; + } + thead .nv-pointer-events-none strong{ + color: lighten($color-master,30%); + } + .nv-pointer-events-none{ + + font-size: 12px; + + .value.nv-pointer-events-none{ + font-weight: normal; + font-size: 11px; + color: lighten($color-master,30%); + } + } + .nvtooltip table{ + margin: 12px 10px 14px 15px; + } + .nvtooltip.xy-tooltip.nv-pointer-events-none{ + border-color : rgba(0, 0, 0, 0.12); + box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); + } + + &[data-stroke-width="1"]{ + .nvd3 .nv-groups path.nv-line{ + /* Line widths */ + stroke-width:1px; + } + .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{ + /* Line widths */ + stroke-width:2px; + } + } + &[data-stroke-width="2"]{ + .nvd3 .nv-groups path.nv-line{ + stroke-width:2px; + } + .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{ + stroke-width:3px; + } + } + &[data-stroke-width="3"]{ + .nvd3 .nv-groups path.nv-line{ + stroke-width:3px; + } + .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{ + stroke-width:4px; + } + } + + .tick text, .nvd3 .nv-axis .nv-axisMaxMin text{ + fill: fade($color-master, 50%); + font-family: "Montserrat"; + font-size: 11px; + text-transform: uppercase; + font-weight: normal; + } + + + .nvd3.nv-scatter .nv-groups .nv-point.hover, + .nvd3 .nv-groups .nv-point.hover{ + fill: inherit !important; + stroke: inherit !important; + } +} + + +/* Line widths +------------------------------------ +*/ +.nvd3 line.nv-guideline, +.nvd3 .nv-groups path.nv-line, +.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { + .line-chart[data-line-color="master"] &{ + stroke: $color-master; + } + .line-chart[data-line-color="success"] &{ + stroke: $color-success; + } + .line-chart[data-line-color="primary"] &{ + stroke: $color-primary; + } + .line-chart[data-line-color="info"] &{ + stroke: $color-info; + } + .line-chart[data-line-color="complete"] &{ + stroke: $color-complete; + } + .line-chart[data-line-color="warning"] &{ + stroke: $color-warning; + } + .line-chart[data-line-color="danger"] &{ + stroke: $color-danger; + } + .line-chart[data-line-color="white"] &{ + stroke: #fff; + } + .line-chart[data-line-color="black"] &{ + stroke: #000; + } +} + + +/* Area Fill colors +------------------------------------ +*/ +.nvd3 .nv-groups path.nv-area{ + .line-chart[data-area-color="master"] &{ + fill: $color-master; + } + .line-chart[data-area-color="success"] &{ + fill: $color-success; + } + .line-chart[data-area-color="info"] &{ + fill: $color-info; + } + .line-chart[data-area-color="complete"] &{ + fill: $color-complete; + } + .line-chart[data-area-color="primary"] &{ + fill: $color-primary; + } + .line-chart[data-area-color="warning"] &{ + fill: $color-warning; + } + .line-chart[data-area-color="danger"] &{ + fill: $color-danger; + } + .line-chart[data-area-color="white"] &{ + fill: #fff; + } + .line-chart[data-area-color="black"] &{ + fill: #000; + } +} + +/* Point fill colors +------------------------------------ +*/ + .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{ + .line-chart[data-point-color="master"] &{ + fill : $color-master; + } + .line-chart[data-point-color="success"] &{ + fill : $color-success; + } + .line-chart[data-point-color="info"] &{ + fill : $color-info; + } + .line-chart[data-point-color="complete"] &{ + fill : $color-complete; + } + .line-chart[data-point-color="primary"] &{ + fill : $color-primary; + } + .line-chart[data-point-color="warning"] &{ + fill : $color-warning; + } + .line-chart[data-point-color="danger"] &{ + fill : $color-danger; + } + .line-chart[data-point-color="white"] &{ + fill : #fff; + } + } + +#nvd3-line, +#nvd3-line2, +#nvd3-area{ + svg{ + height: 500px; + } +} +/* Rickshaw Charts +------------------------------------ +*/ +.rickshaw-chart{ + &.rickshaw_graph .detail{ + padding-left: 15px; + transform: translateX(-15px); + width: 30px; + background: rgba(0,0,0,.04); + right: -15px; + + .item, .x_label{ + transform: translateX(15px); + } + &:after{ + content: ""; + width: 1px; + background: rgba(0,0,0,.2); + height: 100%; + display: block; + } + } + .y_grid .tick.major line{ + stroke-dasharray: 3px, 5px; + opacity: .7; + } + +} + +.rickshaw-chart { + &.rickshaw_graph { + + .detail .x_label { display: none } + .detail .item { line-height: 1.4; padding: 0.5em } + .detail_swatch { float: right; display: inline-block; width: 10px; height: 10px; margin: 0 4px 0 0 } + .detail .date { font-size:11px; color: #a0a0a0; opacity: .5; } + + } +} + +#tab-rickshaw-realtime{ + #rickshaw-realtime{ + + } + #rickshaw-realtime_y_axis { + position: absolute; + top: 0; + background: rgba(255,255,255,.8); + bottom: 0; + width: 40px; + left: 0; + z-index: 1; + .rickshaw_graph .y_ticks path, .rickshaw_graph .x_ticks_d3 path{ + fill: none; + stroke: none; + } + .rickshaw_graph .y_ticks text, .rickshaw_graph .x_ticks_d3 text{ + opacity: 0.35; + font-family: 'Montserrat'; + font-size: 11px; + + } + } +} + +#tab-rickshaw-bars{ + #rickshaw-stacked-bars{ + + &.rickshaw_graph .detail .dot{ + border-radius: 50px; + } + &.rickshaw_graph .detail .x_label { display: none } + &.rickshaw_graph .detail .item { line-height: 1.4; padding: 0.5em } + .detail_swatch { float: right; display: inline-block; width: 10px; height: 10px; margin: 0 4px 0 0 } + &.rickshaw_graph .detail .date { font-size:11px; color: #a0a0a0; opacity: .5; } + } +} + +#tab-rickshaw-slider{ + + #rickshaw-slider{ + height:500px + } + .rickshaw_graph .x_grid_d3 .tick{ + stroke-opacity: 0; + } + .rickshaw_graph .y_ticks path, .rickshaw_graph .x_ticks_d3 path{ + stroke: none; + } + .rickshaw_graph .y_ticks text, .rickshaw_graph .x_ticks_d3 text{ + font-size: 11px; + } + .rickshaw_range_slider_preview { + .frame{ + opacity: 0; + } + .left_handle, .right_handle{ + fill: #000; + fill-opacity: 0.1 !important; + } + } + .slider{ + position: absolute; + top:0; + height:93px; + overflow: hidden; + } + .chart{ + position: absolute; + bottom: 40px; + top: 150px; + left: 33px; + right: 0; + width: auto; + .x_tick.plain .title{ + font-family: 'Montserrat'; + font-size: 11px; + } + } + .y_axis{ + bottom: 0; + position: absolute; + top: 150px; + width: 40px; + left: -6px; + } + + .rickshaw_graph .x_tick{ + border-color: transparent; + .title{ + bottom: -24px; + left: -15px; + } + } +} + +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 0; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_chat.scss b/resources/assets/sass/modules/_chat.scss new file mode 100644 index 00000000..cd656096 --- /dev/null +++ b/resources/assets/sass/modules/_chat.scss @@ -0,0 +1,81 @@ +/*------------------------------------------------------------------ +[3. Chat] +*/ + +/* Chat Components +-------------------------------------------------- +*/ + +$chat-list-height:60px; +$alert-list-height:45px; +.chat-view{ + .chat-inner{ + padding: 15px; + overflow-x: hidden; + height: calc(100% - 103px); + } + .message{ + margin-bottom: 10px; + line-height: 30px; + } + .profile-img-wrapper{ + height: 28px; + width: 28px; + } + .chat-bubble{ + position:relative; + border-radius:12px; + padding: 4px 12px; + font-size: 14px; + line-height: 16px; + margin: 5px 0px 0 5px; + max-width: 60%; + white-space: normal; + & > p{ + margin: 0; + } + &.from-me { + background:$color-complete-lighter; + color:$color-master-dark; + opacity: 0.8; + float: right; + border: 1px solid rgba(0, 0, 0, 0.07); + } + &.from-them { + color:$color-master-dark; + opacity: 0.8; + background:$color-master-lighter; + position:relative; + opacity: 0.8; + float: left; + border: 1px solid mix($color-complete-darker, #fff, 7%); + + } + } + .chat-input{ + border: 0; + height: 45px; + &:focus,&:active{ + background-color: #fff; + } + } + .user-controls{ + padding-top:12px; + } +} +/* Chat User List +-------------------------------------------------- +*/ +.chat-user-list{ + & > a { + height: $chat-list-height; + } +} +/* Alert List +-------------------------------------------------- +*/ +.alert-list{ + & > a { + height: $alert-list-height; + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_email.scss b/resources/assets/sass/modules/_email.scss new file mode 100644 index 00000000..0ffa7936 --- /dev/null +++ b/resources/assets/sass/modules/_email.scss @@ -0,0 +1,150 @@ +/*------------------------------------------------------------------ +[20. Email App] +*/ + + +/* Email Components +-------------------------------------------------- +*/ +.compose-wrapper{ + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 50px; + background: $color-white; + border-top: 1px solid $color-master-lighter; + z-index: 101; + .compose-email{ + font-size: 24px; + } +} + +.email-composer{ + margin-left: 250px; + position: relative; + overflow: auto; + height: 100%; + background: #fff; + .email-toolbar-wrapper .wysihtml5-toolbar{ + background: $color-master-lighter; + border-bottom:1px solid $color-master-light; + position: relative; + border-top: none; + } + .email-body-wrapper{ + border-bottom:1px solid $color-master-light; + margin-bottom: 20px; + } + .bootstrap-tagsinput{ + margin: 0; + padding: 0; + } + & > .row{ + margin-left: -30px; + margin-right: -30px; + } +} + +.split-view .split-details .email-content-wrapper{ + background: #fff; + height: 100%; + width: auto; + overflow: auto; + + .actions-wrapper{ + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 50px; + z-index: $zIndex-navbar - 1; + } + .email-content{ + margin:0 auto; + width: 600px; + display: block; + padding-top: 62px; + padding-bottom: 70px; + padding-left: 20px; + padding-right: 20px; + .email-content-header{ + .sender{ + .name{ + font-size: 15px; + color: $color-info; + } + .datetime{ + color: $color-master; + opacity: .45; + font-family: arial; + } + } + .subject{ + font-family: arial; + color: $color-info; + font-size:15.2px; + line-height: 17px; + } + .fromto{ + .btn-xs{ + border-radius: 13px; + } + } + } + .email-content-body p{ + line-height: 23px; + color: $body-color; + letter-spacing: 0.001em; + } + .email-reply{ + min-height:200px; + } + .editor-wrapper{ + border: 1px solid rgba(0,0,0,.05); + .wysihtml5-sandbox{ + max-height: 150px; + min-height: 130px !important; + width: 100% !important; + } + } + + } +} +/* Email App Top Header +-------------------------------------------------- +*/ +.header-wrapper-email{ + font-size: 14.92px; + .dropdown > .btn{ + color:$color-complete; + } + .btn:hover{ + text-decoration: none; + } +} + +/* Responsive Handler : Email App +-------------------------------------------------- +*/ + + + +@media (max-width: 1024px){ + .email-composer{ + margin-left: 0; + } +} + + +.email-composer{ + .email-toolbar-wrapper{ + .dropdown{ + .dropdown-toggle{ + &::after{ + display: none; + } + } + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_form_elements.scss b/resources/assets/sass/modules/_form_elements.scss new file mode 100644 index 00000000..36161631 --- /dev/null +++ b/resources/assets/sass/modules/_form_elements.scss @@ -0,0 +1,2142 @@ +/*------------------------------------------------------------------ +[15. Form Elements] +*/ + +// Mixins +// -------------------------------------------------- + +// Form validation states +@mixin form-control-validation($text-color, $border-color, $background-color) { + // Color the label and help text + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline { + color: $text-color; + } + // Set the border and box shadow on specific inputs to match + .form-control { + border-color: $border-color; + @include box-shadow(none); // Redeclare so transitions work + &:focus { + border-color: darken($border-color, 10%); + //$shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%); + @include box-shadow(none); + } + } + // Set validation states also for addons + .input-group-addon { + background: $color-master-lighter; + border: 1px solid $form-control-border-color; + color: rgba($color-master, .47); + } + // Optional feedback icon + .form-control-feedback { + color: $text-color; + } +} + +// Placeholder text +@mixin placeholder($color, $opacity) { + &::-moz-placeholder { + color: $color; // Firefox + opacity: $opacity; + } // See https://github.com/twbs/bootstrap/pull/11526 + &:-ms-input-placeholder { + color: $color; + opacity: $opacity; + } // Internet Explorer 10+ + &::-webkit-input-placeholder { + color: $color; + opacity: $opacity; + } // Safari and Chrome +} + +label, +input, +button, +select, +textarea { + font-size: 14px; + font-weight: normal; + line-height: 20px; +} + +input[type="radio"], +input[type="checkbox"] { + margin-top: 1px 0 0; + line-height: normal; + cursor: pointer; + @include box-sizing(border-box); +} + +select[multiple], +select[size] { + height: auto !important; +} + +input:focus, +select:focus, +textarea:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: none; + @include box-shadow(none); +} + +form legend { + margin: 15px 0px 10px 0px; +} + +.form-control { + background-color: $color-white; + background-image: none; + border: 1px solid $form-control-border-color; + font-family:Arial, sans-serif; + -webkit-appearance: none; + color: $color-master-dark; + outline: 0; + height: 35px; + padding: 9px 12px; + line-height: normal; + font-size: 14px; + font-weight: normal; + vertical-align: middle; + min-height: 35px; + @include transition(all 0.12s ease); + @include box-shadow(none); + @include border-radius(2px); + @include transition(background 0.2s linear 0s); + &:focus{ + border-color: rgba($color-black, .10); + background-color:$color-master-lighter; + outline: 0 !important; + @include box-shadow(none); + @include placeholder(inherit, .7); + } + @include placeholder(inherit, .33); + &[disabled], + &[readonly], + fieldset[disabled] &{ + background: mix($color-master-lighter, #fff, 50%); + color: rgba($color-master, .23); + } +} + + +/* Input Sizes +-------------------------------------------------- +*/ + +.input-sm, +.form-horizontal .form-group-sm .form-control { + font-size: 13px; + min-height: 32px; + height: 32px; + padding: 8px 9px; +} + +.input-lg, +.form-horizontal .form-group-lg .form-control { + border-radius: 3px; + font-size: 18px; + height: 45px; + padding: 11px 13px; +} + +.input-xlg{ + height: 51px; + font-size: 18px; + line-height: 22px; +} + + +/* Checkboxes and Radio buttons +-------------------------------------------------- +*/ + +.radio, +.checkbox { + margin-bottom: 10px; + margin-top: 10px; + padding-left: 0px; + label{ + display: inline-block; + cursor: pointer; + position: relative; + padding-left: 25px; + min-width: 17px; + min-height: 17px; + margin-right: 15px; + font-size: 13px; + &:before{ + -webkit-box-sizing: inherit; + box-sizing: border-box; + content:""; + display: inline-block; + width: 17px; + height: 17px; + margin-right: 10px; + position: absolute; + left: 0px; + background-color: $color-white; + border: 1px solid mix($color-master, #fff, 30%); + } + } +} + +.radio { + label { + margin-bottom: 6px; + &:before { + bottom: 2.5px; + border-radius: 99px; + @include transition(border .3s 0s cubic-bezier(0.455, 0.030, 0.215, 1.330)); + } + } + input[type=radio]:checked { + & + label { + &:before { + border-width: 5px; + } + } + } + input[type="radio"]:focus{ + & + label{ + color:$color-master-dark; + &:before{ + background-color: $color-master-light; + } + } + } + input[type=radio] { + opacity: 0; + width: 0; + height: 0; + } + input[type=radio][disabled] { + & + label { + opacity: 0.65; + } + } + +} +input[type=radio]:checked + label:before{ + .radio.radio-success &{ + border-color: $color-success; + } + .radio.radio-primary &{ + border-color: $color-primary; + } + .radio.radio-info &{ + border-color: $color-info; + } + .radio.radio-warning &{ + border-color: $color-warning; + } + .radio.radio-danger &{ + border-color: $color-danger; + } + .radio.radio-complete &{ + border-color: $color-complete; + } +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing +} + +.checkbox { + input[type=radio][disabled] { + & + label { + &:after { + background-color: $color-master-light; + } + } + } + label { + transition: border 0.2s linear 0s, color 0.2s linear 0s; + white-space: nowrap; + &:before { + top: 1.4px; + border-radius: 3px; + transition: border 0.2s linear 0s, color 0.2s linear 0s; + } + &::after { + display: inline-block; + width: 16px; + height: 16px; + position: absolute; + left: 3.5px; + top: 0px; + font-size: 11px; + transition: border 0.2s linear 0s, color 0.2s linear 0s; + } + &:after { + border-radius: 3px; + } + } + input[type=checkbox] { + opacity: 0; + width: 0; + height: 0; + } + &.checkbox-circle { + label { + &:after { + border-radius: 99px; + } + &:before { + border-radius: 99px; + } + } + } + input[type=checkbox]:checked { + & + label { + //color: #4d5056; + &:before { + border-width: 8.5px; + } + &::after { + font-family:'FontAwesome'; + content:"\F00C"; + color: #fff; + } + } + } + input[type="checkbox"]:focus{ + & + label{ + color:$color-master-dark; + &:before{ + background-color: $color-master-light; + } + } + } + input[type=checkbox][disabled] { + & + label { + opacity: 0.65; + &:before { + background-color: #eceff3; + } + } + } + &.right { + label { + margin-right: 35px; + padding-left:0 !important; + &:before { + right:-35px; + left:auto; + + } + } + input[type=checkbox]:checked { + & + label { + position: relative; + // margin-right: 0; + &::after { + font-family:'FontAwesome'; + content:"\F00C"; + position: absolute; + right: -27px; + left: auto; + } + } + } + } +} + +input[type=checkbox]:checked + label{ + .checkbox.check-success &:before{ + border-color: $color-success; + } + .checkbox.check-primary &:before{ + border-color: $color-primary; + } + .checkbox.check-complete &:before{ + border-color: $color-complete; + } + .checkbox.check-warning &:before{ + border-color: $color-warning; + } + .checkbox.check-danger &:before{ + border-color: $color-danger; + } + .checkbox.check-info &:before{ + border-color: $color-info; + } + + .checkbox.check-success &::after, + .checkbox.check-primary &::after, + .checkbox.check-complete &::after, + .checkbox.check-warning &::after, + .checkbox.check-danger &::after, + .checkbox.check-info &::after { + color: $color-white; + } + +} + +.input-group{ + &.transparent{ + .input-group-addon{ + background-color: transparent; + border-color:$form-control-border-color; + } + } +} + +/* Form layouts +-------------------------------------------------- +*/ +@media only screen and (min-width: 768px) { + form{ + .row { + margin-left: 0; + margin-right: 0; + } + .row [class*='col-']{ + + &:not(:first-child), + &:not(:last-child) { + padding-right: 7px; + padding-left: 7px; + } + + &:first-child{ + padding-left: 0; + } + &:last-child{ + padding-right: 0; + } + } + } +} +@media (min-width: 768px) and (max-width: 991px){ + // form .row [class*="col-md-"]:not(:first-child), + // form .row [class*="col-md-"]:not(:last-child){ + // padding-right: 0; + // padding-left: 0; + // } +} +/* Form layouts : Horizontal +-------------------------------------------------- +*/ +.form-horizontal { + .form-group{ + border-bottom: 1px solid $color-master-light; + padding-top: 19px; + padding-bottom: 19px; + margin-bottom: 0; + &:last-child{ + border-bottom: none; + } + &:hover .control-label{ + opacity: .6; + } + &.focused .control-label{ + opacity: 1; + } + .control-label{ + text-align: left; + opacity: .42; + @include transition(opacity ease .3s); + } + } + .radio{ + padding-top: 7px; + margin-top: 0; + margin-bottom: 0; + } + .control-label { + padding-top: 7px; + margin-bottom: 0; + } +} +/* Form layouts : Attached +-------------------------------------------------- +*/ +.form-group-attached{ + .form-group.form-group-default{ + border-radius: 0; + margin-bottom: 0; + } + & > div{ + margin: 0; + &:first-child{ + &.row > [class*='col-']{ + &:first-child .form-group-default{ + border-top-left-radius: 2px; + } + &:last-child .form-group-default{ + border-top-right-radius: 2px; + } + } + &.form-group-default{ + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + } + + &:last-child{ + &.row > [class*='col-']{ + &:first-child .form-group-default{ + border-bottom-left-radius: 2px; + } + &:last-child .form-group-default{ + border-bottom-right-radius: 2px; + } + } + &.form-group-default{ + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + } + &.row > [class*='col-']{ + padding-right: 0 !important; + padding-left: 0 !important; + } + &.row > [class*='col-']:not(:only-child):not(:last-child) > .form-group-default{ + border-right-color: transparent; + } + &:not(:last-child) .form-group-default, + &:not(:last-child).form-group-default{ + border-bottom-color: transparent; + } + + } +} + +/* Form layouts : Responsive Handlers +-------------------------------------------------- +*/ +@media (max-width: 767px) { + .form-group-attached .form-group-default{ + border-right-color: $form-control-border-color !important; + } +} + +@media only screen and (min-width: 768px) { + .form-group-attached > div.row{ + & > [class*='col-']{ + .form-group{ + height: 100%; + width: 100%; + } + } + } +} +/* Form Groups +-------------------------------------------------- +*/ +.form-group { + margin-bottom: 10px; + label:not(.error){ + font-size: 10.5px; + letter-spacing: 0.06em; + text-transform: uppercase; + font-weight: 500; + } + label .help{ + margin-left: 8px; + + } + .help { + font-size: 12px; + color: rgba($color-master, .55); + } +} + +.form-group-default { + background-color: #fff; + position: relative; + border: 1px solid $form-control-border-color; + border-radius: 2px; + padding-top: 7px; + padding-left: 12px; + padding-right: 12px; + padding-bottom: 4px; + overflow: hidden; + width: 100%; + @include transition(background-color .2s ease); + &.required:after { + color: $color-danger; + content:"*"; + font-family: arial; + font-size: 20px; + position: absolute; + right: 15px; + top: 9px; + } + &.disabled { + input { + opacity: .6; + } + background:mix($color-master-lighter,#fff,50%); + color: rgba($color-master, .23); + &.focused { + background:mix($color-master-lighter,#fff,50%); + label { + opacity: 1; + } + } + } + &.focused { + border-color:rgba(0, 0, 0, 0.1) !important; + background-color:$color-master-lighter; + label { + opacity: .4; + @include backface-visibility(hidden); + } + } + &.has-error{ + background-color: rgba($color-danger,.10); + } + &.has-success, &.has-error{ + .form-control-feedback{ + display: none !important; + } + } + &.has-success .form-control, + &.has-success .form-control:focus, + &.has-error .form-control, + &.has-error .form-control:focus{ + border: none; + box-shadow: none; + } + &.input-group{ + padding: 0; + & > label{ + margin-top: 6px; + padding-left: 12px; + &.inline{ + margin-top: 6px; + float: left; + } + } + & > .form-control{ + margin-top: -2px; + margin-bottom: 3px; + padding-left: 12px; + } + .input-group-addon{ + height: calc(#{$form-group-height} - 4px); + min-width:calc(#{$form-group-height} - 4px); + border-radius: 0; + border:none; + } + &.focused { + .input-group-addon{ + border-color: rgba(0, 0, 0, 0.1); + } + } + } + & .form-control{ + border:none; + height: 25px; + min-height: 25px; + padding: 0; + margin-top: -4px; + background: none; + &.error{ + color: $color-master-dark; + } + &:focus{ + background: none; + } + } + & textarea.form-control{ + padding-top: 5px; + } + label { + margin: 0; + display: block; + opacity: 1; + @include transition(opacity .2s ease); + &.label-lg { + font-size: 13px; + left: 13px; + top: 9px; + } + &.label-sm { + font-size: 11px; + left: 11px; + top: 6px; + } + &.highlight{ + opacity: 1; + } + &.fade{ + opacity: .5; + @include backface-visibility(hidden); + } + } + & > .input-lg { + height: 29px; + min-height: 29px; + padding-left: 1px; + } + & > .input-sm { + min-height: 18px; + height: 18px; + } + &.form-group-default-select{ + overflow: visible; + .ui-select-container.ui-select-bootstrap.dropdown { + .ui-select-match{ + padding-top: 6px; + height: 23px; + } + } + } + &.form-group-default-select2{ + padding: 0; + & > label{ + position: absolute; + z-index: 10; + padding:7px 12px 0 12px; + &.label-lg{ + left:0; + top: 0; + } + &.label-sm{ + left:0; + top: 0; + } + } + .select2-container{ + .select2-selection--single{ + padding-top: 20px; + height: 52px; + .select2-arrow b:before{ + top: 20px; + } + .select2-chosen{ + padding-left:3px; + padding-top: 1px; + } + } + .select2-selection--multiple{ + padding-top: 20px; + height: 52px; + border:0px; + .select2-selection__rendered .select2-selection__choice{ + margin-top:4px; + } + } + } + & > .input-lg{ + height: auto; + padding: 0; + .select2-choice{ + padding-top: 20px; + height: 56px; + } + } + & > .input-sm{ + height: auto; + padding: 0; + .select2-choice{ + padding-top: 20px; + height: 46px; + } + } + } + &.form-group-default-selectFx{ + padding: 0; + & > label{ + position: absolute; + z-index: 10; + padding: 7px 12px 0 12px; + &.label-lg{ + left: 0; + top: 0; + } + &.label-sm{ + left: 0; + top: 0; + } + } + .cs-wrapper{ + .cs-placeholder{ + padding-top: 28px; + height: 52px; + padding-left: 12px; + } + .cs-select{ + height: auto; + > span:after, + .cs-selected span:after { + top: 39px; + } + &.input-lg .cs-placeholder{ + height: 60px; + } + &.input-sm .cs-placeholder{ + height: 50px; + } + } + .dropdown-placeholder{ + vertical-align: top; + } + } + } +} + +/* Form validation +-------------------------------------------------- +*/ +.has-success { + @include form-control-validation($color-success-dark, $color-success-dark, $color-success); +} +.has-warning { + @include form-control-validation($color-warning-dark, $color-warning-dark, $color-warning); +} +.has-error { + @include form-control-validation($color-danger, $color-danger, $color-danger); +} +.error { + font-size: 12px; + color: $color-danger; + display: block; +} + +/* Addon inputs +-------------------------------------------------- +*/ +.input-group-addon { + background: $color-master-lighter; + border: 1px solid $form-control-border-color; + color: rgba($color-master, .47); + font-size: 14px; + padding: 6px 9px; + display: table-cell; + border-radius: 3px; + transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, color 0.2s linear 0s, box-shadow 0.2s linear 0s, background 0.2s linear 0s; + i { + position: relative; + top: 1px; + } + &.primary { + background-color: $color-primary; + border: 1px solid $color-primary; + color: $color-white; + background-color: $color-primary; + border: 1px solid $color-primary; + color: $color-white; + .arrow { + color: $color-primary; + } + } + &.success { + background-color: #0090d9; + color: $color-white; + .arrow { + color: #0090d9; + } + } + &.info { + background-color: #1f3853; + color: $color-white; + .arrow { + color: #1f3853; + } + } + &.warning { + background-color: #fbb05e; + color: $color-white; + background-color: #fbb05e; + color: $color-white; + .arrow { + color: #fbb05e; + } + } + &.danger { + background-color: #f35958; + color: $color-white; + .arrow { + color: #f35958; + } + } + .arrow { + position: relative; + right: -6px; + color: #D1DADE; + z-index: 100; + &:before { + font-family:'FontAwesome'; + content:"\f0da"; + font-size: 23px; + position: absolute; + left: 17px; + top: -2px; + } + } + &:last-child { + .arrow { + &:before { + font-family:'FontAwesome'; + content:"\f0d9"; + font-size: 23px; + position: absolute; + left: -23px; + top: -2px; + } + } + input { + border-left: 0px; + } + } +} + + + + + +/* Plugins +-------------------------------------------------- +Datepicker +https://github.com/eternicode/bootstrap-datepicker +*/ +.datepicker { + padding: 16px 25px; + border-radius: 2px; + font-size: 12px; + &:after{ + border-bottom-color: $color-master-lightest; + } + thead { + tr { + .datepicker-switch { + color: #6f7b8a; + font-size: 13px; + } + .next, + .prev{ + color: $color-primary; + content:''; + font-size: 0px; + &:before { + color: $color-primary; + font-family:'FontAwesome'; + font-size: 10px; + } + } + .prev:before { + content:"\f053"; + } + .next:before { + content:"\f054"; + } + .dow { + color: $color-primary; + text-transform: uppercase; + font-size: 11px; + } + th{ + width: 31px; + height: 29px; + } + } + } + tbody { + tr { + .odd { + color: #d0d3d8; + } + } + } + table { + tr { + td { + width: 31px; + height: 29px; + &.old, + &.new{ + color: $color-master-light; + } + &.day { + &:hover { + background: $color-master-lighter; + } + } + &.active{ + background-color:$color-primary !important; + &, + &:hover, + &.disabled, + &.disabled:hover { + background-image: none; + text-shadow: none; + font-weight: 600; + } + } + &.today{ + &, + &:hover, + &.disabled, + &.disabled:hover { + background-color: $color-master-lighter; + background-image: none; + color: $color-white; + } + } + span { + border-radius: 4px; + width: 42px; + height: 42px; + line-height: 42px; + &.active{ + background-color: $color-primary !important; + } + &.active, + &.active:hover, + &.active.disabled, + &.active.disabled:hover { + background-image: none; + border: none; + text-shadow: none; + } + } + } + } + } + &.dropdown-menu{ + border-color: $color-master-light; + color:$color-master; + } + &.datepicker-dropdown.datepicker-orient-bottom:before{ + border-color: $color-master-light; + } +} + +.datepicker-inline { + width: auto; +} +.input-daterange .input-group-addon{ + text-shadow: none; + border:0; + margin: 0; +} + +/* Timepicker +https://github.com/m3wolf/bootstrap3-timepicker +*/ + +.bootstrap-timepicker-widget{ + table td a i{ + font-size: 12px; + } + a.btn, .bootstrap-timepicker-widget input{ + @include border-radius(2px); + } + &.dropdown-menu{ + background: #fff; + } +} + + +/* Daterangepicker +http://www.dangrossman.info/ +*/ + +.daterangepicker{ + background: #fff; + .calendar{ + .calendar-date{ + border: 1px solid $form-control-border-color; + } + .prev, .next, th{ + color: $color-primary; + text-transform: uppercase; + font-size: 11px; + } + .month{ + color: #6f7b8a; + font-size: 13px; + } + } + td.active, td.active:hover{ + background-color: $color-primary; + border-color: $color-primary; + } + td.in-range{ + background:$color-primary-lighter; + } +} +/* Select2 +http://ivaynberg.github.io/select2/ +*/ + +.form-group-default .select2-container .select2-selection, +.select2-container-multi .select2-choices{ + border-color: transparent !important; +} +select.full-width + .select2-container { + width: 100% !important; +} +.select2-container { + //Chrome outline fix + *:focus { + outline: none; + } + .select2-selection { + background-image: none; + border-radius: 2px; + border: 1px solid $form-control-border-color !important; + padding: 2px 9px; + transition: border 0.2s linear 0s; + .select2-selection__rendered { + padding: 0; + padding-left: 3px; + padding-top: 1px; + } + .select2-selection__arrow { + top: auto; + bottom: 5px; + right: 10px !important; + left:auto; + background: transparent; + border-left: 0px; + @include transition(all 0.3s ease); + } + &.select2-selection--single { + height: 35px; + } + & > .select2-chosen{ + margin-right:26px; + margin-left:0; + } + } + &.select2-drop-above { + .select2-choice { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + } + } +} +.select2-container--default { + .select2-results__option[aria-selected="true"] { + background-color: transparent; + } + .select2-results__group{ + color: $color-master-dark; + } +} +.select2-search input, +.select2-search-choice-close, +.select2-container .select2-choice abbr, +.select2-container .select2-choice .select2-arrow b{ + background-image: none !important; +} +.select2-dropdown-open.select2-drop-above .select2-choice, +.select2-dropdown-open.select2-drop-above .select2-choices { + background-image: none !important; + border: 1px solid $form-control-border-color; + background: $color-master-lighter; +} +.select2-dropdown-open { + .select2-choice { + .select2-arrow { + @include scale(scale(1, -1)); + + } + } +} +.select2-dropdown { + border: 1px solid $form-control-border-color; + border-bottom: none; + border-radius: 2px; + padding-top: 0px; + &.select2-drop-above { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + box-shadow: none; + // &.select2-drop-active { + // } + } +} +.select2-container--open .select2-selection { + box-shadow: none; + border: 1px solid $form-control-border-color; + background: transparent; + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} +.select2-container--default .select2-selection--single { + background: transparent !important; +} +.select2-search--dropdown { + padding-left: 8px; + padding-right: 8px; + padding-top: 4px; + input { + background: $color-white !important; + vertical-align: baseline; + line-height: 28px; + border-radius: 2px; + border: none; + font-size: 12px; + border: 1px solid $form-control-border-color !important; + } +} +.select2-results { + margin: 3px 8px 10px 8px; + li { + color: $color-master; + &.select2-result-with-children { + & > .select2-result-label { + color: $color-master-dark; + &:first-child{ + padding-top: 8px; + } + } + } + } + .select2-results__option--highlighted { + background-color: $color-master-lighter !important; + border-radius: 3px; + color: $color-master !important; + } + .select2-no-results, + .select2-searching, + .select2-selection-limit { + background: none; + color: $color-master; + font-size: 12px; + padding-left:8px; + padding-top: 0px; + position: relative; + top: -5px; + } +} + +.select2-dropdown { + border: 1px solid $form-control-border-color; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + padding-top: 5px; + z-index: $zIndex-navbar - 10; + box-shadow: 0 4px 5px rgba(0, 0, 0, .15); +} +.select2-container--open .select2-selection--multiple .select2-selection__choice { + background-color: $color-white !important; +} +.select2-selection--multiple { + .select2-selection__rendered { + background-image: none; + .select2-selection__choice { + background-color: $color-master-light; + background-image: none; + border: none; + box-shadow: none; + color: inherit; + border-radius: 8px; + margin: 6px -5px 0px 10px; + padding: 0 8px 0 7px; + line-height: 21px; + &:first-child { + margin-left: 0; + } + .select2-selection__choice__remove { + color: #626262; + font-weight: 900; + margin-right: 4px; + } + } + .select2-search--inline { + margin-left: 8px; + } + } + &.select2-container-active { + .select2-choices { + border: 1px solid $form-control-border-color; + box-shadow: none; + } + } + .select2-search-choice-close { + left:6px; + } +} +.select2-search-choice-close { + background: none; + top: 4px; + right:0; + &:hover { + text-decoration: none; + } +} +.select2-drop-multi .select2-results { + .select2-no-results, + .select2-searching, + .select2-selection-limit { + top: 0px; + } +} +.select2 { + &.form-control { + padding: 0; + box-shadow: none; + border: 0; + } +} + +.select2-drop-mask{ + z-index: 700; +} + +.ui-select-bootstrap .ui-select-choices-row.active > a{ + background: $color-master-lighter; + border-radius: 3px; + color: $color-master; +} +.ui-select-bootstrap > .ui-select-choices{ + background-color: #fff; + // box-shadow: 0px 4px 5px rgba(0,​ 0,​ 0,​ 0.15); +} +.ui-select-choices-group-label{ + color: $color-master-dark; + font-weight: bold; +} +.modal-open{ + .select2-drop-active{ + z-index: 1051; + } + .datepicker.dropdown-menu{ + z-index: 1051 !important; + } + .select2-drop-mask{ + z-index: 1050; + } + .cs-skin-slide.cs-active{ + z-index: 1050; + } +} + +.dropdown-placeholder{ + display: inline-block; + vertical-align: middle; +} +.dropdown-mask{ + bottom: 0; + display: none; + left: 0; + outline: 0 none; + overflow: hidden; + position: fixed; + right: 0; + top: 0; + z-index: $zIndex-dropdownMask; +} +/* Bootstrap Tags input +https://github.com/timschlechter/bootstrap-tagsinput +*/ + +.form-group-default { + .bootstrap-tagsinput{ + border:0px; + padding-left:0; + margin-bottom: 5px; + padding-top: 0; + vertical-align: top; + padding-bottom: 0px; + padding-left:0; + margin-top: 5px; + .tag{ + padding: 2px 9px; + line-height: 18px; + margin-bottom: 2px; + [data-role="remove"] { + display: inline-block; + vertical-align: top; + } + margin-left: 0; + margin-right: 2px; + } + input{ + min-height: 20px; + &:first-child{ + margin-left: 0; + } + } + } +} +.bootstrap-tagsinput { + @include flexbox(); + @include flex-row(); + -webkit-flex-wrap:wrap; + -ms-flex-wrap: wrap; + -ms-flex-flow: wrap; + flex-flow: wrap; + background-color: transparent; + border: 1px solid $form-control-border-color; + border-radius: 4px; + padding: 0; + padding-top: 5px; + padding-right:5px; + @include box-shadow(none); + width: 100%; + @include transition(background 0.2s linear 0s); + &.active-element { + background-color: $color-master-light; + } + input { + border: none; + margin: 5px; + margin-top: 0; + margin-right:0; + min-height: 25px; + min-width: 10em !important; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + //Older browsers + -webkit-flex-shrink:0; + -webkit-flex-grow: 1; + -webkit-flex-basis: auto; + } + .tag { + padding: 3px 9px; + padding-right:6px; + border-radius: 3px; + line-height: 18px; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + margin: 5px; + margin-top: 0; + margin-right:0; + //Older browsers + -webkit-flex-shrink:0; + -webkit-flex-grow: 1; + -webkit-flex-basis: auto; + } + .tag [data-role="remove"]{ + margin-left: 4px; + float: right; + vertical-align: middle; + } + .tag[data-role="remove"]:hover:active, + .tag [data-role="remove"]:hover { + box-shadow: none; + } + .tag [data-role="remove"]:after{ + font-family: 'FontAwesome'; + content: "\f00d"; + padding: 0; + } +} + +/* Bootstrap3 wysihtml5 +https://github.com/Waxolunist/bootstrap3-wysihtml5-bower +*/ +.wysiwyg5-wrapper { + position: relative; + .wysihtml5-toolbar { + position: absolute; + bottom: 0; + left: 0; + right: 0; + /*height: 50px;*/ + background: $color-master-lighter; + border-top:1px solid $color-master-light; + .btn { + background: none repeat scroll 0 0 rgba(0, 0, 0, 0); + border-color:transparent; + border-right-color: $color-master-light; + color: #A5A5A5; + font-size: 16px; + font-weight: 600; + height: 50px; + line-height: 50px; + padding: 0 5px; + border-width: 1px; + border-radius: 0 !important; + box-shadow: none !important; + &:hover .editor-icon { + opacity: .8; + } + &.active .editor-icon { + opacity: 1; + } + &.dropdown-toggle { + padding-left: 10px; + padding-right: 20px; + .current-font { + opacity: .5; + font-size: 14px; + } + } + } + & > li { + margin:0; + padding: 0; + } + } + .wysiwyg { + width: 100%; + min-height: 200px; + font-size: 14px; + line-height: 18px; + padding-bottom:50px !important; + border: 0; + &:focus{ + background-color:$color-master-lightest; + outline: 0 !important; + @include box-shadow(none); + } + } + .expand-wysiwyg { + bottom: 0; + color: #A5A5A5; + font-size: 20px; + font-weight: 600; + height: 50px; + line-height: 50px; + padding: 0 15px; + position: absolute; + right: 0; + } + .wysihtml5-sandbox{ + border: none !important; + padding: 16px 16px 50px !important; + width: 100% !important; + &.expanded{ + height: 100% !important; + } + } +} +.toggle-wysiwyg { + position: absolute; + right: 15px; + top: 0; + li { + display: inline-block; + font-weight: 600; + } +} +.editor-icon { + background-image: url("#{$base-img-url}/editor_tray.png"); + display: inline-block; + height: 40px; + margin-top: 5px; + opacity: 0.4; + vertical-align: top; + width: 40px; + &-headline { + background-position: 0 0; + width:31px; + } + &-bold { + background-position: -40px 0; + } + &-italic { + background-position: -80px 0; + } + &-underline { + background-position: -120px 0; + } + &-link { + background-position: -160px 0; + } + &-quote { + background-position: -200px 0; + } + &-ul { + background-position: -240px 0; + } + &-ol { + background-position: -280px 0; + } + &-outdent { + background-position: -320px 0; + } + &-indent { + background-position: -360px 0; + } + &-image { + background-position: -400px 0; + } + &-html { + background-position: -440px 0; + } +} + +/* Summernote +https://github.com/HackerWins/summernote +*/ +.summernote-wrapper{ + .note-editor{ + border-color:$color-master-light; + .note-toolbar{ + padding: 0; + background-color: $color-master-lighter; + border-bottom: none; + .btn-group{ + margin: 0 -1px 0 0; + .btn{ + font-size: 12px; + font-weight: 600; + height: 50px; + min-width: 47px; + line-height: 50px; + padding: 0 5px; + border-radius: 0; + background-color: $color-master-lighter; + border-color: transparent; + border-right-color: $color-master-light; + border-bottom-color: $color-master-light; + color: $color-master; + &.active, &:active{ + background-color: $color-master-light; + } + &.dropdown-toggle{ + min-width: 61px; + } + &:not(:last-child), &:not(:only-child){ + margin-right: 1px; + } + } + } + } + .note-statusbar { + background-color: transparent; + .note-resizebar{ + border-top-color: transparent; + .note-icon-bar{ + border-top: 1px solid $color-master-light; + } + } + } + } + .note-popover .popover .popover-content .dropdown-menu li a i, .note-toolbar .dropdown-menu li a i{ + color: $color-primary; + } +} + + + +// Webkit fixes +input, input:focus{ + -webkit-transition: none !important; +} +input:-webkit-autofill { + -webkit-box-shadow: 0 0 0 1000px #fff inset !important; +} +input:-webkit-autofill:focus { + -webkit-box-shadow: 0 0 0 1000px $color-master-lighter inset !important; +} +input.error:-webkit-autofill, +input.error:-webkit-autofill:focus, +.has-error input:-webkit-autofill { + -webkit-box-shadow: 0 0 0 1000px #F9E9E9 inset !important; +} + + +/* Pages SelectFx */ + +/* Default custom select styles */ +div.cs-select { + display: inline-block; + vertical-align: middle; + position: relative; + text-align: left; + background: #fff; + width: 100%; + max-width: 500px; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +div.cs-select:focus { + outline: none; /* For better accessibility add a style for this in your skin */ +} + +.cs-select select { + display: none; +} + +.cs-select span { + display: block; + position: relative; + cursor: pointer; + padding: 1em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +/* Placeholder and selected option */ +.cs-select > span { + padding-right: 3em; +} + +.cs-select > span::after, +.cs-select .cs-selected span::after { + speak: none; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.cs-select > span::after { + content: '\25BE'; + right: 1em; +} + +.cs-select .cs-selected span::after { + content: '\2713'; + margin-left: 1em; +} + +.cs-select.cs-active > span::after { + -webkit-transform: translateY(-50%) rotate(180deg); + transform: translateY(-50%) rotate(180deg); +} + +/* Options */ +.cs-select .cs-options { + position: absolute; + overflow: hidden; + width: 100%; + background: #fff; + visibility: hidden; +} + +.cs-select.cs-active .cs-options { + visibility: visible; +} + +.cs-select ul { + list-style: none; + margin: 0; + padding: 0; + width: 100%; +} + +.cs-select ul span { + padding: 1em; +} + +.cs-select ul li.cs-focus span { + background-color: #ddd; +} + +/* Optgroup and optgroup label */ +.cs-select li.cs-optgroup ul { + padding-left: 1em; +} + +.cs-select li.cs-optgroup > span { + cursor: default; +} + + + + +div.cs-skin-slide { + color: #fff; + /*font-size: 1.5em;*/ + width: 300px; +} + +@media screen and (max-width: 30em) { + div.cs-skin-slide { font-size: 1em; width: 250px; } +} + +div.cs-skin-slide::before { + content: ''; + background: #282b30; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; +} + +.cs-skin-slide.cs-active::before { + -webkit-transform: scale3d(1.1,3.5,1); + transform: scale3d(1.1,3.5,1); +} + +.cs-skin-slide > span { + height: 80px; + line-height: 32px; + -webkit-transition: text-indent 0.3s, opacity 0.3s; + transition: text-indent 0.3s, opacity 0.3s; +} + +@media screen and (max-width: 30em) { + .cs-skin-slide > span { height: 60px; line-height: 28px; } +} + +.cs-skin-slide.cs-active > span { + text-indent: -290px; + opacity: 0; +} + +.cs-skin-slide.cs-active > span::after { + -webkit-transform: translate3d(0,-50%,0); + transform: translate3d(0,-50%,0); +} + +.cs-skin-slide .cs-options { + background: transparent; + width: 70%; + height: 400%; + padding: 1.9em 0; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%,-50%,0); + transform: translate3d(-50%,-50%,0); +} + +@media screen and (max-width: 30em) { + .cs-skin-slide .cs-options { padding-top: 3em; } +} + +.cs-skin-slide .cs-options li { + opacity: 0; + -webkit-transform: translate3d(30%,0,0); + transform: translate3d(30%,0,0); + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; + transition: transform 0.3s, opacity 0.3s; +} + +.cs-skin-slide.cs-active .cs-options li { + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + opacity: 1; +} + +.cs-skin-slide.cs-active .cs-options li:first-child { + -webkit-transition-delay: 0.05s; + transition-delay: 0.05s; +} + +.cs-skin-slide.cs-active .cs-options li:nth-child(2) { + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; +} + +.cs-skin-slide.cs-active .cs-options li:nth-child(3) { + -webkit-transition-delay: 0.15s; + transition-delay: 0.15s; +} + +.cs-skin-slide.cs-active .cs-options li:nth-child(4) { + -webkit-transition-delay: 0.2s; + transition-delay: 0.2s; +} + +.cs-skin-slide.cs-active .cs-options li:nth-child(5) { + -webkit-transition-delay: 0.25s; + transition-delay: 0.25s; +} /* more options need more delay declaration */ + +.cs-skin-slide .cs-options li span { + text-transform: uppercase; + font-weight: 500; + letter-spacing: 2px; + font-size: 65%; + padding: 0.8em 1em 0.8em 2.5em; +} + +.cs-skin-slide .cs-options li span:hover, +.cs-skin-slide .cs-options li.cs-focus span, +.cs-skin-slide .cs-options li.cs-selected span { + color: #eb7e7f; + background: transparent; +} + +.cs-skin-slide .cs-selected span::after { + content: ''; +} + + +/* Pages Select overriding */ + +.form-group-default .cs-skin-slide > span{ + padding: 0 30px 0 0; + height: 22px; + line-height: 21px; +} +.form-group-default .cs-wrapper{ + width: 100%; + height: 100%; + @include flexbox(); + @include align-items(center); +} +.cs-wrapper{ + display: inline-block; + // width: 100%; +} +.form-control.cs-select:not(.cs-active){ + width: 100% !important; +} +.cs-select:not(.cs-active):not(.form-control){ + // width: 100% !important; +} +.cs-select{ + background-color: transparent; + span{ + text-overflow:initial; + } + .cs-placeholder{ + width: 100%; + } +} +div.cs-skin-slide{ + width: auto; + font-family: Arial,sans-serif; + //font-size: 14px; + color: #5e5e5e; + &:before{ + background-color: transparent; + } + &.cs-transparent{ + background: none; + .cs-backdrop{ + border-color: transparent; + background: none; + } + &.cs-active .cs-backdrop{ + background: $color-master-lightest; + } + } + & > span{ + height: 35px; + padding: 6px 33px 6px 17px; + line-height: 23px; + z-index: 1; + } + &.cs-active{ + z-index: $zIndex-navbar - 10; + &:before{ + -webkit-transform: scale3d(1,1,1); + transform: scale3d(1,1,1); + } + .cs-backdrop{ + border: transparent; + background: $color-master-lightest; + box-shadow: -1px 0 1px #ccc, 1px 0 1px #ccc; + } + } + & > span:after, + &.cs-active > span:after{ + content:"\f0d7"; + font-family: FontAwesome; + color: #5e5e5e; + } + .cs-options{ + height: auto; + padding: 9px 0; + width: auto; + padding: 10px; + max-height: 350px; + transform: translate3d(1,1,1); + overflow: hidden; + z-index: 1; + ul{ + width: 100%; + display: table; + li{ + display: table-row; + span{ + display: table-cell; + font-size: 14px; + font-weight: normal; + letter-spacing: normal; + padding: 5px 0; + text-transform: none; + max-height: 350px; + overflow-y: auto; + } + span:hover, + &.cs-focus span, + &.cs-selected span{ + color: $color-master-dark; + } + } + } + } +} +.cs-backdrop{ + background: none repeat scroll 0 0 #fff; + border: 1px solid $form-control-border-color; + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + @include transition(all .3s ease); + +} +.cs-skin-slide.cs-active .cs-options li:nth-child(6) { + transition-delay: 0.3s; +} +.cs-skin-slide.cs-active .cs-options li:nth-child(7) { + transition-delay: 0.35s; +} +.cs-skin-slide.cs-active .cs-options li:nth-child(8) { + transition-delay: 0.4s; +} +.cs-skin-slide.cs-active .cs-options li:nth-child(9) { + transition-delay: 0.45s; +} +.cs-skin-slide.cs-active .cs-options li:nth-child(10) { + transition-delay: 0.5s; +} +.cs-skin-slide.cs-active .cs-options li:nth-child(11) { + transition-delay: 0.55s; +} + +.dropzone { + overflow: hidden; + .dz-default.dz-message{ + width: 100%; + } +} + +/* Dropzone for Angular */ +.dropzone[dropzone="dropzone"] input[type="file"]{ + visibility: hidden; +} +/* end overrides */ + +// Twitter Typehead +// -------------------------------------------------- +.twitter-typeahead{ + width: 100%; +} +.tt-menu { + width: 100%; + padding: 3px 10px 3px 3px; + background-color: $color-white; + border: 1px solid rgba(0, 0, 0, 0.07); + border-top:0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); + box-shadow: 0 4px 5px rgba(0, 0, 0, .15); +} + +.tt-suggestion { + color: $color-master; + padding: 3px 7px 4px; + padding-left: 26px; + line-height: 24px; + &:hover { + cursor: pointer; + background: $color-master-lighter; + } + &.tt-cursor { + background: $color-master-lighter; + } + p { + margin: 0; + } +} +.form-group-default{ + &.typehead{ + overflow: inherit; + } + .tt-menu { + width: calc(100% + 24px); + margin: 4px -12px; + } +} +/* Demo specifc classes */ +.demo-form-wysiwyg{ + height: 250px; +} + +// error form +.error-form{ + .form-group-default { + padding: 0; + justify-content: space-between; + .input-group-addon { + height: calc(50px); + min-width: calc(50px); + border-radius: 0; + border: none; + } + label { + margin-top: 6px; + padding-left: 12px; + } + .form-control { + margin-top: -2px; + margin-bottom: 3px; + padding-left: 12px; + } + } + .transparent { + .input-group-addon { + background-color: transparent; + border-color: rgba(0,0,0,0.07); + } + } +} +.error-container{ + &.bottom-container{ + margin-top: 0; + } +} + +.form-group-default { + &.input-group { + padding: 0; + label { + margin-top: 6px; + padding-left: 12px; + } + .form-input-group{ + width: 100%; + } + .form-control { + margin-top: -2px; + margin-bottom: 3px; + padding-left: 12px; + } + .input-group-addon { + min-width: calc(50px); + height: 52px; + border-radius: 0 !important; + border: none !important; + } + } +} +.h-c-50{ + height: calc(50px); +} +.card-toolbar{ + .note-editor{ + .btn-toolbar{ + display: block; + } + } +} +.pretty .state label { + line-height: 1; +} + +.inlineForm { + display: none; +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_gallery.scss b/resources/assets/sass/modules/_gallery.scss new file mode 100644 index 00000000..b6f6af8e --- /dev/null +++ b/resources/assets/sass/modules/_gallery.scss @@ -0,0 +1,255 @@ +/*------------------------------------------------------------------ +[25. Gallery] +*/ + +.gallery { + margin: 70px auto 0 auto; +} +.gallery-item { + overflow: hidden; + cursor: default; + background-color: #000; + margin-bottom: 10px; + position: relative; + width: 280px; + height: 240px; + &:hover { + cursor: pointer; + } + &[data-width="1"] { + width: 280px; + } + &[data-width="2"] { + width: 570px; + } + &[data-height="1"] { + height: 240px; + } + &[data-height="2"] { + height: 490px; + } + & >img { + opacity: 1; + -webkit-transition: opacity 0.35s; + transition: opacity 0.35s; + } + & > .live-tile { + & img { + opacity: 1; + -webkit-transition: opacity 0.35s; + transition: opacity 0.35s; + } + } + .rating { + margin-top: -5px; + color: rgba(255, 255, 255, 0.3); + & > .rated { + color: rgba(255, 255, 255, 1); + } + } + .item-info { + -webkit-transform: translate3d(0, 40%, 0); + transform: translate3d(0, 40%, 0); + -webkit-transition: -webkit-transform 0.35s, color 0.35s; + transition: transform 0.35s, color 0.35s; + &.more-content { + -webkit-transform: translate3d(0, 32%, 0); + transform: translate3d(0, 32%, 0); + } + } + &:hover { + .item-info { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + & >img { + opacity: 0.6; + } + & > .live-tile { + & img { + opacity: 0.6; + } + } + } + &:active { + .item-info { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + & >img { + opacity: 0.6; + } + } +} +.item-details { + z-index: 1050; + .dialog__content { + width: 845px; + max-width: 845px; + padding: 0; + text-align: left; + border: 1px solid rgba(0, 0, 0, 0.8); + .dialog__overview { + height: 516px; + position: relative; + .buy-now { + position: absolute; + bottom: 20px; + right: 35px; + } + .item-slideshow .slide { + width: 516px; + height: 516px; + display: block; + overflow: hidden; + } + } + .dialog__footer { + height: 75px; + .price { + margin: 0; + padding: 0; + line-height: 75px; + } + .separator { + position: relative; + } + .separator:after { + content: ""; + width: 1px; + background: rgba(255, 255, 255, .1); + position: absolute; + height: 27px; + right: 0; + top: 24px; + } + .recommended { + li { + a { + width: 56px; + height: 56px; + display: block; + } + overflow: hidden; + img { + width: 100%; + } + } + } + } + .close { + top: 15px; + right: 15px; + z-index: 100; + } + } + .owl-nav { + left: 0; + position: absolute; + top: 50%; + width: 100%; + color: #fff; + opacity: .7; + font-size: 18px; + padding: 0 20px; + .owl-prev { + float: left; + } + .owl-next { + float: right; + } + } + .owl-dots { + bottom: 23px; + position: absolute; + right: 23px; + .owl-dot { + width: 10px; + height: 10px; + border-radius: 10px; + display: inline-block; + background: rgba(0, 0, 0, .3); + margin-left: 6px; + &.active { + background: #fff; + } + } + } +} + +.gallery-filters{ + position: absolute; + left: 0; + right: 0; + height: 70px; + top:-70px; +} +@media (max-width: 920px) { + .gallery-item.first{ + display: none; + } +} +@media (max-width: 767px) { + .item-details { + .dialog__content { + height: 90%; + overflow-y: auto; + width: 400px; + max-width: 400px; + .container-fluid { + height: 100%; + padding-left: 30px; + padding-right: 30px; + } + .dialog__overview { + height: 100%; + margin-right: -30px; + margin-left: -30px; + } + } + .item-slideshow-wrapper { + height: 515px !important; + } + .item-description { + height: auto !important; + .buy-now { + position: static !important; + float: right; + margin-bottom: 20px; + } + } + .item-slideshow { + .owl-stage-outer, .owl-stage { + height: 100%; + } + .slide { + width: 100% !important; + } + } + } +} + +@media (max-width: 420px) { + .gallery{ + margin-top: 80px; + } + .gallery-filters{ + top: -90px; + } + .item-details .dialog__content { + width: 100%; + max-width: 100%; + } +} + +@media (max-width: 610px) { + .gallery-item, .gallery { + width: 100% !important; + } +} +@media (min-width: 768px) { + .item-details .dialog__content .container-fluid > .row { + margin-left: -30px; + margin-right: -30px; + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_layout.scss b/resources/assets/sass/modules/_layout.scss new file mode 100644 index 00000000..c36e3499 --- /dev/null +++ b/resources/assets/sass/modules/_layout.scss @@ -0,0 +1,2115 @@ +/*------------------------------------------------------------------ +[1. Layouts] +*/ +html { + height: 100%; +} +/* Body Triggers for layout options +------------------------------------------------------------------ +*/ +body { + height: 100%; + margin: 0; + padding: 0; + background-color: $color-master-lightest; + -moz-osx-font-smoothing: grayscale; + &.fixed-header { + .header { + position: fixed; + left: 0; + top: 0; + } + } + &.mobile{ + .sidebar-menu { + overflow: scroll; + -webkit-overflow-scrolling: touch; + } + .sidebar-menu > ul { + height: auto !important; + overflow: visible !important; + -webkit-overflow-scrolling: touch !important; + } + .page-sidebar .sidebar-menu .menu-items { + li{ + &:hover{ + a{ + color:$color-menu-light; + } + .icon-thumbnail{ + color:$color-menu-light !important; + } + } + &.active, &.open{ + & > a{ + color:#fff; + } + & > .icon-thumbnail{ + color:#fff; + } + } + } + } + .drager{ + overflow: auto; + -webkit-overflow-scrolling: touch; + } + } + &.sidebar-visible{ + .page-sidebar{ + .scroll-element{ + visibility: visible; + } + .menu-items { + .icon-thumbnail{ + @include translate3d(-14px,0,0); + } + } + .sidebar-header .sidebar-header-controls{ + @include translate3d(48px,0,0); + } + } + + } + &.no-header{ + .page-container .page-content-wrapper .content{ + padding-top: 0px; + } + .header{ + border-bottom-color: transparent; + } + } + &.dashboard{ + background: $dashboard-background; + .page-container{ + background: $dashboard-background; + } + } + &.menu-pin{ + .overlay{ + padding-left:0; + .overlay-brand{ + margin-left: 0; + } + } + } +} + +/* Page Loader +------------------------------------ +*/ +.pace{ + .pace-progress{ + background: $color-success; + height: 3px; + } + .pace-progress-inner{ + box-shadow: none; + } + .pace-activity{ + -webkit-animation: none; + animation: none; + top: 73px; + background: url('#{$base-img-url}/progress/progress-circle-success.svg') no-repeat top left; + background-size: 100% auto; + margin: 0 auto; + border-width: 0; + border-radius: 0; + width: 28px; + height: 40px; + right: 19px; + } +} +/* Header +------------------------------------ +*/ +.header{ + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: $layout-header-height; + width: 100%; + padding: 0 20px 0 0; + z-index: $zIndex-navbar; + background-color: #fff; + border-bottom: 1px solid fade($color-master-light, 70%); + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + a{ + color: $color-master; + &:hover,&:active,&:focus{ + color: $color-master; + } + } + //Used only in Boxed layout + .header-inner{ + height: inherit; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } + &.transparent { + background-color: transparent !important; + } + .brand { + vertical-align: middle; + width: $layout-sidepanel-width; + text-align: center; + } + + + .bubble{ + border-radius:100%; + height:12px; + width:12px; + background-color:$color-danger; + color:$color-white; + position:absolute; + top:-6px; + float:right; + right:-5px; + } + .notification-list{ + display:inline-block; + line-height: 23px; + } + .search-link{ + display:inline-block; + margin-left:15px; + color : $color-master; + opacity: .7; + font-size:14px; + vertical-align: middle; + line-height: 12px; + font-family:$base-font-family; + i{ + margin-right:15px; + font-size:16px; + } + &:hover{ + opacity: 1; + } + } + .pg{ + font-size: 16px; + } + ul{ + li{ + line-height: 12px; + vertical-align: middle; + } + } + .dropdown{ + line-height: 12px; + } +} +/* Bootstrap navbar +------------------------------------ +*/ +.navbar{ + min-height: 50px; + position: relative; + margin-bottom: 20px; + border: 1px solid transparent; + top: -1px; +} +.navbar-nav > li { + & > a{ + position: relative; + display: block; + padding: 10px 15px; + padding-top: 20px; + padding-bottom: 20px; + } +} +.navbar-default{ + background-color: $color-white; + .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{ + background-color:transparent; + } + .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{ + background-color:transparent; + } + +} + +.navbar-toggle{ + border-radius: 0; + background-color: transparent !important; +} + +.navbar-default .navbar-nav>li>a { + color: $color-master; +} +/* Main Menu Sidebar +------------------------------------ +*/ +.page-sidebar{ + width: $layout-sidepanel-width; + background-color:$color-menu; + z-index: $zIndex-sidebar; + left:$layout-sidepanel-width-collapsed - $layout-sidepanel-width; + position: fixed; + bottom: 0; + top: 0; + right: auto; + overflow: hidden; +-webkit-transition: -webkit-transform 400ms cubic-bezier($menu-bezier); + -moz-transition: -moz-transform 400ms cubic-bezier($menu-bezier); + -o-transition: -o-transform 400ms cubic-bezier($menu-bezier); + transition: transform 400ms cubic-bezier($menu-bezier); +-webkit-backface-visibility: hidden; + -webkit-perspective: 1000; + a,button { + color:$color-menu-light; + &:hover,&:active{ + color:$color-menu-link-hover; + } + &:visited,&:focus{ + color:$color-menu-light; + } + } + .scroll-element{ + visibility: hidden; + } + .sidebar-header{ + /* Side-bar header */ + display: block; + height: $layout-header-height; + line-height:$layout-header-height; + background-color:$color-menu-darker; + border-bottom: 1px solid mix($color-menu-darker, #000, 90%); + color: $color-white; + width: 100%; + padding: 0 20px; + padding-left: 30px; + clear: both; + z-index: 10; + position: relative; + .sidebar-header-controls{ + display: inline-block; + -webkit-transition: -webkit-transform 0.4s cubic-bezier($menu-bezier); + transition: transform 0.4s cubic-bezier($menu-bezier); + -webkit-backface-visibility: hidden; + } + .sidebar-slide-toggle i{ + @include transition(all 0.12s ease); + } + .sidebar-slide-toggle.active i{ + @include rotate(-180deg); + } + } + .close-sidebar{ + position: absolute; + right: 19px; + top: 14px; + padding: 9px; + z-index: 1; + & > i{ + color: rgba(255,255,255,0.57); + } + } + .sidebar-overlay-slide{ + /* Side-bar Top Slider */ + width: 100%; + height: 100%; + background-color:$color-menu-darker; + display:block; + z-index: 9; + padding: $layout-header-height+20 20px 20px 20px; + &.from-top{ + top:-100%; + position: absolute; + @include transition(all .2s ease); + &.show{ + @include translate(0,100%); + } + } + } + .sidebar-menu{ + /* Side-bar Menu */ + height: calc(100% - 50px); + position: relative; + width: 100%; + .outer-tab-nav-section { + display: inline-block; + width: 45px; + position: absolute; + height: 100%; + background-color: #0aa699 !important; + } + .menu-items { + /* Side-bar Menut Items */ + list-style: none; + margin: 0; + padding: 0; + margin: 0; + padding: 0; + position: relative; + overflow: auto; + -webkit-overflow-scrolling: touch; + height: calc(100% - 10px); + width: 100%; + li{ + &:hover, &.open, &.active{ + & > .icon-thumbnail{ + color: $color-menu-link-hover; + } + & > a{ + color: $color-menu-link-hover; + } + } + & > a{ + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + width: 65%; + } + } + & > li { + display: block; + padding:0; + clear: right; + + &:after, &:before{ + display: table; + content: " "; + clear: both; + } + + & > a { + font-family: Arial, sans-serif; + display: inline-block; + padding-left: 32px; + min-height: $menu-icon-size; + line-height: $menu-icon-size; + font-size: 14px; + clear: both; + &.open { + background: #313131; + } + & > .arrow { + float: right; + padding-right: 30px; + &:before { + float: right; + display: inline; + font-size: 16px; + font-family: FontAwesome; + height: auto; + content: "\f104"; + font-weight: 300; + text-shadow: none; + @include transition(all 0.12s ease); + } + &.open { + &:before { + @include rotate(-90deg); + } + } + } + & > .badge { + margin-top: 12px; + } + & > .title{ + float: left; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + width: 65%; + } + & > .details{ + font-size: 12px; + opacity: 0.4; + display: block; + clear: both; + } + &.detailed{ + & > .title{ + line-height: 28px; + } + & > .details{ + line-height: 16px; + } + } + } + &.active { + & > ul { + &.sub-menu { + display: block; + } + } + } + & > .icon-thumbnail{ + &:first-letter { + text-transform: uppercase; + } + } + & > ul { + &.sub-menu { + & > li { + ul { + &.sub-menu { + li { + padding-left: 10px; + padding-right: 3px + } + .icon-thumbnail { + width: 25px; + height: 25px; + line-height: 25px; + font-size: 10px; + } + } + } + } + li { + & > a { + & > .arrow { + &:before { + float: right; + margin-top: 1px; + margin-right: 20px; + display: inline; + font-size: 16px; + font-family: FontAwesome; + height: auto; + content: "\f104"; + font-weight: 300; + text-shadow: none; + @include transition(all 0.12s ease); + } + &.open { + &:before { + float: right; + margin-top: 1px; + margin-right: 18px; + display: inline; + font-family: FontAwesome; + height: auto; + font-size: 16px; + @include rotate(-90deg); + font-weight: 300; + text-shadow: none; + } + } + } + } + + } + } + } + ul { + &.sub-menu { + display: none; + list-style: none; + clear: both; + margin: 0 0 10px 0; + background-color: $color-menu-dark; + padding: 18px 0 10px 0; + & > li { + background: none; + padding: 0px 20px 0 40px; + margin-top: 1px; + &:hover{ + & > .icon-thumbnail{ + color: $color-menu-link-hover; + } + } + & > a { + display: inline-block; + padding: 5px 0px; + font-size: 13px; + font-family: Arial, sans-serif; + white-space: normal; + } + .icon-thumbnail { + width: 30px; + height: 30px; + line-height: 30px; + margin: 0; + background-color: $color-menu; + font-size: 14px; + } + } + } + } + } + } + .muted { + color: #afafaf; + opacity:.45; + } + } + .icon-thumbnail [class^="bg-"], [class*="bg-"]{ + color: #fff; + } +} +[data-toggle-pin="sidebar"]{ + & > i:before{ + content: "\f10c"; + } +} +/* Sidebar icon holder +------------------------------------ +*/ +.icon-thumbnail { + display: inline-block; + background: $color-menu-dark; + height: $menu-icon-size; + width: $menu-icon-size; + line-height: $menu-icon-size; + text-align: center; + vertical-align: middle; + position: relative; + left: 0; + float: right; + margin-right: 14px; + color:$color-menu-light; + font-size: 16px; + -webkit-transition: -webkit-transform 0.4s cubic-bezier($menu-bezier); + transition: transform 0.4s cubic-bezier($menu-bezier); + -webkit-backface-visibility: hidden; + -webkit-perspective: 1000; + font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; + -webkit-font-smoothing:antialiased; + -webkit-text-size-adjust:100%; + -ms-text-size-adjust:100%; + font-weight: bold; + & > i{ + font-size: 14px; + } + & > svg{ + width: auto; + height: auto; + display: inline; + } +} + +.nav-collapse { + &.collapse { + height: 100% !important; + } +} + +/* Secondary App Menu */ +.toggle-secondary-sidebar{ + display: none; +} + +.secondary-sidebar { + background: $sidebar-background-color; + width: $secondary-sidebar-width; + float: left; + padding-left: 47px; + height: 100%; + position: fixed; + &.not-fixed{ + position: inherit; + } + &.open{ + position: fixed; + visibility: hidden; + display: block; + } + .btn-compose { + font-size: 13px; + font-weight: normal; + letter-spacing: 0.02em; + text-transform: uppercase; + } + .menu-title { + color: rgba($color-menu-light, .70); + font-size: 10.8px; + font-family: 'Montserrat'; + font-weight: normal; + letter-spacing: 0.03em; + } + .main-menu { + padding-left: 0; + & > li{ + list-style: none; + + &.active{ + & > a{ + color: $color-complete; + &:hover{ + color: $color-complete; + } + & > .title{ + position: relative; + &:after{ + background: $color-complete; + border-radius: 50%; + content: ""; + height: 7px; + position: absolute; + right: -14px; + top: 6.5px; + width: 7px; + } + + } + } + } + a{ + font-size: 14px; + color: $color-menu-light; + line-height: 37px; + &:hover{ + color: #fff; + } + & > .title{ + i{ + margin-right: 6px; + opacity: .9; + } + } + } + } + } + .sub-menu{ + margin-left: 23px; + li{ + list-style: none; + padding: 0; + &.active{ + a{ + color: #fff !important; + } + } + a{ + color: rgba($color-menu-light,.89); + line-height: 25px; + &:hover{ + color: #fff; + } + } + } + } + .sub-menu li a, .main-menu li a { + + .badge { + background: transparent; + font-size: 13px; + color: $color-menu-light; + line-height: 25px; + } + } + &.light{ + background-color: #fff; + border-right: 1px solid $form-control-border-color; + .menu-title { + color: fade($color-menu-light, 60%); + opacity: 1; + } + .icon-thumbnail{ + background-color: transparent; + } + .main-menu { + li{ + a{ + &:hover{ + color: $color-master-dark; + } + + } + &.active{ + & > a{ + color: $color-master-dark; + } + } + } + } + .sub-menu{ + margin-top: 5px; + li{ + &.active{ + a{ + color: $color-master-dark !important; + } + } + a{ + color: fade($color-menu-light,60%); + &:hover{ + color: $color-master-dark; + } + } + } + } + } +} + +.split-view{ + position: relative; + height: 100%; + .split-list { + float: left; + width: 360px; + background: #fff; + height: 100%; + overflow-y: auto; + position: relative; + -webkit-overflow-scrolling: touch; + border-right: 1px solid $color-master-light; + @include transition(all .5s ease); + .list-view-fake-header{ + font-size: 10.8px !important; + line-height:normal !important; + } + &.slideLeft{ + @include translate(-100%, 0); + } + .list-refresh{ + position: absolute; + right : 18px; + top: 4px; + color: $color-master; + opacity: .34; + z-index: 101; + i{ + font-size: 11px; + } + } + .list-view-fake-header, .list-view-group-header{ + background: $color-master-lighter; + height: 28px; + color: rgba($color-master, .70); + text-transform: uppercase; + font-size: 10.8px; + padding-left: 12px; + padding-top: 6px; + letter-spacing: 0.07em; + width: 100%; + } + + .item { + height: 111px; + list-style: none; + position: relative; + border-bottom: 1px solid rgba($color-master-light, .70); + cursor: pointer; + .inline { + width: 230px; + + & > * { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + font-family: arial; + } + } + .recipients { + letter-spacing: 0.01em; + padding-bottom: 2px; + } + .checkbox{ + float: left; + clear: left; + display: none; + max-width: 32px; + } + .subject { + font-family: 'Helvetica'; + font-size: 14.33px; + color: $color-info; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + height: 38px; + display: -webkit-box; + white-space: normal; + line-height: 18px; + } + .body { + // color: #75828e; + font-size: 12.6px; + opacity: .52; + height: 22px; + } + .datetime { + color: $color-master-darkest; + font-family: arial; + font-size: 11.1px; + position: absolute; + right: 20px; + top: 15px; + opacity: 0.46; + } + } + } + + .split-details { + position: relative; + overflow: auto; + height: 100%; + .no-result{ + bottom: 0; + left: 0; + margin-top: -34px; + opacity: 0.5; + position: absolute; + right: 0; + text-align:center; + top: 50%; + } + .actions{ + height: 50px; + float: left; + li{ + list-style: none; + position: relative; + &:last-child:after{ + display: none; + } + &:after{ + content: ""; + height: 14px; + position: absolute; + right: -4px; + top: 18px; + width: 1px; + background: rgba(0,0,0,.07); + } + a{ + font-size: 13.1px; + color: $color-master; + font-weight: 600; + padding: 0 13px; + line-height: 50px; + white-space: nowrap; + } + } + } + + } +} +.inner-content{ + margin-top: 0px; + padding: 0px; + overflow: auto; + min-height: 100%; + margin-left: $secondary-sidebar-width; +} + +/* Quick View +------------------------------------ +*/ +.quickview-wrapper{ + position:fixed; + right:-$layout-right-quickview-width; + top:0; + width:$layout-right-quickview-width; + background:#fff; + bottom:0; + z-index:1000; + box-shadow:0 0 9px rgba(191,191,191,.36); + border-left: 1px solid rgba(222,227,231,.56); + -webkit-transition: -webkit-transform 400ms cubic-bezier($menu-bezier); + transition: transform 400ms cubic-bezier($menu-bezier); + -webkit-backface-visibility: hidden; + -ms-backface-visibility:hidden; + -webkit-perspective: 1000; + &.open{ + @include translate3d(-100%,0,0); + } + .quickview-toggle{ + position: absolute; + right: 12px; + top: 2px; + color: $color-menu-light; + padding: 6px; + opacity: 0.4; + &:hover{ + opacity: 1; + } + } + .nav-tabs{ + /* Quickview Tabs */ + background-color: $color-menu; + position: relative; + padding: 0 43px; + & > li{ + & > a{ + padding:11px; + color: $color-menu-light; + border: 0; + text-align: center; + font-size: 11px; + font-weight: bold; + min-width: 62px; + line-height: 1.4; + & > span{ + opacity: 0.6; + } + &:hover{ + & > span{ + color: $color-menu-light; + opacity: 1; + } + } + } + &.active{ + & > a, & > a:hover, & > a:focus{ + background-color: transparent; + border: 0; + color: mix($color-menu-light, #fff, 37%); + opacity: 1; + } + } + } + ~ .tab-content{ + position:absolute; + padding: 0; + left: 0; + right: 0; + top: 38px; + bottom: 0; + height: auto; + & > div{ + height:100%; + } + ul{ + margin:0; + padding:0; + li{ + list-style:none; + } + } + .quickview-notes{ + /* Quickview Notes */ + background:#fbf9e3; + a, button{ + color:#968974; + } + .list{ + position:relative; + .toolbar{ + height:50px; + padding:0 25px; + ul { + margin-top:10px; + & > li{ + display:inline-block; + height:auto; + a{ + height:22px; + line-height:22px; + display:block; + padding:0 5px; + &:hover, &.selected{ + background:#968974; + color:#FBF9E3; + } + } + } + } + .btn-remove-notes{ + background:transparent; + bottom: 8px; + display: block; + left: 50%; + margin-left: -40%; + position: absolute; + width: 83%; + border:1px solid #968974; + } + } + & > ul { + padding:0; + li{ + cursor:pointer; + height:42px; + padding:0 25px; + display:block; + clear:both; + .left{ + float:left; + width:65%; + height:100%; + padding-top:9px; + .checkbox{ + display:none; + float:left; + label{ + margin-right:0; + vertical-align:text-top; + } + } + p{ + margin:0; + font-size:13px; + font-weight:bold; + width: 100px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + vertical-align:middle; + display:inline-block; + } + } + .right{ + font-size:10.5px; + text-align:right; + width:35%; + line-height: 41px; + .date{ + margin-right:10px; + } + } + &:hover{ + background:#f4ecd1; + } + + } + } + } + .note{ + /* Quickview Note */ + background-image:url('#{$base-img-url}/notes_lines.png'); + background-repeat:repeat-y; + background-position:27px top; + & > div{ + display:table; height:100%; width:100%; + } + .toolbar { + background:#fcfcfa; + height:35px; + width:100%; + display:table-row; + box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.33); + & > li{ + display:inline-block; + border-right: 1px solid #EDECEC; + float: left; + line-height: 37px; + padding: 0; + text-align: center; + width: 40px; + height:auto; + & > a{ + color:#a5a5a5; + display:block; + &:hover{ + background:#fffaf6; + } + &.active{ + color:#333; + background:#f9f1ea; + } + } + } + &:after{ + position:absolute; + content:""; + width:100%; + } + } + .body { + display:table-row; + height:100%; + & > div{ + display:table; + height:100%; + width: 100%; + padding:0 20px 0 45px; + white-space: normal; + } + .top{ + height:50px; + display:table-row; + clear:both; + line-height:50px; + text-align:center; + & > a{ + float:left; + color:#b0b0a8; + margin-left:10px; + } + & > span{ + font-style:italic; + color:#b0b0a8; + font-size:11px; + } + } + .content{ + display:table-row; + height:100%; + form{ + height:100%; + + } + .quick-note-editor{ + font-size:12px; + &:focus{ + outline: none; + } + &::-moz-selection{ + background:#fef8ae; + } + &::selection{ + background:#fef8ae; + } + } + + } + } + } + } + } + } +} + +/* Page Container +------------------------------------ +*/ +.page-container { + width:100%; + height:100%; + padding-left: $layout-sidepanel-width-collapsed; + .page-content-wrapper{ + min-height: 100%; + position: relative; + .content { + /* Content holder */ + z-index: 10; + padding-top: 102px; + padding-bottom: 30px; + min-height: 100%; + @include transition(all 0.3s ease); + &.full-width{ + width: 100%; + } + .content-inner{ + display: inline-block; + vertical-align: top; + height: 100%; + padding-left: 30px; + position: relative; + } + &:only-child{ + padding-bottom:0px; + } + &.overlay-footer{ + padding-bottom:0px; + } + } + .footer{ + /* Footer */ + position: absolute; + left: 0; + right: 0; + bottom: 0px; + @include transition(left 0.3s ease); + &.fixed{ + position: fixed; + } + } + } +} +.page-title{ + margin-top: 0px; +} +/* Breadcrumbs +------------------------------------ +*/ +.breadcrumb { + font-family: 'Montserrat'; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + box-shadow: none; + background-color: transparent; + padding: 15px 0; + margin: 0; + border: none; + text-transform:uppercase; + display: block; + &.breadcrumb-alt{ + padding: 8px 0; + text-transform: none; + font-family:"Segoe UI", Arial, sans-serif; + a{ + letter-spacing: normal; + color: #000; + font-size: 12px !important; + } + & > .breadcrumb-item, + & > .breadcrumb-item.active { + letter-spacing: normal; + opacity: .46; + color: #000; + font-size: 12px !important; + } + } + a { + margin-left: 5px; + margin-right: 5px; + font-size: 10.5px !important; + letter-spacing: 0.06em; + font-weight: 400; + color: #7b7d82; + } + .breadcrumb-item { + padding-left:0px; + } + & > .breadcrumb-item{ + & + .breadcrumb-item{ + &:before { + padding: 0 5px; + color: #515050; + font-family: FontAwesome; + content: "\f105"; + font-size: 12px; + font-weight:bold; + } + } + &.active{ + font-weight: 500; + color: #0090d9; + margin-left: 5px; + margin-right: 5px; + font-size: 10.5px !important; + letter-spacing: 0.06em; + &:before { + padding-right: 10px; + } + } + } +} +/* Overlay Search +------------------------------------ +*/ +.overlay{ + position:fixed; + left:0; + right:0; + top:0; + bottom:0; + background:rgba(255,255,255,.95); + z-index:1010; + padding-left: 64px; + overflow:auto; + .inline-block{ + display:inline-block; + } + .overlay-brand{ + margin-left: 7px; + } + & > div{ + width:100%; + height:260px; + display:block; + overflow:hidden; + } + .has-results{ + overflow: visible; + } + .overlay-search{ + font-weight:700; + font-size: 77px; + height: 100px; + letter-spacing: -1.925px; + line-height: 100px; + width:100%; + padding-left:0 !important; + } + .overlay-close{ + position:absolute; + right:20px; + top:5px; + } + +} + +.group-container { + white-space: nowrap !important; + .single-group { + vertical-align: top; + display: inline-block; + white-space: normal; + } +} + +.jumbotron{ + position: relative; + overflow: hidden; + display: block; + padding: 0; + .inner{ + position: relative; + z-index: 2; + } + &.lg{ + height: 600px; + } + + background-color: $color-master-lighter; + .cover-photo{ + width: 100%; + height: inherit; + overflow: hidden; + @include transition(opacity .3s ease); + background-size: cover; + background-color: $color-success; + img{ + display:none; + } + } + h1 { + font-size: 44px; + } +} + +/* Pages Scroll bar +------------------------------------ +*/ + +.scroll{ + position: relative; + overflow: auto; +} + +.scroll-wrapper { + & > .scroll-element, > .scroll-element div{ + background: none; + border: none; + margin: 0; + padding: 0; + position: absolute; + z-index: 10; + } + & > .scroll-element div { + display: block; + height: 100%; + left: 0; + top: 0; + width: 100%; + } + & > .scroll-element.scroll-x { + bottom: 2px; + height: 7px; + left: 0; + min-width: 100%; + width: 100%; + } + + & > .scroll-element.scroll-y { + height: 100%; + min-height: 100%; + right: 2px; + top: 0; + width: 4px; + } + & > .scroll-element{ + .scroll-element_outer { + opacity: 0.3; + } + .scroll-element_size { + background-color: rgba(0,0,0,0.07); + opacity: 0; + } + .scroll-bar { + background-color:#697686; + } + + &.scroll-x{ + .scroll-bar { + bottom: 0; + height: 4px; + min-width: 24px; + top: auto; + } + .scroll-element_outer { + bottom: 0; + top: auto; + left: 2px; + -webkit-transition: height 0.2s; + transition: height 0.2s; + } + .scroll-element_size { left: -4px; } + } + &.scroll-y{ + .scroll-bar { + left: auto; + min-height: 24px; + right: 0; + width: 4px; + } + .scroll-element_outer { + left: auto; + right: 0; + top: 2px; + -webkit-transition: all 0.2s; + transition: all 0.2s; + } + .scroll-element_size { top: -4px; } + } + } + & > .scroll-content{ + box-sizing: inherit !important; + } + &.auto-hide{ + & > .scroll-element{ + .scroll-element_track { + display: none; + } + } + } +} + +.scroll-wrapper > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } +.scroll-wrapper > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } + +/* hover & drag */ + +.scroll-wrapper > .scroll-element:hover .scroll-element_outer, +.scroll-wrapper > .scroll-element.scroll-draggable .scroll-element_outer { + overflow: hidden; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=70); + opacity: 0.7; +} +.scroll-wrapper > .scroll-element:hover .scroll-element_outer .scroll-element_size, +.scroll-wrapper > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { + opacity: 1; +} +.scroll-wrapper > .scroll-element:hover .scroll-element_outer .scroll-bar, +.scroll-wrapper > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { + height: 100%; + width: 100%; +} + +.scroll-wrapper > .scroll-element.scroll-x:hover .scroll-element_outer, +.scroll-wrapper > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { + height: 10px; + min-height: 7px; +} +.scroll-wrapper > .scroll-element.scroll-y:hover .scroll-element_outer, +.scroll-wrapper > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { + min-width: 7px; + width: 7px; +} + +/* Other overides */ + +.container-fluid { +padding-left: 30px; +padding-right: 30px; + +} + +.copyright{ + padding: 25px 0; + border-top: 1px solid fade($color-master-light,70%); +} + +.navbar-center, .navbar-center > li{ + float:none; + display:inline-block; + *display:inline; /* ie7 fix */ + *zoom:1; /* hasLayout ie7 trigger */ + vertical-align: top; +} + +.navbar-nav{ + li a{ + min-width: 50px; + } +} + +.pager{ + margin: 0; +} + + +.horizontal-app-menu { + @include flexbox(); + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + &.fixed-header { + overflow: hidden; + .header { + position: fixed; + } + .page-container { + overflow-x: hidden; + -webkit-overflow-scrolling: touch; + } + } + .header { + height: auto; + border-bottom: none; + background-color: $color-menu; + color: $color-menu-light; + display: block; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + .header-inner { + height: 60px; + background-color: $color-menu; + position: relative; + color: $color-menu-light; + } + .header-lg-height { + height: $header-lg-height; + } + .header-md-height { + height: $header-md-height; + } + .header-sm-height { + height: $header-sm-height; + } + .search-link { + color: $color-menu-light; + } + .header-inner { + .brand.inline { + position: relative; + border-right: 1px solid #40444d; + padding-right: 15px; + margin-right: 0px; + width: auto; + & > img { + width: auto; + } + } + } + .notification-list { + border: none; + } + .title-bar { + padding-bottom: 18px; + } + .page-title { + color: $color-menu-light; + font-size: 21px; + line-height: 21px; + font-weight: normal; + margin-bottom: 0; + margin-left: 15px; + } + .bubble { + top: 1px; + right: 3px; + } + .pg { + color: $color-menu-light; + display: block; + } + } + .menu-bar { + @include flexbox(); + position: relative; + color: $color-menu-light; + //Globals Nav Items + ul { + margin: 0; + padding: 0; + list-style: none; + @include border-radius(3px); + li a { + .arrow { + position: relative; + @include flex-inline(); + @include align-items(center); + padding-left: 15px; + width: 23px; + &:before { + font-size: 16px; + font-family: FontAwesome; + height: auto; + content: "\f104"; + font-weight: 300; + text-shadow: none; + position: relative; + top: 2px; + @include rotate(-90deg); + @include transition(all 0.12s ease); + } + } + } + li { + line-height: 24px; + .sub-menu { + padding: 0; + left: 50%; + top: 0; + position: absolute; + visibility: hidden; + opacity: 0; + min-width: calc(100% + 4px); + padding: 18px $menu-padding; + background: #fff; + z-index: 1; + position: absolute; + @include box-shadow(0px 0px 16px 0px rgba(0, 0, 0, 0.08)); + @include translate3d(15px, 0, 0); + @include transition(all 0.15s ease-in); + li a { + min-width: 50px; + width: 100%; + padding: 4px 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + } + } + &:hover { + & > .sub-menu { + visibility: visible; + opacity: 1; + @include translate3d(34%, 0, 0); + } + } + } + } + //Level One + & > ul { + @include flexbox(); + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + & > li { + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + @include flex-inline(); + @include align-items(center); + padding: 0; + position: relative; + &:first-child { + & > a { + padding-left: 0; + } + } + &:last-child { + & > a { + padding-right: 0; + } + } + & > a { + padding: 0 20px; + } + & > ul { + display: none; + opacity: 0; + list-style: none; + border: 0; + top: -7px; + left: -4px; + min-width: calc(100% + 4px); + padding: 0 $menu-padding; + padding-top: 60px; + padding-bottom: 18px; + background: #fff; + z-index: 1; + position: absolute; + @include box-shadow(0px 0px 16px 0px rgba(0, 0, 0, 0.08)); + } + &.open { + //Level two and below + & > ul { + display: block; + &:before { + content: ''; + position: absolute; + height: 1px; + top: $navbar-width + 7px; + width: calc(100% - $menu-padding * 2); + background-color: $form-control-border-color; + } + & > li { + padding-left: 0; + @include translate3d(0, -10px, 0); + opacity: 1; + transition: all 0.18s ease; + & > a { + min-width: 50px; + width: 100%; + padding: 4px 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + @include flexbox(); + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + & > .arrow:before { + @include rotate(180deg); + } + } + } + + } + & > a { + @include translate3d(0, -10px, 0); + opacity: 0; + transition: all 0.18s ease !important; + } + } + &.opening { + & > ul { + opacity: 1; + & > li { + @include translate3d(0, 0, 0); + opacity: 1; + } + } + & > a { + position: relative; + z-index: 10; + @include translate3d(0, 0, 0); + opacity: 1; + } + } + &.closing { + & > ul { + opacity: 0; + & > li { + @include translate3d(0, -10px, 0); + opacity: 0; + } + } + & > a { + @include translate3d(0, -10px, 0); + opacity: 0; + } + } + } + li > a { + color: $color-menu-light; + } + } + } + .page-container{ + padding-left:0; + .page-content-wrapper .content{ + padding-top: 105px; + } + } + .ghost-nav-dropdown{ + top: -7px; + left: -4px; + background: #fff; + z-index: 1000; + position: absolute; + @include box-shadow(0px 0px 16px 0px rgba(0, 0, 0, 0.08)); + @include border-radius(3px); + transition: all 0.18s ease-in; + } + //calendar overwrites + .calendar { + .calendar-header{ + background-color: transparent; + padding-left: 0; + position: relative; + left: -20px; + } + .months .month:first-child{ + padding-left: 0; + } + .weeks-wrapper{ + margin-left:0; + padding-left: 0; + } + .week-dragger{ + margin-left:0; + } + .calendar-container .grid{ + overflow: hidden; + } + } +} + +@media (max-width:991px){ + body.horizontal-menu-open{ + .header{ + z-index: $zIndex-quickview; + } + } + .horizontal-menu-backdrop{ + background: rgba(0, 0, 0, .5); + position: absolute; + left:0; + right:0; + bottom: 0; + top: 0; + z-index: $zIndex-quickview - 1; + opacity: 0; + transition:opacity .3s ease; + pointer-events: none; + &.open{ + opacity: 1; + } + } + .horizontal-app-menu{ + .menu-bar{ + position: fixed; + top: 0; + bottom: 0; + background-color: $color-menu; + width: 270px; + right: -270px; + overflow-y: auto; + -webkit-transition: -webkit-transform 400ms cubic-bezier($menu-bezier); + transition: transform 400ms cubic-bezier($menu-bezier); + -webkit-backface-visibility: hidden; + -ms-backface-visibility:hidden; + -webkit-perspective: 1000; + + &.open{ + @include translate3d(-100%,0,0); + } + & > ul{ + flex-flow: column nowrap; + & > li{ + a{ + &:first-child{ + padding-left: 30px; + } + &:last-child{ + padding-left: 35px; + } + } + } + } + ul { + width: 100%; + li{ + min-height: 45px; + @include flexbox(); + flex-direction: column; + + & > ul{ + padding: 0; + overflow: hidden; + margin-top: 6px; + position: static; + background: $color-menu-dark; + opacity: 1; + } + width: 100%; + a{ + padding-left: 35px !important; + text-transform: uppercase; + width: 100%; + line-height: 40px; + & > .arrow{ + float: right; + } + } + &.active{ + border: 2px solid $color-primary; + } + } + } + } + &[data-pages-direction="slideRight"] { + right: 0; + } + .header .header-sm-height{ + height: 100%; + } + .ghost-nav-dropdown{ + display: none; + } + } + +} + +@media (min-width: 980px){ +.horizontal-menu{ + .page-content { + margin-left: 0; + .content { + padding-top: 123px; + } + } +} +} + +.hover-parent { + .hover-item { + visibility: hidden; + } + &:hover { + .hover-item { + visibility: visible; + } + } +} + +.inline-file-selector { + .image-container { + width: 50px; + height: 50px; + background-size: cover; + background-position: center; + .overlay-preview { + background-color: rgba(0,0,0,0.2); + display: none; + } + &:hover { + .overlay-preview { + display: block; + + } + } + } +} + +.mfp-close { + display: none !important; +} + +.mfp-figure:after { + box-shadow: none !important; + background: none !important; +} + +.profile-picture { + height: 150px; + background-size: 75%; + background-position: center; + background-repeat: no-repeat; +} + +.select2-container { + width: 100% !important; +} + +.select2-container--open { + z-index: 1050 !important; +} + +.select2-container--open .select2-dropdown { + border-radius: 0px !important; + border: none !important; +} + +.select2-dropdown { + box-shadow: none !important; + &.select2-dark { + background-color: $color-master !important; + .select2-search--dropdown .select2-search__field { + background-color: $color-master-dark !important; + color: $color-master-lightest; + } + .select2-results { + li { + color: $color-master-lighter !important; + &.select2-results__option--highlighted { + color: $color-white !important; + background-color: $color-master-darkest !important; + } + } + } + } +} + +.select2-dark { + .select2-container--default { + .select2-selection__arrow b { + border-color: #fff transparent transparent transparent !important; + } + } + .select2-container--open { + .select2-selection__arrow b { + border-color: transparent transparent #fff transparent !important; + } + } +} + +.side-tab { + .tab-container { + border-left: solid 3px transparent !important; + } + .active .tab-container { + border-left: solid 3px $color-primary !important; + } +} + +.ellipsis-line-2 { + height: 3em; + line-height: 1.5em; + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; +} + +.slider { + height: auto; + animation-name: slideDown; + -webkit-animation-name: slideDown; + + animation-duration: 1s; + -webkit-animation-duration: 1s; + + animation-timing-function: ease; + -webkit-animation-timing-function: ease; + + visibility: visible !important; + + &.close { + height: 0px !important; + overflow: hidden; + } +} + +.order-history-border { + height: .1875rem; + width: 100%; + background-position-x: -1.875rem; + background-size: 7.25rem .1875rem; + background-image: repeating-linear-gradient(45deg,$color-complete,$color-complete 33px,transparent 0,transparent 41px,$color-primary 0,$color-primary 74px,transparent 0,transparent 82px); +} +.order-history { + .bullet-connector { + width: 2px; + height: 100%; + background: $color-master-light; + top: 10px; + left: 18px; + } + &:last-child { + .bullet-connector { + display: none !important; + } + } +} +.noty_bar { + .noty_body { + padding: 15px; + padding-bottom: 10px; + } + .noty_buttons { + padding: 15px; + padding-top: 0; + padding-bottom: 0; + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_list.scss b/resources/assets/sass/modules/_list.scss new file mode 100644 index 00000000..ceaf9ec9 --- /dev/null +++ b/resources/assets/sass/modules/_list.scss @@ -0,0 +1,210 @@ +/*------------------------------------------------------------------ +[18. List] +*/ +.list-view-wrapper{ + height: 100%; + overflow-x: hidden; + overflow-y: auto; + position: absolute; + width: 100%; + -webkit-overflow-scrolling: touch; +} + +.list-view-container{ + position: relative; + .list-quickscroll{ + ul { + list-style: none; + margin: 0; + padding: 0; + position: absolute; + top:0; + right: 10px; + z-index: 120; + padding-top: 10px; + padding-bottom: 10px; + li a{ + font-size: 0.7em; + vertical-align: baseline; + } + } + + } +} + +.list-view-group-container { + margin: 0; + min-height: 1px; + overflow: hidden; + padding: 26px 0 0 0; + position: relative; + &:last-child{ + ul{ + border: 0; + } + } +} +.list-view-group-header, .list-view-fake-header { + background: $color-master-lightest; + color: #232830; + font: normal 11px/14px 'Montserrat',Arial; + text-transform: uppercase; + margin: 0; + padding: 6px 0 5px 15px; + position: absolute; + z-index: 10; +} +.list-view-group-header { + bottom: auto; + min-height: 1px; + top: 0; + width: 100%; + border-top: 0; +} +.list-view-fake-header { + width: 100%; + z-index: 100; + font-size: 11px !important; + line-height: 14px !important; +} + +.list-view-fake-header.list-view-hidden { + visibility: hidden; +} +.list-view-group-container.list-view-animated .list-view-group-header { + bottom: 0; + top: auto; +} + + +input.list-view-search{ + font-size: 15px; + color: #232830; +} + +.no-top-border{ + .list-view-fake-header { + border-top: 0; + } +} + +.list-view { + ul { + list-style: none; + margin: 0; + padding: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.07); + } + li{ + padding-left:15px; + white-space: nowrap; + cursor: pointer; + width: 100%; + display: table; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + &:hover { + background-color: $color-complete-lighter; + } + &.active{ + background-color: $color-warning-lighter; + } + p{ + margin: 0; + line-height: 19px; + } + & > a{ + margin-right: 15px; + width: 100%; + } + & > *{ + @include flexbox(); + -webkit-box-orient: horizontal!important; + -webkit-box-direction: normal!important; + -webkit-flex-direction: row!important; + -ms-flex-direction: row!important; + flex-direction: row!important; + @include align-items(center); + } + } + &.boreded{ + li{ + & > a { + border-bottom: 1px solid rgba(0, 0, 0, 0.07); + } + &:last-child > a{ + border-bottom: 0; + } + } + } + +} + + +.list-view.boreded li + li { + border-top: 0; +} + +[data-ios="true"] .list-view-group-header, +[data-ios="true"] .list-view-fake-header { + width: 288px; /*scrollbars aren't visible in iOS devices, so make the headers wider */ +} + +//Bootstrap-List +.list-group-item{ + border: 1px solid $color-master-lighter; + &.active, &.active:hover, &.active:focus{ + background-color:$color-success-light; + border-color:$color-success-light; + } +} + +.list-group-item:first-child{ + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} +.list-group-item:last-child{ + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + + +.list-inline { + >li{ + display: inline-block; + padding-right: 5px; + padding-left: 5px; + } +} + + +.breadcrumb{ + a, i, span, li{ + color: #7b7d82; + font-weight: 300; + text-shadow: none; + } +} +.breadcrumb { + li { + padding-left: 0px; + display: inline-block; + a{ + &.active { + font-weight: 600; + color: #0090d9; + } + } + +li{ + &::before{ + padding: 0 5px; + color: #515050; + font-family: FontAwesome; + content: "\f105"; + font-weight: bold; + } + } + } +} diff --git a/resources/assets/sass/modules/_lock_screen.scss b/resources/assets/sass/modules/_lock_screen.scss new file mode 100644 index 00000000..94463735 --- /dev/null +++ b/resources/assets/sass/modules/_lock_screen.scss @@ -0,0 +1,92 @@ +/*------------------------------------------------------------------ +[23. Lock Screen] +*/ + +.lock-container{ + margin-left: auto; + margin-right: auto; + width: 600px; +} + +.lock-screen-wrapper { + .credentials { + margin-top: -84px; + position: absolute; + top: 50%; + .thumbnail-wrapper { + width: 53px; + height: 53px; + } + .logged { + opacity: .21; + margin-top: -5px !important; + } + .name { + opacity: .69; + margin-top: -5px !important; + font-size: 36px; + height: 45px; + overflow: hidden; + } + } + .terms-wrapper { + & > div { + display: table; + } + .terms { + display: table-cell; + vertical-align: middle; + } + .logo-terms { + width: 60px; + height: 60px; + border-radius: 15px; + text-align: center; + position: relative; + .brand { + left: 50%; + margin-left: -21px; + margin-top: -5px; + position: absolute; + top: 50%; + } + } + } +} + +/* Responsive Handlers : Lockscreen +------------------------------------ +*/ +@media (max-width: 767px) { + .lock-container{ + width: 80%; + } + .lock-screen-wrapper { + .credentials { + form { + margin-top: 15px; + } + } + } +} + +@media (max-width: 480px) { + + .lock-screen-wrapper { + .credentials { + margin: 0; + position: static; + margin-top: 100px; + width: 100%; + float: left; + clear: both; + & > div { + text-align: center; + } + .thumbnail-wrapper { + float: none; + margin: 0 auto; + } + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_login.scss b/resources/assets/sass/modules/_login.scss new file mode 100644 index 00000000..b2fc3afa --- /dev/null +++ b/resources/assets/sass/modules/_login.scss @@ -0,0 +1,71 @@ +/*------------------------------------------------------------------ +[22. Login] +*/ + +.login-triangle { + display: inline-block; + position: absolute; + right: 0; top: 0; + width: 0; + height: 0; + border-style: solid; + border-width: 0 0 100vh 14rem; + border-color: transparent transparent #fff; + z-index: 10; +} + +.login-wrapper{ + height: 100%; + background-color: $color-primary; + & > * { + height: 100%; + } + .bg-pic{ + position: absolute; + width: 100%; + overflow: hidden; + & > img{ + height: 100%; + opacity: 0.6; + } + } + .login-container{ + width: 496px; + display: block; + position: relative; + float:right; + } + .bg-caption{ + width: 500px; + } +} +.register-container{ + width: 550px; + margin: auto; + height: 100%; +} + + +/* Responsive handlers : Login +------------------------------------ +*/ + +@media (max-width: 768px) { + .login-wrapper{ + .login-container{ + width: 100%; + } + } + .register-container{ + width: 100%; + padding: 15px; + } +} + +@media only screen and (max-width : 321px) { + .login-wrapper{ + .login-container{ + width: 100%; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_misc.scss b/resources/assets/sass/modules/_misc.scss new file mode 100644 index 00000000..9f8006b1 --- /dev/null +++ b/resources/assets/sass/modules/_misc.scss @@ -0,0 +1,718 @@ +/*------------------------------------------------------------------ +[28. Misc : Helper Classes] +*/ +.custom{ + height:150px; +} + +.icon-list{ + .fa-item{ + display: block; + color: $color-master-darkest; + line-height: 32px; + height: 32px; + padding-left: 10px; + & > i{ + width: 32px; + font-size: 14px; + display: inline-block; + text-align: right; + margin-right: 10px; + } + } +} +/* Thumbnail for icons and profile pics +------------------------------------ +*/ +.thumbnail-wrapper{ + display: inline-block; + overflow: hidden; + float:left; + &.circular{ + @include border-radius(50%); + } + &.bordered{ + border-width: 4px; + border-style:solid; + &.d16{ + @include square(16+4*1px); + & > *{ + line-height: 12px + } + } + &.d24{ + @include square(24+4*1px); + & > *{ + line-height: 24px + } + } + &.d32{ + @include square(32+4*1px); + & > *{ + line-height: 28px + } + } + &.d48{ + @include square(48+4*1px); + & > *{ + line-height: 44px + } + } + } + &.d16{ + @include square(16px); + & > *{ + line-height: 16px + } + } + &.d24{ + @include square(24px); + & > *{ + line-height: 24px + } + } + &.d32{ + @include square(32px); + & > *{ + line-height: 32px + } + } + &.d39{ + @include square(39px); + & > *{ + line-height: 39px + } + } + &.d48{ + @include square(48px); + & > *{ + line-height: 50px + } + } + & > *{ + vertical-align: middle; + width: 100%; + height: 100%; + text-align: center; + } +} + +/* Profile dropdown +------------------------------------ +*/ +.profile-dropdown{ + background: #fff; + padding: 0; + &:before { + position: absolute; + top: -7px; + right: 15px; + display: inline-block; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; + } + + &:after { + position: absolute; + top: -6px; + right: 16px; + display: inline-block; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + border-left: 6px solid transparent; + content: ''; + } + & > a{ + opacity: .5; + @include transition(opacity ease .3s); + padding-left:17px; + padding-right:37px; + min-width: 138px; + & > i { + margin-right:5px; + } + &:hover{ + opacity: 1; + } + &:last-child{ + margin-top: 11px; + padding-bottom: 3px !important; + padding-top: 3px; + } + } +} +.profile-dropdown-toggle{ + background: transparent; + border: none; +} +/* Scroll +------------------------------------ +*/ +.scrollable { + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +/* Overides +------------------------------------ +*/ +.no-padding { + padding: 0px !important; +} + +.no-margin { + margin: 0px !important; +} + +.no-overflow{ + overflow: hidden !important; +} + +.auto-overflow{ + overflow: auto; +} + +.center-margin{ + margin-left: auto; + margin-right: auto; +} + +.inherit-size{ + width:inherit; + height:inherit +} +.inherit-height{ + height:inherit; +} + +.image-responsive-height{ + width: 100%; +} +.image-responsive-width{ + height: 100%; +} +.overlayer { + position: absolute; + display: block; + z-index: 21; + &.fullwidth { + width: 100%; + } +} +.overlayer-wrapper { + position: relative; + display: block; + z-index: 10; +} +.overlay-fixed { + position: fixed !important; + top: auto !important; +} +.top-left { + position: absolute !important; + top: 0; + left: 0; +} +.top-right { + position: absolute !important; + top: 1px; + right: 0; +} +.bottom-left { + position: absolute !important; + bottom: 1px; + left: 0; +} +.bottom-right { + position: absolute !important; + bottom: 0; + right: 0; +} +.pull-bottom{ + position: absolute !important; + bottom: 0; +} + +.pull-up{ + position:absolute !important; + top: 0; +} + +.pull-center { + position: absolute; + left: 0; + right: 0; + width: 100%; + display: table; + z-index: 1; +} + +.cursor{ + cursor: pointer; +} +.scroll-x-hidden{ + overflow-x: hidden !important; +} + +/* Generic Padding Helpers +------------------------------------ +*/ + +@mixin generate-padding-options($n, $j:0){ + @if $j <= $n { + @for $i from $j through $n { + $step : $i*5; + + .p-t-#{$step} { + padding-top: ($step*1px) !important; + } + .p-r-#{$step} { + padding-right: ($step*1px) !important; + } + .p-l-#{$step} { + padding-left: ($step*1px) !important; + } + .p-b-#{$step} { + padding-bottom: ($step*1px) !important; + } + .padding-#{$step} { + padding: ($step*1px) !important; + } + } + } +} + +@include generate-padding-options(10); + +/* Generic Margin Helpers +------------------------------------ + */ +@mixin generate-margin-options($n, $j: 0) { + @if $j <= $n { + @for $i from $j through $n { + $step : $i*5; + .m-t-#{$step} { + margin-top: ($step*1px); + } + .m-r-#{$step} { + margin-right: ($step*1px); + } + .m-l-#{$step} { + margin-left: ($step*1px); + } + .m-b-#{$step} { + margin-bottom: ($step*1px); + } + } + } +} + +@include generate-margin-options(10); + +@mixin generate-font-size($n, $j: 0) { + @if $j <= $n { + @for $i from $j through $n { + $step : $i*1; + .fs-#{$step} { + font-size: ($step*1px) !important; + } + } + } +} + +@include generate-font-size(100); + +@mixin generate-line-height($n, $j: 0) { + @if $j <= $n { + @for $i from $j through $n { + $step : $i*1; + .lh-#{$step} { + line-height: ($step*1px) !important; + } + } + } +} + +@include generate-line-height(50); + +.full-height{ + height: 100% !important; +} +.full-width{ + width: 100%; +} +.hide { + display: none !important; +} +.inline{ + display:inline-block !important; +} +.block{ + display: block !important; +} +.b-blank{ + border-color:#000; +} + +/* Border Helpers +------------------------------------ +*/ +.b-a, +.b-r, +.b-l, +.b-t, +.b-b{ + border-style: solid; + border-width: 0; +} + +.b-r{ + border-right-width:1px; +} +.b-l{ + border-left-width:1px; +} +.b-t{ + border-top-width:1px; +} +.b-b{ + border-bottom-width:1px; +} +.b-a{ + border-width:1px; +} + +.b-dashed{ + border-style: dashed; +} + +.b-thick{ + border-width : 2px; +} + +.b-transparent{ + border-color:rgba(0, 0, 0, 0.4); +} +.b-transparent-white{ + border-color:rgba(255, 255, 255, 0.3); +} +.b-grey{ + border-color:$color-master-lighter !important; +} +.b-white{ + border-color:#fff !important; +} +.b-primary{ + border-color:$color-primary !important; +} +.b-complete{ + border-color:$color-complete !important; +} +.b-success{ + border-color:$color-success !important; +} +.b-info{ + border-color:$color-info !important; +} +.b-danger{ + border-color:$color-danger !important; +} +.b-warning{ + border-color:$color-warning !important; +} +/* Border Radius +------------------------------------ +*/ +.b-rad-none{ + @include border-radius(0px); +} +.b-rad-sm{ + @include border-radius(3px); +} +.b-rad-md{ + @include border-radius(5px); +} +.b-rad-lg{ + @include border-radius(7px); +} +.no-border{ + border: none !important; +} + +.no-shadow{ + box-shadow: none !important; +} +/** Profile Wrappers **/ +.profile-img-wrapper{ + display:inline-block; + float:left; + border-radius: 100px 100px 100px 100px; + display: inline-block; + height: 35px; + overflow: hidden; + width: 35px; + -webkit-flex: 1; + -moz-flex: 1; + flex: 1; +} +.profile-img-wrapper.big{ + height: 68px; + width: 68px; +} +.profile-img-wrapper.with-left-space-custom{ + margin-left:7px; +} + +.absolute{ + position: absolute; +} + +.relative{ + position: relative; +} + +.flex-1{ + -webkit-box-flex: 1; + -moz-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +[data-pages-bg-image]{ + background-size: cover; +} + +/* Demo Purposes */ +.icon-set-preview{ + transition: opacity 0.1s linear; +} +#icon-list{ + transition: all 0.1s ease-in-out; +} +.error-number{ + font-size: 90px; + line-height: 90px; +} +.error-container-innner{ + margin-left: auto; + margin-right: auto; + width: 360px; +} +.error-container{ + margin-top: -100px; + margin-left: auto; + margin-right: auto; + width: 38%; +} + +.visible-xlg { + display: none; +} +.hidden-xlg { + display: block; +} + +// Dashboard widget heights + +.sm-gutter .row > [class^="col-"], .sm-gutter .row > [class*="col-"] { + padding-left: $layout-gutter-sm; + padding-right: $layout-gutter-sm; +} +.sm-gutter .row { + margin-left: -$layout-gutter-sm; + margin-right: -$layout-gutter-sm; +} + +/* Aspect ratio */ +.ar-1-1, +.ar-2-1, +.ar-1-2, +.ar-3-2, +.ar-2-3{ + .card{ + margin: 0; + } +} +.ar-1-1{ + position: relative; + width: 100%; /* desired width */ + overflow: hidden; + &:before{ + content: ""; + display: block; + padding-top: 100%; /* initial ratio of 1:1*/ + } + & > div{ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + } +} + +.ar-2-1{ + position: relative; + width: 100%; /* desired width */ + overflow: hidden; + &:before{ + content: ""; + display: block; + padding-top: calc(50% - #{$layout-gutter-sm}); /* initial ratio of 1:1*/ + } + & > div{ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + } +} + +.ar-1-2{ + position: relative; + width: 100%; /* desired width */ + overflow: hidden; + &:before{ + content: ""; + display: block; + padding-top: calc(150% - #{$layout-gutter-sm}); /* initial ratio of 1:1*/ + } + & > div{ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + } +} + +.ar-3-2{ + position: relative; + width: 100%; /* desired width */ + overflow: hidden; + &:before{ + content: ""; + display: block; + padding-top: calc(75% - #{$layout-gutter-sm}); /* initial ratio of 1:1*/ + } + & > div{ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + } +} + +.ar-2-3{ + position: relative; + width: 100%; /* desired width */ + overflow: hidden; + &:before{ + content: ""; + display: block; + padding-top: calc(125% - #{$layout-gutter-sm}); /* initial ratio of 1:1*/ + } + & > div{ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + } +} + +.v-align-bottom{ + vertical-align: bottom !important; +} +.v-align-top{ + vertical-align: top !important; +} +.v-align-middle{ + vertical-align: middle !important; +} +/* vertical alignment styles */ +.col-top { + vertical-align:top !important; +} +.col-middle { + vertical-align:middle !important; +} +.col-bottom { + vertical-align:bottom !important; +} + +/* columns of same height styles +------------------------------------ +*/ +.container-xs-height { + display:table; + padding-left:0px; + padding-right:0px; + width: 100%; + border-collapse: collapse; + table-layout: fixed; +} +.row-xs-height { + display:table-row; +} +.col-xs-height { + display:table-cell; + float:none; +} +@media (min-width: 768px) { + .container-sm-height { + display:table; + padding-left:0px; + padding-right:0px; + width: 100%; + border-collapse: collapse; + table-layout: fixed; + } + .row-sm-height { + // display:table-row; + } + .col-sm-height { + // display:table-cell !important; + // float:none !important; + } +} +@media (min-width: 992px) { + .container-md-height { + display:table; + padding-left:0px; + padding-right:0px; + width: 100%; + border-collapse: collapse; + table-layout: fixed; + } + .row-md-height { + display:table-row; + } + .col-md-height { + display:table-cell !important; + float:none !important; + } +} +@media (min-width: 1200px) { + .container-lg-height { + display:table; + padding-left:0px; + padding-right:0px; + width: 100%; + border-collapse: collapse; + table-layout: fixed; + } + .row-lg-height { + display:table-row; + } + .col-lg-height { + display:table-cell !important; + float:none !important; + } +} diff --git a/resources/assets/sass/modules/_modals.scss b/resources/assets/sass/modules/_modals.scss new file mode 100644 index 00000000..a528caf3 --- /dev/null +++ b/resources/assets/sass/modules/_modals.scss @@ -0,0 +1,286 @@ +/*------------------------------------------------------------------ +[10. Modals] +*/ +.modal{ + .close { + position: absolute; + right: 25px; + top: 15px; + } + .close:focus { + outline:0; + } + .modal-dialog{ + transition: all .2s !important; + } + .modal-content{ + border: 1px solid #f2f6f7; + border-radius:3px; + box-shadow:none; + } + .modal-header { + text-align: center; + border-bottom: 0; + padding: 25px 25px 0 25px; + position: relative; + flex-direction: column; + align-items: flex-start; + p { + color: #8b91a0; + } + } + .modal-body { + box-shadow: none; + padding: 25px; + padding-top: 0; + white-space: normal; + } + .modal-footer { + border-top: none; + box-shadow: none; + margin-top: 0; + padding: 25px; + padding-top: 0; + } + .drop-shadow{ + box-shadow:0 0 9px rgba(191,191,191,.36) !important; + } + &.fade{ + opacity: 1 !important; + &.stick-up{ + .modal-dialog{ + @include translate3d(0,-100%,0); + margin-top: -5px; + } + // &.in{ + // .modal-dialog{ + // @include translate3d(0,0,0); + // } + // } + &.show{ + .modal-dialog{ + @include translate3d(0,0,0); + } + } + } + + &.slide-up{ + height: 100%; + top: auto; + + // &.in{ + // .modal-dialog{ + // @include translate3d(0,0,0); + // } + // } + &.show{ + .modal-dialog{ + @include translate3d(0,0,0); + } + } + &.disable-scroll{ + overflow: hidden; + } + .modal-dialog{ + display: table; + height: 100%; + @include translate3d(0,75%,0); + } + .modal-content-wrapper{ + display: table-cell; + vertical-align: middle; + } + } + &.center-scale{ + .modal-dialog { + display: table; + height: 100%; + } + .modal-content{ + display: table-cell; + vertical-align: middle; + border: 0; + background: transparent; + .modal-header{ + border-bottom: 0px; + } + } + // &.in{ + // .modal-dialog{ + // opacity: 1; + // @include scale(1); + // } + // } + &.show{ + .modal-dialog{ + opacity: 1; + @include scale(1); + } + } + .modal-dialog{ + opacity: 0; + @include scale(0.6); + } + } + &.fill-in{ + background-color: rgba(255, 255, 255, 0); + @include transition(background-color .3s); + & > .close{ + opacity: 0.6; + z-index: 9999; + & > i{ + font-size: 16px; + } + } + .modal-dialog { + display: table; + height: 100%; + } + .modal-content{ + display: table-cell; + vertical-align: middle; + border: 0; + background: transparent; + .modal-header{ + border-bottom: 0px; + } + } + // &.in{ + // background-color: rgba(255, 255, 255, 0.85); + // .modal-dialog{ + // opacity: 1; + // @include scale(1); + // } + // } + &.show{ + background-color: rgba(255, 255, 255, 0.85); + .modal-dialog{ + opacity: 1; + @include scale(1); + } + } + .modal-dialog{ + opacity: 0; + @include scale(0.6); + } + } + &.slide-right{ + .close{ + position: absolute; + top:0; + right: 0; + margin-right: 10px; + z-index: 10; + } + // &.in{ + // .modal-dialog{ + // @include translate3d(0,0,0); + // } + // } + &.show{ + .modal-dialog{ + @include translate3d(0,0,0); + } + } + .modal-dialog{ + position: absolute; + right: 0; + margin:0; + height: 100%; + @include translate3d(100%,0,0); + .modal-content-wrapper{ + height: 100%; + } + .modal-content{ + min-height: 100%; + } + } + .modal-content{ + border-radius: 0px; + } + } + } +} +.fill-in-modal{ + .modal-backdrop{ + background-color: transparent; + } +} +.modal-backdrop{ + opacity: 0; + @include transition(opacity 0.2s linear); + // &.in{ + // opacity: 0.30; + // } + &.show{ + opacity: 0.30; + } +} + +body.modal-open { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +/* Responsive Handlers: Modals +------------------------------------ +*/ + +@media (min-width: 992px){ + .modal-lg { + width: 900px; + } +} + +@media (max-width: 768px){ + .modal{ + &.fill-in{ + .modal-dialog { + width: calc(100% - 20px); + } + } + &.slide-up{ + .modal-dialog { + width: calc(100% - 20px); + } + } + } +} +@media (min-width: 768px){ + .modal{ + &.stick-up{ + .modal-dialog{ + margin: -5px auto; + } + } + &.slide-up{ + .modal-dialog { + margin: 0 auto; + } + } + &.fill-in{ + .modal-dialog { + margin: 0 auto; + } + } + .modal-content{ + box-shadow: none; + } + .modal-dialog { + width: 600px; + } + .modal-sm { + width: 300px; + } + .modal-sm { + min-width: auto; + } + } +} + +@media (min-width: 576px){ + +} diff --git a/resources/assets/sass/modules/_nestables.scss b/resources/assets/sass/modules/_nestables.scss new file mode 100644 index 00000000..936f7e24 --- /dev/null +++ b/resources/assets/sass/modules/_nestables.scss @@ -0,0 +1,84 @@ +/*------------------------------------------------------------------ +[14. Nesstables] +*/ + +.dd-handle{ + border-color: fade-out($color-master-light, .3); + color:$color-master; + &:hover{ + background-color: $color-master-lightest + } +} + +.dark { + .dd-handle{ + color:$color-master; + background: $color-master-lighter; + &:hover{ + background-color: $color-master-lightest + } + } + .dd-placeholder{ + background-color:$color-master-light; + } + +} + +.dd3-content{ + background:#fff; + border-color: fade-out($color-master-light, .3); + color:$color-master; + &:hover{ + background-color: $color-master-lightest + } +} + +.dd3-handle{ + background:transparent; + text-indent: 9999px; + &:before{ + font-family: 'pages-icon'; + color:$color-master; + content:"\e660"; + font-size: 11px; + top: 5px; + } +} + +.dd-placeholder{ + background:$color-master-lighter; + border-color: fade-out($color-master, .65); +} + +.dd-empty{ + background-image:none; + background:$color-master-lighter; + border-color: fade-out($color-master, .5); +} +.dd-item > button{ + font-size: 11px; + &:before{ + font-family: 'pages-icon'; + content: "\e63b"; + } +} +.dd-item > button[data-action="collapse"]:before{ + font-family: 'pages-icon'; + content: "\e635"; +} + + + +/* Responsive Handlers : Nestables +------------------------------------ +*/ +@media only screen and (min-width: 700px) { + .dd { + width: 100%; + } + .nestable-lists{ + .dd{ + float: left; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_notifications.scss b/resources/assets/sass/modules/_notifications.scss new file mode 100644 index 00000000..364a1f6b --- /dev/null +++ b/resources/assets/sass/modules/_notifications.scss @@ -0,0 +1,675 @@ +/*------------------------------------------------------------------ +[8. Notifications] +*/ + +/* Badges +-------------------------------------------------- +*/ +.badge { + text-shadow: none; + font-family: $base-font-family; + font-weight: 600; + background-color: $color-master-light; + font-size: 11px; + padding-left: 6px; + padding-right: 6px; + padding-bottom: 4px; + color: $color-master; + border-radius: 10px; +} +.badge-success { + background-color: $color-success; + color: $color-white ; +} +.badge-warning { + background-color: $color-warning; + color: $color-white ; +} +.badge-important { + background-color: $color-danger; + color: $color-white ; +} +.badge-danger { + background-color: $color-danger; + color: $color-white ; +} +.badge-info { + background-color: $color-info; + color: $color-white ; +} +.badge-inverse { + background-color: $color-complete-darker; + color: $color-white ; +} +.badge-white { + background-color: $color-white ; + color: $color-master; +} +.badge-disable { + background-color: $color-master-dark; + color: $color-master; +} + +/* Tool Tip +-------------------------------------------------- +*/ +.tooltip-inner{ + font-size: 12px; +} + +/* Notification popup +-------------------------------------------------- +*/ +.popover{ + border: 1px solid rgba(0,0,0,.1); + box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); + z-index: $zIndex-navbar - 10; +} +.notification-toggle{ + top: 35px; + left: -26px; + padding: 0; + &:before{ + border-bottom:0px !important; + } + &:after{ + border-bottom:0px !important; + } +} +.notification-panel{ + background-color: #fff; + border:1px solid $color-master-light; + .notification-body{ + height: auto; + max-height: 350px; + position: relative; + overflow: hidden; + .notification-item{ + position: relative; + margin-left: 25px; + background-color: #fff; + padding-right: 26px; + &.unread{ + .heading{ + opacity: 1; + } + .option{ + background-color: $color-complete-lighter; + } + .option .mark{ + color:$color-complete-light; + } + } + .heading{ + line-height: 43px; + margin-right: 5px; + background: #fff; + border-bottom: 1px solid $color-master-light; + position: relative; + float: left; + width: 100%; + font-size: 14px; + opacity: 0.7; + &:after{ + content:''; + position: absolute; + width: 5px; + height: 100%; + background-color: #fff; + right: 0; + top: 1px; + + } + .thumbnail-wrapper { + cursor: pointer; + i{ + @include transition(all 0.12s linear); + + } + } + .time{ + font-size: 11px; + margin-right: 8px; + } + &.open{ + display: block; + .more-details{ + display: block; + } + .thumbnail-wrapper i{ + @include rotate(-90deg); + } + } + .thumbnail-wrapper.d24{ + line-height: 20px; + } + } + .more-details{ + display: none; + background-color: #fff; + width: 100%; + height: 100%; + clear: both; + position: relative; + .more-details-inner{ + margin-left: 10px; + padding-left: 28px; + padding-top: 15px; + margin-bottom: 20px; + position: relative; + border-left: 1px solid fade($color-master-light, 70%); + &:after{ + width: 14px; + height: 14px; + position: absolute; + content: ''; + background-color: #fff; + left: -7px; + top: 25px; + border: 1px solid fade($color-master-light, 90%); + @include border-radius(99px); + } + &:before{ + color: mix($color-master, #fff, 40%); + position: absolute; + bottom: 0; + left: -5px; + content: ' \25CF'; + font-size: 13px; + line-height: 5px; + background-color: #fff; + height: 9px; + } + .hint-text { + opacity: .44; + } + } + + } + .option{ + font-size: 10px; + position: absolute; + height: 44px; + width: 26px; + right: 0; + text-align: center; + vertical-align: middle; + line-height: 44px; + background-color: $color-master-lightest; + height: 100%; + .mark{ + background-color: transparent; + color: mix($color-master, #fff, 40%); + &:before{ + content: ' \25CF'; + font-size: 12px; + } + } + } + &:last-child{ + .heading{ + border-bottom: 0px; + } + } + } + } + .notification-footer{ + padding: 10px; + display: block; + border-top:1px solid $color-master-light; + a{ + color: $color-master; + opacity: .54; + &:hover{ + opacity: .74; + } + } + } +} + + +/* Simple alerts +-------------------------------------------------- +*/ +.alerts-container{ + position: fixed; + width: 350px; + right: 20px; + z-index: 999; + top: $layout-header-height + 20px; + &[data-placement$='-left']{ + left: $layout-sidepanel-width-collapsed + 30px; + right: auto; + } + &[data-placement$='-right']{ + right: 20px; + left: auto; + } + &[data-placement^='top-']{ + top: $layout-header-height + 20px; + bottom: auto; + } + &[data-placement^='bottom-']{ + top: auto; + bottom: 20px; + } + + &[data-placement='bottom-right'], &[data-placement='bottom-left']{ + .alert:last-child{ + margin-bottom: 0; + } + } + .alert{ + position: relative; + .close{ + position: absolute; + right: 9px; + top: 15px; + } + } + +} + +/* Pages Notifications plugin +-------------------------------------------------- +*/ +body.menu-pin > .pgn-wrapper[data-position$='-left'], +body.menu-pin > .pgn-wrapper[data-position="top"], +body.menu-pin > .pgn-wrapper[data-position="bottom"]{ + left: $layout-sidepanel-pin-width; +} +.pgn-wrapper { + position: fixed; + z-index: 1000; +} +.pgn-wrapper[data-position$='-left'] { + left: 30px; +} +.pgn-wrapper[data-position$='-right'] { + right: 20px; +} +.pgn-wrapper[data-position^='top-'] { + top: 20px; +} +.pgn-wrapper[data-position^='bottom-'] { + bottom: 20px; +} +.pgn-wrapper[data-position='top'] { + top: 0; + left: 0; + right: 0; +} +.pgn-wrapper[data-position='bottom'] { + bottom: 0; + left: 0; + right: 0; +} +.pgn { + position: relative; + margin: 10px; +} +.pgn .alert { + margin: 0; +} + +/* Simple +------------------------------------ +*/ + +.pgn-simple .alert { + padding-top: 13px; + padding-bottom: 13px; + max-width: 500px; + animation: fadeIn .3s cubic-bezier(.05, .74, .27, .99) forwards; + -webkit-animation: fadeIn .3s cubic-bezier(.05, .74, .27, .99) forwards; + max-height: 250px; + overflow: hidden; +} +/* Bar +------------------------------------ +*/ + +.pgn-bar { + overflow: hidden; + margin: 0; +} +.pgn-bar .alert { + border-radius: 0; + padding-top: 13px; + padding-bottom: 13px; + max-height: 91px; +} +.pgn-wrapper[data-position='top'] .pgn-bar .alert { + animation: slideInFromTop .5s cubic-bezier(.05, .74, .27, .99) forwards; + -webkit-animation: slideInFromTop .5s cubic-bezier(.05, .74, .27, .99) forwards; + transform-origin: top left; + -webkit-transform-origin: top left; +} +.pgn-wrapper[data-position='bottom'] .pgn-bar .alert { + animation: slideInFromBottom .5s cubic-bezier(.05, .74, .27, .99) forwards; + -webkit-animation: slideInFromBottom .5s cubic-bezier(.05, .74, .27, .99) forwards; + transform-origin: bottom left; + -webkit-transform-origin: bottom left; +} +.pgn-bar .alert span { + opacity: 0; + animation: fadeIn .3s cubic-bezier(.05, .74, .27, .99) forwards; + -webkit-animation: fadeIn .3s cubic-bezier(.05, .74, .27, .99) forwards; +} +@keyframes slideInFromTop { + 0% { + transform: translateY(-100%); + } + 100% { + transform: translateY(0); + } +} +@-webkit-keyframes slideInFromTop { + 0% { + -webkit-transform: translateY(-100%); + } + 100% { + -webkit-transform: translateY(0); + } +} +@keyframes slideInFromBottom { + 0% { + transform: translateY(100%); + } + 100% { + transform: translateY(0); + } +} +@-webkit-keyframes slideInFromBottom { + 0% { + -webkit-transform: translateY(100%); + } + 100% { + -webkit-transform: translateY(0); + } +} +/* Circle +------------------------------------ +*/ + +.pgn-circle .alert { + border-radius: 300px; + animation: fadeInCircle .3s ease forwards, resizeCircle .3s .4s cubic-bezier(0.25, 0.25, 0.4, 1.6) forwards; + -webkit-animation: fadeInCircle .3s ease forwards, resizeCircle .3s .4s cubic-bezier(0.25, 0.25, 0.4, 1.6) forwards; + height: 60px; + overflow: hidden; + padding: 6px 55px 6px 6px; + -webkit-transform: translateZ(0); + position: relative; +} +.pgn-wrapper[data-position$='-right'] .pgn-circle .alert { + float: right; +} +.pgn-wrapper[data-position$='-left'] .pgn-circle .alert { + float: left; +} +.pgn-circle .alert > div > div.pgn-thumbnail > div { + border-radius: 50%; + overflow: hidden; + width: 48px; + height: 48px; +} +.pgn-circle .alert > div > div.pgn-thumbnail > div > img { + width: 100%; + height: 100%; +} +.pgn-circle .alert > div > div.pgn-message > div { + opacity: 0; + height: 47px; + padding-left: 9px; + animation: fadeIn .3s .5s ease forwards; + -webkit-animation: fadeIn .3s .5s ease forwards; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + word-break: break-all; + word-wrap: break-word; + // -webkit-transform: translateZ(0); + // @include backface-visibility(hidden); + +} +.pgn-circle .alert > div > div.pgn-message > div p:only-child{ +padding:12px 0; +} +.pgn-circle .alert .close { + margin-top: -12px; + position: absolute; + right: 18px; + top: 50%; + opacity: 0; + animation: fadeIn .3s .5s ease forwards; + -webkit-animation: fadeIn .3s .5s ease forwards; +} +.pgn-circle .alert p { + margin-bottom: 0; +} +.pgn-circle .alert > div { + display: table; + height: 100%; +} +.pgn-circle .alert > div > div { + display: table-cell; + vertical-align: middle; +} +@keyframes fadeInCircle { + 0% { + opacity: 0; + width: 60px; + } + 100% { + opacity: 1; + width: 60px; + } +} +@-webkit-keyframes fadeInCircle { + 0% { + opacity: 0; + width: 60px; + } + 100% { + opacity: 1; + width: 60px; + } +} +@keyframes resizeCircle { + 0% { + width: 60px; + } + 100% { + width: 300px; + } +} +@-webkit-keyframes resizeCircle { + 0% { + width: 60px; + } + 100% { + width: 300px; + } +} + +/* Flip +------------------------------------ +*/ + +.pgn-wrapper[data-position^='top-'] .pgn-flip { + top: -30px; +} +.pgn-wrapper[data-position^='bottom-'] .pgn-flip { + bottom: -30px; +} +.pgn-wrapper[data-position^='bottom-'] .pgn-flip .alert { + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.pgn-flip .alert { + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; + box-shadow: 0 6px 4px -3px rgba(0, 0, 0, 0.2); + -webkit-animation-name: flipInX; + animation-name: flipInX; + -webkit-animation-duration: 0.8s; + animation-duration: 0.8s; + border-radius: 0; + padding: 25px 35px; + max-width: 500px; + max-height: 250px; + overflow: hidden; +} +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg); + -webkit-transition-timing-function: ease-in; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg); + -webkit-transition-timing-function: ease-out; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg); + -webkit-transition-timing-function: ease-in; + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg); + -webkit-transition-timing-function: ease-out; + } + 100% { + -webkit-transform: perspective(400px); + } +} +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg); + transform: perspective(400px) rotate3d(1, 0, 0, -90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg); + transform: perspective(400px) rotate3d(1, 0, 0, 20deg); + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg); + transform: perspective(400px) rotate3d(1, 0, 0, -10deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg); + transform: perspective(400px) rotate3d(1, 0, 0, 5deg); + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; + } + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +@keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +/* Pages Notification customizations */ +body > .pgn-wrapper[data-position="top"] { + top: $layout-header-height; + left: $layout-sidepanel-width-collapsed; +} +body > .pgn-wrapper[data-position="bottom"] { + left: $layout-sidepanel-width-collapsed; +} + +body > .pgn-wrapper[data-position$='-left'] { + left: $layout-sidepanel-width-collapsed + 20px; + right: auto; +} + +body > .pgn-wrapper[data-position^='top-'] { + top: $layout-header-height + 20px; + bottom: auto; +} + + +.pgn-circle .alert .close { + margin-top: -4px; + } +body > .pgn-wrapper{ + z-index: $zIndex-notifications; +} + +@media (max-width: 979px) { + body > .pgn-wrapper[data-position="top"]{ + left: 0; + } + body > .pgn-wrapper[data-position="bottom"] { + left: 0; + } +} +@media (max-width: 767px) { + body > .pgn-wrapper[data-position$='-left'], + body > .pgn-wrapper[data-position$='-right'] { + left: 10px !important; + right: 10px !important; + } + body > .pgn-wrapper[data-position$='-right'] .alert, + body > .pgn-wrapper[data-position$='-left'] .alert{ + max-width: 100%; + width: 100%; + } +} + + +/* Notifications demo +-------------------------------------------------- +*/ +.notification-positions{ + border-radius: 4px; + border:3px dashed $color-master-light; + height: 370px; + position: relative; + + & > div > .position:not(:only-child){ + max-width: 50%; + } + .position{ + padding: 15px; + img{ + border:3px solid transparent; + } + &:hover{ + cursor: pointer; + } + &.active img{ + border-color:#0090d9; + } + &.pull-top, &.pull-bottom{ + left: 0; + right: 0; + + } + img{ + width: 100%; + } + } +} diff --git a/resources/assets/sass/modules/_print.scss b/resources/assets/sass/modules/_print.scss new file mode 100644 index 00000000..e6dc5c72 --- /dev/null +++ b/resources/assets/sass/modules/_print.scss @@ -0,0 +1,32 @@ +/*------------------------------------------------------------------ +[29. Print] +*/ + +@media print{ + .header, + .page-sidebar, + .quickview-wrapper, + .overlay { + display: none; + } + .page-container{ + padding-left: 0; + } + .page-content-wrapper { + .content{ + border-top:0; + .card { + border: none; + .card-body{ + padding: 0; + } + } + } + } + [class^='padding-'], + [class*='padding-'], + .table tbody tr td{ + padding: 10px; + } + +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_progress_indicators.scss b/resources/assets/sass/modules/_progress_indicators.scss new file mode 100644 index 00000000..2ac14b4c --- /dev/null +++ b/resources/assets/sass/modules/_progress_indicators.scss @@ -0,0 +1,225 @@ +/*------------------------------------------------------------------ +[9. Progress Indicators] +*/ +.progress { + height: 4px; + background-color: fade-out($color-master, .8); + background-image: none; + box-shadow: none; + border-radius: 0; + + margin-bottom: 20px; + &.transparent { + background-color: rgba(0, 0, 0, 0.28); + } + &.progress-small { + height: 3px; + } +} +/* Circular Progress : indeterminate color +------------------------------------ +*/ +.progress-bar-indeterminate{ + background: url('#{$base-img-url}/progress/progress-bar-master.svg') no-repeat top left; + width: 100%; + height: 100%; + background-size: cover; + &.progress-bar-primary{ + background-image: url('#{$base-img-url}/progress/progress-bar-primary.svg'); + background-color: transparent; + } + &.progress-bar-complete{ + background-image: url('#{$base-img-url}/progress/progress-bar-complete.svg'); + background-color: transparent; + } + &.progress-bar-success{ + background-image: url('#{$base-img-url}/progress/progress-bar-success.svg'); + background-color: transparent; + } + &.progress-bar-info{ + background-image: url('#{$base-img-url}/progress/progress-bar-info.svg'); + background-color: transparent; + } + &.progress-bar-warning{ + background-image: url('#{$base-img-url}/progress/progress-bar-warning.svg'); + background-color: transparent; + } + &.progress-bar-danger{ + background-image: url('#{$base-img-url}/progress/progress-bar-danger.svg'); + background-color: transparent; + } + &.progress-bar-master{ + background-image: url('#{$base-img-url}/progress/progress-bar-master.svg'); + background-color: transparent; + } +} +/* Progress Bar +------------------------------------ +*/ +.progress-bar { + box-shadow: none; + border-radius: 0; + background-color: $color-master; + background-image: none; + @include transition(all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860)); + -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); + -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); + -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); + -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); + transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); +} +/* Progress Bar : Color Options +------------------------------------ +*/ +.progress-bar-primary { + background-color: $color-primary; + background-image: none; +} +.progress-bar-complete { + background-color: $color-complete; + background-image: none; +} +.progress-bar-success { + background-color: $color-success; + background-image: none; +} +.progress-bar-info { + background-color: $color-info; + background-image: none; +} +.progress-bar-warning { + background-color: $color-warning; + background-image: none; +} +.progress-bar-danger { + background-color: $color-danger; + background-image: none; +} +.progress-bar-white { + background-color: $color-white ; + background-image: none; +} +.progress-bar-black { + background-color: $color-black; + background-image: none; +} +.progress-info .bar, .progress .bar-info { + background-color: $color-info-darker; + background-image: none; +} +.progress-warning .bar, .progress .bar-warning { + background-color: $color-warning-darker; + background-image: none; +} +.progress-danger .bar, .progress .bar-danger { + background-color: $color-danger-darker; + background-image: none; +} +.progress-white .bar, .progress .bar-white { + background-color: $color-white; + background-image: none; +} +.progress-success.progress-striped .bar, .progress-striped .bar-success { + background-color: $color-success; +} +.progress-info.progress-striped .bar, .progress-striped .bar-info { + background-color: $color-info; +} +/* Circular Progress : indeterminate +------------------------------------ +*/ +.progress-circle-indeterminate{ + background: url('#{$base-img-url}/progress/progress-circle-master.svg') no-repeat top left; + width: 50px; + height: 50px; + background-size: 100% auto; + margin: 0 auto; + &.progress-circle-warning{ + background-image: url('#{$base-img-url}/progress/progress-circle-warning.svg'); + } + &.progress-circle-danger{ + background-image: url('#{$base-img-url}/progress/progress-circle-danger.svg'); + } + &.progress-circle-info{ + background-image: url('#{$base-img-url}/progress/progress-circle-info.svg'); + } + &.progress-circle-primary{ + background-image: url('#{$base-img-url}/progress/progress-circle-primary.svg'); + } + &.progress-circle-success{ + background-image: url('#{$base-img-url}/progress/progress-circle-success.svg'); + } + &.progress-circle-complete{ + background-image: url('#{$base-img-url}/progress/progress-circle-complete.svg'); + } +} +/* Circular Progress +------------------------------------ +*/ +.progress-circle { + $size: 45px; + $border : 3px; + display: block; + height: $size; + margin: 0 auto; + position: relative; + width: $size; + -webkit-backface-visibility: hidden; + &.progress-circle-warning{ + .pie .half-circle{ + border-color: $color-warning; + } + } + &.progress-circle-danger{ + .pie .half-circle{ + border-color: $color-danger; + } + } + &.progress-circle-info{ + .pie .half-circle{ + border-color: $color-info; + } + } + &.progress-circle-primary{ + .pie .half-circle{ + border-color: $color-primary; + } + } + &.progress-circle-success{ + .pie .half-circle{ + border-color: $color-success; + } + } + &.progress-circle-complete{ + .pie .half-circle{ + border-color: $color-complete; + } + } + &.progress-circle-thick{ + .pie .half-circle, .shadow{ + border-width: 5px; + } + } + .pie { + clip: rect(0, $size, $size, $size / 2); + height: $size; + position: absolute; + width: $size; + .half-circle { + border: $border solid $color-master; + border-radius: 50%; + clip: rect(0, $size / 2, $size, 0); + height: $size; + position: absolute; + width: $size; + + } + } + .shadow { + border: $border solid fade-out(#000, .9); + border-radius: 50%; + height: 100%; + width: 100%; + } + +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_sliders.scss b/resources/assets/sass/modules/_sliders.scss new file mode 100644 index 00000000..4efa0f56 --- /dev/null +++ b/resources/assets/sass/modules/_sliders.scss @@ -0,0 +1,313 @@ +/*------------------------------------------------------------------ +[12. Sliders] +*/ + +$slider-background-color : mix($color-master, #fff, 12%); + +/* Ion Range Slider +https://github.com/IonDen/ion.rangeSlider +-------------------------------------------------- +*/ +.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider{ + background-image: none; +} +.irs-bar{ + background: $color-danger; +} +.irs-wrapper{ + .irs-line{ + background-color: $color-master-light; + } + .irs-line-mid, .irs-line-left, .irs-line-right, .irs-diapason, .irs-slider{ + background: none; + } + .irs-diapason{ + background-color:$color-danger; + @include transition(all 0.3s ease); + + } + .irs-from, .irs-to, .irs-single{ + background: $color-danger; + } + .irs-slider{ + + &.from:before{ + top: -2%; + left: 37%; + width: 16%; + height: 100%; + background: rgba(0,0,0,0.0); + background-color: $color-danger; + } + &.to:before{ + top: -2%; + left: 37%; + width: 16%; + height: 100%; + background: rgba(0,0,0,0.0); + background-color: $color-danger; + } + &.single:before{ + top: -2%; + left: 37%; + width: 16%; + height: 100%; + background: rgba(0,0,0,0.0); + background-color: $color-danger; + } + } + .irs-from:after, .irs-to:after, .irs-single:after{ + border-top-color: $color-danger; + } + &.success{ + .irs-diapason{ + background-color:$color-success; + } + .irs-from, .irs-to, .irs-single{ + background: $color-success; + } + .irs-slider{ + &.from:before{ + background-color: $color-success; + } + &.to:before{ + background-color: $color-success; + } + &.single:before{ + background-color: $color-success; + } + } + .irs-from:after, .irs-to:after, .irs-single:after{ + border-top-color: $color-success; + } + // v.2.0.1 + .irs-bar{ + background-color: $color-success; + } + } + &.primary{ + .irs-diapason{ + background-color:$color-primary; + } + .irs-from, .irs-to, .irs-single{ + background: $color-primary; + } + .irs-slider{ + &.from:before{ + background-color: $color-primary; + } + &.to:before{ + background-color: $color-primary; + } + &.single:before{ + background-color: $color-primary; + } + } + .irs-from:after, .irs-to:after, .irs-single:after{ + border-top-color: $color-primary; + } + // v.2.0.1 + .irs-bar{ + background-color: $color-primary; + } + } + &.warning{ + .irs-diapason{ + background-color:$color-warning; + } + .irs-from, .irs-to, .irs-single{ + background: $color-warning; + } + .irs-slider{ + &.from:before{ + background-color: $color-warning; + } + &.to:before{ + background-color: $color-warning; + } + &.single:before{ + background-color: $color-warning; + } + } + .irs-from:after, .irs-to:after, .irs-single:after{ + border-top-color: $color-warning; + } + // v.2.0.1 + .irs-bar{ + background-color: $color-warning; + } + } + &.complete{ + .irs-diapason{ + background-color:$color-complete; + } + .irs-from, .irs-to, .irs-single{ + background: $color-complete; + } + .irs-slider{ + &.from:before{ + background-color: $color-complete; + } + &.to:before{ + background-color: $color-complete; + } + &.single:before{ + background-color: $color-complete; + } + } + .irs-from:after, .irs-to:after, .irs-single:after{ + border-top-color: $color-complete; + } + // v.2.0.1 + .irs-bar{ + background-color: $color-complete; + } + } + &.danger{ + .irs-diapason{ + background-color:$color-danger; + } + .irs-from, .irs-to, .irs-single{ + background: $color-danger; + } + .irs-slider{ + &.from:before{ + background-color: $color-danger; + } + &.to:before{ + background-color: $color-danger; + } + &.single:before{ + background-color: $color-danger; + } + } + .irs-from:after, .irs-to:after, .irs-single:after{ + border-top-color: $color-danger; + } + // v.2.0.1 + .irs-bar{ + background-color: $color-danger; + } + } +} + +/* noUiSlider +http://refreshless.com/nouislider/ +-------------------------------------------------- +*/ +.noUi-target{ + border-radius:0px; + border: 0; + box-shadow: none; + &.bg-complete{ + .noUi-connect{ + background-color: $color-complete + } + } + &.bg-success{ + .noUi-connect{ + background-color: $color-success + } + } + &.bg-warning{ + .noUi-connect{ + background-color: $color-warning + } + } + &.bg-danger{ + .noUi-connect{ + background-color: $color-danger + } + } + &.bg-info{ + .noUi-connect{ + background-color: $color-info + } + + } + &.bg-primary{ + .noUi-connect{ + background-color: $color-primary + } + + } + &.noUi-connect{ + box-shadow: none; + } +} +.noUi-handle{ + border-radius:999px; + box-shadow:none; + &:before, &:after{ + display:none; + } +} +.noUi-horizontal { + height: 4px; + .noUi-handle{ + width: 18px; + height: 18px; + left: -15px; + border: 1px solid mix($color-master, #fff, 23%); + top: -7px; + @include transition(all 0.2s ease); + &:hover{ + border: 1px solid mix($color-master, #fff, 40%); + } + &:active{ + @include scale(1.3); + border: 1px solid mix($color-master, #fff, 23%); + } + &:focus{ + @include scale(1.3); + border: 1px solid mix($color-master, #fff, 23%); + } + } +} +.disable-hover-scale{ + .noUi-handle{ + &:active{ + @include scale(1); + } + &:focus{ + @include scale(1); + } + } +} +.vertical-slider{ + height: 150px; +} +.noUi-vertical { + width: 4px; + .noUi-handle{ + width: 18px; + height: 18px; + border: 1px solid mix($color-master, #fff, 23%); + @include transition(all 0.2s ease); + &:hover{ + border: 1px solid mix($color-master, #fff, 40%); + } + &:active{ + @include scale(1.3); + border: 1px solid mix($color-master, #fff, 23%); + } + &:focus{ + @include scale(1.3); + border: 1px solid mix($color-master, #fff, 23%); + } + } +} +.noUi-base{ + padding: 5px 0; +} +.noUi-origin{ + border-radius: 0px; + bottom: 5px; +} +.noUi-connect{ + box-shadow:none; +} +.noUi-background{ + background:$slider-background-color !important; + box-shadow: none; +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_social.scss b/resources/assets/sass/modules/_social.scss new file mode 100644 index 00000000..592081be --- /dev/null +++ b/resources/assets/sass/modules/_social.scss @@ -0,0 +1,450 @@ +/*------------------------------------------------------------------ +[19. Social App] +*/ + +.social-wrapper, +.social{ + height: 100%; + width: 100%; +} + +/* Cover +------------------------------------ +*/ + +.social-wrapper .social .jumbotron{ + height: 60vh; +} +.social-wrapper .social .cover-photo { + position: relative; + margin: 0 auto; + overflow-x: hidden; + &:before{ + background-image: url("#{$base-img-url}/linear_gradient.png"); + background-repeat: repeat-x; + bottom: 0; + content: " "; + height: 270px; + left: 0; + position: absolute; + right: 0; + z-index: 1; + } + .pull-bottom{ + z-index: 2; + } +} + .cover-img-container { + position: absolute; + overflow: hidden; + top: 0; + left: 0; + right: 0; + bottom: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.cover-img-container .cover-img { + position: absolute; + top: 0; + left: 0; + display: block; + min-width: 100%; + min-height: 100%; +} + +/* Feed +------------------------------------ +*/ + +.social-user-profile{ + width: 52px; + & > .thumbnail-wrapper{ + float: none; + } +} + +.social-wrapper .social .feed { + overflow-y: hidden; + width: 100%; + + & > .day { + white-space: normal; + display: block; + width: 100%; + margin: 0 auto; + + &:after { + feed:''; + display: block; + clear: both; + } + &:hover { + & > .timeline:after { + background: $color-complete; + } + } + } +} + +/* Social Cards +------------------------------------ +*/ + +.social-card { + padding-bottom: 0; + margin-bottom: 0; + background: #FFF; + float: left; + position: relative; + border-radius: 4px; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + margin-bottom: 20px; + width: 300px; + border:1px solid $color-master-light; + .circle { + position: absolute; + right: 20px; + top: 20px; + display: block; + border-radius: 50%; + border:2px solid $color-master-lighter; + width: 9px; + height: 9px; + background: $color-info-light; + z-index: 1; + &:hover { + cursor: pointer; + } + } + &.full-width{ + width: 100% !important + } + &.status { + background: $color-complete-lighter; + border-radius: 4px; + padding: 15px 25px; + @include box-sizing(border-box); + border:1px solid transparent; + &:hover,&.hover { + border-color: $color-info-lighter !important; + } + h5 { + font-size: 12px; + margin: 0; + .time { + color: #fff; + } + } + h2 { + color: $color-master-dark; + font-size: 25px; + line-height: 32px; + margin: 0; + font-weight: normal; + } + .reactions { + color: $color-master-lighter; + opacity: .45; + font-size: 12px; + padding: 0; + margin: 5px 0 0; + padding: 0; + li { + display: inline-block; + list-style: none; + padding: 0; + } + } + .circle { + width: 9px; + height: 9px; + border: none; + background: $color-complete; + } + } + .card-header, .card-footer { + background-color: $color-white; + @include transition(background .2s ease); + } + &.share { + .card-header { + padding: 15px 15px 12px; + border-bottom:1px solid $color-master-light; + border-top-right-radius: 2px; + border-top-left-radius: 2px; + &:hover { + background: $color-complete-lighter; + border-color:$color-complete-lighter; + cursor: pointer; + h6 { + opacity: .6; + } + } + &.last{ + border-bottom: none; + } + .user-pic { + float:left; + border-radius: 50%; + overflow: hidden; + margin-right: 10px; + & > img { + width: 30px; + height: 30px; + } + } + h5 { + font-weight: bold; + font-size: 14px; + margin: 0; + line-height: 22.7px; + font-family: arial; + letter-spacing: -0.006em; + margin-top: -3px; + } + h6 { + font-size: 12px; + margin: 0; + opacity: .45; + font-family: arial; + opacity: .45; + } + } + .card-description { + padding:12px 16px 11px; + font-size: 14px; + line-height: 21px; + margin: 0; + p { + margin-bottom: 4px; + } + &:hover { + } + .via { + opacity: .45; + display: block; + font-size: 12px; + font-family: arial; + } + } + .card-content{ + position: relative; + .buttons{ + left: 17px; + padding: 0; + position: absolute; + top: 10px; + li { + display: inline-block; + list-style: none; + margin-right: 10px; + a{ + color: #fff; + } + } + } + } + .card-feed { + overflow: hidden; + position: relative; + max-height: 400px; + &:hover { + .buttons { + opacity: 1; + } + } + .buttons { + position: absolute; + top: 5px; + right: 0; + opacity: 0; + li { + display: inline-block; + list-style: none; + a { + color: #fff; + opacity: 0.8; + padding: 5px; + } + } + } + & > * { + max-width: 100%; + } + } + .card-footer { + padding: 14px 16px 11px; + font-size: 12px !important; + &:hover { + background: $color-complete-lighter; + cursor: pointer; + .reactions, .time { + opacity: .8; + } + } + .time { + float: left; + opacity: .45; + font-family: arial; + margin-top: 1px; + } + .reactions { + float: right; + margin:0; + padding: 0; + opacity: .45; + li { + display: inline-block; + list-style: none; + a { + color: inherit; + } + } + } + } + .card-description, .card-feed, .card-footer { + border-color: transparent; + border-style: solid; + } + .card-description { + border-width: 1px; + } + .card-feed { + border-width: 0 1px; + margin-top: -2px; + } + .card-footer { + border-width: 0 1px 1px 1px; + } + &.share-other { + .card-description { + padding-bottom: 0; + } + .card-footer { + padding-top: 0; + border-radius: 0; + &:hover { + background: #fff; + } + } + .card-header { + border-top:1px solid $color-complete-lighter; + } + .circle { + background: $color-warning; + } + } + } + &.col1 { + width: 300px; + } + &.col2 { + width: 620px; + } + &.col3 { + width: 920px; + } + img { + width: 100%; + } +} +/* Step Form : Status */ +.simform{ + margin-left: 0; + padding:0; + position: static; + margin-bottom: 20px; + .error-message{ + padding-top: 29px !important; + padding-left: 22px; + } + .final-message, .error-message{ + font-size: 15px; + opacity: 0.5; + display: none; + margin-top: 19px; + position: static; + text-align: left; + @include translate(0,0); + } + ol:before { + background: transparent; + } + .questions li{ + overflow: hidden; + &.current{ + position: relative; + input{ + font-size:14px; + padding: 0 !important; + margin: 0 !important; + } + } + & > span{ + width: 100%; + label{ + font-size: 12px; + opacity: .55; + font-weight: 300; + @include transition(opacity .2s ease); + } + } + } + .questions input{ + background: transparent !important; + height: 30px; + } + .questions .current input, + .no-js .questions input { + background: transparent; + border: none; + } + .controls { + position: absolute; + top:0; + left: 0; + width: 100%; + .next, .number{ + display: none !important; + } + } + .progress{ + &:before{ + background:none; + } + } + .show{ + display: block; + } +} + + +/* Responsive Handlers: Social App +------------------------------------ +*/ + +@media (min-width: 991px) and (max-width: 1070px) { + .day .card:first-child{ + .col-md-4:first-child{ + width: 100%; + margin-bottom: 20px; + } + .col-md-4:nth-child(2), .col-md-4:nth-child(3){ + width: 50%; + } + + } +} +@media (max-width: 667px) { + .social-wrapper .social .feed { + + & > .day { + + & > .card{ + width: 100% !important; + } + } +} +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_tables.scss b/resources/assets/sass/modules/_tables.scss new file mode 100644 index 00000000..76e1c950 --- /dev/null +++ b/resources/assets/sass/modules/_tables.scss @@ -0,0 +1,416 @@ +/*------------------------------------------------------------------ +[16. Tables and Datatables] +*/ + +/* Generic Tables +------------------------------------ +*/ +.table { + margin-bottom: 0; + margin-top: 5px; + thead { + tr { + th { + text-transform: uppercase; + font-weight: 500; + font-family:'Montserrat'; + font-size: 10.5px; + letter-spacing: 0.06em; + padding-top: 14px; + padding-bottom: 14px; + vertical-align: middle; + border-bottom: 1px solid fade-out($color-master-light, .3); + color:fade-out($color-master-dark, .65); + border-top: none; + &[class*='sorting_'] { + color:$color-master-dark; + } + &:first-child { + padding-left: 18px !important; + } + .btn { + margin-top: -20px; + margin-bottom: -20px; + } + } + } + } + tbody { + tr { + td { + background: #fff; + border-bottom: 1px solid fade-out($color-master-light, .3); + border-top: 0px; + padding:20px; + font-size: 13.5px; + .btn-tag { + background:fade-out($color-master-dark, .93); + display: inline-block; + margin: 5px; + border-radius: 4px; + padding: 5px; + color: #62605a !important; + &:hover { + background:fade-out($color-master-dark, .85); + } + } + &[class*='sorting_'] { + color:#000; + } + .checkbox label::after{ + left: 0.5px; + } + } + &.selected td { + background: $color-warning-lighter; + } + } + } + &.table-hover { + tbody { + tr { + &:hover td { + background: $color-complete-lighter !important; + } + &.selected:hover td{ + background: $color-warning-lighter !important; + } + } + } + } + &.table-striped { + tbody { + tr { + td { + background: $body-background !important; + } + &:nth-child(2n+1) td { + background: #fff !important; + } + } + } + } + &.table-borderless{ + tbody { + tr { + td { + border-top: 0; + } + } + } + } + &.table-condensed { + table-layout: fixed; + thead { + tr { + th { + padding-left: 20px; + padding-right: 20px; + } + } + } + tbody { + tr { + td { + padding-top: 12px; + padding-bottom: 12px; + } + } + } + thead tr th, tbody tr td, tbody tr td * { + white-space: nowrap; + vertical-align: middle; + overflow: hidden; + text-overflow: ellipsis; + } + &.table-detailed { + & > tbody > tr { + &.shown { + & > td { + background: $color-warning-lighter; + &:first-child:before { + @include rotate(90deg); + } + } + & + tr { + & > td { + background: fade-out($body-background, .6); + padding: 0px 40px; + .table-inline{ + margin-top: 13px; + margin-bottom: 13px; + background: transparent; + tr,td{ + background: transparent; + font-weight: 600; + } + } + } + } + } + &.row-details{ + & > td { + &:first-child:before { + content: ''; + display: none; + } + } + } + & > td { + &:hover { + cursor: pointer; + } + &:first-child:before { + content:"\f054"; + display: inline-block; + margin-right: 8px; + font-size: 8px; + top: -1px; + position: relative; + font-family: 'FontAwesome'; + @include transition(all 0.12s linear); + } + } + } + .table-inline { + td { + border: none; + text-align: left; + } + } + } + } + &.table-borderless{ + & > tbody{ + & > tr{ + & > td{ + border-bottom: 0px; + } + } + } + } +} +.fht-table { + margin-bottom: 0 !important; +} + +/* Data-tables +------------------------------------ +*/ +.table.dataTable.no-footer{ + border: none; +} +.dataTables_scroll{ + &:hover{ + .dataTables_scrollBody:before{ + content: ""; + top: 0; + height: 0; + } + } +} +.dataTables_scrollBody { + overflow-y: auto; + border:none !important; + &:before { + content: ""; + position: absolute; + left: 0; + right: 0; + top: 60px; + bottom: 0; + background: transparent; + } + +} +.dataTables_wrapper .dataTables_paginate{ + float:right; +} +.dataTables_wrapper .dataTables_paginate ul > li.disabled a{ + opacity: .5; +} +.dataTables_wrapper .dataTables_paginate ul > li > a { + padding: 5px 10px; + color: $color-master; + opacity: .35; + @include transition(opacity .3s ease); + &:hover{ + opacity: .65; + } +} + +.dataTables_wrapper .dataTables_paginate ul > li.next > a, +.dataTables_wrapper .dataTables_paginate ul > li.prev > a{ + opacity: 1; +} +.dataTables_wrapper .dataTables_paginate ul > li.disabled a{ + opacity: .35; + &:hover{ + opacity: .35; + } +} +.dataTables_wrapper .dataTables_info, +.dataTables_wrapper .dataTables_paginate{ + margin-top: 25px !important; +} +.dataTables_paginate.paging_bootstrap.pagination{ + padding-top: 0; + padding-right:20px; +} +.dataTables_wrapper .dataTables_info{ + clear: none; + font-size: 12px; + + padding: 0 33px; + color: $color-master; +} +.dataTables_wrapper .dataTables_paginate ul > li { + display: inline-block; + padding-left:0; + font-size: 11px; +} +.dataTables_scrollHeadInner{ + padding-right:0 !important; +} +.export-options-container{ + position: relative; +} +.dataTables_wrapper .dataTables_paginate ul > li.active > a{ + font-weight: bold; + color: $color-master; + opacity: 1; +} +.export-options-container a{ + color: inherit; + opacity: 1; +} +.exportOptions .DTTT.btn-group a{ + display: block !important; +} + +table.dataTable thead { + .sorting_asc:after{ + background-image: url("#{$base-img-url}/icons/sort_asc.png"); + } + .sorting_desc:after{ + background-image: url("#{$base-img-url}/icons/sort_desc.png"); + } + .sorting:after{ + background-image: url("#{$base-img-url}/icons/sort_both.png"); + } + .sorting_asc_disabled:after{ + background-image: url("#{$base-img-url}/icons/sort_asc_disabled.png"); + } + .sorting_desc_disabled:after{ + background-image: url("#{$base-img-url}/icons/sort_desc_disabled.png"); + } + +} + +table.dataTable thead .sorting:after, +table.dataTable thead .sorting_asc:after, +table.dataTable thead .sorting_desc:after, +table.dataTable thead .sorting_asc_disabled:after, +table.dataTable thead .sorting_desc_disabled:after{ + bottom: 12px; + content: ""; + width: 19px; + height: 19px; + background-position: center center; + opacity: 1; +} + +table.dataTable.table-condensed .sorting:after, +table.dataTable.table-condensed .sorting_asc:after, +table.dataTable.table-condensed .sorting_desc:after{ + top: 12px; +} + +/* Responsive Handlers : Tables */ +@media (max-width: 991px) { + .dataTables_wrapper .dataTables_info{ + float: left; + } + .dataTables_paginate.paging_bootstrap.pagination{ + float: right; + } + +} + +@media (max-width: 767px) { + .table-responsive{ + border: 1px solid #ddd; + } +} + + +@media (max-width: 480px) { + .dataTables_wrapper .dataTables_info, + .dataTables_wrapper .dataTables_paginate{ + float: none; + text-align: left; + clear: both; + display: block; + } +} + +/* Demo classes */ +.demo-table-search{ + thead th{ + &:nth-child(1){ + width: 20%; + } + &:nth-child(2){ + width: 22%; + } + &:nth-child(3){ + width: 24%; + } + &:nth-child(4){ + width: 15%; + } + &:nth-child(5){ + width: 19%; + } + } +} + +.demo-table-dynamic { + thead th{ + &:nth-child(1){ + width: 25%; + } + &:nth-child(2){ + width: 30%; + } + &:nth-child(3){ + width: 20%; + } + &:nth-child(4){ + width: 25%; + } + } +} + +.table-invoice{ + th{ + border-top: 0; + } +} + +.dataTables_wrapper{ + .row{ + width: 100%; + & > div { + display: flex; + justify-content: space-between; + width: 100%; + flex-direction: row-reverse; + } + } + &#tableWithDynamicRows_wrapper{ + & > div { + width: 100%; + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_tabs_accordian.scss b/resources/assets/sass/modules/_tabs_accordian.scss new file mode 100644 index 00000000..d4a1ae1f --- /dev/null +++ b/resources/assets/sass/modules/_tabs_accordian.scss @@ -0,0 +1,764 @@ +/*------------------------------------------------------------------ +[11. Tabs & Accordians] +*/ + +/* Tabs +------------------------------------ +*/ +.nav-tabs { + position: relative; + & > li { + padding-left: 0; + padding-right: 0; + & > a.active { + &:hover, + &:focus { + border-color: $color-master-light; + color: $color-master; + background-color: $color-master-light; + } + } + & > a { + display: block; + border-radius: 0; + padding: 13px 20px; + margin-right:0; + font-weight: 500; + letter-spacing: 0.06em; + color: fade($color-master, + 70%); + font-size: 10.5px; + min-width: 70px; + text-transform: uppercase; + border-color: transparent; + position: relative; + line-height: 1.7em; + &:hover, + &:focus { + background: transparent; + border-color: transparent; + color: $color-master; + } + .tab-icon { + margin-right:6px; + } + } + } + & ~ .tab-content { + overflow: hidden; + padding: 15px; + & > .tab-pane { + &.slide-left, + &.slide-right { + @include transition(all .3s ease); + &.sliding { + opacity: 0 !important; + } + &.active { + @include translate3d(0, 0, 0); + opacity: 1; + } + } + &.slide-left.sliding { + @include translate3d(10%, 0, 0); + } + &.slide-right.sliding { + @include translate3d(-10%, 0, 0); + } + } + } + // POSITIONG OPTIONS + &.nav-tabs-left, + &.nav-tabs-right { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + //Old Browsers + -webkit-flex-shrink: 0; + flex-shrink: 0; + &:after { + border-bottom: 0px; + } + & > li { + float: none; + } + } + &.nav-tabs-left { + float: left; + padding-right:0; + & ~ .tab-content { + border-left: 1px solid rgba(0, 0, 0, 0.1); + //IE10 Fix + -ms-flex: 1; + } + } + &.nav-tabs-right { + float: right; + padding-right: 0; + & ~ .tab-content { + border-right: 1px solid rgba(0, 0, 0, 0.1); + //IE10 Fix + -ms-flex: 1; + } + } +} + +/* Tabs : Simple +------------------------------------ +*/ +.nav-tabs-plain { + & > li { + & > a{ + opacity: 0.4; + &:after { + display: none !important; + } + &.active { + opacity: 1; + font-weight: bold; + background-color: white !important; + color: $color-primary; + &:hover, + &:focus { + color: $color-primary; + background-color: white !important; + border-color: white !important; + } + &:after { + display: block !important; + left: 100% !important; + top: 50% !important; + border: solid transparent; + content: " "; + height: 0 !important; + pointer-events: none; + border-left-color: #ffffff; + border-width: 8px !important; + margin-top: -8px !important; + background-color: transparent !important; + } + } + } + } +} +.nav-tabs-simple { + border-bottom: 0px; + &:after { + content:''; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + width: 100%; + position: absolute; + bottom: -1px; + z-index: 120; + left: 0; + } + & > li { + margin-bottom: 0; + & > a{ + &:after { + position: absolute; + @include transition(all 0.1s linear 0s); + -webkit-backface-visibility: hidden; + width: 100%; + display: block; + background-color: $color-primary; + height: 0px; + content: ''; + left: 0; + z-index: 125; + top: calc(100% - 1px); + &.nav-tabs-primary{ + background-color: $color-primary; + } + &.nav-tabs-success{ + background-color: $color-success; + } + &.nav-tabs-complete{ + background-color: $color-complete; + } + &.nav-tabs-danger{ + background-color: $color-danger; + } + &.nav-tabs-warning{ + background-color: $color-warning; + } + &.nav-tabs-info{ + background-color: $color-info; + } + } + &.active { + &:hover, + &:focus { + background-color: transparent; + border-color: transparent; + } + } + &.active, + &:hover { + &:after { + height: 3px; + } + } + } + } + // POSITIONG OPTIONS + &.nav-tabs-left, + &.nav-tabs-right { + &:after { + border-bottom: 0px; + } + & > li { + & > a:after { + width: 0px; + height: 100%; + top: 0; + bottom: 0; + position: absolute; + } + & > a{ + &.active, + &:hover{ + &:after { + width: 3px; + } + } + } + } + & ~ .tab-content { + } + } + &.nav-tabs-left { + & > li > a:after { + right: 0; + left: auto; + } + } + &.nav-tabs-right { + & > li > a:after { + left: 0; + } + } +} + +/* Tabs : Line Triangles +------------------------------------ +*/ + +.nav-tabs-linetriangle { + border-bottom: 0; + &:after { + content:''; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + width: 100%; + position: absolute; + bottom: -1px; + z-index: 100; + left: 0; + } + & > li { + & > a{ + &.active { + background: transparent; + box-shadow: none; + border-color: transparent; + &:hover, + &:focus, + &:active { + border-color: transparent; + background-color: transparent; + } + &:after, + &:before { + border: medium solid transparent; + content: ""; + height: 0; + left: 50%; + pointer-events: none; + position: absolute; + width: 0; + z-index: 120; + top: 98%; + } + &:after { + border-top-color: $body-background; + border-width: 10px; + margin-left:-10px; + } + &:before { + border-top-color: rgba(0, 0, 0, 0.2); + border-width: 11px; + margin-left:-11px; + } + } + span { + font-size: 1em; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + &:hover, + &:focus { + overflow: visible; + @include transition( color 0.2s ease 0s); + } + } + } + & ~ .tab-content { + background: #fff; + } + // POSITIONG OPTIONS + &.nav-tabs-left { + &.nav-tabs { + &:after { + border-bottom: none; + } + & > li > a{ + &.active { + &:before { + border-top: 11px solid transparent; + border-bottom: 11px solid transparent; + border-left: 11px solid rgba(0, 0, 0, 0.2); + } + &:after { + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + border-left: 10px solid $body-background; + margin-top: 1px; + margin-right:2px; + } + &:after, + &:before { + top: auto; + right: -22px; + left: auto; + } + } + } + } + } + &.nav-tabs-right { + &.nav-tabs { + &:after { + border-bottom: none; + } + & > li > a{ + &.active { + &:before { + border-top: 11px solid transparent; + border-bottom: 11px solid transparent; + border-right: 11px solid rgba(0, 0, 0, 0.2); + } + &:after { + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + border-right: 10px solid $body-background; + margin-top: 1px; + margin-left:-9px; + } + &:after, + &:before { + top: auto; + left: -11px; + right: auto; + } + } + } + } + } +} +@media screen and (max-width:58em) { + .nav-tabs-linetriangle { + font-size: 0.6em; + } +} + +/* Tabs : Fill-up +------------------------------------ +*/ + +.nav-tabs-fillup { + &.nav-tabs-master { + & > li { + & > a { + &:after { + background: none repeat scroll 0 0 $color-master; + border: 1px solid $color-master; + } + } + } + } + &.nav-tabs-primary { + & > li { + & > a { + &:after { + background: none repeat scroll 0 0 $color-primary; + border: 1px solid $color-primary; + } + } + } + } + &.nav-tabs-success { + & > li { + & > a { + &:after { + background: none repeat scroll 0 0 $color-success; + border: 1px solid $color-success; + } + } + } + } + &.nav-tabs-complete { + & > li { + & > a { + &:after { + background: none repeat scroll 0 0 $color-complete; + border: 1px solid $color-complete; + } + } + } + } + &.nav-tabs-warning { + & > li { + & > a { + &:after { + background: none repeat scroll 0 0 $color-warning; + border: 1px solid $color-warning; + } + } + } + } + &.nav-tabs-danger { + & > li { + & > a { + &:after { + background: none repeat scroll 0 0 $color-danger; + border: 1px solid $color-danger; + } + } + } + } + &.nav-tabs-info { + & > li { + & > a { + &:after { + background: none repeat scroll 0 0 $color-info; + border: 1px solid $color-info; + } + } + } + } +} + +.nav-tabs-fillup { + @include backface-visibility(hidden); + @include perspective(1000); + & > li { + overflow: hidden; + & > a { + @include backface-visibility(hidden); + @include transition(color 0.3s ease 0s); + background: transparent; + &:after { + @include backface-visibility(hidden); + background: none repeat scroll 0 0 $color-success; + border: 1px solid $color-success; + content: ""; + height: calc(100% + 1px); + left: 0; + position: absolute; + top: 0; + -webkit-transform: translate3d(0, + 100%, + 0px); + transform: translate3d(0, + 100%, + 0px); + -webkit-transition: -webkit-transform 0.3s ease 0s; + transition: transform 0.3s ease 0s; + width: 100%; + z-index: -1; + } + span { + @include backface-visibility(hidden); + -webkit-transform: translate3d(0px, 5px, 0px); + transform: translate3d(0px, 5px, 0px); + -webkit-transition: -webkit-transform 0.5s ease 0s; + transition: transform 0.5s ease 0s; + display: block; + font-weight: 700; + line-height: 1.5; + } + &.active { + z-index: 100; + color: #fff; + &:hover, + &:focus { + border-color: transparent; + background: transparent; + color: #fff; + } + &:after { + @include translate3d(0px, 0px, 0px); + } + span { + @include translate3d(0px, -5px, 0px); + } + } + } + } + .icon:before { + @include translate3d(0px, 5px, 0px); + @include transition(transform 0.5s ease 0s); + display: block; + margin: 0; + } + & ~ .tab-content { + background: #fff; + } + // POSITIONG OPTIONS + &.nav-tabs-left, + &.nav-tabs-right { + border-bottom: none; + &:after { + border-bottom: none; + } + & > li { + & > a { + &:after { + width: calc(100% + 1px); + height: 100%; + } + } + &.active { + a{&:after { + @include translate3d(0px, 0px, 0px); + } + } + } + } + } + &.nav-tabs-left { + & > li { + & > a { + &:after { + @include translate3d(100%, 0, 0); + } + span { + @include translate3d(5px, 0, 0px); + } + } + &.active { + a{span { + @include translate3d(-5px, 0, 0px); + } + } + .icon:before { + @include translate3d(-5px, 0, 0px); + } + } + } + } + &.nav-tabs-right { + & > li { + & > a { + &:after { + @include translate3d(-100%, 0, 0); + left: -1px; + } + span { + @include translate3d(-5px, 0, 0px); + } + } + &.active { + a{span { + @include translate3d(5px, 0, 0px); + } + } + .icon:before { + @include translate3d(5px, 0, 0px); + } + } + } + } +} + +.nav-tabs-header{ + overflow: scroll; + width: 100%; + .nav-tabs{ + width:auto; + white-space: nowrap; + & > li{ + display:inline-block; + float: inherit; + } + } + &.nav-tabs-linetriangle{ + height:54px; + overflow-y: hidden; + &:after{ + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + width: 100%; + position: relative; + bottom: 3px; + z-index: 120; + content: ""; + clear: both; + } + & ~ .tab-content{ + position: relative; + top:-12px; + } + } +} +.nav-tabs-header ~ .tab-content{ + overflow: hidden; + padding: 15px; +} +.nav-tab-dropdown .cs-select{ + width: 100% !important; + max-width: 100%; + .cs-placeholder{ + height: 48px; + padding: 12px 34px 15px 15px; + font-family: 'Montserrat'; + font-weight: 500; + letter-spacing: 0.06em; + font-size: 10.5px; + text-transform: uppercase; + } + .cs-backdrop{ + border:1px solid transparent; + border-bottom: 1px solid $form-control-border-color; + } +} + +.nav-item { + .arrow_tab { + overflow: hidden; + background-color: $color-master-lighter; + opacity: 0.5; + border-color: $color-master-light; + } + .active { + .arrow_tab { + opacity: 1; + background-color: $color-white !important; + border-color: $color-white; + } + } +} + +/* Panel Groups +------------------------------------ +*/ + +.card-group { + margin-bottom: 18px; + &.horizontal{ + display: block; + .card+.card{ + border-left:1px solid $panel-border-color; + } + } + .card-heading { + padding: 13px 18px 10px 22px; + &.collapsed { + background-color: #fff; + } + & + .card-collapse { + .card-body { + border: 0; + } + } + .card-title { + width: 100%; + & > a { + color: $color-master; + font-size: 13px; + font-weight: normal; + display: block; + opacity: 1; + &:hover { + color: $color-master !important; + &:after { + color: $color-master !important; + } + } + &:after { + font-family: 'FontAwesome'; + content: "\f056"; + position: absolute; + right:13px; + top: 36%; + color: $color-master; + } + &.collapsed { + color: fade($color-master, + 70%); + opacity: 1; + &:after { + content: "\f055"; + color: fade($color-master, 70%); + } + } + } + } + } + .card { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0; + -ms-flex: 1 0 0; + flex: 1 0 0; + & + .card { + margin-top: 2px; + } + .card-body { + height: auto; + } + } +} +.nav-pills { + > li { + &:first-child{ + padding-left: 0; + } + // Links rendered as pills + padding-left: 0; + > a { + color: $color-master; + } + // Active state + &.active > a { + &, + &:hover, + &:focus { + color: $color-master; + background-color: $color-master-light; + } + } + } + +} +@media (max-width:767px) { + + .nav.nav-tabs.nav-stack-sm { + li { + float: none; + } + &.nav-tabs-linetriangle > li.active > a:after, + &.nav-tabs-linetriangle > li.active > a:before { + display: none; + } + } +} + +.tabButton { + cursor: pointer; + &.active { + background-color: #ffffff !important; + cursor: default; + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_timeline.scss b/resources/assets/sass/modules/_timeline.scss new file mode 100644 index 00000000..ca94a9c2 --- /dev/null +++ b/resources/assets/sass/modules/_timeline.scss @@ -0,0 +1,521 @@ +/*------------------------------------------------------------------ +[24. Timeline] +*/ + +/* + Adapted from Vertical Timeline by Sebastiano Guerriero + http://codyhouse.co/gem/vertical-timeline/ +*/ + +/* -------------------------------- + +Modules - reusable parts of our design + +-------------------------------- */ + +.timeline-container { + /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */ + + width: 90%; + max-width: 1170px; + margin: 0 auto; + &::after { + /* clearfix */ + + content: ''; + display: table; + clear: both; + } + &.top-circle{ + &:before{ + position: absolute; + width: 20px; + height: 20px; + @include border-radius(99px); + background-color: #fff; + z-index: 10; + } + } +} +/* -------------------------------- + +Main components + +-------------------------------- */ + +.timeline { + position: relative; + padding: 3em 0 10em 0; + margin-top: 0; + margin-bottom: 0; + &::before { + /* this is the vertical line */ + + content: ''; + position: absolute; + top: 0; + left: 18px; + height: 100%; + width: 2px; + background: #fff; + } +} +@media only screen and (min-width: 1170px) { + .timeline-container:not(.left) { + .timeline { + margin-bottom: 0; + &::before { + left: 50%; + margin-left: -2px; + } + } + } +} +.timeline-block { + position: relative; + margin: 2em 0; + &:after { + content: ""; + display: table; + clear: both; + } + &:first-child { + margin-top: 0; + } + &:last-child { + margin-bottom: 0; + } +} +@media only screen and (min-width: 1170px) { + .timeline-container:not(.left) { + .timeline { + .timeline-block { + margin: 4em 0; + &:first-child { + margin-top: 0; + } + &:last-child { + margin-bottom: 0; + } + } + } + } +} +.timeline-point { + position: absolute; + top: 12px; + left: 0; + width: 40px; + height: 40px; + border-radius: 50%; + text-align: center; + background: darken($color-master-light, 20%); + border: 2px solid #fff; + &.small { + height: 12px; + margin-left: 13px; + margin-top: 14px; + width: 12px; + } + i { + color: #fff; + font-size: 14px; + left: 50%; + margin-left: -7px; + margin-top: -7px; + position: absolute; + top: 50%; + } + &.primary { + background-color: $color-primary; + } + &.complete { + background-color: $color-complete; + } + &.success { + background-color: $color-success; + } + &.info { + background-color: $color-info; + } + &.danger { + background-color: $color-danger; + } + &.warning { + background-color: $color-warning; + } +} +@media only screen and (min-width: 1170px) { + .timeline-container:not(.left) { + .timeline { + .timeline-point { + left: 50%; + margin-left: -21px; + /* Force Hardware Acceleration in WebKit */ + + -webkit-transform: translateZ(0); + -webkit-backface-visibility: hidden; + &.is-hidden { + visibility: hidden; + } + &.small { + margin-left: -7px; + } + &.bounce-in { + visibility: visible; + -webkit-animation: cd-bounce-1 0.6s; + -moz-animation: cd-bounce-1 0.6s; + animation: cd-bounce-1 0.6s; + } + } + } + } +} +@-webkit-keyframes cd-bounce-1 { + 0% { + opacity: 0; + -webkit-transform: scale(0.5); + } + 60% { + opacity: 1; + -webkit-transform: scale(1.2); + } + 100% { + -webkit-transform: scale(1); + } +} +@-moz-keyframes cd-bounce-1 { + 0% { + opacity: 0; + -moz-transform: scale(0.5); + } + 60% { + opacity: 1; + -moz-transform: scale(1.2); + } + 100% { + -moz-transform: scale(1); + } +} +@keyframes cd-bounce-1 { + 0% { + opacity: 0; + -webkit-transform: scale(0.5); + -moz-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); + } + 60% { + opacity: 1; + -webkit-transform: scale(1.2); + -moz-transform: scale(1.2); + -ms-transform: scale(1.2); + -o-transform: scale(1.2); + transform: scale(1.2); + } + 100% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + } +} +.timeline-content { + position: relative; + margin-left: 60px; + &:after { + content: ""; + display: table; + clear: both; + } + .card { + margin-bottom: 0; + } + .event-date { + display: inline-block; + float: left; + padding: .8em 0; + opacity: .7; + clear: both; + } +} +@media (max-width: 480px) { + .timeline-container{ + width: 94%; + } +} +@media only screen and (min-width: 768px) {} @media only screen and (min-width: 1170px) { + .timeline-container:not(.left) { + .timeline { + .timeline-content { + margin-left: 0; + width: 46%; + &::before { + top: 24px; + left: 100%; + border-color: transparent; + border-left-color: white; + } + &.is-hidden { + visibility: hidden; + } + &.bounce-in { + visibility: visible; + -webkit-animation: cd-bounce-2 0.6s; + -moz-animation: cd-bounce-2 0.6s; + animation: cd-bounce-2 0.6s; + } + .event-date { + position: absolute; + width: 100%; + left: 118%; + top: -2px; + font-size: 16px; + font-size: 1rem; + small { + margin-top: 13px; + display: block; + } + h6 + small { + margin-top: 0; + } + } + } + .timeline-block { + &:nth-child(odd) .timeline-content .card { + float: right; + } + &:nth-child(even) { + .timeline-content { + float: right; + &::before { + top: 24px; + left: auto; + right: 100%; + border-color: transparent; + border-right-color: white; + } + .event-date { + left: auto; + right: 118%; + text-align: right; + } + } + } + } + } + } +} +@media only screen and (min-width: 1170px) { + /* inverse bounce effect on even content blocks */ + + .timeline-container:not(.left) { + .timeline { + .timeline-block:nth-child(even) .timeline-content.bounce-in { + -webkit-animation: cd-bounce-2-inverse 0.6s; + -moz-animation: cd-bounce-2-inverse 0.6s; + animation: cd-bounce-2-inverse 0.6s; + } + } + } +} +@-webkit-keyframes cd-bounce-2 { + 0% { + opacity: 0; + -webkit-transform: translateX(-100px); + } + 60% { + opacity: 1; + -webkit-transform: translateX(20px); + } + 100% { + -webkit-transform: translateX(0); + } +} +@-moz-keyframes cd-bounce-2 { + 0% { + opacity: 0; + -moz-transform: translateX(-100px); + } + 60% { + opacity: 1; + -moz-transform: translateX(20px); + } + 100% { + -moz-transform: translateX(0); + } +} +@keyframes cd-bounce-2 { + 0% { + opacity: 0; + -webkit-transform: translateX(-100px); + -moz-transform: translateX(-100px); + -ms-transform: translateX(-100px); + -o-transform: translateX(-100px); + transform: translateX(-100px); + } + 60% { + opacity: 1; + -webkit-transform: translateX(20px); + -moz-transform: translateX(20px); + -ms-transform: translateX(20px); + -o-transform: translateX(20px); + transform: translateX(20px); + } + 100% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes cd-bounce-2-inverse { + 0% { + opacity: 0; + -webkit-transform: translateX(100px); + } + 60% { + opacity: 1; + -webkit-transform: translateX(-20px); + } + 100% { + -webkit-transform: translateX(0); + } +} +@-moz-keyframes cd-bounce-2-inverse { + 0% { + opacity: 0; + -moz-transform: translateX(100px); + } + 60% { + opacity: 1; + -moz-transform: translateX(-20px); + } + 100% { + -moz-transform: translateX(0); + } +} +@keyframes cd-bounce-2-inverse { + 0% { + opacity: 0; + -webkit-transform: translateX(100px); + -moz-transform: translateX(100px); + -ms-transform: translateX(100px); + -o-transform: translateX(100px); + transform: translateX(100px); + } + 60% { + opacity: 1; + -webkit-transform: translateX(-20px); + -moz-transform: translateX(-20px); + -ms-transform: translateX(-20px); + -o-transform: translateX(-20px); + transform: translateX(-20px); + } + 100% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + transform: translateX(0); + } +} +.timeline-container { + &.center { + .timeline { + // Split view + margin-top: 3em; + margin-bottom: 3em; + &::before { + left: 50%; + margin-left: -2px; + } + .timeline-point { + left: 50%; + margin-left: -21px; + /* Force Hardware Acceleration in WebKit */ + + -webkit-transform: translateZ(0); + -webkit-backface-visibility: hidden; + &.is-hidden { + visibility: hidden; + } + &.small { + margin-left: -7px; + } + &.bounce-in { + visibility: visible; + -webkit-animation: cd-bounce-1 0.6s; + -moz-animation: cd-bounce-1 0.6s; + animation: cd-bounce-1 0.6s; + } + } + .timeline-content { + margin-left: 0; + width: 46%; + &::before { + top: 24px; + left: 100%; + border-color: transparent; + border-left-color: white; + } + &.is-hidden { + visibility: hidden; + } + &.bounce-in { + visibility: visible; + -webkit-animation: cd-bounce-2 0.6s; + -moz-animation: cd-bounce-2 0.6s; + animation: cd-bounce-2 0.6s; + } + .event-date { + position: absolute; + width: 100%; + left: 118%; + top: -2px; + font-size: 16px; + font-size: 1rem; + small { + margin-top: 13px; + display: block; + } + h6 + small { + margin-top: 0; + } + } + } + .timeline-block { + &:nth-child(odd) .timeline-content .card { + float: right; + } + &:nth-child(even) { + .timeline-content { + float: right; + &::before { + top: 24px; + left: auto; + right: 100%; + border-color: transparent; + border-right-color: white; + } + .event-date { + left: auto; + right: 118%; + text-align: right; + } + } + } + } + } + } +} + +@media only screen and (min-width: 1170px) { + .timeline-container.left{ + width: 60%; + margin-left: 100px; + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_treeview.scss b/resources/assets/sass/modules/_treeview.scss new file mode 100644 index 00000000..527a316a --- /dev/null +++ b/resources/assets/sass/modules/_treeview.scss @@ -0,0 +1,36 @@ +/*------------------------------------------------------------------ +[13. Treeview] +*/ + +span.dynatree-active a{ + color:$color-master-dark !important; + background-color: transparent !important; +} + +span.dynatree-selected a{ + color:$color-master-dark !important; + font-style: normal; + +} +ul.dynatree-container a:focus, span.dynatree-focused a:link{ + background-color: transparent; +} +ul.dynatree-container{ + background-color: transparent; + a:hover{ + color: $color-master; + opacity: 0.7; + background-color: transparent; + } +} + +ul.dynatree-container a{ + color: $color-master; +} + +span.dynatree-empty, span.dynatree-vline, span.dynatree-connector, span.dynatree-expander, span.dynatree-icon, span.dynatree-checkbox, span.dynatree-radio, span.dynatree-drag-helper-img, #dynatree-drop-marker{ + height: 17px; + position: relative; + top: 3px; +} + diff --git a/resources/assets/sass/modules/_typography.scss b/resources/assets/sass/modules/_typography.scss new file mode 100644 index 00000000..a50118db --- /dev/null +++ b/resources/assets/sass/modules/_typography.scss @@ -0,0 +1,856 @@ +/*------------------------------------------------------------------ +[5. Typography] +*/ + +/* Standard elements +-------------------------------------------------- +*/ + +/* To Load Hinted Fonts for Windows */ +@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600'); + +@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900'); + +@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,600'); + +html{ + font-size: 100%; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body{ + color: $color-master; + font-family: 'Open Sans', sans-serif !important; + font-size: 14px; + font-weight: normal; + letter-spacing: 0.01em; + -webkit-font-smoothing:antialiased; + -webkit-text-size-adjust:100%; + -ms-text-size-adjust:100%; + -webkit-font-feature-settings: "kern" 1; + -moz-font-feature-settings: "kern" 1; +} +/* Headings +------------------------------------ +*/ +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 10px 0; + font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; + -webkit-font-smoothing:antialiased; + -webkit-text-size-adjust:100%; + -ms-text-size-adjust:100%; + font-weight: 300; + color: $color-master-dark; +} +h1 { + font-size: 44px; + line-height: 55px; + letter-spacing: -0.08px; +} +h2 { + font-size: 31px; + line-height: 40px; +} +h3 { + font-size: 27px; + line-height: 35px; +} +h4 { + font-size: 22px; + line-height: 31.88px; +} +h5{ + font-size: 18px; + line-height: 25.88px; +} +h3 small, +h4 small, +h5 small { + font-weight: 300; +} +h1.block, +h2.block, +h3.block, +h4.block, +h5.block, +h6.block { + padding-bottom: 10px; +} +/* Lins and Others +------------------------------------ +*/ +a { + text-shadow: none !important; + color: $color-primary-dark; + transition: color 0.1s linear 0s,background-color 0.1s linear 0s,opacity 0.2s linear 0s !important; +} +a:focus, a:hover, a:active { + color: $color-primary; +} +a,a:focus, a:hover, a:active { + outline: 0 !important; + text-decoration: none; +} +a[ng-click] { + cursor: pointer; +} +br { + line-height: normal; + clear: both; +} +code{ + color:$color-danger-dark; + background-color: $color-master-lighter; + &:hover { + background-color: $color-danger-lighter; + } +} +p { + display: block; + font-size: 14px; + font-weight: normal; + letter-spacing: 0.01em; + line-height: 22px; + margin: 0px 0px 10px 0px; + font-style: normal; + white-space: normal; +} +small, +.small{ + line-height: 18px; + font-size: 85%; +} +label { + &.inline { + display: inline-block; + position: relative; + top: 0px; + font-size: 13px; + } +} +ul,ol { + margin-bottom: 10px; + & > li { + padding-left: 3px; + line-height: 24px; + } + &.lg-icon{ + & > li { + font-size: 21px; + & span { + font-size: 14px; + } + } + } + &.no-style{ + list-style: none; + padding-left: 5px; + } +} +address { + margin-bottom: 0px; + a{ + color:$color-master; + } +} +blockquote { + padding: 0 0 0 18px; + border-left:0; + &:before{ + content: ''; + font-family: FontAwesome; + content: "\f10d"; + margin-right: 13px; + float: left; + } + p { + font-size: 16px; + } + small { + line-height: 29px; + color: #8b91a0; + padding-left: 30px; + &:before { + content: ""; + } + } + &.pull-right { + border-right:0; + &:before{ + float: right; + content: ''; + font-family: FontAwesome; + content: "\f10d"; + margin-left: 13px; + margin-right: 0; + } + small { + padding-right: 30px; + &:after { + content: ""; + } + } + } +} +hr{ + border-color:$color-master-light; + &.double{ + border-width:2px; + } + &.dotted{ + border-style:dotted none none; + } +} + +/* Font Sizes +------------------------------------ +*/ + +.small-text { + font-size: 12px !important; +} +.normal-text { + font-size: 13px !important; +} +.large-text { + font-size: 15px !important; +} + +/* Font Weights +------------------------------------ + */ + +.normal { + font-weight: normal; +} +.semi-bold { + font-weight: 400 !important; +} +.bold { + font-weight: bold !important; +} +.light { + font-weight: 300 !important; +} + +.lightest { + font-weight: 100 !important; +} + + +/* Misc +------------------------------------ +*/ + +.logo { + margin: 18px 14px; +} +.all-caps { + text-transform: uppercase; +} +.muted { + color: lighten($color-master,50%); +} +.hint-text{ + opacity: .7; +} +.no-decoration{ + text-decoration:none !important; +} +/* Monochrome Colors +------------------------------------ + */ + +.bg-master{ + background-color: $color-master !important; +} +.bg-master-light{ + background-color: $color-master-light !important; +} +.bg-master-lighter{ + background-color: $color-master-lighter !important; +} +.bg-master-lightest{ + background-color: $color-master-lightest !important; +} +.bg-master-dark{ + background-color: $color-master-dark !important; +} +.bg-master-darker{ + background-color: $color-master-darker !important; +} +.bg-master-darkest{ + background-color: $color-master-darkest !important; +} + +/* Contextual Colors +------------------------------------ +*/ + +/* Primary +------------------------------------ +*/ +.bg-primary { + background-color: $color-primary !important; +} +.bg-primary-dark { + background-color: $color-primary-dark !important; +} +.bg-primary-darker { + background-color: $color-primary-darker !important; +} +.bg-primary-light { + background-color: $color-primary-light !important; +} +.bg-primary-lighter { + background-color: $color-primary-lighter !important; +} + +/* Complete +------------------------------------ +*/ +.bg-complete { + background-color: $color-complete !important; +} +.bg-complete-dark { + background-color: $color-complete-dark !important; +} +.bg-complete-darker { + background-color: $color-complete-darker !important; +} +.bg-complete-light { + background-color: $color-complete-light !important; +} +.bg-complete-lighter { + background-color: $color-complete-lighter !important; +} + +/* Success +------------------------------------ +*/ +.bg-success { + background-color: $color-success !important; +} +.bg-success-dark { + background-color: $color-success-dark !important; +} +.bg-success-darker { + background-color: $color-success-darker !important; +} +.bg-success-light { + background-color: $color-success-light !important; +} +.bg-success-lighter { + background-color: $color-success-lighter !important; +} + +/* Info +------------------------------------ +*/ +.bg-info{ + background-color: $color-info !important; +} +.bg-info-dark{ + background-color: $color-info-dark !important; +} +.bg-info-darker{ + background-color: $color-info-darker !important; +} +.bg-info-light{ + background-color: $color-info-light !important; +} +.bg-info-lighter{ + background-color: $color-info-lighter !important; +} + +/* Danger +------------------------------------ +*/ +.bg-danger { + background-color: $color-danger !important;; +} +.bg-danger-dark { + background-color: $color-danger-dark !important; +} +.bg-danger-darker { + background-color: $color-danger-darker !important; +} +.bg-danger-light { + background-color: $color-danger-light !important; +} +.bg-danger-lighter { + background-color: $color-danger-lighter !important; +} + +/* Warning +------------------------------------ + */ +.bg-warning { + background-color: $color-warning !important; +} +.bg-warning-dark { + background-color: $color-warning-dark !important; +} +.bg-warning-darker { + background-color: $color-warning-darker !important; +} +.bg-warning-light { + background-color: $color-warning-light !important; +} +.bg-warning-lighter { + background-color: $color-warning-lighter !important; +} + +/* More Color Options +------------------------------------ +*/ + +/* Menu +------------------------------------ +*/ +.bg-menu-dark{ + background-color: $color-menu-dark; +} +.bg-menu{ + background-color: $color-menu; +} +.bg-menu-light{ + background-color: $color-menu-light; +} + +/* Gradients +------------------------------------ +*/ +.gradient-grey { + background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%); + background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%); +} +.gradient-black { + background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%); + background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%); +} + +/* Other Colors +------------------------------------ +*/ +.bg-white{ + background-color: #fff; +} +.bg-transparent{ + background-color: transparent !important; +} + +/* Text Colors */ +.link{ + opacity: .7; + &:hover{ + opacity: 1; + } +} +.text-black { + color: $color-master-dark !important; +} +.hover-black { + color: $color-master-dark !important; +} +.text-white { + color: #fff !important; +} +.hover-white { + color: $color-white !important; +} + +.text-master { + color: $color-master !important; +} +.text-master-dark { + color: $color-master-dark !important; +} +.text-master-darker { + color: $color-master-darker !important; +} +.text-master-light { + color: $color-master-light !important; +} +.text-master-lighter { + color: $color-master-lighter !important; +} +.hover-master { + color: $color-master !important; +} + +.text-complete { + color: $color-complete !important; +} +.text-complete-dark { + color: $color-complete-dark !important; +} +.text-complete-darker { + color: $color-complete-darker !important; +} +.text-complete-light { + color: $color-complete-light !important; +} +.text-complete-lighter { + color: $color-complete-lighter !important; +} +.hover-complete { + color: $color-complete !important; +} + +.text-success { + color: $color-success !important; +} +.text-success-dark { + color: $color-success-dark !important; +} +.text-success-darker { + color: $color-success-darker !important; +} +.text-success-light { + color: $color-success-light !important; +} +.text-success-lighter { + color: $color-success-lighter !important; +} +.hover-success { + color: $color-success !important; +} + +.text-info { + color: $color-info !important; +} +.text-info-dark { + color: $color-info-dark !important; +} +.text-info-darker { + color: $color-info-darker !important; +} +.text-info-light { + color: $color-info-light !important; +} +.text-info-lighter { + color: $color-info-lighter !important; +} +.hover-warning { + color: $color-warning !important; +} +.hover-info { + color: $color-info !important; +} + +.text-warning-dark { + color: $color-warning-dark !important; +} +.text-warning-darker { + color: $color-warning-darker !important; +} +.text-warning-light { + color: $color-warning-light !important; +} +.text-warning-lighter { + color: $color-warning-lighter !important; +} +.hover-warning { + color: $color-warning !important; +} + +.text-danger { + color: $color-danger !important; +} +.text-danger-dark { + color: $color-danger-dark !important; +} +.text-danger-darker { + color: $color-danger-darker !important; +} +.text-danger-light { + color: $color-danger-light !important; +} +.text-danger-lighter { + color: $color-danger-lighter !important; +} +.hover-danger { + color: $color-danger !important; +} + +.text-primary { + color: $color-primary !important; +} +.text-primary-dark { + color: $color-primary-dark !important; +} +.text-primary-darker { + color: $color-primary-darker !important; +} +.text-primary-light { + color: $color-primary-light !important; +} +.text-primary-lighter { + color: $color-primary-lighter !important; +} +.hover-primary { + color: $color-primary !important; +} + +/* Text Aligngments +------------------------------------ +*/ + +.text-right { + text-align: right !important; +} +.text-left { + text-align: left !important; +} +.text-center { + text-align: center !important; +} + + +.text-underline { + text-decoration: underline !important; +} + +.pointer { + cursor: pointer !important; +} + +/* Labels +------------------------------------ +*/ + +.label { + padding: 3px 9px; + font-size: 11px; + line-height: 1; + text-shadow: none; + background-color: $color-master-light; + font-weight: 600; + color: $color-master; + border-radius: .25em; +} +.label-success { + background-color: $color-success; + color: #fff; +} +.label-warning{ + background-color: $color-warning; + color: #fff; +} +.label-important, .label-danger { + background-color: $color-danger; + color: #fff; +} +.label-info{ + background-color: $color-success; + color: #fff; +} +.label-inverse { + background-color: $color-complete-dark; + color: #fff; +} +.label-white { + background-color: #fff; + color: $color-master; +} + +/* Line-heights +------------------------------------ +*/ +.lh-normal{ + line-height: normal; +} + +/* Font Faces +------------------------------------ +*/ + +.font-arial{ + font-family: Arial, sans-serif !important; +} +.font-opensans{ + font-family: 'Open Sans', sans-serif !important; +} +.font-montserrat{ + font-family: 'Montserrat' !important; +} + +.font-lato{ + font-family: 'Lato', sans-serif !important; +} + +.font-georgia{ + font-family: Georgia !important; +} +.font-heading{ + font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif; +} + +/* Wells +------------------------------------ +*/ +.well { + background-color: $color-master-light; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; + border: none; + background-image: none; + &.well-large { + padding: 24px; + width: auto; + } + &.well-small { + padding: 13px; + width: auto; + } + &.green { + background-color: $color-complete; + color: $color-white ; + border: none; + } +} +.overflow-ellipsis{ + text-overflow:ellipsis; + overflow: hidden; + white-space: nowrap; +} + +.jumbotron { + @include border-radius(0); + p{ + font-size: 14px; + font-weight: normal; + margin-bottom: inherit; + &.small{ + font-size: 85%; + } + } +} + + +/* Responsive Handlers : Typo +------------------------------------ +*/ + +@media (max-width: 1400px) { + + body, p{ + font-size: 13px; + line-height: 20px; + } + + + h1 { + font-size: 33px; + line-height: 44px; + letter-spacing: -0.08px; + } + h2 { + font-size: 28px; + line-height: 40px; + } + h3 { + font-size: 24px; + line-height: 35.88px; + } + h4 { + font-size: 18px; + line-height: 33.88px; + } + h5{ + font-size: 16px; + line-height: 25.88px; + } + small, .small{ + font-size: 89%; + line-height: 17px; + } + +} + + +/* For Windows : Fixes +------------------------------------ +*/ +.windows { + body, + p{ + font-size: 13px; + letter-spacing: normal; + } + h3{ + font-size: 29px; + line-height: 33px; + } + h4{ + font-size: 23px; + line-height: 32px; + } + h5{ + font-size: 19px; + line-height: 28px; + font-weight: normal; + } + h1, + h2, + h3, + h4, + h5{ + font-weight: 300; + letter-spacing: normal; + + } + + .jumbotron p{ + font-size: 13px; + &.small{ + font-size: 85%; + } + } + small, + .small{ + // font-size: 85%; + font-size: 89%; + } + + +} + +.alert { + & > p, & > ul { + margin-bottom: 0; + } +} +.table{ + & > tbody{ + & > tr{ + & > td, & > th{ + line-height: 1.42857143; + } + } + } + & > tfoot{ + & > tr{ + & > td, & > th{ + line-height: 1.42857143; + } + } + } + & > thead{ + & > tr{ + & > td, & > th{ + line-height: 1.42857143; + } + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_vector_map.scss b/resources/assets/sass/modules/_vector_map.scss new file mode 100644 index 00000000..17240989 --- /dev/null +++ b/resources/assets/sass/modules/_vector_map.scss @@ -0,0 +1,144 @@ +/*------------------------------------------------------------------ +[26. Vector Map : Mapplic Plugin] +*/ + +.horizontal-app-menu{ + .map-controls{ + left: 0; + } +} +.mapplic-container { + width: 100%; + background-color: transparent; + .mapplic-fullscreen-button { + left: auto; + right: 154px; + bottom: 0; + top: auto; + } + .mapplic-clear-button { + visibility: hidden; + } +} +.mapplic-tooltip:before { + content: "Location"; + font-size: 12px; + margin: 0; + line-height: normal; + opacity: .7; + color: $color-master; +} +.mapplic-tooltip-close { + opacity: .5; + background: none; + &:after { + content: "\e60a"; + font-family: 'pages-icon'; + font-size: 12px; + position: relative; + top: -2px; + color: $color-master; + opacity: .7; + } +} +.mapplic-tooltip-title { + display: none; +} +.mapplic-tooltip-content { + margin-top: 5px; +} +.mapplic-tooltip { + max-width: 150px; + padding: 10px 12px; + border-radius: 4px; +} +.mapplic-tooltip-description { + font-weight: bold; + color: $color-master; +} +.mapplic-tooltip-description strong { + color: $color-danger; + margin-right: 2px; +} +.map-controls { + position: absolute; + left: 50px; + top: 80px; + z-index: 1; +} +.mapplic-pin { + background-image: url('#{$assets-url}/img/maps/marker-master.svg'); + background-size: contain; + &.pulse { + background-image: url('#{$assets-url}/img/maps/pulse-master.svg'); + &.green { + background-image: url('#{$assets-url}/img/maps/pulse-success.svg'); + } + &.blue { + background-image: url('#{$assets-url}/img/maps/pulse-complete.svg'); + } + &.purple { + background-image: url('#{$assets-url}/img/maps/pulse-primary.svg'); + } + &.yellow { + background-image: url('#{$assets-url}/img/maps/pulse-warning.svg'); + } + &.red { + background-image: url('#{$assets-url}/img/maps/pulse-danger.svg'); + } + } + &.pulse-alt { + background-image: url('#{$assets-url}/img/maps/pulse-alt-master.svg'); + &.green { + background-image: url('#{$assets-url}/img/maps/pulse-alt-success.svg'); + } + &.blue { + background-image: url('#{$assets-url}/img/maps/pulse-alt-complete.svg'); + } + &.purple { + background-image: url('#{$assets-url}/img/maps/pulse-alt-primary.svg'); + } + &.yellow { + background-image: url('#{$assets-url}/img/maps/pulse-alt-warning.svg'); + } + &.red { + background-image: url('#{$assets-url}/img/maps/pulse-alt-danger.svg'); + } + } + &.marker { + background-image: url('#{$assets-url}/img/maps/marker-master.svg'); + &.green { + background-image: url('#{$assets-url}/img/maps/marker-success.svg'); + } + &.blue { + background-image: url('#{$assets-url}/img/maps/marker-complete.svg'); + } + &.purple { + background-image: url('#{$assets-url}/img/maps/marker-primary.svg'); + } + &.yellow { + background-image: url('#{$assets-url}/img/maps/marker-warning.svg'); + } + &.red { + background-image: url('#{$assets-url}/img/maps/marker-danger.svg'); + } + } + &.marker-alt { + background-image: url('#{$assets-url}/img/maps/marker-alt-master.svg'); + &.green { + background-image: url('#{$assets-url}/img/maps/marker-alt-success.svg'); + } + &.blue { + background-image: url('#{$assets-url}/img/maps/marker-alt-complete.svg'); + } + &.purple { + background-image: url('#{$assets-url}/img/maps/marker-alt-primary.svg'); + } + &.yellow { + background-image: url('#{$assets-url}/img/maps/marker-alt-warning.svg'); + } + &.red { + background-image: url('#{$assets-url}/img/maps/marker-alt-danger.svg'); + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_view.scss b/resources/assets/sass/modules/_view.scss new file mode 100644 index 00000000..6e9529a5 --- /dev/null +++ b/resources/assets/sass/modules/_view.scss @@ -0,0 +1,116 @@ +/*------------------------------------------------------------------ +[2. View Ports] +*/ +.view-port{ + position: relative; + width: 100%; + height: 100%; + display: block; + white-space: nowrap; + overflow: hidden; + .navbar{ + border-radius: 0; + padding-left: 0; + margin-bottom:0; + border-left: 0; + display: table; + width: 100%; + top: 0; + border-top: 0; + padding: 0; + border-bottom: 1px solid #e7e7e7; + .navbar-inner{ + display: table-cell; + height: 50px; + vertical-align: middle; + } + .action{ + position: absolute; + top:0; + line-height: 50px; + z-index: 1; + &.pull-right{ + right: 0; + } + } + .view-heading{ + font-size: 15px; + text-align: center; + } + & > p{ + line-height: 12px; + font-size: 12px; + margin: 0; + } + &.navbar-sm{ + min-height: 35px; + .navbar-inner{ + height: 35px; + } + .action{ + line-height: 35px; + } + } + } + .view{ + display: inline-block; + width: 100%; + height: 100%; + vertical-align: top; + @include backface-visibility(hidden); + -webkit-perspective: 1000; + @include transition(all 0.4s ease); + &:first-child{ + &:before{ + position: absolute; + content: ''; + width: 100%; + height: 100%; + background-color: #000; + opacity:0; + @include transition(opacity 0.2s linear); + z-index: -1 + } + } + &:last-child{ + margin-left: -4px + } + &:only-child{ + margin: 0; + } + } + &.from-top{ + & > .view{ + &:last-child{ + @include translate3d(-100%,0,0); + } + } + } + &.push{ + & > .view{ + &:first-child{ + @include translate3d(-100%,0,0); + } + &:last-child{ + @include translate3d(-100%,0,0); + } + } + } + &.push-parrallax{ + & > .view{ + &:first-child{ + @include transition(all 400ms cubic-bezier(0.1,.7,.1,1)); + @include translate3d(-25%,0,0); + &:before{ + opacity:0; + z-index: 100; + } + } + &:last-child{ + @include transition(all 400ms cubic-bezier(0.1,.7,.1,1)); + @include translate3d(-100%,0,0); + box-shadow:0 0 9px rgba(191,191,191,.36); + } + } + } +} \ No newline at end of file diff --git a/resources/assets/sass/modules/_widgets.scss b/resources/assets/sass/modules/_widgets.scss new file mode 100644 index 00000000..8034776f --- /dev/null +++ b/resources/assets/sass/modules/_widgets.scss @@ -0,0 +1,472 @@ +/*------------------------------------------------------------------ +[27. Widgets] +*/ +.widget { + position: relative; + & > div { + position: relative; + z-index: 1; + } + &:after { + background-size: cover; + content: " "; + left: 0; + right: 0; + top: 0; + bottom: 0; + position: absolute; + z-index: 0; + opacity: .69; + } +} +.widget-1 { + &:after { + background-image: url("#{$assets-url}/img/dashboard/pages_hero.jpg"); + background-size: cover; + content: " "; + left: 0; + right: 0; + top: 0; + bottom: 0; + position: absolute; + z-index: 0; + opacity: .69; + } + &:before { + background-image: url('#{$base-img-url}/linear_gradient.png'); + background-repeat: repeat-x; + content: " "; + left: 0; + right: 0; + height: 325px; + bottom: 0; + position: absolute; + z-index: 1; + } + & > .card-block { + // padding: 54px 37px 37px 37px; + .company:nth-child(2) > div { + display: table; + margin: 0 auto; + width: 127px; + } + } + & > .card-block > * { + z-index: 1; + } + & > .card-block > *:not(.pull-bottom) { + position: relative; + } + & > .card-block .pull-bottom { + padding: 0 49px 56px 42px; + } + span.label { + color: #fff; + background: rgba(255, 255, 255, .3); + } +} +.widget-2 { + &:after { + background-image: url("#{$assets-url}/img/social/person-cropped.jpg"); + } +} +.widget-3 { + a{text-decoration: none; + } + .pg-map { + font-size: 30px; + } + .widget-3-fav { + background: rgba(0, 0, 0, 0.07); + vertical-align: middle; + padding: 6px 11px; + display: block; + } +} + +.widget-4{ + .row-sm-height:nth-child(1){ + height:30px; + } + .row-sm-height:nth-child(2){ + height:30px; + } +} +.widget-4-chart { + height: 100%; + width: 100%; + bottom: 0; + position: absolute; + right: 0; + &.line-chart .tick text, + .line-chart .nvd3 .nv-axis .nv-axisMaxMin text { + transform: translate(-10px, -32px); + } + .nvtooltip .nv-pointer-events-none { + thead { + display: none; + } + tbody { + .nv-pointer-events-none .key { + display: none; + } + } + } +} +.widget-5-chart-container { + overflow: hidden +} +.widget-5-chart { + height: auto; + width: auto; + bottom: 20px; + position: absolute; + right: 20px; + left: 20px; + top: 40px; +} +.widget-6 { + background: mix($color-master, + #fff, + 69%); + .label { + background: rgba(0, 0, 0, .3); + color: rgba(255, 255, 255, .67); + } +} +.widget-7 { + .slide-back{ + .row-sm-height:nth-child(1){ + height: 60%; + } + .row-sm-height:nth-child(2){ + height: 40%; + } + } +} +.widget-7-chart { + top: 0; + left: 0; + right: 0; + bottom: 0; + position: absolute; + &.line-chart[data-points="true"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { + stroke-opacity: 1; + } + .nvd3 circle.nv-point:nth-child(4) { + fill: $color-danger !important; + stroke: $color-danger !important; + } +} +.widget-8{ + height:145px; + .row-xs-height:first-child{ + height:41px + } +} +.widget-8-chart { + height: 100px; + width: 50%; + bottom: 0; + position: absolute; + right: 0; + .line-chart[data-points="true"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { + stroke-opacity: 0.3; + } + .line-chart .nvd3 .nv-groups path.nv-line { + stroke-opacity: 0.15; + } + .nvtooltip{ + display: none; + } +} + +.widget-9{ + height:145px; + .row-xs-height:first-child{ + height:26px; + } + .progress{ + background:rgba(0,0,0,.1); + } +} +.widget-10{ + height:145px; +} +.widget-11 { + sup { + margin-right: -4px; + } + .widget-11-table{ + height:380px; + tr td:first-child{ + width: 40%; + } + } +} +.widget-11-2 { + sup { + margin-right: -4px; + } + .widget-11-2-table{ + height:273px; + } +} + +.widget-12 { + .list-inline { + a{padding: 3px 4px; + border-radius: 3px; + opacity: .7; + } + .active a { + opacity: 1; + } + } + .nvd3-line svg{ + height:316px; + } + .company-stat-boxes .close{ + line-height:0; + } + .widget-12-search{ + margin-top: -3px; + } +} +.widget-14 { + .row-xs-height:nth-child(1){ + height: 30px + } + .row-xs-height:nth-child(2){ + height: 120px + } + .row-xs-height:nth-child(3){ + height: 297px + } +} +.widget-14-chart_y_axis { + position: absolute; + top: 0; + background: rgba(255, 255, 255, .8); + bottom: 0; + width: 35px; + left: 0; + z-index: 2; + .rickshaw_graph .y_ticks path, + .rickshaw_graph .x_ticks_d3 path { + fill: none; + stroke: none; + } + .rickshaw_graph .y_ticks text, + .rickshaw_graph .x_ticks_d3 text { + opacity: 0.35; + font-size: 11px; + } + .y_ticks.plain g:first-child { + opacity: 0 !important; + } +} +.widget-14-chart-legend .ui-sortable li { + padding-right: 0; + .action { + display: none; + } + &:last-child { + margin-top: 7px; + } +} + +.widget-15{ + #widget-15-tab-1 > div{ + height:170px; + } +} +.widget-15-2{ + height:469px; + #widget-15-2-tab-1 .full-width{ + height:180px; + } +} +.widget-16-header .pull-left:last-child{ + width:69%; +} +.widget-16-chart { + height:100px; + &.line-chart[data-stroke-width="2"] .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { + stroke-width: 2px; + } +} + +.widget-17{ + height:467px; + .widget-17-weather{ + width:90% + } +} +.widget-18-post { + height:342px; + background: url('#{$assets-url}/img/social/quote.jpg'); + background-position: center center; + background-size: cover +} +.widget-19-post { + height:237px; + background: #00A79A; + img { + top: 50%; + margin-top: -70px + } +} +.btn-circle-arrow { + border: 1px solid #fff; + border-radius: 100px; + position: relative; + width: 18px; + height: 18px; + display: inline-block; + vertical-align: middle; + margin-right: 4px; + i { + font-size: 11px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -5px; + margin-top: -4px; + } +} + +/*** Large screens ***/ +@media only screen and (min-width:1824px) { + // Dashboard + .ar-3-2:before { + padding-top: calc(55% - 5px) !important; + } + .ar-2-3:before { + padding-top: calc(135% - 5px) !important; + } +} +@media (max-width:991px) { + .card { + height: auto !important; + } + .widget-8, + .widget-9, + .widget-10 { + height: 180px !important; + } +} +@media (max-width:480px) { + .widget-1-wrapper { + height: 340px; + } +} + + +/* WIDGET MANAGER */ +#widget-filter{ + font-size: 18px; + &:focus{ + background: none; + border: none; + } +} +#widgetDetails { + .progress-circle-indeterminate{ + position: absolute; + left: 50%; + margin-left: -19px; + top: 50%; + margin-top: -19px; + } +} +.widgets-container { + margin: 0 auto; +} +#widget-preview{ + display: block; + margin: 0 auto; +} +.widget-item { + overflow: hidden; + cursor: default; + background-color: #fff; + margin-bottom: 10px; + position: relative; + width: 280px; + height: 240px; + &:hover { + cursor: pointer; + &:before{ + opacity: 0; + } + &:after{ + opacity: .8; + } + .item-footer{ + color: $color-primary !important; + } + } + &:before{ + position: absolute; + content: ""; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8) 70%); + transition: opacity .3s ease; + -webkit-transition: opacity .3s ease; + opacity: 1; + } + &:after{ + position: absolute; + content: ""; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: #fff; + opacity: 0; + transition: opacity .3s ease; + -webkit-transition: opacity .3s ease; + } + &[data-width="1"] { + width: 280px; + } + &[data-width="2"] { + width: 570px; + } + &[data-height="1"] { + height: 240px; + } + &[data-height="2"] { + height: 490px; + } + .item-footer{ + color: $color-master; + p.pull-left{ + text-overflow: ellipsis; + width: 84%; + white-space: nowrap; + overflow: hidden; + } + .pull-right{ + .fa-stack{ + font-size:69%; + } + } + } +} + +@media (max-width: 420px) { + .widgets-container{ + margin-top: 80px; + } +} + +@media (max-width: 610px) { + .widget-item, .widgets-container { + width: 100% !important; + } +} diff --git a/resources/assets/sass/modules/_z_index.scss b/resources/assets/sass/modules/_z_index.scss new file mode 100644 index 00000000..e8dd7f97 --- /dev/null +++ b/resources/assets/sass/modules/_z_index.scss @@ -0,0 +1,24 @@ +// z-index scale +$zIndex-1: 100; +$zIndex-2: 200; +$zIndex-3: 300; +$zIndex-4: 400; +$zIndex-5: 500; +$zIndex-6: 600; +$zIndex-7: 700; +$zIndex-8: 800; +$zIndex-9: 900; +$zIndex-10: 1000; + +//TODO: add all components +// z-index applications + + +$zIndex-sidebar : $zIndex-10; +$zIndex-tooltips : $zIndex-10; +$zIndex-quickview: $zIndex-10; +$zIndex-notifications : $zIndex-9; +$zIndex-navbar : $zIndex-8; +$zIndex-dropdown : $zIndex-7; +$zIndex-dropdownMask : $zIndex-6; +$zIndex-portlet : $zIndex-6; diff --git a/resources/assets/vue/app.js b/resources/assets/vue/app.js new file mode 100644 index 00000000..269b4dee --- /dev/null +++ b/resources/assets/vue/app.js @@ -0,0 +1,77 @@ + +/** + * First we will load all of this project's JavaScript dependencies which + * includes Vue and other libraries. It is a great starting point when + * building robust, powerful web applications using Vue and Laravel. + */ + +import Vue from 'vue' +import store from './vuex/store' +import Avatar from 'vue-avatar'; +import Vuelidate from 'vuelidate' +import request from './mixins/requestMixin' +import crud from './mixins/crudMixin' + +Vue.use(Vuelidate); +Vue.component('user-avatar', Avatar); + +window.EventBus = new Vue(); +window.route = require('../js/route'); + +let handleOutsideClick; + +Vue.directive('closable', { + bind (el, binding, vnode) { + handleOutsideClick = (e) => { + + e.stopPropagation(); + + const { handler, exclude } = binding.value; + + let clickedOnExcludedEl = false; + + exclude.forEach(refName => { + if (!clickedOnExcludedEl) { + const excludedEl = vnode.context.$refs[refName]; + + + if (excludedEl) { + clickedOnExcludedEl = excludedEl.contains(e.target) + } + + } + }); + + if (!el.contains(e.target) && !clickedOnExcludedEl) { + vnode.context[handler]() + } + } + document.addEventListener('click', handleOutsideClick) + document.addEventListener('touchstart', handleOutsideClick) + }, + unbind () { + document.removeEventListener('click', handleOutsideClick) + document.removeEventListener('touchstart', handleOutsideClick) + } +}); + +/** + * Next, we will create a fresh Vue application instance and attach it to + * the page. Then, you may begin adding components to this application + * or customize the JavaScript scaffolding to fit your unique needs. + */ + +const files = require.context('./', true, /\.vue$/i) +files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default)); + +Vue.mixin({ + methods: { + route: route + }, + mixins: [request, crud] +}); + +const app = new Vue({ + el: '#app', + store +}); diff --git a/resources/assets/vue/components/address/elements/AddressComponent.vue b/resources/assets/vue/components/address/elements/AddressComponent.vue new file mode 100644 index 00000000..589213f2 --- /dev/null +++ b/resources/assets/vue/components/address/elements/AddressComponent.vue @@ -0,0 +1,84 @@ + + + \ No newline at end of file diff --git a/resources/assets/vue/components/address/forms/AddressFormComponent.vue b/resources/assets/vue/components/address/forms/AddressFormComponent.vue new file mode 100644 index 00000000..d35dcbec --- /dev/null +++ b/resources/assets/vue/components/address/forms/AddressFormComponent.vue @@ -0,0 +1,115 @@ + + diff --git a/resources/assets/vue/components/general/elements/ListComponent.vue b/resources/assets/vue/components/general/elements/ListComponent.vue new file mode 100644 index 00000000..5887025e --- /dev/null +++ b/resources/assets/vue/components/general/elements/ListComponent.vue @@ -0,0 +1,102 @@ + + + diff --git a/resources/assets/vue/components/general/elements/LoadingComponent.vue b/resources/assets/vue/components/general/elements/LoadingComponent.vue new file mode 100644 index 00000000..b9121546 --- /dev/null +++ b/resources/assets/vue/components/general/elements/LoadingComponent.vue @@ -0,0 +1,34 @@ + + diff --git a/resources/assets/vue/components/general/elements/ModalComponent.vue b/resources/assets/vue/components/general/elements/ModalComponent.vue new file mode 100644 index 00000000..e350a7c7 --- /dev/null +++ b/resources/assets/vue/components/general/elements/ModalComponent.vue @@ -0,0 +1,33 @@ + + diff --git a/resources/assets/vue/components/general/elements/PaginationComponent.vue b/resources/assets/vue/components/general/elements/PaginationComponent.vue new file mode 100644 index 00000000..c00a240e --- /dev/null +++ b/resources/assets/vue/components/general/elements/PaginationComponent.vue @@ -0,0 +1,68 @@ + + diff --git a/resources/assets/vue/components/general/elements/SearchComponent.vue b/resources/assets/vue/components/general/elements/SearchComponent.vue new file mode 100644 index 00000000..b8375cf5 --- /dev/null +++ b/resources/assets/vue/components/general/elements/SearchComponent.vue @@ -0,0 +1,80 @@ + + + \ No newline at end of file diff --git a/resources/assets/vue/components/general/elements/TransitionComponent.vue b/resources/assets/vue/components/general/elements/TransitionComponent.vue new file mode 100644 index 00000000..884fdd74 --- /dev/null +++ b/resources/assets/vue/components/general/elements/TransitionComponent.vue @@ -0,0 +1,58 @@ + + \ No newline at end of file diff --git a/resources/assets/vue/components/general/elements/ValidationErrorComponent.vue b/resources/assets/vue/components/general/elements/ValidationErrorComponent.vue new file mode 100644 index 00000000..9e6e9abf --- /dev/null +++ b/resources/assets/vue/components/general/elements/ValidationErrorComponent.vue @@ -0,0 +1,32 @@ + + + diff --git a/resources/assets/vue/components/general/forms/ModalFormComponent.vue b/resources/assets/vue/components/general/forms/ModalFormComponent.vue new file mode 100644 index 00000000..ad225cb0 --- /dev/null +++ b/resources/assets/vue/components/general/forms/ModalFormComponent.vue @@ -0,0 +1,27 @@ + + diff --git a/resources/assets/vue/components/general/forms/SelectComponent.vue b/resources/assets/vue/components/general/forms/SelectComponent.vue new file mode 100644 index 00000000..3a4cfddf --- /dev/null +++ b/resources/assets/vue/components/general/forms/SelectComponent.vue @@ -0,0 +1,54 @@ + + + diff --git a/resources/assets/vue/components/general/forms/ValidationErrorComponent.vue b/resources/assets/vue/components/general/forms/ValidationErrorComponent.vue new file mode 100644 index 00000000..3c5f6bb0 --- /dev/null +++ b/resources/assets/vue/components/general/forms/ValidationErrorComponent.vue @@ -0,0 +1,32 @@ + + + diff --git a/resources/assets/vue/components/general/forms/ValidationWrapperComponent.vue b/resources/assets/vue/components/general/forms/ValidationWrapperComponent.vue new file mode 100644 index 00000000..da114e55 --- /dev/null +++ b/resources/assets/vue/components/general/forms/ValidationWrapperComponent.vue @@ -0,0 +1,26 @@ + + + \ No newline at end of file diff --git a/resources/assets/vue/mixins/crudMixin.js b/resources/assets/vue/mixins/crudMixin.js new file mode 100644 index 00000000..58df58b4 --- /dev/null +++ b/resources/assets/vue/mixins/crudMixin.js @@ -0,0 +1,50 @@ +export default { + methods: { + crudSuccess(){ + this.closeModal(); + this.updateList(); + this.resetForm(); + + }, + resetForm(){ + if(!this.data) { + Object.assign(this.$data, this.$options.data.call(this)); + } + }, + updateFilters(){ + if(this.$store.getters.isInQueue(this.section)){ + this.filters = this.$store.getters.getListDetails(this.section).filters; + } else { + this.setDecoratorDefault(); + } + + let vm = this; + $.each(this.parameters, function(key, value) { + value ? (vm.filters[key] = value) : (key in vm.filters && delete vm.filters[key]); + }); + + this.$store.dispatch('updateListQueue', {'name': this.section, 'page': 1, 'filters': this.filters}); + }, + updateList(){ + this.$store.dispatch('reloadList', {'name': this.section}); + }, + closeModal(){ + + if(this.$v){ + this.$v.$reset(); + } + + $(this.$el).parents('.modal').modal('hide'); + + this.resetForm(); + }, + setDecoratorDefault(){ + this.filters.per_page = this.filters.per_page !== undefined ? this.filters.per_page : 10; + this.filters.order_by = this.filters.order_by !== undefined ? this.filters.order_by : { + column: 'id', + DESC: true + }; + } + } + +} \ No newline at end of file diff --git a/resources/assets/vue/mixins/requestMixin.js b/resources/assets/vue/mixins/requestMixin.js new file mode 100644 index 00000000..d402a2d6 --- /dev/null +++ b/resources/assets/vue/mixins/requestMixin.js @@ -0,0 +1,44 @@ +export default { + methods: { + submit(url, method, section, successNotification = true, errorNotification = true){ + if(!this.validate()){ return; } + if(section){ this.$store.dispatch('toggleLoading', {name: section, status: true}) }; + this.$store.dispatch('crudRequest', { + endpoint: url, + method: method, + parameters: this.parameters + }).then(response => { + let success = response.ok; + + response.json().then(response => { + + if(!success){ + + errorNotification ? this.$store.dispatch('createNotification', {title: response.title, message: response.message, type: 'error'}): null; + this.errorHandler(response); return; + } + + successNotification ? this.$store.dispatch('createNotification', {title: response.title, message: response.message, type: 'success'}): null; + this.successHandler(response) + + + }); + }).catch((error) => { + this.$store.dispatch('createNotification', {title: 'Unexpected Error', message: 'An unexpected error has occurred. Try again!', type: 'error'}); + }).then(() => { + if(section){ this.$store.dispatch('toggleLoading', {name: section, status: false}) }; + }) + + }, + validate() { + if(this.$v){ + this.$v.$touch(); + return !this.$v.$invalid; + } + return true; + }, + successHandler(response){}, + errorHandler(response){} + } + +} \ No newline at end of file diff --git a/resources/assets/vue/vuex/modules/authentication.js b/resources/assets/vue/vuex/modules/authentication.js new file mode 100644 index 00000000..7f847b8c --- /dev/null +++ b/resources/assets/vue/vuex/modules/authentication.js @@ -0,0 +1,29 @@ +export default { + state: { + resetPasswordEmail: '', + authentication: { + access_token: localStorage.getItem('user-token') || '' + } + }, + getters: { + isAuthenticated: state => !!state.authentication.access_token, + getAccessToken: state => state.authentication.access_token, + getResetPasswordEmail: state => state.resetPasswordEmail + }, + mutations: { + SET_AUTHENTICATION(state, {access_token}){ + state.authentication.access_token = access_token; + }, + SET_PASSWORD_RESET_EMAIL(state, {email}){ + state.resetPasswordEmail = email; + } + }, + actions: { + userAuthentication(store, {access_token}){ + store.commit('SET_AUTHENTICATION', {access_token}); + }, + passwordResetEmail(store, {email}){ + store.commit('SET_PASSWORD_RESET_EMAIL', {email}); + } + } +} \ No newline at end of file diff --git a/resources/assets/vue/vuex/modules/createNotification.js b/resources/assets/vue/vuex/modules/createNotification.js new file mode 100644 index 00000000..ed7e3284 --- /dev/null +++ b/resources/assets/vue/vuex/modules/createNotification.js @@ -0,0 +1,15 @@ +export default { + actions: { + createNotification(store, payload){ + let content = '
      '+payload.title+'
      '+payload.message+'
      '; + new Noty({ + type: payload.type, + text: content, + timeout: 5000, + closeWith: ['button'], + layout: "bottomRight", + theme: "metroui" + }).show(); + } + } +} \ No newline at end of file diff --git a/resources/assets/vue/vuex/modules/crudRequest.js b/resources/assets/vue/vuex/modules/crudRequest.js new file mode 100644 index 00000000..baa5b4e3 --- /dev/null +++ b/resources/assets/vue/vuex/modules/crudRequest.js @@ -0,0 +1,21 @@ +export default { + actions: { + crudRequest({getters}, {endpoint, method, parameters}){ + return fetch(endpoint, { + method: method, + responseType: 'json', + body: parameters ? JSON.stringify(parameters):null, + headers: { + 'content-type': 'application/json', + 'Authorization': 'Bearer '+getters.getAccessToken + } + }).then(response => { + + if(response.status === 401){ window.location.href = route('login') } + + return response; + + }) + } + } +} \ No newline at end of file diff --git a/resources/assets/vue/vuex/modules/loadRequestQueue.js b/resources/assets/vue/vuex/modules/loadRequestQueue.js new file mode 100644 index 00000000..3bb574c5 --- /dev/null +++ b/resources/assets/vue/vuex/modules/loadRequestQueue.js @@ -0,0 +1,71 @@ +export default { + state: { + queue: [] + }, + getters: { + isInQueue: (state) => (name) => { + let list = state.queue.find(list => list.name === name); + return !!list + }, + isInCompleteQueue: (state) => (name) => { + let list = state.queue.find(list => list.name === name); + return list ? !list.complete : false; + }, + getListDetails: (state) => (name) => { + return state.queue.find(list => list.name === name); + }, + getListData: (state, getters) => (name) => { + return (!getters.isInCompleteQueue()) ? state.queue.find(list => list.name === name).data : []; + }, + getSelectableList: (state, getters) => (name) => { + let list = state.queue.find(list => list.name === name); + return list ? list.data : []; + } + + }, + mutations: { + SET_QUEUE_LIST(state, payload){ + let list = state.queue.find(list => list.name === payload.name); + + list ? Object.assign(list, {page: payload.page, filters: payload.filters, complete: false}) : + state.queue.push({'name': payload.name, 'page': payload.page, 'filters': payload.filters, 'complete': false, 'data': []}); + + }, + SET_LIST_INCOMPLETE(state, payload) { + state.queue.find(list => list.name === payload.name).complete = false + }, + SET_LIST_COMPLETE(state, payload) { + let list = state.queue.find(list => list.name === payload.name); + + list.complete = true; + list.data = payload.data; + } + }, + actions: { + updateListQueue(store, payload){ + store.commit('SET_QUEUE_LIST', {name: payload.name, page: payload.page, filters: payload.filters}); + }, + fetchSelectable({ commit, getters, dispatch }, payload){ + if(!getters.isInQueue(payload.section)){ + dispatch('updateListQueue', {name: payload.section}); + dispatch('crudRequest', {endpoint: payload.endpoint, method: 'get'}).then(response => { + let success = response.ok; + response.json().then(response => { + + if(!success){return;} + + dispatch('completeList', {name: this.section, data: response.payload.data}) + + }); + }) + } + + }, + reloadList({ commit, getters }, payload){ + getters.isInQueue(payload.name) ? commit('SET_LIST_INCOMPLETE', {name: payload.name}) : commit('SET_QUEUE_LIST', {name: payload.name, page: 1, filters: {}}); + }, + completeList(store, payload){ + store.commit('SET_LIST_COMPLETE', {name: payload.name, data: payload.data}); + } + } +} \ No newline at end of file diff --git a/resources/assets/vue/vuex/modules/toggleLoading.js b/resources/assets/vue/vuex/modules/toggleLoading.js new file mode 100644 index 00000000..635f9b5c --- /dev/null +++ b/resources/assets/vue/vuex/modules/toggleLoading.js @@ -0,0 +1,26 @@ +export default { + state: { + loading: [] + }, + getters: { + isLoading: (state) => (name) => { + let loader = state.loading.find(loader => loader.name === name); + return loader ? loader.active > 0 : false + } + }, + mutations: { + SET_LOADING_STATUS(state, payload){ + let loader = state.loading.find(loader => loader.name === payload.name); + if(payload.status){ + loader ? loader.active++ : state.loading.push({'name': payload.name, 'active': 1}) + } else { + loader ? loader.active-- : null + } + } + }, + actions: { + toggleLoading(store, payload){ + store.commit('SET_LOADING_STATUS', {name: payload.name, status: payload.status}); + } + } +} \ No newline at end of file diff --git a/resources/assets/vue/vuex/modules/toggleSection.js b/resources/assets/vue/vuex/modules/toggleSection.js new file mode 100644 index 00000000..f4a523c4 --- /dev/null +++ b/resources/assets/vue/vuex/modules/toggleSection.js @@ -0,0 +1,29 @@ +export default { + state: { + toggleSections: [] + }, + getters: { + isShowing: (state) => (name) => { + return state.toggleSections.indexOf(name) !== -1 + } + }, + mutations: { + SET_TOGGLE_SECTION(state, payload){ + let index = state.toggleSections.indexOf(payload.name); + if(payload.status){ + if(index === -1){ + state.toggleSections.push(payload.name) + } + } else { + if(index !== -1){ + state.toggleSections.splice(state.toggleSections.indexOf(payload.name), 1) + } + } + } + }, + actions: { + toggleSection(store, payload){ + store.commit('SET_TOGGLE_SECTION', {name: payload.name, status: payload.status}); + } + } +} \ No newline at end of file diff --git a/resources/assets/vue/vuex/store.js b/resources/assets/vue/vuex/store.js new file mode 100644 index 00000000..2c3d911b --- /dev/null +++ b/resources/assets/vue/vuex/store.js @@ -0,0 +1,21 @@ +import Vue from 'vue' +import Vuex from 'vuex' +import toggleSection from './modules/toggleSection' +import toggleLoading from './modules/toggleLoading' +import createNotification from './modules/createNotification' +import crudRequest from './modules/crudRequest' +import authentication from './modules/authentication' +import loadRequestQueue from './modules/loadRequestQueue' + +Vue.use(Vuex); + +export default new Vuex.Store({ + modules: { + toggleSection, + toggleLoading, + loadRequestQueue, + createNotification, + crudRequest, + authentication + } +}) \ No newline at end of file diff --git a/resources/lang/en/auth.php b/resources/lang/en/auth.php new file mode 100644 index 00000000..e5506df2 --- /dev/null +++ b/resources/lang/en/auth.php @@ -0,0 +1,19 @@ + 'These credentials do not match our records.', + 'throttle' => 'Too many login attempts. Please try again in :seconds seconds.', + +]; diff --git a/resources/lang/en/pagination.php b/resources/lang/en/pagination.php new file mode 100644 index 00000000..d4814118 --- /dev/null +++ b/resources/lang/en/pagination.php @@ -0,0 +1,19 @@ + '« Previous', + 'next' => 'Next »', + +]; diff --git a/resources/lang/en/passwords.php b/resources/lang/en/passwords.php new file mode 100644 index 00000000..f3b01a46 --- /dev/null +++ b/resources/lang/en/passwords.php @@ -0,0 +1,21 @@ + 'Your password has been reset!', + 'sent' => 'We have e-mailed your password reset link!', + 'token' => 'This password reset token is invalid.', + 'user' => "We can't find a user with that e-mail address.", + +]; diff --git a/resources/lang/en/validation.php b/resources/lang/en/validation.php new file mode 100644 index 00000000..ce1d80dd --- /dev/null +++ b/resources/lang/en/validation.php @@ -0,0 +1,151 @@ + 'The :attribute must be accepted.', + 'active_url' => 'The :attribute is not a valid URL.', + 'after' => 'The :attribute must be a date after :date.', + 'after_or_equal' => 'The :attribute must be a date after or equal to :date.', + 'alpha' => 'The :attribute may only contain letters.', + 'alpha_dash' => 'The :attribute may only contain letters, numbers, dashes and underscores.', + 'alpha_num' => 'The :attribute may only contain letters and numbers.', + 'array' => 'The :attribute must be an array.', + 'before' => 'The :attribute must be a date before :date.', + 'before_or_equal' => 'The :attribute must be a date before or equal to :date.', + 'between' => [ + 'numeric' => 'The :attribute must be between :min and :max.', + 'file' => 'The :attribute must be between :min and :max kilobytes.', + 'string' => 'The :attribute must be between :min and :max characters.', + 'array' => 'The :attribute must have between :min and :max items.', + ], + 'boolean' => 'The :attribute field must be true or false.', + 'confirmed' => 'The :attribute confirmation does not match.', + 'date' => 'The :attribute is not a valid date.', + 'date_equals' => 'The :attribute must be a date equal to :date.', + 'date_format' => 'The :attribute does not match the format :format.', + 'different' => 'The :attribute and :other must be different.', + 'digits' => 'The :attribute must be :digits digits.', + 'digits_between' => 'The :attribute must be between :min and :max digits.', + 'dimensions' => 'The :attribute has invalid image dimensions.', + 'distinct' => 'The :attribute field has a duplicate value.', + 'email' => 'The :attribute must be a valid email address.', + 'ends_with' => 'The :attribute must end with one of the following: :values', + 'exists' => 'The selected :attribute is invalid.', + 'file' => 'The :attribute must be a file.', + 'filled' => 'The :attribute field must have a value.', + 'gt' => [ + 'numeric' => 'The :attribute must be greater than :value.', + 'file' => 'The :attribute must be greater than :value kilobytes.', + 'string' => 'The :attribute must be greater than :value characters.', + 'array' => 'The :attribute must have more than :value items.', + ], + 'gte' => [ + 'numeric' => 'The :attribute must be greater than or equal :value.', + 'file' => 'The :attribute must be greater than or equal :value kilobytes.', + 'string' => 'The :attribute must be greater than or equal :value characters.', + 'array' => 'The :attribute must have :value items or more.', + ], + 'image' => 'The :attribute must be an image.', + 'in' => 'The selected :attribute is invalid.', + 'in_array' => 'The :attribute field does not exist in :other.', + 'integer' => 'The :attribute must be an integer.', + 'ip' => 'The :attribute must be a valid IP address.', + 'ipv4' => 'The :attribute must be a valid IPv4 address.', + 'ipv6' => 'The :attribute must be a valid IPv6 address.', + 'json' => 'The :attribute must be a valid JSON string.', + 'lt' => [ + 'numeric' => 'The :attribute must be less than :value.', + 'file' => 'The :attribute must be less than :value kilobytes.', + 'string' => 'The :attribute must be less than :value characters.', + 'array' => 'The :attribute must have less than :value items.', + ], + 'lte' => [ + 'numeric' => 'The :attribute must be less than or equal :value.', + 'file' => 'The :attribute must be less than or equal :value kilobytes.', + 'string' => 'The :attribute must be less than or equal :value characters.', + 'array' => 'The :attribute must not have more than :value items.', + ], + 'max' => [ + 'numeric' => 'The :attribute may not be greater than :max.', + 'file' => 'The :attribute may not be greater than :max kilobytes.', + 'string' => 'The :attribute may not be greater than :max characters.', + 'array' => 'The :attribute may not have more than :max items.', + ], + 'mimes' => 'The :attribute must be a file of type: :values.', + 'mimetypes' => 'The :attribute must be a file of type: :values.', + 'min' => [ + 'numeric' => 'The :attribute must be at least :min.', + 'file' => 'The :attribute must be at least :min kilobytes.', + 'string' => 'The :attribute must be at least :min characters.', + 'array' => 'The :attribute must have at least :min items.', + ], + 'not_in' => 'The selected :attribute is invalid.', + 'not_regex' => 'The :attribute format is invalid.', + 'numeric' => 'The :attribute must be a number.', + 'password' => 'The password is incorrect.', + 'present' => 'The :attribute field must be present.', + 'regex' => 'The :attribute format is invalid.', + 'required' => 'The :attribute field is required.', + 'required_if' => 'The :attribute field is required when :other is :value.', + 'required_unless' => 'The :attribute field is required unless :other is in :values.', + 'required_with' => 'The :attribute field is required when :values is present.', + 'required_with_all' => 'The :attribute field is required when :values are present.', + 'required_without' => 'The :attribute field is required when :values is not present.', + 'required_without_all' => 'The :attribute field is required when none of :values are present.', + 'same' => 'The :attribute and :other must match.', + 'size' => [ + 'numeric' => 'The :attribute must be :size.', + 'file' => 'The :attribute must be :size kilobytes.', + 'string' => 'The :attribute must be :size characters.', + 'array' => 'The :attribute must contain :size items.', + ], + 'starts_with' => 'The :attribute must start with one of the following: :values', + 'string' => 'The :attribute must be a string.', + 'timezone' => 'The :attribute must be a valid zone.', + 'unique' => 'The :attribute has already been taken.', + 'uploaded' => 'The :attribute failed to upload.', + 'url' => 'The :attribute format is invalid.', + 'uuid' => 'The :attribute must be a valid UUID.', + + /* + |-------------------------------------------------------------------------- + | Custom Validation Language Lines + |-------------------------------------------------------------------------- + | + | Here you may specify custom validation messages for attributes using the + | convention "attribute.rule" to name the lines. This makes it quick to + | specify a specific custom language line for a given attribute rule. + | + */ + + 'custom' => [ + 'attribute-name' => [ + 'rule-name' => 'custom-message', + ], + ], + + /* + |-------------------------------------------------------------------------- + | Custom Validation Attributes + |-------------------------------------------------------------------------- + | + | The following language lines are used to swap our attribute placeholder + | with something more reader friendly such as "E-Mail Address" instead + | of "email". This simply helps us make our message more expressive. + | + */ + + 'attributes' => [], + +]; diff --git a/resources/views/layouts/base.blade.php b/resources/views/layouts/base.blade.php new file mode 100644 index 00000000..0a41062a --- /dev/null +++ b/resources/views/layouts/base.blade.php @@ -0,0 +1,13 @@ + + + + @include('vendor/head') + + +
      + @yield('content') +
      + @include('vendor/js') + @stack('scripts') + + \ No newline at end of file diff --git a/resources/views/layouts/base_login.blade.php b/resources/views/layouts/base_login.blade.php new file mode 100644 index 00000000..583ca00b --- /dev/null +++ b/resources/views/layouts/base_login.blade.php @@ -0,0 +1,66 @@ +@extends('layouts.base') + +@section('content') +
      +
      +
      +
      +
      +
      +
      +
      +
      IZYIM
      +
      +
      +
      +
      +

      Logistic's tough.
      Luckily you've just
      found your wingman.

      +
      +
      +
      +
      +
      +
      +

      Browser Recommendations:

      +
      +
      +
      +
      +

      To use IZYIM portal, we presently require
      Microsoft Internet Explorer 7.x or higher

      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + @yield('inner_content') +
      +
      +
      +
      +
      +
      +
      +
      +
      +

      Support:

      +
      +
      +
      +
      +

      To obtain access to this site or for any questions about its
      use submit an email message to info@izyim.com

      +
      +
      +
      +
      +
      +
      +
      +@endsection \ No newline at end of file diff --git a/resources/views/layouts/base_portal.blade.php b/resources/views/layouts/base_portal.blade.php new file mode 100644 index 00000000..71125146 --- /dev/null +++ b/resources/views/layouts/base_portal.blade.php @@ -0,0 +1,15 @@ +@extends('layouts.base') + +@section('content') + @include('partials.header') +
      +
      +
      +
      + @yield('inner_content') +
      +
      + @include('partials.footer') +
      +
      +@endsection \ No newline at end of file diff --git a/resources/views/pages/accounts/authentication/login.blade.php b/resources/views/pages/accounts/authentication/login.blade.php new file mode 100644 index 00000000..1a217cac --- /dev/null +++ b/resources/views/pages/accounts/authentication/login.blade.php @@ -0,0 +1,93 @@ +@extends('layouts.base_login') + +@section('inner_content') + +
      +
      + +
      +
      +
      +
      + + + +
      +
      + +
      +
      +
      +
      +
      +
      +
      Did you forget your password?
      +
      +
      +
      +
      +

      Enter your email address you're using for your account below
      and we will send you a password reset link

      +
      +
      + +
      +
      +       +       +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +
      +
      Login Successful
      +
      +
      +
      +
      + Please wait for redirect +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      reset your password
      +
      +
      +
      +
      we have sent a reset password email to
      Please click the reset password link to set your new password.
      +
      +
      +
      didn't receive the email yet ? Please check your spam folder, or resend the email
      +
      +
      +
      Did you remember your password? Go back to login
      +
      +
      +
      +       +@endsection \ No newline at end of file diff --git a/resources/views/pages/accounts/authentication/reset_password.blade.php b/resources/views/pages/accounts/authentication/reset_password.blade.php new file mode 100644 index 00000000..5a5d77ed --- /dev/null +++ b/resources/views/pages/accounts/authentication/reset_password.blade.php @@ -0,0 +1,74 @@ +@extends('layouts.base_login') + +@section('inner_content') + +
      +
      + +
      +
      +
      +
      + + +
      +
      +
      +
      +
      Reset your password
      +
      +
      + +
      +
      +       +
      +
      +
      +
      +
      +
      +
      +
      +

      Support:

      +
      +
      +
      +
      +

      To obtain access to this site or for any questions about its
      use submit an email message to info@izyim.com

      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
      Password Changed
      +
      +
      +
      +
      + Your password has been changed successfully +
      +
      +
      +
      + Go to login +
      +
      +
      +
      +       +@endsection \ No newline at end of file diff --git a/resources/views/pages/errors/maintenance.blade.php b/resources/views/pages/errors/maintenance.blade.php new file mode 100644 index 00000000..3debf283 --- /dev/null +++ b/resources/views/pages/errors/maintenance.blade.php @@ -0,0 +1,27 @@ +@extends('layouts.base') + +@section('content') +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +

      The site is currently down for maintenance

      +
      +
      +
      +
      +
      Just tidying up a bit. We will be done shortly... so please check back soon!
      +
      +
      +
      +
      +
      +
      +@endsection \ No newline at end of file diff --git a/resources/views/partials/footer.blade.php b/resources/views/partials/footer.blade.php new file mode 100644 index 00000000..de92c64a --- /dev/null +++ b/resources/views/partials/footer.blade.php @@ -0,0 +1,11 @@ + +
      +
      +
      +
      + Copyright © 2020 IZYIM. All rights reserved. +
      +
      +
      +
      + \ No newline at end of file diff --git a/resources/views/partials/header.blade.php b/resources/views/partials/header.blade.php new file mode 100644 index 00000000..026df1a5 --- /dev/null +++ b/resources/views/partials/header.blade.php @@ -0,0 +1,69 @@ + \ No newline at end of file diff --git a/resources/views/partials/menu.blade.php b/resources/views/partials/menu.blade.php new file mode 100644 index 00000000..076a5a14 --- /dev/null +++ b/resources/views/partials/menu.blade.php @@ -0,0 +1,74 @@ +
      +
      + +
      +
      \ No newline at end of file diff --git a/resources/views/vendor/head.blade.php b/resources/views/vendor/head.blade.php new file mode 100644 index 00000000..c672d9e0 --- /dev/null +++ b/resources/views/vendor/head.blade.php @@ -0,0 +1,23 @@ + + +IZYIM - Private Import Assistant + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/resources/views/vendor/js.blade.php b/resources/views/vendor/js.blade.php new file mode 100644 index 00000000..a761d204 --- /dev/null +++ b/resources/views/vendor/js.blade.php @@ -0,0 +1,12 @@ +{{--BEGIN VENDOR JS--}} + + + + +{{--END VENDOR JS--}} \ No newline at end of file diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php new file mode 100644 index 00000000..e69de29b diff --git a/routes/account.php b/routes/account.php new file mode 100644 index 00000000..91c59336 --- /dev/null +++ b/routes/account.php @@ -0,0 +1,27 @@ + 'account', 'namespace' => 'Account', 'as' => 'account.'], function () { + + Route::group(['prefix' => 'authentication', 'as' => 'authentication.'], function () { + + Route::group(['prefix' => 'login', 'as' => 'authenticate.'], function () { + Route::post('/attempt', 'UserAuthenticationController@authenticate')->name('attempt'); + Route::post('/check_email', 'CheckEmailController@check')->name('email.check'); + }); + + Route::group(['prefix' => 'password', 'as' => 'password.'], function () { + Route::post('/forget', 'GeneratePasswordResetController@generate')->name('forget'); + Route::post('/reset', 'ResetPasswordController@reset')->name('reset'); + }); + + Route::post('/registration', 'CreateUserController@create')->name('registration'); + + }); + + Route::group(['prefix' => 'user', 'as' => 'user.'], function () { + Route::get('list', 'ListUsersController@list')->name('list'); + }); + +}); \ No newline at end of file diff --git a/routes/api.php b/routes/api.php new file mode 100644 index 00000000..a06dbd3f --- /dev/null +++ b/routes/api.php @@ -0,0 +1,23 @@ + 'api', 'prefix' => 'v1', 'as' => 'api.'], function () { + require __DIR__ . '/account.php'; + + Route::group(['middleware' => 'valid.token'], function () { + require __DIR__ . '/crud.php'; + }); +}); diff --git a/routes/channels.php b/routes/channels.php new file mode 100644 index 00000000..963b0d21 --- /dev/null +++ b/routes/channels.php @@ -0,0 +1,18 @@ +id === (int) $id; +}); diff --git a/routes/console.php b/routes/console.php new file mode 100644 index 00000000..da55196d --- /dev/null +++ b/routes/console.php @@ -0,0 +1,19 @@ +comment(Inspiring::quote()); +})->describe('Display an inspiring quote'); diff --git a/routes/crud.php b/routes/crud.php new file mode 100644 index 00000000..1e117e14 --- /dev/null +++ b/routes/crud.php @@ -0,0 +1,16 @@ + 'address', 'as' => 'address.', 'namespace' => 'Addresses'], function () { + + Route::get('/{id}/show', 'FetchAddressController@fetch')->name('show'); + + Route::get('/list', 'ListAddressesController@list')->name('list'); + + Route::post('/create', 'CreateAddressController@create')->name('create'); + + Route::put('/update/{id}', 'UpdateAddressController@update')->name('update'); + + Route::delete('/delete/{id}', 'DeleteAddressController@destroy')->name('delete'); + +}); \ No newline at end of file diff --git a/routes/web.php b/routes/web.php new file mode 100644 index 00000000..2f1a11e2 --- /dev/null +++ b/routes/web.php @@ -0,0 +1,22 @@ +name('login'); + +Route::get('account/password/reset/{token}', function ($token){ + return view('pages.accounts.authentication.reset_password',['token' => $token]); +})->name('account.password.reset'); diff --git a/server.php b/server.php new file mode 100644 index 00000000..5fb6379e --- /dev/null +++ b/server.php @@ -0,0 +1,21 @@ + + */ + +$uri = urldecode( + parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH) +); + +// This file allows us to emulate Apache's "mod_rewrite" functionality from the +// built-in PHP web server. This provides a convenient way to test a Laravel +// application without having installed a "real" web server software here. +if ($uri !== '/' && file_exists(__DIR__.'/public'.$uri)) { + return false; +} + +require_once __DIR__.'/public/index.php'; diff --git a/storage/app/.gitignore b/storage/app/.gitignore new file mode 100644 index 00000000..8f4803c0 --- /dev/null +++ b/storage/app/.gitignore @@ -0,0 +1,3 @@ +* +!public/ +!.gitignore diff --git a/storage/app/public/.gitignore b/storage/app/public/.gitignore new file mode 100644 index 00000000..d6b7ef32 --- /dev/null +++ b/storage/app/public/.gitignore @@ -0,0 +1,2 @@ +* +!.gitignore diff --git a/storage/framework/.gitignore b/storage/framework/.gitignore new file mode 100644 index 00000000..b02b700f --- /dev/null +++ b/storage/framework/.gitignore @@ -0,0 +1,8 @@ +config.php +routes.php +schedule-* +compiled.php +services.json +events.scanned.php +routes.scanned.php +down diff --git a/storage/framework/cache/.gitignore b/storage/framework/cache/.gitignore new file mode 100644 index 00000000..01e4a6cd --- /dev/null +++ b/storage/framework/cache/.gitignore @@ -0,0 +1,3 @@ +* +!data/ +!.gitignore diff --git a/storage/framework/cache/data/.gitignore b/storage/framework/cache/data/.gitignore new file mode 100644 index 00000000..d6b7ef32 --- /dev/null +++ b/storage/framework/cache/data/.gitignore @@ -0,0 +1,2 @@ +* +!.gitignore diff --git a/storage/framework/sessions/.gitignore b/storage/framework/sessions/.gitignore new file mode 100644 index 00000000..d6b7ef32 --- /dev/null +++ b/storage/framework/sessions/.gitignore @@ -0,0 +1,2 @@ +* +!.gitignore diff --git a/storage/framework/testing/.gitignore b/storage/framework/testing/.gitignore new file mode 100644 index 00000000..d6b7ef32 --- /dev/null +++ b/storage/framework/testing/.gitignore @@ -0,0 +1,2 @@ +* +!.gitignore diff --git a/storage/framework/views/.gitignore b/storage/framework/views/.gitignore new file mode 100644 index 00000000..d6b7ef32 --- /dev/null +++ b/storage/framework/views/.gitignore @@ -0,0 +1,2 @@ +* +!.gitignore diff --git a/storage/logs/.gitignore b/storage/logs/.gitignore new file mode 100644 index 00000000..d6b7ef32 --- /dev/null +++ b/storage/logs/.gitignore @@ -0,0 +1,2 @@ +* +!.gitignore diff --git a/tests/CreatesApplication.php b/tests/CreatesApplication.php new file mode 100644 index 00000000..547152f6 --- /dev/null +++ b/tests/CreatesApplication.php @@ -0,0 +1,22 @@ +make(Kernel::class)->bootstrap(); + + return $app; + } +} diff --git a/tests/Feature/ExampleTest.php b/tests/Feature/ExampleTest.php new file mode 100644 index 00000000..cdb51119 --- /dev/null +++ b/tests/Feature/ExampleTest.php @@ -0,0 +1,21 @@ +get('/'); + + $response->assertStatus(200); + } +} diff --git a/tests/TestCase.php b/tests/TestCase.php new file mode 100644 index 00000000..2932d4a6 --- /dev/null +++ b/tests/TestCase.php @@ -0,0 +1,10 @@ +assertTrue(true); + } +} diff --git a/webpack.mix.js b/webpack.mix.js new file mode 100644 index 00000000..5f837285 --- /dev/null +++ b/webpack.mix.js @@ -0,0 +1,14 @@ +const mix = require('laravel-mix'); + +/* + |-------------------------------------------------------------------------- + | Mix Asset Management + |-------------------------------------------------------------------------- + | + | Mix provides a clean, fluent API for defining some Webpack build steps + | for your Laravel application. By default, we are compiling the Sass + | file for the application as well as bundling up all the JS files. + | + */ + +mix.js('./resources/assets/vue/app.js', 'public/vue');