firka/student-legacy
firka/student-legacy
8
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

finished markdown editor and formatting on view note screen

Browse Source
This commit is contained in:
Kima 2024-04-22 19:55:48 +02:00
parent a35c608a4c
commit 38ee2d30f5
4 changed files with 179 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
refilc_mobile_ui/lib/common/outlined_round_button.dart Normal file
View File

@ -0,0 +1,38 @@
import 'package:flutter/material.dart';
class OutlinedRoundButton extends StatelessWidget {
final Widget child;
final double size;
final Function()? onTap;
final EdgeInsets padding;
const OutlinedRoundButton({
super.key,
required this.child,
this.size = 35.0,
this.onTap,
this.padding = const EdgeInsets.all(5.0),
});
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap: onTap,
child: Container(
width: size,
height: size,
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.background,
border: Border.all(
color: Theme.of(context).colorScheme.secondary.withOpacity(0.1),
width: 1.1,
),
borderRadius: BorderRadius.circular(8.0),
),
alignment: Alignment.center,
padding: padding,
child: child,
),
);
}
}

130
refilc_mobile_ui/lib/pages/notes/submenu/add_note_screen.dart
View File

@ -1,11 +1,15 @@
// ignore_for_file: use_build_context_synchronously
import 'dart:math';
import 'package:google_fonts/google_fonts.dart';
import 'package:refilc/api/providers/database_provider.dart';
import 'package:refilc/api/providers/self_note_provider.dart';
import 'package:refilc/api/providers/user_provider.dart';
import 'package:refilc/models/self_note.dart';
import 'package:refilc/theme/colors/colors.dart';
import 'package:refilc_kreta_api/providers/homework_provider.dart';
import 'package:refilc_mobile_ui/common/outlined_round_button.dart';
import 'package:refilc_mobile_ui/pages/notes/submenu/notes_screen.i18n.dart';
import 'package:flutter/material.dart';
import 'package:flutter_feather_icons/flutter_feather_icons.dart';
@ -46,6 +50,88 @@ class AddNoteScreenState extends State<AddNoteScreen> {
selfNoteProvider = Provider.of<SelfNoteProvider>(context);
return Scaffold(
bottomNavigationBar: Transform.translate(
offset: Offset(0.0, -1 * MediaQuery.of(context).viewInsets.bottom),
child: Container(
height: 60.0,
decoration: BoxDecoration(
border: Border(
top: BorderSide(
color: Theme.of(context).colorScheme.secondary.withOpacity(0.1),
width: 1.1,
),
),
),
padding: const EdgeInsets.symmetric(
horizontal: 20.0,
vertical: 10.0,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
OutlinedRoundButton(
size: 35.0,
onTap: () {
insertTextAtCur('**;c;**');
},
child: Text(
'B',
textAlign: TextAlign.center,
style: GoogleFonts.robotoMono(
textStyle: const TextStyle(
height: 1.0,
fontWeight: FontWeight.w900,
fontSize: 16.0,
),
),
),
),
const SizedBox(
width: 10.0,
),
OutlinedRoundButton(
size: 35.0,
onTap: () {
insertTextAtCur('*;c;*');
},
child: Text(
'I',
textAlign: TextAlign.center,
style: GoogleFonts.robotoMono(
textStyle: const TextStyle(
height: 1.0,
fontWeight: FontWeight.w500,
fontStyle: FontStyle.italic,
fontSize: 16.0,
),
),
),
),
const SizedBox(
width: 10.0,
),
OutlinedRoundButton(
size: 35.0,
onTap: () {
insertTextAtCur('__;c;__');
},
child: Text(
'U',
textAlign: TextAlign.center,
style: GoogleFonts.robotoMono(
textStyle: const TextStyle(
height: 1.0,
fontWeight: FontWeight.w500,
decoration: TextDecoration.underline,
fontSize: 16.0,
),
),
),
),
],
),
),
),
appBar: AppBar(
surfaceTintColor: Theme.of(context).scaffoldBackgroundColor,
leading: BackButton(color: AppColors.of(context).text),
@ -183,4 +269,48 @@ class AddNoteScreenState extends State<AddNoteScreen> {
),
);
}
void insertTextAtCur(String text) {
var selStartPos = _contentController.selection.start;
var selEndPost = _contentController.selection.end;
var cursorPos = _contentController.selection.base.offset;
String textToBefore = text.split(';c;')[0];
String textToAfter = text.split(';c;')[1];
if (selStartPos == selEndPost) {
setState(() {
_contentController.value = _contentController.value.copyWith(
text: _contentController.text.replaceRange(
max(cursorPos, 0),
max(cursorPos, 0),
textToBefore + textToAfter,
),
selection: TextSelection.fromPosition(
TextPosition(offset: max(cursorPos, 0) + textToBefore.length),
),
);
});
} else {
setState(() {
_contentController.value = _contentController.value.copyWith(
text: _contentController.text.replaceRange(
max(selStartPos, 0),
max(selEndPost, 0),
textToBefore +
_contentController.text.substring(
max(selStartPos, 0),
max(selEndPost, 0),
) +
textToAfter,
),
selection: TextSelection.fromPosition(
TextPosition(
offset: max(selEndPost, 0) + textToBefore.length,
),
),
);
});
}
}
}

14
refilc_mobile_ui/lib/pages/notes/submenu/note_view_screen.dart
View File

@ -1,3 +1,4 @@
import 'package:flutter_markdown/flutter_markdown.dart';
import 'package:refilc/api/providers/self_note_provider.dart';
import 'package:refilc/models/self_note.dart';
import 'package:refilc/theme/colors/colors.dart';
@ -138,12 +139,17 @@ class NoteViewScreenState extends State<NoteViewScreen> {
child: Column(
children: [
Expanded(
child: Text(
widget.note.content,
textAlign: TextAlign.justify,
style: const TextStyle(fontSize: 18.0),
child: MarkdownBody(
data: widget.note.content,
),
),
// Expanded(
// child: Text(
// widget.note.content,
// textAlign: TextAlign.justify,
// style: const TextStyle(fontSize: 18.0),
// ),
// ),
],
),
),

2
refilc_mobile_ui/pubspec.yaml
View File

@ -27,7 +27,7 @@ dependencies:
photo_view: ^0.14.0
flutter_linkify: ^6.0.0
flutter_custom_tabs: ^2.0.0+1
flutter_markdown: ^0.6.20+1
flutter_markdown: ^0.6.23
animations: ^2.0.11
animated_list_plus: ^0.5.0
confetti: ^0.7.0