Browse Source
Merge pull request #170 from puikinsh/master
Merge pull request #168 from puikinsh/Datatable_bug_fix_and_package_u…Datatable_bug_fix_and_package_update
Aigars Silkalns
2 years ago
committed by
GitHub
GitHub
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
58 changed files with 21989 additions and 724 deletions
Split View
Diff Options
-
+4 -9.babelrc
-
+56 -0.eslintrc.json
-
+0 -66.eslintrc.yml
-
+35 -0.github/workflows/merge.yml
-
+50 -0.github/workflows/release.yml
-
+1 -1.gitignore
-
+1 -0.nvmrc
-
+9 -0.stylelintrc.json
-
+0 -7.stylelintrc.yml
-
+16 -2CHANGELOG.md
-
+7 -5README.md
-
+11 -1browserslist
-
+1 -0ci/getVersion.sh
-
+9 -0ci/verifyVersion.sh
-
+66 -66forms.php
-
+20946 -0package-lock.json
-
+60 -49package.json
-
+3 -2src/assets/scripts/charts/chartJS/index.js
-
+80 -54src/assets/scripts/fullcalendar/index.js
-
+4 -2src/assets/scripts/index.js
-
+10 -4src/assets/scripts/popover/index.js
-
+1 -1src/assets/styles/index.scss
-
+2 -2src/assets/styles/spec/components/topbar.scss
-
+18 -0src/assets/styles/spec/generic/base.scss
-
+1 -1src/assets/styles/spec/settings/index.scss
-
+1 -1src/assets/styles/spec/settings/materialColors.scss
-
+10 -10src/assets/styles/spec/utils/colors.scss
-
+62 -60src/assets/styles/spec/utils/layout/utils/gap.scss
-
+1 -1src/assets/styles/vendor/index.scss
-
+8 -8src/basic-table.html
-
+8 -8src/blank.html
-
+5 -5src/buttons.html
-
+21 -21src/calendar.html
-
+4 -4src/charts.html
-
+5 -5src/chat.html
-
+18 -18src/compose.html
-
+4 -4src/datatable.html
-
+26 -26src/email.html
-
+59 -59src/forms.html
-
+4 -4src/google-maps.html
-
+28 -28src/index.html
-
+7 -7src/signin.html
-
+10 -10src/signup.html
-
+96 -0src/test.html
-
+53 -55src/ui.html
-
+4 -4src/vector-maps.html
-
+25 -12webpack/config.js
-
+28 -22webpack/devServer.js
-
+4 -3webpack/manifest.js
-
+4 -2webpack/plugins/copyPlugin.js
-
+2 -2webpack/plugins/extractPlugin.js
-
+21 -7webpack/plugins/htmlPlugin.js
-
+2 -1webpack/plugins/index.js
-
+41 -40webpack/plugins/internal.js
-
+5 -5webpack/rules/css.js
-
+2 -2webpack/rules/fonts.js
-
+1 -1webpack/rules/images.js
-
+29 -17webpack/rules/sass.js
+ 4
- 9
.babelrc
View File
| @ -1,12 +1,7 @@ | |||
| { | |||
| "presets": ["@babel/preset-env"], | |||
| "plugins": [ | |||
| "transform-class-properties", | |||
| "transform-object-rest-spread" | |||
| ], | |||
| "presets": [ | |||
| ["env", { | |||
| "modules": false | |||
| }], | |||
| "stage-0" | |||
| "@babel/plugin-proposal-class-properties", | |||
| "@babel/plugin-proposal-object-rest-spread" | |||
| ] | |||
| } | |||
| } | |||
+ 56
- 0
.eslintrc.json
View File
| @ -0,0 +1,56 @@ | |||
| { | |||
| "extends": "airbnb-base", | |||
| "parser": "@babel/eslint-parser", | |||
| "settings": { | |||
| "ecmascript": 7 | |||
| }, | |||
| "parserOptions": { | |||
| "ecmaVersion": 2018, | |||
| "ecmaFeatures": { | |||
| "modules": true, | |||
| "destructuring": true, | |||
| "classes": true, | |||
| "forOf": true, | |||
| "blockBindings": true, | |||
| "arrowFunctions": true | |||
| } | |||
| }, | |||
| "env": { | |||
| "browser": true | |||
| }, | |||
| "rules": { | |||
| "arrow-body-style": 0, | |||
| "prefer-arrow-callback": 0, | |||
| "arrow-parens": 0, | |||
| "no-param-reassign": 0, | |||
| "no-new": 0, | |||
| "consistent-return": 0, | |||
| "key-spacing": 0, | |||
| "no-multi-spaces": 0, | |||
| "no-underscore-dangle": 0, | |||
| "one-var": 0, | |||
| "global-require": 0, | |||
| "class-methods-use-this": 0, | |||
| "comma-dangle": ["error", { | |||
| "arrays": "always-multiline", | |||
| "objects": "always-multiline", | |||
| "imports": "always-multiline", | |||
| "exports": "always-multiline", | |||
| "functions": "never" | |||
| }], | |||
| "func-names": 0, | |||
| "function-paren-newline": 0, | |||
| "indent": 2, | |||
| "new-cap": 0, | |||
| "no-plusplus": 0, | |||
| "no-return-assign": 0, | |||
| "quote-props": 0, | |||
| "template-curly-spacing": 0, | |||
| "no-unused-expressions": 0, | |||
| "import/extensions": 0, | |||
| "import/no-extraneous-dependencies": 0, | |||
| "import/no-unresolved": 0, | |||
| "import/prefer-default-export": 0, | |||
| "linebreak-style": ["error", "windows"] | |||
| } | |||
| } | |||
+ 0
- 66
.eslintrc.yml
View File
| @ -1,66 +0,0 @@ | |||
| --- | |||
| extends: | |||
| airbnb-base | |||
| parser: | |||
| babel-eslint | |||
| settings: | |||
| ecmascript: 7 | |||
| parserOptions: | |||
| ecmaFeatures: | |||
| modules: true | |||
| destructuring: true | |||
| experimentalObjectRestSpread: true | |||
| classes: true | |||
| forOf: true | |||
| blockBindings: true | |||
| arrowFunctions: true | |||
| env: | |||
| browser: true | |||
| rules: | |||
| # ------------- | |||
| # General Rules | |||
| # ------------- | |||
| arrow-body-style: 0 | |||
| prefer-arrow-callback: 0 | |||
| arrow-parens: 0 | |||
| no-param-reassign: 0 | |||
| no-new: 0 | |||
| consistent-return: 0 | |||
| key-spacing: 0 | |||
| no-multi-spaces: 0 | |||
| no-underscore-dangle: 0 | |||
| one-var: 0 | |||
| global-require: 0 | |||
| class-methods-use-this: 0 | |||
| comma-dangle: ["error", { | |||
| "arrays": "always-multiline", | |||
| "objects": "always-multiline", | |||
| "imports": "always-multiline", | |||
| "exports": "always-multiline", | |||
| "functions": "never" | |||
| }] | |||
| func-names: 0 | |||
| function-paren-newline: 0 | |||
| indent: 2 | |||
| new-cap: 0 | |||
| no-plusplus: 0 | |||
| no-return-assign: 0 | |||
| quote-props: 0 | |||
| template-curly-spacing: 0 | |||
| no-unused-expressions: 0 | |||
| # ------------ | |||
| # Import Rules | |||
| # ------------ | |||
| import/extensions: 0 | |||
| import/no-extraneous-dependencies: 0 | |||
| import/no-unresolved: 0 | |||
| import/prefer-default-export: 0 | |||
+ 35
- 0
.github/workflows/merge.yml
View File
| @ -0,0 +1,35 @@ | |||
| name: Merge checks | |||
| on: | |||
| pull_request: | |||
| branches: | |||
| - master | |||
| jobs: | |||
| build: | |||
| runs-on: ubuntu-latest | |||
| strategy: | |||
| matrix: | |||
| node-version: [20.x] | |||
| steps: | |||
| - uses: actions/checkout@v3 | |||
| - name: Use Node.js ${{ matrix.node-version }} | |||
| uses: actions/setup-node@v3 | |||
| with: | |||
| node-version: ${{ matrix.node-version }} | |||
| - name: Build | |||
| run: | | |||
| npm install | |||
| npm run build | |||
| - name: Get version | |||
| run: echo "::set-output name=version::v$(./ci/getVersion.sh)" | |||
| id: version | |||
| - name: Verify version | |||
| run: | | |||
| ./ci/verifyVersion.sh ${{ steps.version.outputs.version }} | |||
+ 50
- 0
.github/workflows/release.yml
View File
| @ -0,0 +1,50 @@ | |||
| name: NodeJS with Webpack | |||
| on: | |||
| push: | |||
| branches: [ "master" ] | |||
| jobs: | |||
| build: | |||
| runs-on: ubuntu-latest | |||
| strategy: | |||
| matrix: | |||
| node-version: [20.x] | |||
| steps: | |||
| - uses: actions/checkout@v3 | |||
| - name: Use Node.js ${{ matrix.node-version }} | |||
| uses: actions/setup-node@v3 | |||
| with: | |||
| node-version: ${{ matrix.node-version }} | |||
| - name: Build | |||
| run: | | |||
| npm install | |||
| npm run release:minified | |||
| zip -r -j static_minified.zip dist/* | |||
| npm run release:unminified | |||
| zip -r -j static_unminified.zip dist/* | |||
| - name: Get version | |||
| run: echo "::set-output name=version::v$(./ci/getVersion.sh)" | |||
| id: version | |||
| - name: Verify version | |||
| run: | | |||
| ./ci/verifyVersion.sh ${{ steps.version.outputs.version }} | |||
| # Verify changelog has entry with new version | |||
| - name: Release | |||
| uses: softprops/action-gh-release@v1 | |||
| with: | |||
| name: ${{ steps.version.outputs.version }} | |||
| tag_name: ${{ steps.version.outputs.version }} | |||
| files: | | |||
| static_minified.zip | |||
| static_unminified.zip | |||
| fail_on_unmatched_files: true | |||
| prerelease: false | |||
| draft: false | |||
+ 1
- 1
.gitignore
View File
+ 1
- 0
.nvmrc
View File
| @ -0,0 +1 @@ | |||
| 20 | |||
+ 9
- 0
.stylelintrc.json
View File
| @ -0,0 +1,9 @@ | |||
| { | |||
| "extends": "stylelint-config-standard", | |||
| "rules": { | |||
| "at-rule-no-unknown": null, | |||
| "at-rule-empty-line-before": null, | |||
| "selector-list-comma-newline-after": null, | |||
| "block-opening-brace-space-before": null | |||
| } | |||
| } | |||
+ 0
- 7
.stylelintrc.yml
View File
| @ -1,7 +0,0 @@ | |||
| --- | |||
| extends: stylelint-config-standard | |||
| rules: | |||
| at-rule-no-unknown: null | |||
| at-rule-empty-line-before: null | |||
| selector-list-comma-newline-after: null | |||
| block-opening-brace-space-before: null | |||
+ 16
- 2
CHANGELOG.md
View File
| @ -1,5 +1,19 @@ | |||
| ### Changelog | |||
| # Changelog | |||
| #### 1.0.0 | |||
| ## [2.1.0] | |||
| - Upgraded all dependencies | |||
| ## [2.0.0] | |||
| ### Changed | |||
| - Upgrade to Bootstrap 5 | |||
| ## [1.1.0] | |||
| ### Changed | |||
| - Upgrade to webpack 5 | |||
| ## [1.0.0] | |||
| ### Added | |||
| - Intial release | |||
+ 7
- 5
README.md
View File
+ 11
- 1
browserslist
View File
| @ -1 +1,11 @@ | |||
| Last 3 versions | |||
| # https://github.com/browserslist/browserslist#readme | |||
| >= 0.5% | |||
| last 2 major versions | |||
| not dead | |||
| Chrome >= 60 | |||
| Firefox >= 60 | |||
| Firefox ESR | |||
| iOS >= 12 | |||
| Safari >= 12 | |||
| not Explorer <= 11 | |||
+ 1
- 0
ci/getVersion.sh
View File
| @ -0,0 +1 @@ | |||
| echo $(sed 's/.*"version": "\(.*\)".*/\1/;t;d' ./package.json) | |||
+ 9
- 0
ci/verifyVersion.sh
View File
| @ -0,0 +1,9 @@ | |||
| VERSION=$1 | |||
| TAG_EXISTS=$(git ls-remote --tags origin $VERSION | wc -l) | |||
| if [ $TAG_EXISTS -eq "1" ]; then | |||
| echo "The tag '$VERSION' already exists. Please update version in package.json."; | |||
| exit 1; | |||
| fi | |||
| echo "The tag '$VERSION' does not exist - success."; | |||
+ 66
- 66
forms.php
View File
+ 20946
- 0
package-lock.json
File diff suppressed because it is too large
View File
+ 60
- 49
package.json
View File
| @ -1,69 +1,80 @@ | |||
| { | |||
| "name": "adminator", | |||
| "version": "1.0.0", | |||
| "version": "2.1.0", | |||
| "private": true, | |||
| "description": "HTML Admin Template", | |||
| "scripts": { | |||
| "start": "webpack-dev-server", | |||
| "dev": "webpack-dashboard -t 'Project' -- webpack-dev-server", | |||
| "clean": "shx rm -rf ./build", | |||
| "build": "npm run clean && cross-env NODE_ENV=\"production\" webpack", | |||
| "preview": "cross-env NODE_ENV=\"production\" webpack-dev-server", | |||
| "start": "webpack server", | |||
| "dev": "webpack-dashboard -t 'Project' -- webpack server", | |||
| "clean": "shx rm -rf ./dist", | |||
| "build": "npm run clean && cross-env webpack", | |||
| "release:minified": "npm run clean && NODE_ENV=production MINIFY=true cross-env webpack", | |||
| "release:unminified": "npm run clean && NODE_ENV=production MINIFY=false cross-env webpack", | |||
| "preview": "cross-env webpack server", | |||
| "lint:js": "eslint ./src ./webpack ./*.js -f table --ext .js --ext .jsx", | |||
| "lint:scss": "stylelint ./src/**/*.scss --syntax scss", | |||
| "lint": "npm run lint:js && npm run lint:scss" | |||
| }, | |||
| "devDependencies": { | |||
| "babel-core": "^6.26.0", | |||
| "babel-eslint": "^8.0.1", | |||
| "babel-loader": "^7.1.2", | |||
| "babel-plugin-transform-class-properties": "^6.24.1", | |||
| "babel-plugin-transform-object-rest-spread": "^6.26.0", | |||
| "babel-plugin-transform-runtime": "^6.23.0", | |||
| "babel-preset-env": "^1.6.1", | |||
| "@babel/core": "^7.24.5", | |||
| "@babel/eslint-parser": "^7.24.5", | |||
| "@babel/plugin-proposal-class-properties": "^7.13.0", | |||
| "@babel/plugin-proposal-object-rest-spread": "^7.13.8", | |||
| "@babel/plugin-transform-runtime": "^7.24.3", | |||
| "@babel/preset-env": "^7.24.5", | |||
| "@babel/runtime": "^7.24.5", | |||
| "babel-core": "^6.26.3", | |||
| "babel-loader": "^9.1.3", | |||
| "babel-preset-env": "^1.7.0", | |||
| "babel-preset-stage-0": "^6.24.1", | |||
| "babel-runtime": "^6.26.0", | |||
| "case-sensitive-paths-webpack-plugin": "^2.1.1", | |||
| "copy-webpack-plugin": "^4.2.0", | |||
| "cross-env": "^5.1.0", | |||
| "css-loader": "^0.28.7", | |||
| "eslint": "^4.9.0", | |||
| "eslint-config-airbnb-base": "^12.1.0", | |||
| "eslint-plugin-import": "2.7.0", | |||
| "extract-text-webpack-plugin": "^3.0.1", | |||
| "html-webpack-plugin": "^2.30.1", | |||
| "imagemin-webpack-plugin": "^1.6.1", | |||
| "node-sass": "^4.13.0", | |||
| "postcss-cssnext": "^3.0.2", | |||
| "postcss-loader": "^2.0.8", | |||
| "sass-loader": "^6.0.6", | |||
| "shx": "^0.2.2", | |||
| "style-loader": "^0.19.0", | |||
| "stylelint": "^8.2.0", | |||
| "stylelint-config-standard": "^17.0.0", | |||
| "webpack": "^3.8.1", | |||
| "webpack-dashboard": "^1.0.0", | |||
| "webpack-dev-server": "^2.9.3" | |||
| "case-sensitive-paths-webpack-plugin": "^2.4.0", | |||
| "copy-webpack-plugin": "^12.0.2", | |||
| "cross-env": "^7.0.3", | |||
| "css-loader": "^7.1.1", | |||
| "css-minimizer-webpack-plugin": "^7.0.0", | |||
| "eslint": "^8.55.0", | |||
| "eslint-config-airbnb-base": "^15.0.0", | |||
| "eslint-plugin-import": "^2.29.1", | |||
| "html-webpack-plugin": "^5.6.0", | |||
| "imagemin-webpack-plugin": "^2.4.2", | |||
| "mini-css-extract-plugin": "^2.9.0", | |||
| "postcss": "^8.4.38", | |||
| "postcss-loader": "^8.1.1", | |||
| "postcss-preset-env": "^9.5.13", | |||
| "sass": "^1.77.1", | |||
| "sass-loader": "^14.2.1", | |||
| "shx": "^0.3.3", | |||
| "style-loader": "^4.0.0", | |||
| "stylelint": "^16.5.0", | |||
| "stylelint-config-standard": "^36.0.0", | |||
| "webpack": "^5.91.0", | |||
| "webpack-cli": "^5.1.4", | |||
| "webpack-dashboard": "^3.3.1", | |||
| "webpack-dev-server": "^5.0.4" | |||
| }, | |||
| "dependencies": { | |||
| "@fullcalendar/core": "^6.1.11", | |||
| "@fullcalendar/daygrid": "^6.1.11", | |||
| "@fullcalendar/interaction": "^6.1.11", | |||
| "@fullcalendar/list": "^6.1.11", | |||
| "@fullcalendar/timegrid": "^6.1.11", | |||
| "@popperjs/core": "^2.11.6", | |||
| "babel-polyfill": "^6.26.0", | |||
| "bootstrap": "^4.0.0", | |||
| "bootstrap-datepicker": "^1.7.1", | |||
| "brand-colors": "^2.0.1", | |||
| "chart.js": "^2.9.2", | |||
| "datatables": "^1.10.13", | |||
| "bootstrap": "^5.3.3", | |||
| "bootstrap-datepicker": "^1.9.0", | |||
| "brand-colors": "^2.1.1", | |||
| "chart.js": "^4.4.2", | |||
| "datatables": "^1.10.18", | |||
| "easy-pie-chart": "^2.1.7", | |||
| "file-loader": "^1.1.5", | |||
| "fullcalendar": "^3.6.2", | |||
| "jquery": "^3.2.1", | |||
| "file-loader": "^6.2.0", | |||
| "jquery": "^3.6.0", | |||
| "jquery-sparkline": "^2.4.0", | |||
| "jvectormap": "^2.0.4", | |||
| "load-google-maps-api": "^1.0.0", | |||
| "lodash": "^4.17.4", | |||
| "masonry-layout": "^4.2.0", | |||
| "moment": "^2.19.1", | |||
| "perfect-scrollbar": "^1.1.0", | |||
| "popper.js": "^1.12.6", | |||
| "load-google-maps-api": "^2.0.2", | |||
| "lodash": "^4.17.21", | |||
| "masonry-layout": "^4.2.2", | |||
| "moment": "^2.30.1", | |||
| "perfect-scrollbar": "^1.5.1", | |||
| "skycons": "^1.0.0" | |||
| } | |||
| } | |||
+ 3
- 2
src/assets/scripts/charts/chartJS/index.js
View File
+ 80
- 54
src/assets/scripts/fullcalendar/index.js
View File
| @ -1,59 +1,85 @@ | |||
| import * as $ from 'jquery'; | |||
| import 'fullcalendar/dist/fullcalendar.min.js'; | |||
| import 'fullcalendar/dist/fullcalendar.min.css'; | |||
| import { Calendar } from '@fullcalendar/core'; | |||
| import interactionPlugin from '@fullcalendar/interaction'; | |||
| import dayGridPlugin from '@fullcalendar/daygrid'; | |||
| import timeGridPlugin from '@fullcalendar/timegrid'; | |||
| import listPlugin from '@fullcalendar/list'; | |||
| export default (function () { | |||
| const date = new Date(); | |||
| const d = date.getDate(); | |||
| const m = date.getMonth(); | |||
| const y = date.getFullYear(); | |||
| document.addEventListener('DOMContentLoaded', function () { | |||
| const calendarEl = document.getElementById('calendar'); | |||
| const events = [{ | |||
| title : 'All Day Event', | |||
| start : new Date(y, m, 1), | |||
| desc : 'Meetings', | |||
| bullet : 'success', | |||
| }, { | |||
| title : 'Long Event', | |||
| start : new Date(y, m, d - 5), | |||
| end : new Date(y, m, d - 2), | |||
| desc : 'Hangouts', | |||
| bullet : 'success', | |||
| }, { | |||
| title : 'Repeating Event', | |||
| start : new Date(y, m, d - 3, 16, 0), | |||
| allDay : false, | |||
| desc : 'Product Checkup', | |||
| bullet : 'warning', | |||
| }, { | |||
| title : 'Repeating Event', | |||
| start : new Date(y, m, d + 4, 16, 0), | |||
| allDay : false, | |||
| desc : 'Conference', | |||
| bullet : 'danger', | |||
| }, { | |||
| title : 'Birthday Party', | |||
| start : new Date(y, m, d + 1, 19, 0), | |||
| end : new Date(y, m, d + 1, 22, 30), | |||
| allDay : false, | |||
| desc : 'Gathering', | |||
| }, { | |||
| title : 'Click for Google', | |||
| start : new Date(y, m, 28), | |||
| end : new Date(y, m, 29), | |||
| url : 'http ://google.com/', | |||
| desc : 'Google', | |||
| bullet : 'success', | |||
| }]; | |||
| // element found in dom ? | |||
| if (calendarEl == null) { | |||
| return; | |||
| } | |||
| $('#full-calendar').fullCalendar({ | |||
| events, | |||
| height : 800, | |||
| editable : true, | |||
| header: { | |||
| left : 'month,agendaWeek,agendaDay', | |||
| center : 'title', | |||
| right : 'today prev,next', | |||
| const calendar = new Calendar(calendarEl, { | |||
| plugins: [interactionPlugin, dayGridPlugin, timeGridPlugin, listPlugin], | |||
| headerToolbar: { | |||
| left: 'prev,next today', | |||
| center: 'title', | |||
| right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek', | |||
| }, | |||
| initialDate: '2024-01-12', | |||
| navLinks: true, // can click day/week names to navigate views | |||
| editable: true, | |||
| dayMaxEvents: true, // allow "more" link when too many events | |||
| events: [ | |||
| { | |||
| title: 'All Day Event', | |||
| start: '2024-01-01', | |||
| }, | |||
| { | |||
| title: 'Long Event', | |||
| start: '2024-01-07', | |||
| end: '2024-01-10', | |||
| }, | |||
| { | |||
| groupId: 999, | |||
| title: 'Repeating Event', | |||
| start: '2024-01-09T16:00:00', | |||
| }, | |||
| { | |||
| groupId: 999, | |||
| title: 'Repeating Event', | |||
| start: '2024-01-16T16:00:00', | |||
| }, | |||
| { | |||
| title: 'Conference', | |||
| start: '2024-01-11', | |||
| end: '2024-01-13', | |||
| }, | |||
| { | |||
| title: 'Meeting', | |||
| start: '2024-01-12T10:30:00', | |||
| end: '2024-01-12T12:30:00', | |||
| }, | |||
| { | |||
| title: 'Lunch', | |||
| start: '2024-01-12T12:00:00', | |||
| }, | |||
| { | |||
| title: 'Meeting', | |||
| start: '2024-01-12T14:30:00', | |||
| }, | |||
| { | |||
| title: 'Happy Hour', | |||
| start: '2024-01-12T17:30:00', | |||
| }, | |||
| { | |||
| title: 'Dinner', | |||
| start: '2024-01-12T20:00:00', | |||
| }, | |||
| { | |||
| title: 'Birthday Party', | |||
| start: '2024-01-13T07:00:00', | |||
| }, | |||
| { | |||
| title: 'Click for Google', | |||
| url: 'http://google.com/', | |||
| start: '2024-01-28', | |||
| }, | |||
| ], | |||
| }); | |||
| }()) | |||
| calendar.render(); | |||
| }); | |||
+ 4
- 2
src/assets/scripts/index.js
View File
+ 10
- 4
src/assets/scripts/popover/index.js
View File
| @ -1,16 +1,22 @@ | |||
| import * as $ from 'jquery'; | |||
| import 'bootstrap'; | |||
| // import * as $ from 'jquery'; | |||
| import * as bootstrap from 'bootstrap' | |||
| export default (function () { | |||
| // ------------------------------------------------------ | |||
| // @Popover | |||
| // ------------------------------------------------------ | |||
| $('[data-toggle="popover"]').popover(); | |||
| var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')) | |||
| var popoverList = popoverTriggerList.map(function (popoverTriggerEl) { | |||
| return new bootstrap.Popover(popoverTriggerEl) | |||
| }) | |||
| // ------------------------------------------------------ | |||
| // @Tooltips | |||
| // ------------------------------------------------------ | |||
| $('[data-toggle="tooltip"]').tooltip(); | |||
| var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) | |||
| var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { | |||
| return new bootstrap.Tooltip(tooltipTriggerEl) | |||
| }) | |||
| }()); | |||
+ 1
- 1
src/assets/styles/index.scss
View File
| @ -1,6 +1,6 @@ | |||
| @import 'spec/settings/index'; | |||
| @import 'spec/tools/index'; | |||
| @import "~bootstrap/scss/bootstrap"; | |||
| @import "bootstrap/scss/bootstrap"; | |||
| @import 'spec/index'; | |||
| @import 'vendor/index'; | |||
+ 2
- 2
src/assets/styles/spec/components/topbar.scss
View File
+ 18
- 0
src/assets/styles/spec/generic/base.scss
View File
+ 1
- 1
src/assets/styles/spec/settings/index.scss
View File
| @ -1,6 +1,6 @@ | |||
| @import 'breakpoints'; | |||
| @import 'fonts'; | |||
| @import '~brand-colors/dist/latest/scss/brand-colors.latest.scss'; | |||
| @import 'brand-colors/dist/latest/scss/brand-colors.latest.scss'; | |||
| @import 'materialColors'; | |||
| @import 'baseColors'; | |||
| @import 'borders'; | |||
+ 1
- 1
src/assets/styles/spec/settings/materialColors.scss
View File
+ 10
- 10
src/assets/styles/spec/utils/colors.scss
View File
+ 62
- 60
src/assets/styles/spec/utils/layout/utils/gap.scss
View File
+ 1
- 1
src/assets/styles/vendor/index.scss
View File
+ 8
- 8
src/basic-table.html
View File
+ 8
- 8
src/blank.html
View File
+ 5
- 5
src/buttons.html
View File
+ 21
- 21
src/calendar.html
View File
+ 4
- 4
src/charts.html
View File
+ 5
- 5
src/chat.html
View File
+ 18
- 18
src/compose.html
View File
+ 4
- 4
src/datatable.html
View File
+ 26
- 26
src/email.html
View File
+ 59
- 59
src/forms.html
View File
+ 4
- 4
src/google-maps.html
View File
+ 28
- 28
src/index.html
View File
+ 7
- 7
src/signin.html
View File
+ 10
- 10
src/signup.html
View File
+ 96
- 0
src/test.html
View File
| @ -0,0 +1,96 @@ | |||
| <!DOCTYPE html> | |||
| <html lang="en"> | |||
| <head> | |||
| <meta charset="utf-8"> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |||
| <title>Test</title> | |||
| <style> | |||
| #loader { | |||
| transition: all 0.3s ease-in-out; | |||
| opacity: 1; | |||
| visibility: visible; | |||
| position: fixed; | |||
| height: 100vh; | |||
| width: 100%; | |||
| background: #fff; | |||
| z-index: 90000; | |||
| } | |||
| #loader.fadeOut { | |||
| opacity: 0; | |||
| visibility: hidden; | |||
| } | |||
| .spinner { | |||
| width: 40px; | |||
| height: 40px; | |||
| position: absolute; | |||
| top: calc(50% - 20px); | |||
| left: calc(50% - 20px); | |||
| background-color: #333; | |||
| border-radius: 100%; | |||
| -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; | |||
| animation: sk-scaleout 1.0s infinite ease-in-out; | |||
| } | |||
| @-webkit-keyframes sk-scaleout { | |||
| 0% { -webkit-transform: scale(0) } | |||
| 100% { | |||
| -webkit-transform: scale(1.0); | |||
| opacity: 0; | |||
| } | |||
| } | |||
| @keyframes sk-scaleout { | |||
| 0% { | |||
| -webkit-transform: scale(0); | |||
| transform: scale(0); | |||
| } 100% { | |||
| -webkit-transform: scale(1.0); | |||
| transform: scale(1.0); | |||
| opacity: 0; | |||
| } | |||
| } | |||
| </style> | |||
| </head> | |||
| <body class="app"> | |||
| <div id='loader'> | |||
| <div class="spinner"></div> | |||
| </div> | |||
| <script> | |||
| window.addEventListener('load', function load() { | |||
| const loader = document.getElementById('loader'); | |||
| setTimeout(function() { | |||
| loader.classList.add('fadeOut'); | |||
| }, 300); | |||
| }); | |||
| </script> | |||
| <div class="page-container"> | |||
| <!-- <div class="header navbar"> | |||
| <div class="header-container"> | |||
| </div> | |||
| </div> --> | |||
| <main class='main-content bgc-grey-100'> | |||
| <div id='mainContent'> | |||
| <div class="full-container"> | |||
| <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top"> | |||
| Tooltip on top | |||
| </button> | |||
| <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top"> | |||
| Tooltip on top | |||
| </button> | |||
| </div> | |||
| </div> | |||
| </main> | |||
| <footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600"> | |||
| <span>Copyright © 2024 Designed by <a href="https://colorlib.com" target="_blank" rel="nofollow noopener noreferrer" title="Colorlib">Colorlib</a>. All rights reserved.</span> | |||
| </footer> | |||
| </div> | |||
| </body> | |||
| </html> | |||
+ 53
- 55
src/ui.html
View File
+ 4
- 4
src/vector-maps.html
View File
+ 25
- 12
webpack/config.js
View File
+ 28
- 22
webpack/devServer.js
View File
+ 4
- 3
webpack/manifest.js
View File
+ 4
- 2
webpack/plugins/copyPlugin.js
View File
+ 2
- 2
webpack/plugins/extractPlugin.js
View File
| @ -1,8 +1,8 @@ | |||
| const | |||
| manifest = require('../manifest'), | |||
| ExtractTextPlugin = require('extract-text-webpack-plugin'); | |||
| ExtractTextPlugin = require('mini-css-extract-plugin'); | |||
| module.exports = new ExtractTextPlugin({ | |||
| filename: manifest.outputFiles.css, | |||
| allChunks: true, | |||
| // allChunks: true, | |||
| }); | |||
+ 21
- 7
webpack/plugins/htmlPlugin.js
View File
+ 2
- 1
webpack/plugins/index.js
View File
+ 41
- 40
webpack/plugins/internal.js
View File
+ 5
- 5
webpack/rules/css.js
View File
+ 2
- 2
webpack/rules/fonts.js
View File
| @ -1,5 +1,5 @@ | |||
| module.exports = { | |||
| test: /\.(eot|svg|ttf|woff|woff2)$/, | |||
| exclude : /(node_modules)/, | |||
| use : ['file-loader'], | |||
| }; | |||
| type: 'asset/resource', | |||
| }; | |||