Copyright footer
Bạn đang đứng ở thư mục ~ (home) nên nó báo không tìm thấy 👍
Bạn phải vào đúng thư mục source của ThingsBoard trước.
✅ Làm đúng theo thứ tự này
1️⃣ Vào thư mục thingsboard
cd thingsboard
Nếu bạn clone trong Home thì sẽ vào được.
Nếu không chắc, chạy:
ls
Xem có thư mục thingsboard không.
2️⃣ Sau đó chạy lệnh tìm
grep -r "ThingsBoard" ui-ngx/src
🚀 Nếu vẫn lỗi
Thì bạn đang ở sai chỗ.
Chạy lệnh này để tìm thư mục:
find ~ -type d -name ui-ngx
Nó sẽ in ra đường dẫn đúng.
Ví dụ nó trả về:
/home/huongvt/thingsboard/ui-ngx
Thì bạn vào:
cd /home/huongvt/thingsboard
Rồi chạy lại grep.
🎯 Mục tiêu
Chúng ta cần tìm file có dòng:
"app.title": "ThingsBoard"
Bạn chạy xong gửi tôi kết quả grep.
Tôi chỉ đúng file cho bạn sửa 1 phát là xong.Rồi 👍 tìm ra đúng chỗ rồi.
Dựa vào kết quả của bạn, có 3 chỗ chính cần sửa nếu muốn bỏ hoàn toàn chữ “ThingsBoard”:
✅ 1️⃣ Logo chữ trên góc trái (bạn đang hỏi cái này)
Bạn đã mở đúng file:
ui-ngx/src/app/shared/components/logo.component.ts
Và thấy dòng:
src: string | UrlHolder = 'assets/logo_title_white.svg';
👉 Logo góc trái lấy từ file:
ui-ngx/src/assets/logo_title_white.svg
🔧 Cách thay:
Chỉ cần:
-
Mở file
logo_title_white.svg -
Thay nội dung SVG bằng logo của bạn
-
Giữ nguyên tên file
🚀 Đây là cách đúng và sạch nhất.
✅ 2️⃣ Dòng “Powered by ThingsBoard” ở cuối trang
Bạn thấy dòng này:
ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.html
Có đoạn:
Powered by <a href="https://thingsboard.io" target="_blank">
ThingsBoard v.{{ thingsboardVersion }}
</a>
🔧 Muốn xoá:
Mở file đó và:
-
Xoá dòng
<span>Powered by ...</span> -
Hoặc comment lại
✅ 3️⃣ Copyright footer
File:
ui-ngx/src/app/shared/components/footer.component.html
Có dòng:
Copyright © {{year}} The ThingsBoard Authors
👉 Sửa thành tên công ty bạn.
🔥 4️⃣ Tên hiển thị trên tab trình duyệt
Chạy thêm lệnh này:
grep -r "app.title" ui-ngx/src
Hoặc mở:
ui-ngx/src/assets/locale/locale.constant-en_US.json
Tìm:
"app.title": "ThingsBoard"
Sửa thành tên bạn.
🎯 Tóm lại
Logo góc trái =
ui-ngx/src/assets/logo_title_white.svg
Chữ Powered by =
dashboard-page.component.html
Footer =
footer.component.html
Sau khi sửa xong nhớ:
mvn clean install -DskipTests
Hoặc nếu chỉ build UI:
cd ui-ngx
npm install
npm run build
Nếu bạn muốn, tôi hướng dẫn bạn cách white-label sạch 100% (không còn 1 chữ ThingsBoard nào) luôn cho gọn gàng chuyên nghiệp 😎
