mirror of
https://github.com/openharmony/applications_notes.git
synced 2026-07-18 18:24:27 -04:00
zhanghong
874 lines
34 KiB
Plaintext
874 lines
34 KiB
Plaintext
/*
|
|
* Copyright (c) 2022 Huawei Device Co., Ltd.
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import DateUtil from '@ohos/utils/src/main/ets/default/baseUtil/DateUtil'
|
|
import RdbStoreUtil from '@ohos/utils/src/main/ets/default/baseUtil/RdbStoreUtil'
|
|
import FolderData from '@ohos/utils/src/main/ets/default/model/databaseModel/FolderData'
|
|
import NoteData from '@ohos/utils/src/main/ets/default/model/databaseModel/NoteData'
|
|
import util from '@ohos.util'
|
|
import {
|
|
TableName,
|
|
NoteTableColumn,
|
|
SysDefFolderUuid,
|
|
Favorite,
|
|
Delete,
|
|
FolderType
|
|
} from '@ohos/utils/src/main/ets/default/model/databaseModel/EnumData';
|
|
import StyleConstants from '@ohos/utils/src/main/ets/default/constants/StyleConstants'
|
|
import { EditContentDialogPortrait, DeleteDialog, EditTitleDialog } from './CusDialogComp'
|
|
import FolderUtil from '@ohos/utils/src/main/ets/default/baseUtil/FolderUtil'
|
|
import NoteUtil from '@ohos/utils/src/main/ets/default/baseUtil/NoteUtil'
|
|
import prompt from '@system.prompt'
|
|
import { LogUtil } from '@ohos/utils/src/main/ets/default/baseUtil/LogUtil'
|
|
import OperationUtils from '@ohos/utils/src/main/ets/default/baseUtil/OperationUtils'
|
|
import router from '@system.router'
|
|
import inputMethod from '@ohos.inputMethod';
|
|
import { folderTextMap } from '@ohos/utils/src/main/ets/default/model/NoteBaseData'
|
|
import abilityAccessCtrl,{ Permissions } from '@ohos.abilityAccessCtrl';
|
|
import webview from '@ohos.web.webview';
|
|
import { BusinessError } from '@ohos.base';
|
|
import resourceManager from '@ohos.resourceManager';
|
|
import common from '@ohos.app.ability.common';
|
|
import window from '@ohos.window';
|
|
import { wantAgent, WantAgent } from '@kit.AbilityKit';
|
|
import { backgroundTaskManager } from '@kit.BackgroundTasksKit';
|
|
|
|
let time_id: number = 0;
|
|
let noteContext = AppStorage.Get<common.UIAbilityContext>('noteContext')!;
|
|
|
|
const TAG = 'NoteContentCompPortrait';
|
|
|
|
interface NoteContentType {
|
|
callbackhtml: (html: string) => void;
|
|
callbackImagePath: (imgName: string) => void;
|
|
callbackScheduledSave: (html: string) => void;
|
|
callbackPasteImage: (html: string) => void;
|
|
callbackGetSize: (fontSize: number) => void;
|
|
addToDo: () => void;
|
|
chooseStyle: () => void;
|
|
openAlbum: () => Promise<void>;
|
|
getBreakPoint: () => void;
|
|
}
|
|
|
|
async function routePage() {
|
|
try {
|
|
await router.back()
|
|
} catch (err) {
|
|
LogUtil.info(TAG, 'fail callback');
|
|
}
|
|
}
|
|
|
|
// Note content component
|
|
@Component
|
|
export struct NoteContentCompPortrait {
|
|
@Provide('SelectedNoteData') selectedNoteData: NoteData = AppStorage.Get('NewNote')!;
|
|
@Provide('SelectedFolderData') selectedFolderData: FolderData = AppStorage.Get('NewFolder')!;
|
|
@StorageLink('AllNoteArray') AllNoteArray: NoteData[] = AppStorage.Link('AllNoteArray')
|
|
@Provide('EditModel') editModel: boolean = false
|
|
@StorageLink('dpi') dpi: number = 240
|
|
controllerShow: webview.WebviewController = new webview.WebviewController();
|
|
private editContentFlag = false
|
|
private isClickBack: boolean = false
|
|
@StorageLink('ScrollTopPercent') scrollTopPercent: number = 0.0
|
|
editContentDialogCtl: CustomDialogController | null = new CustomDialogController({
|
|
builder: EditContentDialogPortrait({ confirm: (newTitle: string) => {
|
|
this.confirm(newTitle);
|
|
} }),
|
|
alignment: DialogAlignment.Bottom,
|
|
autoCancel: true,
|
|
customStyle: true,
|
|
})
|
|
@StorageLink('topHeight') topHeight: number = 0; // 窗口规避区域高
|
|
@StorageLink('topWidth') topWidth: number = 0; // 窗口规避区域宽
|
|
|
|
confirm(excuteJs: string) {
|
|
this.controllerShow.runJavaScript(excuteJs)
|
|
}
|
|
|
|
storeScrollTop(scrollTop: number) {
|
|
if (scrollTop < 0) {
|
|
return
|
|
}
|
|
AppStorage.SetOrCreate<number>('ScrollTopPercent', scrollTop / this.controllerShow.getPageHeight())
|
|
}
|
|
|
|
restoreScrollTop() {
|
|
try {
|
|
if (!AppStorage.Has('remoteScrollTopPercent')) {
|
|
return
|
|
}
|
|
let scrollTopPercent = AppStorage.Get<number>('remoteScrollTopPercent')!;
|
|
if (scrollTopPercent < 0) {
|
|
return
|
|
}
|
|
this.controllerShow.runJavaScript(
|
|
'document.documentElement.scrollTop = ' + this.controllerShow.getPageHeight() * scrollTopPercent
|
|
)
|
|
} catch (error) {
|
|
LogUtil.info(TAG, 'restoreScrollTop error')
|
|
}
|
|
|
|
}
|
|
|
|
restoreFocus() {
|
|
if (!AppStorage.Has('isRemoteFocusOnSearch')) {
|
|
return
|
|
}
|
|
let isRemoteFocusOnSearch = AppStorage.Get<boolean>('isRemoteFocusOnSearch')
|
|
if (isRemoteFocusOnSearch) {
|
|
focusControl.requestFocus('searchInput')
|
|
}
|
|
AppStorage.Delete('isRemoteFocusOnSearch')
|
|
}
|
|
|
|
noteContent: NoteContentType = {
|
|
callbackhtml: (html) => {
|
|
LogUtil.info(TAG, 'note uuid is:' + this.selectedNoteData?.uuid)
|
|
this.selectedNoteData.content_text = NoteUtil.contrastInitType(this.selectedNoteData.content_text);
|
|
if (this.selectedNoteData.content_text === html ) {
|
|
return;
|
|
};
|
|
this.selectedNoteData.content_text = html
|
|
this.selectedNoteData.modified_time = new Date().getTime()
|
|
let predicatesNote = RdbStoreUtil.getRdbPredicates(TableName.NoteTable);
|
|
predicatesNote.equalTo(NoteTableColumn.Uuid, this.selectedNoteData?.uuid);
|
|
RdbStoreUtil.update(this.selectedNoteData?.toNoteObject(), predicatesNote, null);
|
|
LogUtil.info(TAG, 'update note success:' + this.selectedNoteData?.uuid)
|
|
// save continue data
|
|
let continueNote: string = JSON.stringify(this.selectedNoteData?.toNoteObject())
|
|
AppStorage.SetOrCreate<string>('ContinueNote', continueNote)
|
|
LogUtil.info(TAG, 'callbackhtml, set continue note success');
|
|
},
|
|
callbackImagePath: (imgName) => {
|
|
// updata note image
|
|
LogUtil.info(TAG, 'note imgName is:' + imgName)
|
|
this.selectedNoteData.content_img = imgName
|
|
},
|
|
|
|
callbackScheduledSave: (html) => {
|
|
LogUtil.info(TAG, 'callbackScheduledSave')
|
|
if (this.selectedNoteData?.content_text == html) {
|
|
LogUtil.info(TAG, 'callbackScheduledSave the same value return')
|
|
return;
|
|
}
|
|
this.selectedNoteData.content_text = html
|
|
this.selectedNoteData.modified_time = new Date().getTime()
|
|
let predicatesNote = RdbStoreUtil.getRdbPredicates(TableName.NoteTable);
|
|
predicatesNote.equalTo(NoteTableColumn.Uuid, this.selectedNoteData?.uuid);
|
|
RdbStoreUtil.update(this.selectedNoteData?.toNoteObject(), predicatesNote, null);
|
|
LogUtil.info(TAG, 'callbackScheduledSave, update note success:' + this.selectedNoteData?.uuid)
|
|
// save continue data
|
|
let continueNote: string = JSON.stringify(this.selectedNoteData?.toNoteObject())
|
|
AppStorage.SetOrCreate<string>('ContinueNote', continueNote)
|
|
LogUtil.info(TAG, 'callbackScheduledSave, set continue note success')
|
|
},
|
|
callbackPasteImage: (html) => {
|
|
if (html) {
|
|
LogUtil.info(TAG, 'paste info' + html)
|
|
let realHtml = '';
|
|
let base64regex: RegExp = new RegExp('/^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/');
|
|
if (html && html.indexOf('base64') > 0) {
|
|
LogUtil.info(TAG, ' getSrcFromHtml, src[1] : ' + html);
|
|
let imgData = html.split(',')[1];
|
|
let imgType = 'png'
|
|
if (html.indexOf('jpeg') > 0) {
|
|
imgType = 'jpg'
|
|
} else if (html.indexOf('gif') > 0) {
|
|
imgType = 'gif'
|
|
}
|
|
let filePath = '';
|
|
if (base64regex.test(imgData)) {
|
|
let base64 = new util.Base64()
|
|
let decodeArr = base64.decodeSync(imgData)
|
|
filePath = OperationUtils.saveImageData(decodeArr, imgType)
|
|
} else {
|
|
filePath = OperationUtils.saveImage(imgData, imgType)
|
|
}
|
|
realHtml = 'file://' + filePath;
|
|
}
|
|
LogUtil.info(TAG, 'paste info11' + realHtml)
|
|
this.controllerShow.runJavaScript("javascript:RICH_EDITOR.insertImageHtml('" + realHtml + "')")
|
|
} else {
|
|
LogUtil.info(TAG, 'paste info22224')
|
|
}
|
|
},
|
|
callbackGetSize: (fontSize) => {
|
|
if (fontSize === 16) {
|
|
this.selectedNoteData.slider_value = 0
|
|
} else if (fontSize === 18) {
|
|
this.selectedNoteData.slider_value = 4
|
|
} else if (fontSize === 24) {
|
|
this.selectedNoteData.slider_value = 8
|
|
} else if (fontSize === 32) {
|
|
this.selectedNoteData.slider_value = 12
|
|
} else if (fontSize === 48) {
|
|
this.selectedNoteData.slider_value = 16
|
|
}
|
|
},
|
|
addToDo: () => {
|
|
// 清单
|
|
this.controllerShow.runJavaScript('javascript:RICH_EDITOR.setTodo()');
|
|
},
|
|
chooseStyle: () => {
|
|
this.editContentDialogCtl!.open();
|
|
},
|
|
openAlbum: async () => {
|
|
let context: common.UIAbilityContext = AppStorage.Get('context')!;
|
|
// 申请长时任务
|
|
let wantAgentInfo: wantAgent.WantAgentInfo = {
|
|
wants: [
|
|
{
|
|
bundleName: 'com.ohos.note',
|
|
abilityName: 'com.ohos.note.MainAbility'
|
|
}
|
|
],
|
|
actionType: wantAgent.OperationType.START_ABILITY,
|
|
requestCode: 0,
|
|
wantAgentFlags: [wantAgent.WantAgentFlags.UPDATE_PRESENT_FLAG]
|
|
};
|
|
try {
|
|
wantAgent.getWantAgent(wantAgentInfo).then((wantAgentObj: WantAgent) => {
|
|
backgroundTaskManager.startBackgroundRunning(context,
|
|
backgroundTaskManager.BackgroundMode.DATA_TRANSFER, wantAgentObj).then(() => {
|
|
LogUtil.info(TAG, `Operation startBackgroundRunning succeeded`);
|
|
}).catch((error: BusinessError) => {
|
|
LogUtil.error(TAG, `Operation startBackgroundRunning failed. code is ${JSON.stringify(error.code)},
|
|
message is ${JSON.stringify(error.message)}`);
|
|
});
|
|
});
|
|
} catch (error) {
|
|
LogUtil.error(TAG, `Operation getWantAgent failed. code is ${(error as BusinessError).code},
|
|
message is ${(error as BusinessError).message}`);
|
|
}
|
|
let permissionList: Permissions[] = [
|
|
'ohos.permission.READ_IMAGEVIDEO',
|
|
'ohos.permission.WRITE_IMAGEVIDEO'
|
|
]
|
|
let AtManager = abilityAccessCtrl.createAtManager();
|
|
await AtManager.requestPermissionsFromUser(context, permissionList).then((data) => {
|
|
LogUtil.info(TAG, 'data permissions : ' + data.permissions)
|
|
LogUtil.info(TAG, 'data result: ' + data.authResults)
|
|
let sum = 0
|
|
for (let i = 0; i < data.authResults.length; i++) {
|
|
sum += data.authResults[i]
|
|
}
|
|
LogUtil.info(TAG, 'request permissions sum: ' + sum)
|
|
}).catch((err: BusinessError) => {
|
|
LogUtil.warn(TAG, 'failed to requestPermissionsFromUser : ' + err.code);
|
|
})
|
|
LogUtil.info(TAG, 'startAbility start')
|
|
await noteContext.startAbilityForResult({
|
|
parameters: { uri: 'singleselect', filterMediaType: 'FILTER_MEDIA_TYPE_IMAGE' },
|
|
bundleName: 'com.ohos.photos',
|
|
abilityName: 'com.ohos.photos.MainAbility',
|
|
}).then((v: common.AbilityResult) => {
|
|
let want = v['want'];
|
|
if (want != null && want != undefined) {
|
|
let param = want['parameters'];
|
|
let imageUri = '';
|
|
if (param != null && param != undefined) {
|
|
let uri = param['select-item-list'] as Record<string, string>;
|
|
imageUri = uri[0];
|
|
}
|
|
LogUtil.info(TAG, 'image url' + imageUri);
|
|
// 拷贝
|
|
if (imageUri != null && imageUri != '') {
|
|
OperationUtils.copy(imageUri).then((uriPath) => {
|
|
let path = 'file://' + uriPath;
|
|
LogUtil.info(TAG, 'image uri is:' + path)
|
|
this.controllerShow.runJavaScript('javascript:RICH_EDITOR.getFocus()');
|
|
this.controllerShow.runJavaScript("javascript:RICH_EDITOR.insertImage('" + path + "')")
|
|
})
|
|
}
|
|
}
|
|
// 取消长时任务
|
|
try {
|
|
backgroundTaskManager.stopBackgroundRunning(context).then(() => {
|
|
LogUtil.info(TAG, `Operation stopBackgroundRunning succeeded`);
|
|
}).catch((error: BusinessError) => {
|
|
LogUtil.error(TAG, `Operation stopBackgroundRunning failed. code is ${JSON.stringify(error.code)},
|
|
message is ${JSON.stringify(error.message)}`);
|
|
});
|
|
} catch (error) {
|
|
LogUtil.error(TAG, `Operation stopBackgroundRunning failed. code is ${JSON.stringify(error.code)},
|
|
message is ${JSON.stringify(error.message)}`);
|
|
}
|
|
});
|
|
},
|
|
getBreakPoint: () => {
|
|
return AppStorage.Get('breakPoint');
|
|
}
|
|
}
|
|
|
|
build() {
|
|
Column() {
|
|
Flex({ direction: FlexDirection.Column, wrap: FlexWrap.NoWrap,
|
|
alignItems: ItemAlign.Start, alignContent: FlexAlign.SpaceAround }) {
|
|
Column() {
|
|
// 窗口顶部规避区域
|
|
Row()
|
|
.width(px2vp(this.topWidth))
|
|
.height(px2vp(this.topHeight))
|
|
ToolBarComp({ controllerShow: this.controllerShow })
|
|
NoteContentOverViewComp()
|
|
.enabled(this.selectedNoteData && this.selectedNoteData?.is_deleted == Delete.Yes ? false : true)
|
|
}
|
|
|
|
Column() {
|
|
Web({ src: $rawfile('editor.html'), controller: this.controllerShow })
|
|
.overviewModeAccess(false)
|
|
.javaScriptAccess(true)
|
|
.javaScriptProxy({
|
|
object: this.noteContent,
|
|
name: 'callBackToApp', // html--> name.method
|
|
methodList: ['callbackhtml', 'callbackScheduledSave', 'callbackPasteImage', 'callbackImagePath',
|
|
'addToDo', 'chooseStyle', 'openAlbum', 'callbackGetSize', 'getBreakPoint'],
|
|
controller: this.controllerShow
|
|
})
|
|
.onPageEnd((e) => {
|
|
try {
|
|
if (this.dpi <= 240) {
|
|
this.controllerShow.runJavaScript('changeSizeToRk()');
|
|
} else if (this.dpi <= 320 && this.dpi > 240) {
|
|
this.controllerShow.runJavaScript('changeSizeToPhone()');
|
|
} else {
|
|
this.controllerShow.runJavaScript('changeSizeToTablet()');
|
|
}
|
|
LogUtil.info(TAG, 'finish loadurl');
|
|
let self = this
|
|
this.controllerShow.runJavaScript(
|
|
"RICH_EDITOR.setHtml('" + this.selectedNoteData?.content_text + "')",
|
|
() => {
|
|
// wait for the image in the note to load
|
|
setTimeout(() => {
|
|
self.restoreScrollTop()
|
|
self.restoreFocus()
|
|
}, 100)
|
|
}
|
|
)
|
|
} catch (error) {
|
|
LogUtil.info(TAG, 'onPageEnd error')
|
|
}
|
|
|
|
})
|
|
.imageAccess(true)
|
|
.onlineImageAccess(true)
|
|
.fileAccess(true)
|
|
.domStorageAccess(true)
|
|
.zoomAccess(false)
|
|
.height('100%')
|
|
.width('100%')
|
|
.onScroll((event) => {
|
|
this.storeScrollTop(event.yOffset)
|
|
})
|
|
.onClick(() => {
|
|
if (time_id) {
|
|
clearInterval(time_id)
|
|
}
|
|
// 添加定时器：3s自动保存
|
|
time_id = setInterval(() => {
|
|
try {
|
|
if (!this.isClickBack) {
|
|
this.controllerShow.runJavaScript('scheduledSaveContent()');
|
|
}
|
|
} catch (error) {
|
|
LogUtil.info(TAG, 'setInterval error')
|
|
}
|
|
}, 3000)
|
|
LogUtil.info(TAG, 'setInterval time_id : ' + time_id)
|
|
this.editModel = true
|
|
})
|
|
}
|
|
.height('100%')
|
|
.enabled(this.selectedNoteData && this.selectedNoteData?.is_deleted == Delete.Yes ? false : true)
|
|
.flexShrink(1)
|
|
.margin({ top: 16 })
|
|
.width(StyleConstants.PERCENTAGE_100)
|
|
}
|
|
.flexShrink(1)
|
|
.padding({ left: 24, right: 24 })
|
|
DeleteNoteComp()
|
|
}
|
|
.expandSafeArea([SafeAreaType.KEYBOARD, SafeAreaType.SYSTEM])
|
|
.height(StyleConstants.PERCENTAGE_100)
|
|
.width(StyleConstants.PERCENTAGE_100)
|
|
}
|
|
|
|
aboutToAppear(): void {
|
|
this.isClickBack = false
|
|
LogUtil.info(TAG, 'aboutToAppear');
|
|
window.getLastWindow(getContext(this)).then(currentWindow => {
|
|
currentWindow.setWindowLayoutFullScreen(true);
|
|
})
|
|
}
|
|
|
|
aboutToDisappear(): void {
|
|
this.isClickBack = true
|
|
clearInterval(time_id)
|
|
NoteUtil.refreshAll()
|
|
LogUtil.info(TAG, 'aboutToDisappear');
|
|
this.editContentDialogCtl = null
|
|
}
|
|
}
|
|
|
|
@Component
|
|
export struct NoteContentOverViewComp {
|
|
@Consume('SelectedNoteData') selectedNoteData: NoteData
|
|
@StorageLink('AllFolderArray') AllFolderArray: FolderData[] = []
|
|
@StorageLink('CheckedNoteArray') CheckedNoteArray: NoteData[] = []
|
|
@StorageLink('isUpdate') isUpdate: boolean = false
|
|
NoteDataMoveArray: FolderData[] = [];
|
|
editTitleDialogCtl: CustomDialogController | null = new CustomDialogController({
|
|
builder: EditTitleDialog({ confirm: (newTitle: string) => {
|
|
this.confirm(newTitle);
|
|
} }),
|
|
alignment: DialogAlignment.Center,
|
|
autoCancel: false,
|
|
customStyle: true,
|
|
})
|
|
|
|
aboutToAppear() {
|
|
this.NoteDataMoveArray = this.AllFolderArray.slice(2, this.AllFolderArray.length);
|
|
if (this.AllFolderArray[1] === undefined || this.AllFolderArray[1] === null) {
|
|
LogUtil.info(TAG, 'this AllFolderArray[1] undefined');
|
|
return
|
|
}
|
|
this.NoteDataMoveArray.push(this.AllFolderArray[1]);
|
|
}
|
|
|
|
aboutToDisappear() {
|
|
this.editTitleDialogCtl = null
|
|
}
|
|
|
|
confirm(newTitle: string) {
|
|
this.selectedNoteData.title = newTitle
|
|
this.selectedNoteData.modified_time = new Date().getTime()
|
|
let predicatesNote = RdbStoreUtil.getRdbPredicates(TableName.NoteTable);
|
|
predicatesNote.equalTo(NoteTableColumn.Uuid, this.selectedNoteData?.uuid);
|
|
RdbStoreUtil.update(this.selectedNoteData?.toNoteObject(), predicatesNote, null);
|
|
// save continue data
|
|
let continueNote: string = JSON.stringify(this.selectedNoteData?.toNoteObject())
|
|
AppStorage.SetOrCreate<string>('ContinueNote', continueNote)
|
|
LogUtil.info(TAG, 'NoteContentOverViewComp, MenuBuilder, set continue note success')
|
|
NoteUtil.refreshAll()
|
|
}
|
|
|
|
@Builder
|
|
MenuBuilder() {
|
|
Column() {
|
|
Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
|
|
List() {
|
|
if (this.NoteDataMoveArray !== undefined && this.NoteDataMoveArray !== null &&
|
|
this.NoteDataMoveArray.length > 0) {
|
|
ForEach(this.NoteDataMoveArray, (item: FolderData) => {
|
|
ListItem() {
|
|
NoteDataMoveItemCompMenu({ folderItem: item, uuid: this.selectedNoteData?.folder_uuid })
|
|
}
|
|
.onClick(() => {
|
|
this.selectedNoteData.folder_uuid = item.uuid
|
|
let predicatesNote = RdbStoreUtil.getRdbPredicates(TableName.NoteTable);
|
|
predicatesNote.equalTo(NoteTableColumn.Uuid, this.selectedNoteData?.uuid);
|
|
RdbStoreUtil.update(this.selectedNoteData?.toNoteObject(), predicatesNote, null);
|
|
// save continue data
|
|
let continueNote: string = JSON.stringify(this.selectedNoteData?.toNoteObject())
|
|
AppStorage.SetOrCreate<string>('ContinueNote', continueNote)
|
|
LogUtil.info(TAG, 'MenuBuilder, set continue note success')
|
|
NoteUtil.refreshAll()
|
|
})
|
|
}, (noteItem: NoteData) => noteItem?.uuid)
|
|
}
|
|
}
|
|
.margin({ top: 4, bottom: 4 })
|
|
.listDirection(Axis.Vertical)
|
|
.edgeEffect(EdgeEffect.Spring)
|
|
.height(this.AllFolderArray.length > 12 ? 504 : (this.AllFolderArray.length - 3) * 56)
|
|
}
|
|
.backgroundColor($r('app.color.folder_color_ffffff'))
|
|
.width(148)
|
|
.padding({ left: 24, right: 24 })
|
|
}
|
|
}
|
|
|
|
build() {
|
|
if (this.selectedNoteData) {
|
|
Flex({ direction: FlexDirection.Column, wrap: FlexWrap.NoWrap,
|
|
justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
|
|
Row() {
|
|
Text(this.selectedNoteData?.title)
|
|
.id(this.isUpdate + '')
|
|
.fontSize(30).fontWeight(FontWeight.Medium)
|
|
.onClick(() => {
|
|
clearInterval(time_id)
|
|
this.editTitleDialogCtl!.open();
|
|
})
|
|
}.height(40)
|
|
.width(StyleConstants.PERCENTAGE_100)
|
|
|
|
Row() {
|
|
Text(DateUtil.formateDateForNoteContent(new Date(this.selectedNoteData?.modified_time)))
|
|
.id(this.isUpdate + '')
|
|
.fontSize(12)
|
|
.padding({ top: 4, bottom: 4 })
|
|
.fontColor($r('app.color.modified_time_font_color'))
|
|
Row() {
|
|
Text(FolderUtil.getFolderText(FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), this.selectedNoteData?.folder_uuid)) ==
|
|
folderTextMap.sys_def_myFavorites_uuid ? folderTextMap.sys_def_unClassified_uuid :
|
|
FolderUtil.getFolderText(FolderUtil.getFolderData(AppStorage.Get('AllFolderArray'), this.selectedNoteData?.folder_uuid)))
|
|
.id(this.isUpdate + '')
|
|
.fontColor($r('app.color.folder_color_99182431'))
|
|
.fontSize(12)
|
|
Image($r('app.media.triangle'))
|
|
.width(6)
|
|
.height(12)
|
|
.margin({ left: 4 })
|
|
}
|
|
.id(this.isUpdate + '')
|
|
.padding({ left: 8, right: 8, top: 4, bottom: 4 })
|
|
.margin({ left: 8 })
|
|
.borderRadius(16)
|
|
.backgroundColor(NoteUtil.getNoteBgColor(AppStorage.Get('AllFolderArray')!, this.selectedNoteData?.folder_uuid, SysDefFolderUuid.AllNotes, false))
|
|
.bindMenu(this.MenuBuilder)
|
|
}.alignItems(VerticalAlign.Top).height(40).width(StyleConstants.PERCENTAGE_100)
|
|
}
|
|
.opacity(this.selectedNoteData?.is_deleted == Delete.Yes ? 0.4 : 1)
|
|
.width(StyleConstants.PERCENTAGE_100)
|
|
.height(82)
|
|
}
|
|
}
|
|
}
|
|
|
|
@Component
|
|
export struct ToolBarComp {
|
|
@Consume('SelectedNoteData') selectedNoteData: NoteData
|
|
@Consume('SelectedFolderData') selectedFolderData: FolderData
|
|
@Consume('EditModel') editModel: boolean
|
|
@StorageLink('AllNoteArray') AllNoteArray: NoteData[] = AppStorage.Link('AllNoteArray')
|
|
controllerShow: webview.WebviewController = new webview.WebviewController();
|
|
|
|
onDeleteConfirm() {
|
|
if (this.selectedFolderData.uuid != SysDefFolderUuid.RecentDeletes) {
|
|
this.selectedNoteData.is_deleted = Delete.Yes
|
|
this.selectedNoteData.deleted_time = new Date().getTime()
|
|
// update note to db
|
|
let predicatesNote = RdbStoreUtil.getRdbPredicates(TableName.NoteTable);
|
|
predicatesNote.equalTo(NoteTableColumn.Uuid, this.selectedNoteData?.uuid);
|
|
RdbStoreUtil.update(this.selectedNoteData?.toNoteObject(), predicatesNote, null);
|
|
routePage()
|
|
} else {
|
|
NoteUtil.removeNoteData(this.AllNoteArray, this.selectedNoteData?.uuid)
|
|
// delete note from db
|
|
let predicatesNote = RdbStoreUtil.getRdbPredicates(TableName.NoteTable);
|
|
predicatesNote.equalTo(NoteTableColumn.Uuid, this.selectedNoteData?.uuid);
|
|
RdbStoreUtil.delete(predicatesNote, null);
|
|
routePage()
|
|
}
|
|
AppStorage.SetOrCreate('isUpdate', true)
|
|
}
|
|
|
|
noteDataDeleteDialogCtl: CustomDialogController | null = new CustomDialogController({
|
|
builder: DeleteDialog({ onConfirm: () => {
|
|
this.onDeleteConfirm();
|
|
}, multiSelect: true }),
|
|
alignment: DialogAlignment.Bottom,
|
|
autoCancel: false,
|
|
customStyle: true,
|
|
})
|
|
|
|
aboutToDisappear() {
|
|
this.noteDataDeleteDialogCtl = null
|
|
}
|
|
|
|
build() {
|
|
Flex({ direction: FlexDirection.Row, wrap: FlexWrap.NoWrap,
|
|
justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
|
|
|
|
Image($r('app.media.back'))
|
|
.height(24)
|
|
.width(24)
|
|
.responseRegion({ width: 54, height: 54 })
|
|
.onClick(() => {
|
|
try {
|
|
this.controllerShow.runJavaScript('getHtmlContent()');
|
|
// 清除定时器
|
|
if (time_id != undefined) {
|
|
LogUtil.info(TAG, 'back, clearInterval time_id : ' + time_id);
|
|
clearInterval(time_id)
|
|
}
|
|
setTimeout(() => {
|
|
LogUtil.info(TAG, 'wait save cotext');
|
|
router.back()
|
|
}, 50)
|
|
NoteUtil.refreshAll()
|
|
} catch (error) {
|
|
LogUtil.info(TAG, 'back error')
|
|
}
|
|
})
|
|
|
|
if (this.editModel == false) {
|
|
Row({ space: StyleConstants.SPACE_24 }) {
|
|
Image(this.selectedNoteData?.is_favorite == Favorite.Yes ? $r('app.media.favorite') : $r('app.media.favorite_cancel'))
|
|
.height(24).width(24)
|
|
.onClick(() => {
|
|
try {
|
|
this.selectedNoteData.is_favorite = (this.selectedNoteData?.is_favorite == Favorite.Yes ?
|
|
Favorite.No : Favorite.Yes)
|
|
// update note to db
|
|
let predicatesNote = RdbStoreUtil.getRdbPredicates(TableName.NoteTable);
|
|
predicatesNote.equalTo(NoteTableColumn.Uuid, this.selectedNoteData?.uuid);
|
|
RdbStoreUtil.update(this.selectedNoteData?.toNoteObject(), predicatesNote, null);
|
|
if (this.selectedFolderData?.uuid === SysDefFolderUuid.MyFavorites) {
|
|
this.selectedNoteData = NoteUtil.getFirstNoteData(AppStorage.Get('AllNoteArray')!, SysDefFolderUuid.MyFavorites)!;
|
|
if (!this.selectedNoteData) {
|
|
routePage()
|
|
}
|
|
this.controllerShow.runJavaScript(
|
|
"RICH_EDITOR.setHtml('" + this.selectedNoteData.content_text + "')"
|
|
)
|
|
// save continue data
|
|
let continueNote: string = JSON.stringify(this.selectedNoteData.toNoteObject())
|
|
AppStorage.SetOrCreate<string>('ContinueNote', continueNote)
|
|
LogUtil.info(TAG, 'ToolBarComp, set continue note success');
|
|
}
|
|
NoteUtil.refreshAll()
|
|
} catch (error) {
|
|
LogUtil.info(TAG, 'favorite error')
|
|
}
|
|
})
|
|
Image($r('app.media.delete')).height(24).width(24)
|
|
.onClick(() => {
|
|
this.noteDataDeleteDialogCtl!.open();
|
|
})
|
|
}.width(72)
|
|
.visibility(this.selectedNoteData?.is_deleted == Delete.Yes ? Visibility.None : Visibility.Visible)
|
|
} else {
|
|
Row({ space: StyleConstants.SPACE_6 }) {
|
|
Button({ type: ButtonType.Normal, stateEffect: true }) {
|
|
Image($r('app.media.undo')).height(24).width(24)
|
|
.onClick(() => {
|
|
try {
|
|
// 退出键盘
|
|
inputMethod.getController().stopInputSession();
|
|
this.controllerShow.runJavaScript('javascript:RICH_EDITOR.undo()');
|
|
} catch (error) {
|
|
LogUtil.info(TAG, 'undo error')
|
|
}
|
|
})
|
|
}.width(42)
|
|
.height(42)
|
|
.borderRadius(8)
|
|
.backgroundColor($r('app.color.color_fffffB'))
|
|
|
|
Button({ type: ButtonType.Normal, stateEffect: true }) {
|
|
Image($r('app.media.todo')).height(24).width(24)
|
|
.onClick(() => {
|
|
try {
|
|
// 退出键盘
|
|
inputMethod.getController().stopInputSession();
|
|
this.controllerShow.runJavaScript('javascript:RICH_EDITOR.redo()');
|
|
} catch (error) {
|
|
LogUtil.info(TAG, 'todo error')
|
|
}
|
|
})
|
|
}.width(42)
|
|
.height(42)
|
|
.borderRadius(8)
|
|
.backgroundColor($r('app.color.color_fffffB'))
|
|
|
|
Button({ type: ButtonType.Normal, stateEffect: true }) {
|
|
Image($r('app.media.tick_thin')).height(24).width(24)
|
|
.onClick(() => {
|
|
try {
|
|
// 保存笔记信息到数据库
|
|
this.controllerShow.runJavaScript('getHtmlContent()');
|
|
this.editModel = false
|
|
this.controllerShow.runJavaScript('javascript:RICH_EDITOR.getBlur()');
|
|
} catch (error) {
|
|
LogUtil.info(TAG, 'tick_thin error')
|
|
}
|
|
})
|
|
}.width(42)
|
|
.height(42)
|
|
.borderRadius(8)
|
|
.backgroundColor($r('app.color.color_fffffB'))
|
|
}
|
|
.width(130)
|
|
.visibility(this.selectedNoteData?.is_deleted == Delete.Yes ? Visibility.None : Visibility.Visible)
|
|
}
|
|
}
|
|
.width(StyleConstants.PERCENTAGE_100)
|
|
.height(40)
|
|
}
|
|
}
|
|
|
|
@Component
|
|
export struct DeleteNoteComp {
|
|
@StorageLink('CheckedNoteArray') CheckedNoteArray: NoteData[] = []
|
|
@StorageLink('AllNoteArray') AllNoteArray: NoteData[] = AppStorage.Link('AllNoteArray')
|
|
@Consume('SelectedFolderData') selectedFolderData: FolderData
|
|
@Consume('RefreshFlag') refreshFlag: number
|
|
@Consume('SelectedNoteData') selectedNoteData: NoteData;
|
|
noteDataDeleteDialogCtlBottom: CustomDialogController | null = new CustomDialogController({
|
|
builder: DeleteDialog({ onConfirm: () => {
|
|
this.onDeleteConfirm();
|
|
}, multiSelect: true }),
|
|
alignment: DialogAlignment.Bottom,
|
|
autoCancel: false,
|
|
customStyle: true,
|
|
})
|
|
|
|
aboutToDisappear() {
|
|
this.noteDataDeleteDialogCtlBottom = null
|
|
}
|
|
|
|
onDeleteConfirm() {
|
|
if (this.selectedFolderData.uuid != SysDefFolderUuid.RecentDeletes) {
|
|
this.selectedNoteData.is_deleted = Delete.Yes
|
|
this.selectedNoteData.deleted_time = new Date().getTime()
|
|
// update note to db
|
|
let predicatesNote = RdbStoreUtil.getRdbPredicates(TableName.NoteTable);
|
|
predicatesNote.equalTo(NoteTableColumn.Uuid, this.selectedNoteData?.uuid);
|
|
RdbStoreUtil.update(this.selectedNoteData?.toNoteObject(), predicatesNote, null);
|
|
routePage()
|
|
} else {
|
|
NoteUtil.removeNoteData(this.AllNoteArray, this.selectedNoteData?.uuid)
|
|
// delete note from db
|
|
let predicatesNote = RdbStoreUtil.getRdbPredicates(TableName.NoteTable);
|
|
predicatesNote.equalTo(NoteTableColumn.Uuid, this.selectedNoteData?.uuid);
|
|
RdbStoreUtil.delete(predicatesNote, null);
|
|
NoteUtil.refreshAll()
|
|
routePage()
|
|
}
|
|
AppStorage.SetOrCreate('isUpdate', false)
|
|
}
|
|
|
|
build() {
|
|
Flex({ direction: FlexDirection.Row, wrap: FlexWrap.Wrap, justifyContent: FlexAlign.SpaceBetween }) {
|
|
Column() {
|
|
Image($r('app.media.delete'))
|
|
.width(24)
|
|
.height(24)
|
|
.responseRegion({ x: -15.0, y: -15.0, width: 54, height: 54 })
|
|
.onClick(() => {
|
|
this.noteDataDeleteDialogCtlBottom!.open();
|
|
})
|
|
Text($r('app.string.delete'))
|
|
.fontSize(10)
|
|
.fontColor($r('app.color.delete_font_color'))
|
|
.padding({ top: 5 })
|
|
}
|
|
.height('100%')
|
|
.width(180)
|
|
.justifyContent(FlexAlign.Center)
|
|
.alignItems(HorizontalAlign.Center)
|
|
.offset({ y: -50 })
|
|
|
|
Column() {
|
|
Image($r('app.media.recover'))
|
|
.width(24)
|
|
.height(24)
|
|
.responseRegion({ x: -15.0, y: -15.0, width: 54, height: 54 })
|
|
.onClick(() => {
|
|
this.selectedNoteData.is_deleted = Delete.No
|
|
this.selectedNoteData.deleted_time = 0
|
|
let context: common.UIAbilityContext = getContext(this) as common.UIAbilityContext;
|
|
let resource: resourceManager.Resource = {
|
|
bundleName: 'com.ohos.note',
|
|
moduleName: 'default',
|
|
id: $r('app.string.restore').id
|
|
};
|
|
context.resourceManager.getStringValue(resource, (error: BusinessError, value: string) => {
|
|
if (error != null) {
|
|
LogUtil.error(TAG, 'error is' + error);
|
|
} else {
|
|
prompt.showToast({ message: value, duration: 2000 });
|
|
}
|
|
});
|
|
this.refreshFlag = (this.refreshFlag == 0 ? 1 : 0)
|
|
// update note to db
|
|
let predicatesNote = RdbStoreUtil.getRdbPredicates(TableName.NoteTable);
|
|
predicatesNote.equalTo(NoteTableColumn.Uuid, this.selectedNoteData?.uuid);
|
|
RdbStoreUtil.update(this.selectedNoteData?.toNoteObject(), predicatesNote, null);
|
|
NoteUtil.refreshAll()
|
|
})
|
|
Text($r('app.string.recover'))
|
|
.fontSize(10)
|
|
.fontColor($r('app.color.recover_font_color'))
|
|
.padding({ top: 5 })
|
|
}
|
|
.height('100%')
|
|
.width(180)
|
|
.justifyContent(FlexAlign.Center)
|
|
.alignItems(HorizontalAlign.Center)
|
|
.offset({ y: -50 })
|
|
}
|
|
.width(360)
|
|
.height(56)
|
|
.visibility(this.selectedNoteData?.is_deleted == Delete.Yes ?
|
|
Visibility.Visible : Visibility.None)
|
|
}
|
|
}
|
|
|
|
@Component
|
|
struct NoteDataMoveItemCompMenu {
|
|
@StorageLink('CheckedNoteArray') CheckedNoteArray: NoteData[] = []
|
|
@StorageLink('AllFolderArray') AllFolderArray: FolderData[] = []
|
|
@StorageLink('isUpdate') isUpdate: boolean = false
|
|
folderItem: FolderData = new FolderData(0, '', new Date().getTime() + '', '', FolderType.CusDef, Delete.No, new Date().getTime(), new Date().getTime());
|
|
uuid: string = '';
|
|
|
|
build() {
|
|
Flex({ alignItems: ItemAlign.Center, wrap: FlexWrap.NoWrap, justifyContent: FlexAlign.Center }) {
|
|
Flex({ alignItems: ItemAlign.Center, wrap: FlexWrap.NoWrap }) {
|
|
Image(FolderUtil.getFolderIcon(this.folderItem.uuid))
|
|
.id(this.isUpdate + '')
|
|
.objectFit(ImageFit.Fill)
|
|
.width(24)
|
|
.height(24)
|
|
.flexShrink(0)
|
|
.fillColor(FolderUtil.getFolderIconColor(this.AllFolderArray, this.folderItem.uuid,
|
|
this.folderItem.uuid == this.uuid))
|
|
}
|
|
.width(24)
|
|
|
|
Column() {
|
|
Flex({ alignItems: ItemAlign.Center, wrap: FlexWrap.NoWrap, justifyContent: FlexAlign.SpaceBetween }) {
|
|
Text(FolderUtil.getFolderText(this.folderItem))
|
|
.id(this.isUpdate + '')
|
|
.fontSize(16)
|
|
.fontColor(FolderUtil.getFolderIconColor(this.AllFolderArray, this.folderItem.uuid == this.uuid ? this.folderItem.uuid : '', this.folderItem.uuid == this.uuid))
|
|
.textAlign(TextAlign.Center)
|
|
.maxLines(1)
|
|
.textOverflow({ overflow: TextOverflow.Ellipsis })
|
|
.flexShrink(1)
|
|
}
|
|
.width('100%')
|
|
.height(55)
|
|
|
|
if (this.folderItem.uuid != SysDefFolderUuid.UnClassified) {
|
|
Divider()
|
|
.color($r('app.color.divider_color_e4e4e4'))
|
|
.strokeWidth(1)
|
|
}
|
|
|
|
}
|
|
.padding({ left: 16 })
|
|
}
|
|
.id(this.isUpdate + '')
|
|
.width('100%')
|
|
.height(56)
|
|
.visibility(FolderUtil.isFolderMoveIn(this.folderItem) ? Visibility.Visible : Visibility.None)
|
|
}
|
|
}
|