285 lines
14 KiB
Dart
285 lines
14 KiB
Dart
// GCG.MeinCantor - Die Schulplattform für Cantorianer.
|
|
// Copyright (C) 2021-2022 Georg-Cantor-Gymnasium Halle (Saale)
|
|
|
|
// This program is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU Affero General Public License as published
|
|
// by the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
|
|
// This program is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU Affero General Public License for more details.
|
|
|
|
// You should have received a copy of the GNU Affero General Public License
|
|
// along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
import 'dart:convert';
|
|
import 'package:meincantor/networking.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_markdown/flutter_markdown.dart';
|
|
import 'package:http/http.dart' as http;
|
|
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';
|
|
import 'package:shared_preferences/shared_preferences.dart';
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
import 'package:markdown/markdown.dart' as md;
|
|
|
|
Future<List> getSZread() async {
|
|
SharedPreferences prefs = await SharedPreferences.getInstance();
|
|
String? szReadString = prefs.getString("SZread");
|
|
List<dynamic> szRead;
|
|
if (szReadString == null ||
|
|
(jsonDecode(szReadString) as List<dynamic>).isEmpty) {
|
|
szRead = [];
|
|
} else {
|
|
szRead = jsonDecode(szReadString) as List<dynamic>;
|
|
}
|
|
return szRead;
|
|
}
|
|
|
|
class SZ extends StatefulWidget {
|
|
const SZ({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<StatefulWidget> createState() => _SZState();
|
|
}
|
|
|
|
class _SZState extends State<SZ> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text("Schülerzeitung"),
|
|
centerTitle: true,
|
|
),
|
|
body: LayoutBuilder(builder: (context, constraints) {
|
|
double widgetWidth = constraints.maxWidth;
|
|
|
|
int factor;
|
|
|
|
if (widgetWidth <= 600) {
|
|
factor = 1;
|
|
} else if (widgetWidth <= 1400) {
|
|
factor = 2;
|
|
} else if (widgetWidth <= 2000) {
|
|
factor = 3;
|
|
} else {
|
|
factor = 1;
|
|
}
|
|
|
|
return Center(
|
|
heightFactor: 1,
|
|
child: Container(
|
|
constraints: BoxConstraints(
|
|
maxWidth: MediaQuery.of(context).size.width / factor,
|
|
),
|
|
child: FutureBuilder<http.Response>(
|
|
future: getArticles(),
|
|
builder: (context, snapshot) {
|
|
if (snapshot.hasData) {
|
|
int statusCode = snapshot.data!.statusCode;
|
|
if (statusCode == 200) {
|
|
String data = utf8.decode(snapshot.data!.bodyBytes);
|
|
List articles = jsonDecode(data)["data"];
|
|
List<Widget> articleTiles = [];
|
|
for (var element in articles) {
|
|
int id = element["id"];
|
|
element = element["attributes"];
|
|
Color color = Colors.white70;
|
|
Widget card = FutureBuilder(
|
|
future: getSZread(),
|
|
builder: (context, snapshot) {
|
|
if (snapshot.hasData) {
|
|
List<dynamic> readList =
|
|
snapshot.data! as List<dynamic>;
|
|
if (!readList.contains(id)) {
|
|
return GestureDetector(
|
|
onTap: () async {
|
|
SharedPreferences prefs =
|
|
await SharedPreferences.getInstance();
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) =>
|
|
Article.fromData(
|
|
element["title"],
|
|
element["content"],
|
|
element["author"],
|
|
element["publish_date"])
|
|
.widget),
|
|
);
|
|
readList.add(id);
|
|
prefs.setString(
|
|
"SZread", jsonEncode(readList));
|
|
setState(() {
|
|
color = Colors.transparent;
|
|
});
|
|
},
|
|
child: Card(
|
|
color: color,
|
|
child: Padding(
|
|
padding: const EdgeInsets.fromLTRB(
|
|
10, 10, 10, 10),
|
|
child: FutureBuilder(
|
|
future: Future.delayed(
|
|
const Duration(seconds: 0)),
|
|
builder: (context, snapshot) {
|
|
if (element["summary"] != null &&
|
|
(element["summary"] as String)
|
|
.isNotEmpty) {
|
|
return ListTile(
|
|
title: Text(element["title"],
|
|
style: const TextStyle(
|
|
fontWeight:
|
|
FontWeight.bold)),
|
|
subtitle: Text(
|
|
element["summary"],
|
|
overflow:
|
|
TextOverflow.ellipsis,
|
|
maxLines: 2,
|
|
softWrap: true,
|
|
),
|
|
trailing: Text(
|
|
"${DateTime.parse(element["publish_date"]).day.toString()}.${DateTime.parse(element["publish_date"]).month.toString()}.${DateTime.parse(element["publish_date"]).year.toString()}"),
|
|
);
|
|
} else {
|
|
return ListTile(
|
|
title: Text(element["title"],
|
|
style: const TextStyle(
|
|
fontWeight:
|
|
FontWeight.bold)),
|
|
trailing: Text(
|
|
"${DateTime.parse(element["publish_date"]).day.toString()}.${DateTime.parse(element["publish_date"]).month.toString()}.${DateTime.parse(element["publish_date"]).year.toString()}"),
|
|
);
|
|
}
|
|
},
|
|
)),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(15),
|
|
)),
|
|
);
|
|
} else {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) =>
|
|
Article.fromData(
|
|
element["title"],
|
|
element["content"],
|
|
element["author"],
|
|
element["publish_date"])
|
|
.widget),
|
|
);
|
|
},
|
|
child: Card(
|
|
child: Padding(
|
|
padding: const EdgeInsets.fromLTRB(
|
|
10, 10, 10, 10),
|
|
child: FutureBuilder(
|
|
future: Future.delayed(
|
|
const Duration(seconds: 0)),
|
|
builder: (context, snapshot) {
|
|
if (element["summary"] != null &&
|
|
(element["summary"] as String)
|
|
.isNotEmpty) {
|
|
return ListTile(
|
|
title: Text(element["title"],
|
|
style: const TextStyle(
|
|
fontWeight:
|
|
FontWeight.bold)),
|
|
subtitle: Text(
|
|
element["summary"],
|
|
overflow:
|
|
TextOverflow.ellipsis,
|
|
maxLines: 2,
|
|
softWrap: true,
|
|
),
|
|
trailing: Text(
|
|
"${DateTime.parse(element["publish_date"]).day.toString()}.${DateTime.parse(element["publish_date"]).month.toString()}.${DateTime.parse(element["publish_date"]).year.toString()}"),
|
|
);
|
|
} else {
|
|
return ListTile(
|
|
title: Text(element["title"],
|
|
style: const TextStyle(
|
|
fontWeight:
|
|
FontWeight.bold)),
|
|
trailing: Text(
|
|
"${DateTime.parse(element["publish_date"]).day.toString()}.${DateTime.parse(element["publish_date"]).month.toString()}.${DateTime.parse(element["publish_date"]).year.toString()}"),
|
|
);
|
|
}
|
|
},
|
|
)),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(15),
|
|
)),
|
|
);
|
|
}
|
|
} else {
|
|
return const LinearProgressIndicator();
|
|
}
|
|
},
|
|
);
|
|
articleTiles.add(card);
|
|
}
|
|
return ListView(
|
|
children: articleTiles.reversed.toList(),
|
|
);
|
|
} else {
|
|
return (const Center(
|
|
child:
|
|
Text("Uups... Irgendwas ist schief gelaufen")));
|
|
}
|
|
} else {
|
|
return (const Center(child: CircularProgressIndicator()));
|
|
}
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}));
|
|
}
|
|
}
|
|
|
|
class Article {
|
|
Widget widget;
|
|
//const Article({Key? key}) : super(key: key);
|
|
Article({required this.widget});
|
|
factory Article.fromData(
|
|
String title, String content, String author, String publishDate) {
|
|
return Article(
|
|
widget: Scaffold(
|
|
appBar: AppBar(
|
|
title: SingleChildScrollView(
|
|
scrollDirection: Axis.vertical,
|
|
child: SingleChildScrollView(
|
|
scrollDirection: Axis.horizontal, child: Text(title)),
|
|
),
|
|
centerTitle: true,
|
|
),
|
|
body: ListView(
|
|
padding: const EdgeInsets.fromLTRB(15, 15, 15, 15),
|
|
children: [
|
|
ListTile(
|
|
leading: const Icon(MdiIcons.accountOutline),
|
|
title: Text(author),
|
|
),
|
|
ListTile(
|
|
leading: const Icon(MdiIcons.calendarOutline),
|
|
title: Text(
|
|
"${DateTime.parse(publishDate).day.toString()}.${DateTime.parse(publishDate).month.toString()}.${DateTime.parse(publishDate).year.toString()}"),
|
|
),
|
|
MarkdownBody(
|
|
data: content,
|
|
onTapLink: (text, url, title) {
|
|
launch(url!);
|
|
},
|
|
extensionSet: md.ExtensionSet.commonMark,
|
|
imageDirectory: "https://cms.mein.cantorgymnasium.de",
|
|
)
|
|
],
|
|
)));
|
|
}
|
|
}
|