Add option to omit course name in filenames (close #1014)

src/assets/translations/en.ts

@@ -71,6 +71,7 @@ export default {
   clearFileCacheSucceeded: 'Successfully cleared file cache',
   clearFileCacheFailed: 'Failed to clear file cache',
   fileUseDocumentDir: 'Save Downloaded Files to Documents',
+  fileOmitCourseName: 'Omit Course Name in Filenames',
   fileDownloadFailed: 'Failed to download the file',
   openFileFailed:
     'Failed to open the file. Re-download the file or make sure there is some app on system that can handle the file type.',

src/assets/translations/zh.ts

@@ -66,6 +66,7 @@ export default {
   clearFileCacheSucceeded: '清空文件缓存成功',
   clearFileCacheFailed: '清空文件缓存失败：',
   fileUseDocumentDir: '保存打开的文件到“文档”',
+  fileOmitCourseName: '文件名不包含课程名',
   fileDownloadFailed: '文件下载失败',
   openFileFailed:
     '文件打开失败。请重新下载文件或确保存在可打开此文件类型的应用。',

src/data/mock.ts

@@ -27,6 +27,7 @@ const mockStore: PersistAppState = {
     newUpdate: false,
     graduate: false,
     fileUseDocumentDir: false,
+    fileOmitCourseName: false,
     courseInformationSharing: false,
     courseInformationSharingBadgeShown: false,
     tabFilterSelections: {

src/data/reducers/settings.ts

@@ -15,6 +15,7 @@ export default function settings(
     newUpdate: false,
     graduate: false,
     fileUseDocumentDir: false,
+    fileOmitCourseName: false,
     tabFilterSelections: {
       notice: 'all',
       assignment: 'unfinished',

src/data/types/state.ts

@@ -34,6 +34,7 @@ export interface SettingsState {
   alarms: AlarmSettings;
   graduate: boolean;
   fileUseDocumentDir: boolean;
+  fileOmitCourseName: boolean;
   newUpdate: boolean;
   courseInformationSharing: boolean;
   courseInformationSharingBadgeShown: boolean;

src/helpers/fs.ts

@@ -13,8 +13,10 @@ export const downloadFile = async (
   refresh?: boolean,
   onProgress?: (progress: number) => void,
 ) => {
+  const settings = store.getState().settings;
+
   let dir = `${
-    store.getState().settings.fileUseDocumentDir
+    settings.fileUseDocumentDir
       ? ExpoFileSystem.documentDirectory
       : ExpoFileSystem.cacheDirectory
   }learnX-files/${file.courseName}/${file.id}`;
@@ -23,9 +25,11 @@ export const downloadFile = async (
   }
   await fs.mkdir(dir);
 
-  let path = `${dir}/${file.courseName}-${file.title}${
-    file.fileType ? `.${file.fileType}` : ''
-  }`;
+  let path = settings.fileOmitCourseName
+    ? `${dir}/${file.title}${file.fileType ? `.${file.fileType}` : ''}`
+    : `${dir}/${file.courseName}-${file.title}${
+        file.fileType ? `.${file.fileType}` : ''
+      }`;
 
   if (Platform.OS === 'android') {
     path = encodeURI(path);

src/screens/FileCache.tsx

@@ -20,6 +20,9 @@ const FileCache: React.FC<NativeStackScreenProps<ScreenParams, 'FileCache'>> =
     const fileUseDocumentDir = useTypedSelector(
       state => state.settings.fileUseDocumentDir,
     );
+    const fileOmitCourseName = useTypedSelector(
+      state => state.settings.fileOmitCourseName,
+    );
 
     const handleClearCache = () => {
       Alert.alert(
@@ -72,6 +75,25 @@ const FileCache: React.FC<NativeStackScreenProps<ScreenParams, 'FileCache'>> =
               ? 'Files are saved in App Document folder and will only be deleted along with the App.'
               : 'Files are saved in App Cache Folder and will be deleted by the system on demand.'}
           </Caption>
+          <TableCell
+            style={styles.marginTop}
+            iconName="drive-file-rename-outline"
+            primaryText={t('fileOmitCourseName')}
+            switchValue={fileOmitCourseName}
+            onSwitchValueChange={value =>
+              dispatch(setSetting('fileOmitCourseName', value))
+            }
+            type="switch"
+          />
+          <Caption style={styles.caption}>
+            {getLocale().startsWith('zh')
+              ? fileOmitCourseName
+                ? '文件以“文件名”形式保存。'
+                : '文件以“课程名-文件名”形式保存。'
+              : fileOmitCourseName
+              ? 'Files are saved as "filename".'
+              : 'Files are saved as "coursename-filename".'}
+          </Caption>
           <TableCell
             style={styles.marginTop}
             iconName="delete"