!58 fix notes problem

Merge pull request !58 from ylh_hw/master
This commit is contained in:
openharmony_ci 2022-06-06 06:37:12 +00:00 committed by Gitee
commit c821309717
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F
5 changed files with 29 additions and 31 deletions

View File

@ -555,6 +555,8 @@ export struct EditContentDialog {
.height(16)
.width(16)
.margin({ top: 8 })
.opacity(0.6)
.fillColor('#99182431')
.onClick(() => {
this.editContentDialogCtl.close()
})

View File

@ -149,7 +149,7 @@ export struct NoteContentComp {
.height('70%')
.width('100%')
}
.margin({ left: 12, right: 24, top: 16 })
.margin({ left: 12, right: 24 })
.width(StyleConstants.PERCENTAGE_100)
.enabled(this.selectedNoteData && this.selectedNoteData.is_deleted == Delete.Yes ? false : true)
.onClick(() => {
@ -195,13 +195,14 @@ export struct NoteContentComp {
@Component
export struct NoteContentOverViewComp {
@Consume('SelectedNoteData') selectedNoteData: NoteData
@StorageLink('AllFolderArray') AllFolderArray: FolderData[] = []
@StorageLink('AllFolderArray') @Watch('getArray') AllFolderArray: FolderData[] = []
@StorageLink('CheckedNoteArray') CheckedNoteArray: NoteData[] = []
@StorageLink('AllNoteArray') AllNoteArray: NoteData[] = AppStorage.Link('AllNoteArray')
@Consume('SelectedFolderData') selectedFolderData: FolderData
@Consume('EditModel') editModel: boolean
@Consume('SectionStatus') sectionStatus: number
@Consume('RefreshFlag') refreshFlag: number
NoteDataMoveArray: FolderData[]
controllerShow: WebController
editTitleDialogCtl: CustomDialogController = new CustomDialogController({
builder: EditTitleDialog({ confirm: this.confirm.bind(this) }),
@ -210,6 +211,15 @@ export struct NoteContentOverViewComp {
customStyle: true,
})
getArray() {
this.NoteDataMoveArray = this.AllFolderArray.slice(2, this.AllFolderArray.length);
this.NoteDataMoveArray.push(this.AllFolderArray[1]);
}
aboutToAppear() {
this.NoteDataMoveArray = this.AllFolderArray.slice(2, this.AllFolderArray.length);
this.NoteDataMoveArray.push(this.AllFolderArray[1]);
}
confirm(newTitle: string) {
this.selectedNoteData.title = newTitle
this.selectedNoteData.modified_time = new Date().getTime()
@ -221,9 +231,9 @@ export struct NoteContentOverViewComp {
@Builder MenuBuilder() {
Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
List() {
ForEach(this.AllFolderArray, (item) => {
ForEach(this.NoteDataMoveArray, (item) => {
ListItem() {
NoteDataMoveItemComp({ folderItem: item })
NoteDataMoveItemCompTablet({ folderItem: item, uuid: this.selectedNoteData.folder_uuid })
}
.onClick(() => {
this.selectedNoteData.folder_uuid = item.uuid
@ -580,10 +590,11 @@ export struct ToolBarComp {
}
@Component
struct NoteDataMoveItemComp {
struct NoteDataMoveItemCompTablet {
@StorageLink('CheckedNoteArray') CheckedNoteArray: NoteData[] = []
@StorageLink('AllFolderArray') AllFolderArray: FolderData[] = []
private folderItem: FolderData
folderItem: FolderData
uuid: String
build() {
Flex({ alignItems: ItemAlign.Center, wrap: FlexWrap.NoWrap, justifyContent: FlexAlign.Center }) {
@ -593,7 +604,7 @@ struct NoteDataMoveItemComp {
.width(24)
.height(24)
.flexShrink(0)
.fillColor(FolderUtil.getFolderIconColor(this.AllFolderArray, this.folderItem.uuid, false))
.fillColor(FolderUtil.getFolderIconColor(this.AllFolderArray, this.folderItem.uuid, this.folderItem.uuid == this.uuid))
}
.width(24)
@ -601,7 +612,7 @@ struct NoteDataMoveItemComp {
Flex({ alignItems: ItemAlign.Center, wrap: FlexWrap.NoWrap, justifyContent: FlexAlign.SpaceBetween }) {
Text(FolderUtil.getFolderText(this.folderItem))
.fontSize(16)
.fontColor(FolderUtil.getFolderIconColor(this.AllFolderArray, this.folderItem.uuid, false))
.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 })
@ -610,9 +621,11 @@ struct NoteDataMoveItemComp {
.width('100%')
.height(55)
Divider()
.color($r("app.color.divider_color_e4e4e4"))
.strokeWidth(1)
if (this.folderItem.uuid != SysDefFolderUuid.UnClassified) {
Divider()
.color($r("app.color.divider_color_e4e4e4"))
.strokeWidth(1)
}
}
.padding({ left: 16 })
}

View File

@ -56,12 +56,10 @@ export struct NoteListComp {
NoteOverViewComp({ controllerShow: this.controllerShow })
Column() {
}
.backgroundColor($r('app.color.notelist_bgcolor_f1f3f5'))
.height(this.search ? 15 : 0)
NoteItemListComp({ controllerShow: this.controllerShow })
}
.backgroundColor($r('app.color.notelist_bgcolor_f1f3f5'))
.width('100%')
.flexShrink(1)
@ -69,9 +67,7 @@ export struct NoteListComp {
OperateNoteCompForPortrait()
}
.flexShrink(0)
.backgroundColor($r('app.color.notelist_bgcolor_f1f3f5'))
}
.backgroundColor($r('app.color.notelist_bgcolor_f1f3f5'))
.height('100%')
.width('100%')
}
@ -139,6 +135,7 @@ struct NoteOverViewComp {
.fontColor($r("app.color.num_of_notes_font_color"))
.textOverflow({ overflow: TextOverflow.Ellipsis })
}
.margin({ top: 5 })
.visibility((FolderUtil.getNoteCount(AppStorage.Get('AllNoteArray'), this.selectedFolderData.uuid) == 0) ? Visibility.None : Visibility.Visible)
}.visibility(this.longpress ? Visibility.None : Visibility.Visible)
@ -167,7 +164,6 @@ struct NoteOverViewComp {
OperateNoteComp({ controllerShow: this.controllerShow })
Text(this.refreshFlag.toString()).visibility(Visibility.None)
}
.backgroundColor($r('app.color.notelist_bgcolor_f1f3f5'))
.width('100%')
.height(82)
.padding({ left: this.sectionStatus == 2 ? 24 : 36, right: 24 }) // 两分栏时缩进图标与左侧不需要间距
@ -371,7 +367,6 @@ export struct NoteItemListComp {
}
.width("100%")
.padding({ left: 24, right: 24, bottom: 12 })
.backgroundColor($r("app.color.notelist_bgcolor_f1f3f5"))
.visibility((FolderUtil.getNoteCount(AppStorage.Get('AllNoteArray'), this.selectedFolderData.uuid) == 0) ? Visibility.None : Visibility.Visible)
Stack() {
@ -382,7 +377,6 @@ export struct NoteItemListComp {
.fontColor($r("app.color.Recently_delete_prompt_font_color"))
}
.padding({ bottom: this.selectedFolderData.uuid == SysDefFolderUuid.RecentDeletes ? 12 : 0 })
.backgroundColor($r("app.color.notelist_bgcolor_f1f3f5"))
.width('100%')
.visibility(this.selectedFolderData.uuid == SysDefFolderUuid.RecentDeletes ? Visibility.Visible : Visibility.None)
@ -398,7 +392,6 @@ export struct NoteItemListComp {
.fontColor($r("app.color.Empty_page_font_color"))
}
}
.backgroundColor($r("app.color.notelist_bgcolor_f1f3f5"))
.width('100%')
.height('100%')
.padding({ bottom: 120 })
@ -416,16 +409,13 @@ export struct NoteItemListComp {
}
.padding({ left: 24, right: 24, bottom: 12 })
}
.backgroundColor($r("app.color.notelist_bgcolor_f1f3f5"))
}, noteItem => noteItem.uuid.toString())
}
.layoutWeight(1)
.backgroundColor($r("app.color.notelist_bgcolor_f1f3f5"))
.listDirection(Axis.Vertical)
.edgeEffect(EdgeEffect.Spring)
}
.layoutWeight(1)
.backgroundColor($r("app.color.notelist_bgcolor_f1f3f5"))
.height("100%")
.margin({ top: this.search ? 8 : 0 })
}
@ -441,10 +431,8 @@ export struct NoteItemListComp {
.opacity(0.1)
.visibility(this.search ? Visibility.Visible : Visibility.Hidden)
}
.backgroundColor($r("app.color.notelist_bgcolor_f1f3f5"))
.flexShrink(1)
}
.backgroundColor($r("app.color.notelist_bgcolor_f1f3f5"))
.flexShrink(1)
.onClick(() => {
this.search = false
@ -711,7 +699,6 @@ export struct SearchComp {
.border({ width: 1.5, color: $r("app.color.divider_color_e4e4e4") })
.margin({ right: this.search ? 40 : 0 })
}
.backgroundColor($r('app.color.notelist_bgcolor_f1f3f5'))
}
}
@ -822,7 +809,6 @@ export struct OperateNoteCompForPortrait {
.fontColor($r("app.color.set_top_font_color"))
.padding({ top: 5 })
}
.backgroundColor($r('app.color.notelist_bgcolor_f1f3f5'))
.width("25%")
.height("100%")
.opacity(this.greyOpacity ? 0.4 : 1)
@ -846,7 +832,6 @@ export struct OperateNoteCompForPortrait {
.fontColor($r("app.color.delete_font_color"))
.padding({ top: 5 })
}
.backgroundColor($r('app.color.notelist_bgcolor_f1f3f5'))
.width(this.selectedFolderData.uuid == SysDefFolderUuid.RecentDeletes? 120 :"25%")
.height("100%")
.opacity(this.greyOpacity ? 0.4 : 1)
@ -870,7 +855,6 @@ export struct OperateNoteCompForPortrait {
.fontColor($r("app.color.move_font_color"))
.padding({ top: 5 })
}
.backgroundColor($r('app.color.notelist_bgcolor_f1f3f5'))
.width("25%")
.height("100%")
.opacity(this.greyOpacity ? 0.4 : 1)
@ -905,7 +889,6 @@ export struct OperateNoteCompForPortrait {
.fontColor($r("app.color.recover_font_color"))
.padding({ top: 5 })
}
.backgroundColor($r('app.color.notelist_bgcolor_f1f3f5'))
.width(this.selectedFolderData.uuid == SysDefFolderUuid.RecentDeletes? 120 :"25%")
.height("100%")
.opacity(this.greyOpacity ? 0.4 : 1)
@ -934,7 +917,6 @@ export struct OperateNoteCompForPortrait {
.fontColor($r("app.color.check_all_font_color"))
.padding({ top: 5 })
}
.backgroundColor($r('app.color.notelist_bgcolor_f1f3f5'))
.width(this.selectedFolderData.uuid == SysDefFolderUuid.RecentDeletes? 120 :"25%")
.height("100%")
.alignItems(HorizontalAlign.Center)

View File

@ -297,7 +297,7 @@ RICH_EDITOR.setTodo = function () {
var parent = document.getElementById('editorjs');
var isContentEmpty = parent.innerHTML.trim().length === 0 || parent.innerHTML === '<br>';
var html = (isContentEmpty ? '' : '<br/>')
+ '<input name="checkbox" type="checkbox" onclick="onCheckChange(this)" class="note-checkbox">'
+ '<input name="checkbox" type="checkbox" style="width:36px;height:36px" onclick="onCheckChange(this)" class="note-checkbox">'
+ '<span class="note-checkbox-txt">&nbsp;</span>';
document.execCommand('insertHTML', false, html);
};

View File

@ -62,6 +62,7 @@ export struct NoteHomePortraitComp {
.width(StyleConstants.PERCENTAGE_100)
.height(StyleConstants.PERCENTAGE_100)
.enabled(this.expandStatus ? false : true)
.backgroundColor($r("app.color.notelist_bgcolor_f1f3f5"))
//Folder list display area
Stack() {