Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Multilingual bidirectional styling #37

Open
wants to merge 36 commits into
base: dev-main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
36 commits
Select commit Hold shift + click to select a range
94d1302
Merge pull request #30 from creativetimofficial/dev-main
sajadevo Nov 2, 2022
2f40bf1
add nepcha script
sajadevo Mar 29, 2023
22ffe2f
Merge pull request #31 from creativetimofficial/feature/v2.0.1
sajadevo Mar 29, 2023
fbe30e0
Update README.md
sajadevo Apr 25, 2023
c082d2c
Update index.html
sajadevo Apr 25, 2023
5b32cf9
upgrade to Material Tailwind v2
maisamaf Oct 25, 2023
323c2dd
fix: implement upgrade changes
maisamaf Oct 25, 2023
5c1edc5
ref: update colors
maisamaf Nov 5, 2023
de3e0b9
fix the issues
sajadevo Nov 5, 2023
985af21
fix design issues
maisamaf Nov 7, 2023
32c0fd7
ref: add border to components
maisamaf Nov 7, 2023
2aadbbf
ref: signin & signup pages
maisamaf Nov 13, 2023
6e33c38
update the design
sajadevo Nov 14, 2023
879fd18
ready for release
sajadevo Nov 14, 2023
b28a39a
update change log
sajadevo Nov 14, 2023
9fdc896
Merge pull request #36 from maisamaf/feature/v3
sajadevo Nov 14, 2023
572ba93
language theme provider added
Dec 10, 2023
7f399c0
fix a bug in labguage context provider
Dec 10, 2023
f67ada2
change sidebar translate-x based on html dir attribute
Dec 10, 2023
1cb6ecc
dashboard layout fixed to comply with document changing direction
Dec 10, 2023
02ed33b
fix default select option
Dec 10, 2023
5512a93
fix XMarkIcon position based on language direction
Dec 10, 2023
0a0c0ec
theme language provider refactored to be more reusable and deveopler …
Dec 10, 2023
92418eb
fix a typo
Dec 10, 2023
79ef7a5
routes object changed to support multilingual configuration
Dec 10, 2023
7ea3b0d
statistics cards text direction adjusted for mutilingual setup
Dec 11, 2023
e7a565f
Home page translated to persian
Dec 11, 2023
f399d33
a minor fix the body layout for rtl languages
Dec 11, 2023
b305e03
Suspense added for the main app component as changing lang takes time
Dec 11, 2023
57fb0ff
structure of layoutData changed
Dec 11, 2023
ad4eb93
modified to access layoutData properties due to data structral changes
Dec 11, 2023
bee45bb
Profile page multilingual setup done
Dec 11, 2023
aa053b3
yables page multilingual setup done
Dec 11, 2023
a9a9438
initial push of multilingual and birdirectional support for MaterialT…
Dec 11, 2023
b740802
README.md file updated
Dec 11, 2023
d68bf80
modified readme file to show new changes
Dec 15, 2023
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,12 @@
# Change Log

## [2.1.0] 2023-11-14
- Upgrade to Material Tailwind `v2`

## [2.0.1] 2023-03-29

- Add nepcha scripts

## [2.0.0] 2022-11-02

- Update the entire structure
Expand Down
2 changes: 1 addition & 1 deletion LICENSE
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
MIT License

Copyright (c) 2022 Creative Tim
Copyright (c) 2023 Creative Tim

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
Expand Down
14 changes: 9 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
# [Material Tailwind Dashboard React](http://demos.creative-tim.com/material-tailwind-dashboard-react/#/?ref=readme-mtdr) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/intent/tweet?url=https://www.creative-tim.com/product/material-tailwind-dashboard-react&text=Check%20Material%20Tailwind%20Dashboard%20React%20made%20by%20@CreativeTim%20#webdesign%20#kit%20#materialdesign%20#react%20#materialtailwind%20#tailwindcss%20https://www.creative-tim.com/product/material-tailwind-dashboard-react)

![version](https://img.shields.io/badge/version-2.0.0-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/material-tailwind-dashboard-react.svg)](https://github.com/creativetimofficial/material-tailwind-dashboard-react/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/material-tailwind-dashboard-react.svg)](https://github.com/creativetimofficial/material-tailwind-dashboard-react/issues?q=is%3Aissue+is%3Aclosed)
![version](https://img.shields.io/badge/version-2.1.0-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/material-tailwind-dashboard-react.svg)](https://github.com/creativetimofficial/material-tailwind-dashboard-react/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/material-tailwind-dashboard-react.svg)](https://github.com/creativetimofficial/material-tailwind-dashboard-react/issues?q=is%3Aissue+is%3Aclosed)

![Image](https://s3.amazonaws.com/creativetim_bucket/products/488/original/material-tailwind-react-dashboard.jpg)
![Image](https://s3.amazonaws.com/creativetim_bucket/products/488/original/material-tailwind-dashboard-react.jpg)
![Image](https://res.cloudinary.com/db7v5ycxn/image/upload/v1702666156/github-readme-images/xkwcnx11lebs74s8bjh7.png)
![Image](https://res.cloudinary.com/db7v5ycxn/image/upload/v1702666155/github-readme-images/lq2cg0nusyllgkwvmxnx.png)

Material Tailwind Dashboard React is our newest free Material Tailwind Admin Template based on Tailwind CSS and React. If you’re a developer looking to create an admin dashboard that is developer-friendly, rich with features, and highly customisable, here is your match. Our innovative Material Tailwind, Tailwind CSS & React dashboard comes with a beautiful design inspired by Google's Material Design and it will help you create stunning websites & web apps to delight your clients.
Material Tailwind Dashboard React is our newest free Material Tailwind Admin Template based on Tailwind CSS and React. If you’re a developer looking to create an admin dashboard that is developer-friendly, rich with features, highly customisable, and also supports **multilingual and bidirectional styling**, here is your match. Our innovative Material Tailwind, Tailwind CSS & React dashboard comes with a beautiful design inspired by Google's Material Design and it will help you create stunning websites & web apps to delight your clients.

**Fully Coded Elements**

Expand Down Expand Up @@ -38,6 +40,7 @@ During the development of this dashboard, we have used many existing resources f
- [Material Tailwind](https://material-tailwind.com/) - Material Tailwind is an easy to use components library for Tailwind CSS and Material Design.
- [Hero Icons](https://heroicons.com/) - Beautiful hand-crafted SVG icons.
- [Apex Charts](https://apexcharts.com/) - Modern & Interactive open-source Charts.
- [Nepcha Analytics](https://nepcha.com?ref=readme) for the analytics tool. Nepcha is already integrated with Material Tailwind Dashboard React. You can use it to gain insights into your sources of traffic.

Let us know your thoughts below. And good luck with development!

Expand All @@ -62,7 +65,7 @@ Let us know your thoughts below. And good luck with development!
| React |
| ----- |

| [![Material Tailwind Dashboard React](https://s3.amazonaws.com/creativetim_bucket/products/488/thumb/material-tailwind-react-dashboard.jpg)](http://demos.creative-tim.com/material-tailwind-dashboard-react/#/?ref=readme-mtdr)
| [![Material Tailwind Dashboard React](https://s3.amazonaws.com/creativetim_bucket/products/488/thumb/material-tailwind-dashboard-react.jpg)](http://demos.creative-tim.com/material-tailwind-dashboard-react/#/?ref=readme-mtdr)

## Demo

Expand Down Expand Up @@ -137,6 +140,7 @@ At present, we officially aim to support the last two versions of the following
- [License Agreement](https://www.creative-tim.com/license?ref=readme-mtdr)
- [Support](https://www.creative-tim.com/contact-us?ref=readme-mtdr)
- Issues: [Github Issues Page](https://github.com/creativetimofficial/material-tailwind-dashboard-react/issues)
- [Nepcha Analytics](https://nepcha.com?ref=readme) - Analytics tool for your website

## Reporting Issues

Expand All @@ -152,7 +156,7 @@ If you have questions or need help integrating the product please [contact us](h

## Licensing

- Copyright 2022 [Creative Tim](https://www.creative-tim.com?ref=readme-mtdr)
- Copyright 2023 [Creative Tim](https://www.creative-tim.com?ref=readme-mtdr)
- Creative Tim [license](https://www.creative-tim.com/license?ref=readme-mtdr)

## Useful Links
Expand Down
9 changes: 7 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<!--
=========================================================
* Material Tailwind Dashboard React - v2.0.0
* Material Tailwind Dashboard React - v2.1.0
=========================================================
* Product Page: https://www.creative-tim.com/product/material-tailwind-dashboard-react
* Copyright 2022 Creative Tim (https://www.creative-tim.com)
* Copyright 2023 Creative Tim (https://www.creative-tim.com)
* Licensed under MIT (https://github.com/creativetimofficial/material-tailwind-dashboard-react/blob/main/LICENSE.md)
* Coded by Creative Tim
=========================================================
Expand All @@ -27,6 +27,11 @@
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<script defer data-site="YOUR_DOMAIN_HERE" src="https://api.nepcha.com/js/nepcha-analytics.js"></script>

<!-- Nepcha Analytics (nepcha.com) -->
<!-- Nepcha is a easy-to-use web analytics. No cookies and fully compliant with GDPR, CCPA and PECR. -->
<script defer data-site="YOUR_DOMAIN_HERE" src="https://api.nepcha.com/js/nepcha-analytics.js"></script>
</head>
<body>
<div id="root"></div>
Expand Down
33 changes: 17 additions & 16 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,32 +1,33 @@
{
"name": "material-tailwind-dashboard-react",
"private": true,
"version": "2.0.0",
"version": "2.1.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
},
"dependencies": {
"@heroicons/react": "2.0.12",
"@material-tailwind/react": "1.2.4",
"apexcharts": "3.35.5",
"@heroicons/react": "2.0.18",
"@material-tailwind/react": "2.1.4",
"apexcharts": "3.44.0",
"prop-types": "15.8.1",
"react": "18.2.0",
"react-apexcharts": "1.4.0",
"react-apexcharts": "1.4.1",
"react-dom": "18.2.0",
"react-router-dom": "6.4.2"
"react-router-dom": "6.17.0"
},
"devDependencies": {
"@types/react": "18.0.17",
"@types/react-dom": "18.0.6",
"@vitejs/plugin-react": "2.1.0",
"autoprefixer": "10.4.12",
"postcss": "8.4.17",
"prettier": "2.7.1",
"prettier-plugin-tailwindcss": "0.1.13",
"tailwindcss": "3.1.8",
"vite": "3.1.0"
"@types/react": "18.2.31",
"@types/react-dom": "18.2.14",
"@vitejs/plugin-react": "4.1.0",
"autoprefixer": "10.4.16",
"postcss": "8.4.31",
"prettier": "3.0.3",
"prettier-plugin-tailwindcss": "0.5.6",
"tailwindcss": "3.3.4",
"tailwindcss-rtl": "^0.9.0",
"vite": "4.5.0"
}
}
}
Binary file added public/img/background-image.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/pattern.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading