Added:

- Indonesian, Korean and Ukrainian languages
- Link to Crowdin for translations

Updated:
- Hindi, Greek and Czech languages

Fixed:
- Broken position with really long website links or usernames

Author: zigazajc007

app/build.gradle

@@ -10,8 +10,8 @@ android {
         applicationId "com.rabbitcompany.passky"
         minSdkVersion 28
         targetSdkVersion 32
-        versionCode 10
-        versionName '6.0.1'
+        versionCode 11
+        versionName '6.0.2'
     }
 
     buildTypes {

app/src/main/assets/css/tailwind.min.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.0.22 | MIT License | https://tailwindcss.com
+! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -733,6 +733,14 @@ Ensure the default browser behavior of the `hidden` attribute.
   max-width: 32rem;
 }
 
+.max-w-xs {
+  max-width: 20rem;
+}
+
+.max-w-\[16rem\] {
+  max-width: 16rem;
+}
+
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -872,6 +880,10 @@ Ensure the default browser behavior of the `hidden` attribute.
   white-space: nowrap;
 }
 
+.text-ellipsis {
+  text-overflow: ellipsis;
+}
+
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1342,6 +1354,10 @@ Ensure the default browser behavior of the `hidden` attribute.
     max-width: 24rem;
   }
 
+  .sm\:max-w-\[21rem\] {
+    max-width: 21rem;
+  }
+
   .sm\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -1408,6 +1424,10 @@ Ensure the default browser behavior of the `hidden` attribute.
     display: block;
   }
 
+  .md\:max-w-\[27rem\] {
+    max-width: 27rem;
+  }
+
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
@@ -1430,6 +1450,10 @@ Ensure the default browser behavior of the `hidden` attribute.
     display: none;
   }
 
+  .lg\:max-w-\[35rem\] {
+    max-width: 35rem;
+  }
+
   .lg\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
@@ -1453,4 +1477,16 @@ Ensure the default browser behavior of the `hidden` attribute.
     padding-left: 0px;
     padding-right: 0px;
   }
+}
+
+@media (min-width: 1280px) {
+  .xl\:max-w-\[45rem\] {
+    max-width: 45rem;
+  }
+}
+
+@media (min-width: 1536px) {
+  .\32xl\:max-w-\[45rem\] {
+    max-width: 45rem;
+  }
 }

app/src/main/assets/js/lang.js

@@ -26,13 +26,13 @@ initStorageCache.then(() => {
 				const website = CryptoJS.AES.decrypt(passwords[i].website, decryptPassword(readData('password'))).toString(CryptoJS.enc.Utf8);
 				const username = CryptoJS.AES.decrypt(passwords[i].username, decryptPassword(readData('password'))).toString(CryptoJS.enc.Utf8);
 
-				html_passwords += "<tr class='passwordsBorderColor'><td class='px-8 py-4 whitespace-nowrap'><div class='flex items-center'><div class='flex-shrink-0 h-10 w-10'>";
+				html_passwords += "<tr class='passwordsBorderColor'><td class='px-8 py-4 max-w-xs whitespace-nowrap overflow-hidden'><div class='flex items-center'><div class='flex-shrink-0 h-10 w-10'>";
 				//Icon
 				html_passwords += "<img class='h-10 w-10 rounded-full' loading='lazy' src='https://www.google.com/s2/favicons?domain=" + website + "' alt=''>";
-				html_passwords += "</div><div class='ml-4'><div class='tertiaryColor text-sm font-medium'>";
+				html_passwords += "</div><div class='ml-4'><div class='tertiaryColor text-sm font-medium max-w-[16rem] sm:max-w-[21rem] md:max-w-[27rem] lg:max-w-[35rem] xl:max-w-[45rem] 2xl:max-w-[45rem] overflow-hidden text-ellipsis'>";
 				//Url
 				html_passwords += website;
-				html_passwords += "</div><div class='secondaryColor text-sm'>";
+				html_passwords += "</div><div class='secondaryColor text-sm max-w-[16rem] sm:max-w-[21rem] md:max-w-[27rem] lg:max-w-[35rem] xl:max-w-[45rem] 2xl:max-w-[45rem] overflow-hidden text-ellipsis'>";
 				//Username
 				html_passwords += username;
 				html_passwords += "</div></div></div></td><td class='px-1 py-4 whitespace-nowrap'>";
@@ -304,7 +304,7 @@ function changeDialog(style, text) {
 
 			document.getElementById('dialog-title').innerText = lang[readData('lang')]["add_password"];
 
-			document.getElementById('dialog-text').innerHTML = "<div class='rounded-md shadow-sm -space-y-px'><div><label for='website' class='sr-only'>Website </label><input id='website' name='website' type='text' autocomplete='website' required class='appearance-none rounded-none relative block w-full px-3 py-2 border rounded-t-md focus:outline-none focus:z-10 sm:text-sm' placeholder='" + lang[readData('lang')]['website'] + "'></div><div><label for='username' class='sr-only'>Username </label><input id='username' name='username' type='text' autocomplete='username' required class='appearance-none rounded-none relative block w-full px-3 py-2 border focus:outline-none sm:text-sm' placeholder='" + lang[readData('lang')]['username'] + "'></div><div><div class='flex rounded-md shadow-sm'><div class='relative flex items-stretch flex-grow focus-within:z-10'><input id='password' name='password' type='password' autocomplete='current-password' required class='appearance-none rounded-none relative block w-full px-3 py-2 border rounded-bl-md focus:outline-none sm:text-sm' placeholder='" + lang[readData('lang')]['password'] + "'></div><button id='btn-password-generator' class='secondaryColor tertiaryBackgroundColor primaryBorderColor -ml-px relative inline-flex items-center space-x-2 px-4 py-2 border text-sm font-medium rounded-br-md focus:outline-none'><svg xmlns='http://www.w3.org/2000/svg' class='primaryStrokeColor' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'><path stroke='none' d='M0 0h24v24H0z' fill='none'/><rect x='3' y='3' width='6' height='6' rx='1' /><rect x='15' y='15' width='6' height='6' rx='1' /><path d='M21 11v-3a2 2 0 0 0 -2 -2h-6l3 3m0 -6l-3 3' /><path d='M3 13v3a2 2 0 0 0 2 2h6l-3 -3m0 6l3 -3' /></svg></button></div></div><h3 id='optionalNote' class='tertiaryColor text-lg leading-6 font-medium py-2'>Optional note</h3><textarea id='message' name='message' rows='3' class='max-w-lg p-2 shadow-sm block w-full sm:text-sm rounded-md focus:outline-none focus:z-10'></textarea>";
+			document.getElementById('dialog-text').innerHTML = "<div class='rounded-md shadow-sm -space-y-px'><div><label for='website' class='sr-only'>Website </label><input id='website' name='website' type='text' autocomplete='website' required class='appearance-none rounded-none relative block w-full px-3 py-2 border rounded-t-md focus:outline-none focus:z-10 sm:text-sm' placeholder=\"" + lang[readData('lang')]['website'] + "\"></div><div><label for='username' class='sr-only'>Username </label><input id='username' name='username' type='text' autocomplete='username' required class='appearance-none rounded-none relative block w-full px-3 py-2 border focus:outline-none sm:text-sm' placeholder=\"" + lang[readData('lang')]['username'] + "\"></div><div><div class='flex rounded-md shadow-sm'><div class='relative flex items-stretch flex-grow focus-within:z-10'><input id='password' name='password' type='password' autocomplete='current-password' required class='appearance-none rounded-none relative block w-full px-3 py-2 border rounded-bl-md focus:outline-none sm:text-sm' placeholder=\"" + lang[readData('lang')]['password'] + "\"></div><button id='btn-password-generator' class='secondaryColor tertiaryBackgroundColor primaryBorderColor -ml-px relative inline-flex items-center space-x-2 px-4 py-2 border text-sm font-medium rounded-br-md focus:outline-none'><svg xmlns='http://www.w3.org/2000/svg' class='primaryStrokeColor' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'><path stroke='none' d='M0 0h24v24H0z' fill='none'/><rect x='3' y='3' width='6' height='6' rx='1' /><rect x='15' y='15' width='6' height='6' rx='1' /><path d='M21 11v-3a2 2 0 0 0 -2 -2h-6l3 3m0 -6l-3 3' /><path d='M3 13v3a2 2 0 0 0 2 2h6l-3 -3m0 6l3 -3' /></svg></button></div></div><h3 id='optionalNote' class='tertiaryColor text-lg leading-6 font-medium py-2'>Optional note</h3><textarea id='message' name='message' rows='3' class='max-w-lg p-2 shadow-sm block w-full sm:text-sm rounded-md focus:outline-none focus:z-10'></textarea>";
 
 			document.getElementById('optionalNote').innerText = lang[readData('lang')]["optional_note"];
 

app/src/main/assets/js/passwords.js

@@ -99,7 +99,7 @@
                   </div>
                   <div class="px-4 py-5 secondaryBackgroundColor shadow overflow-hidden sm:p-6">
                     <dt class="text-sm font-medium secondaryColor truncate">Client Version</dt>
-                    <dd class="mt-1 text-3xl font-semibold tertiaryColor">6.0.1</dd>
+                    <dd class="mt-1 text-3xl font-semibold tertiaryColor">6.0.2</dd>
                   </div>
                 </dl>
               </div>

app/src/main/assets/passwords.html

@@ -87,11 +87,13 @@
                             <option value="en">English</option>
                             <option value="zh-CN">Chinese (Simplified)</option>
                             <option value="hi">Hindi</option>
-                            <option value="tr">Turkish</option>
-                            <option value="fr">French</option>
                             <option value="ar">Arabic</option>
+                            <option value="fr">French</option>
                             <option value="ru">Russian</option>
+                            <option value="id">Indonesian</option>
                             <option value="de">German</option>
+                            <option value="tr">Turkish</option>
+                            <option value="ko">Korean</option>
                             <option value="it">Italian</option>
                             <option value="pl">Polish</option>
                             <option value="el">Greek</option>
@@ -102,9 +104,12 @@
                             <option value="sl">Slovenian</option>
                             <option value="bs">Bosnian</option>
                             <option value="ro">Romanian</option>
-                            <option value="id">Bahasa Indonesia</option>
+                            <option value="uk">Ukrainian</option>
                           </select>
                     </div>
+                    <label class="secondaryColor block text-sm font-medium sm:mt-px sm:pt-2">
+                      Missing language? Translate it on <a class="primaryColor" href="https://crowdin.com/project/passky" target="_blank">Crowdin</a>.
+                    </label>
                 </div>
             </li>
             <!-- Themes -->
@@ -153,6 +158,9 @@
                         Enable
                       </button>
                     </div>
+                    <label class="secondaryColor block text-sm font-medium sm:mt-px sm:pt-2">
+                      Only available in the browser extension.
+                    </label>
                 </div>
             </li>
             <!-- 2FA -->

app/src/main/assets/settings.html

@@ -4,7 +4,7 @@ buildscript {
         mavenCentral()
     }
     dependencies {
-        classpath 'com.android.tools.build:gradle:7.1.1'
+        classpath 'com.android.tools.build:gradle:7.1.2'
     }
 }