forked from lubuwest/Friendiqa
195 lines
6.4 KiB
QML
195 lines
6.4 KiB
QML
import QtQuick 2.0
|
|
import QtQuick.Dialogs 1.2
|
|
import QtQuick.Controls 1.2
|
|
import QtQuick.Controls.Styles 1.4
|
|
import "qrc:/js/service.js" as Service
|
|
import "qrc:/js/helper.js" as Helperjs
|
|
import "qrc:/js/news.js" as Newsjs
|
|
import "qrc:/qml"
|
|
|
|
Rectangle {
|
|
y:1
|
|
color: "white"
|
|
TabView{
|
|
id:friendsTabView
|
|
// property var contacts: []
|
|
// property var groups: []
|
|
|
|
tabPosition: Qt.TopEdge
|
|
x:mm
|
|
y:mm
|
|
width: root.width-2*mm
|
|
height: root.height-10*mm
|
|
currentIndex: 0
|
|
|
|
signal contactsSignal(var username)
|
|
signal groupsSignal(var username)
|
|
onCurrentIndexChanged:{
|
|
if (currentIndex==0){root.friendsSignal(root.login.username)}
|
|
else if (currentIndex==1){contactsSignal(root.login.username)}
|
|
else if (currentIndex==2){groupsSignal(root.login.username)}
|
|
}
|
|
style: TabViewStyle {
|
|
frameOverlap: 1
|
|
tab: Rectangle {
|
|
color: "white"
|
|
//border.color: "light grey"
|
|
implicitWidth: root.width/3-2*mm
|
|
implicitHeight: 4*mm
|
|
Text { id: text
|
|
anchors.centerIn: parent
|
|
text: styleData.title
|
|
color: "dark grey"
|
|
font.pixelSize:2.5*mm
|
|
font.bold: styleData.selected
|
|
}
|
|
}
|
|
frame: Rectangle { color: "light grey" }
|
|
tabsAlignment:Qt.AlignHCenter
|
|
}
|
|
|
|
Tab{
|
|
title: qsTr("Friends")
|
|
Rectangle{
|
|
id: friendsGridTab
|
|
function showFriends(username){
|
|
try {friendsModel.clear()} catch(e){print(e)};
|
|
Helperjs.readData(db,"contacts",username,function(friendsobject){
|
|
for (var i=0;i<friendsobject.length;i++){
|
|
friendsModel.append({"contact":friendsobject[i]});
|
|
}},"isFriend",1)
|
|
}
|
|
Button {
|
|
id: updateFriendsButton
|
|
text: qsTr("Update")
|
|
anchors.top: parent.top
|
|
anchors.topMargin: mm
|
|
anchors.right: parent.right
|
|
onClicked: {
|
|
try {friendsModel.clear()} catch(e){print(e)};
|
|
root.contactLoadType="friends";
|
|
Newsjs.requestFriends(root.login,db,root,function(nc){
|
|
root.newContacts=nc
|
|
})
|
|
}}
|
|
|
|
ProgressBar{
|
|
id: newContactsProgress
|
|
width: 15*mm
|
|
height: updateFriendsButton.height
|
|
anchors.top: parent.top
|
|
anchors.right:updateFriendsButton.left
|
|
anchors.rightMargin:mm
|
|
visible: (root.currentContact!=root.newContacts.length)?true:false
|
|
value: root.currentContact/root.newContacts.length
|
|
}
|
|
|
|
GridView {
|
|
id: friendsView
|
|
x:mm
|
|
y:updateFriendsButton.height+2*mm
|
|
width:friendsGridTab.width-2*mm
|
|
height:friendsGridTab.height-updateFriendsButton.height-2*mm
|
|
clip: true
|
|
cellHeight: 16*mm
|
|
cellWidth: 17*mm
|
|
add: Transition {
|
|
NumberAnimation { properties: "x,y"; from: 300; duration: 1000 }
|
|
}
|
|
model: friendsModel
|
|
delegate: ContactComponent { }
|
|
}
|
|
|
|
ListModel{id:friendsModel}
|
|
|
|
|
|
|
|
Component.onCompleted: {
|
|
root.friendsSignal.connect(showFriends);
|
|
showFriends(root.login.username)
|
|
}
|
|
}
|
|
}
|
|
|
|
Tab{
|
|
title: qsTr("Other Contacts")
|
|
|
|
Rectangle{
|
|
id: contactsGridTab
|
|
function showContacts(username){
|
|
try {contactsModel.clear()} catch(e){print(e)};
|
|
Helperjs.readData(db, "contacts",root.login.username,function(contactsobject){
|
|
for (var j=0;j<contactsobject.length;j++){
|
|
contactsModel.append({"contact":contactsobject[j]});
|
|
}
|
|
},"isFriend",0)}
|
|
|
|
GridView {
|
|
id: contactsView
|
|
x:mm
|
|
y:2*mm
|
|
width:contactsGridTab.width-2*mm
|
|
height:contactsGridTab.height-2*mm
|
|
clip: true
|
|
cellHeight: 16*mm
|
|
cellWidth: 17*mm
|
|
add: Transition {
|
|
NumberAnimation { properties: "x,y"; from: 300; duration: 1000 }
|
|
}
|
|
model: contactsModel
|
|
delegate: ContactComponent { }
|
|
}
|
|
|
|
ListModel{id: contactsModel}
|
|
Component.onCompleted: {
|
|
friendsTabView.contactsSignal.connect(showContacts);
|
|
}
|
|
}
|
|
}
|
|
Tab{
|
|
title: qsTr("Groups")
|
|
Rectangle{
|
|
id: groupsGridTab
|
|
function showGroups(username){
|
|
try {groupsModel.clear()} catch(e){print(e)};
|
|
Helperjs.readData(db, "groups",root.login.username,function(groupsobject){
|
|
for (var j=0;j<groupsobject.length;j++){
|
|
groupsModel.append({"group":groupsobject[j]});
|
|
}})}
|
|
Button {
|
|
id: updateGroupsButton
|
|
text: qsTr("Update")
|
|
anchors.top: parent.top
|
|
anchors.topMargin: mm
|
|
anchors.right: parent.right
|
|
onClicked: {
|
|
print("Update groups");
|
|
Newsjs.requestGroups(root.login,root.db,root,function(){
|
|
showGroups(root.login.username)})}
|
|
}
|
|
GridView {
|
|
id: groupsView
|
|
x:mm
|
|
y:updateGroupsButton.height+2*mm
|
|
width:groupsGridTab.width-2*mm
|
|
height:groupsGridTab.height-updateGroupsButton.height-2*mm
|
|
clip: true
|
|
cellHeight: 16*mm
|
|
cellWidth: 17*mm
|
|
add: Transition {
|
|
NumberAnimation { properties: "x,y"; from: 300; duration: 1000 }
|
|
}
|
|
model: groupsModel
|
|
delegate: GroupComponent { }
|
|
}
|
|
ListModel{
|
|
id: groupsModel
|
|
}
|
|
Component.onCompleted: {
|
|
friendsTabView.groupsSignal.connect(showGroups);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|