import QtQuick 2.0
import QtQuick.Dialogs 1.2
import QtQuick.Controls 1.4
import QtQml.Models 2.1
import "qrc:/js/service.js" as Service
import "qrc:/js/helper.js" as Helperjs
import "qrc:/qml/genericqml"

Rectangle{
    id:permissionDialog
    x: mm
    width: messageColumn.width-5*mm
    height:root.height/3
    function updatePerms(){
        for (var i=0;i<groupModel.count;i++)
        {if (groupModel.get(i).groupstatus=="positive"){
             group_allow.push(groupModel.get(i).group.gid)
             }
         if (groupModel.get(i).groupstatus=="negative"){
             group_deny.push(groupModel.get(i).group.gid)
             }
         }
     for (var j=0;j<contactModel.count;j++)
        {//print("contact: "+JSON.stringify(contactModel.get(j).contact));
         if (contactModel.get(j).contactstatus=="positive"){
             print(JSON.stringify(contact_allow));
             contact_allow.push(contactModel.get(j).contact.cid)
             }
         if (contactModel.get(j).contactstatus=="negative"){
             contact_deny.push(contactModel.get(j).contact.cid)
             }
         }}

    Text{
         x:0.5*mm
         y:0.5*mm
         text: "Contacts"
    }
    ListView {
          id: contactView
          x:0.5*mm
          y:5.5*mm
          width: permissionDialog.width/2-2*mm
          height: permissionDialog.height-14*mm
          clip: true
          spacing: 1
          model: contactModel
          delegate: contactItem
     }

     ListModel{id: contactModel}
     Component{
         id:contactItem
         Rectangle{
             id:contactitemRect
             width:contactView.width
             height: 5*mm
             property string contactstatus
             onContactstatusChanged:{
                 if(contactstatus=="positive"){contactitemRect.color="light green"}
                   else if (contactstatus=="negative"){contactitemRect.color= "red"}
                   else{contactitemRect.color= "white"}}
             color: "white"
             border.color:"grey"
             Text{
               color:"grey"
               text:contact.screen_name
               }
            MouseArea{
                anchors.fill: parent
                onClicked:{
                    if(contactModel.get(index).contactstatus=="neutral"){
                        contactModel.set(index,{"contactstatus":"positive"});
                        contactstatus="positive"
                    }
                    else if (contactModel.get(index).contactstatus=="positive"){
                        contactModel.set(index,{"contactstatus":"negative"})
                        contactstatus="negative"
                    }
                    else{contactModel.set(index,{"contactstatus":"neutral"});
                        contactstatus="neutral";
                    }
             }}
          Component.onCompleted:{
                    if (contactModel.get(index).contactstatus=="positive"){
                  contactstatus="positive"
              }
              else if (contactModel.get(index).contactstatus=="negative"){
                  contactstatus="negative"
              }
               else {contactstatus="neutral"}  }
          }
      }
     Text{
         x:contactView.width+2*mm
         y:0.5*mm
         text: "Groups"
    }
    ListView {
          id: groupView
          x:contactView.width+2*mm
          y:5.5*mm
          width: permissionDialog.width/2-2*mm
          height: permissionDialog.height-14*mm
          clip: true
          spacing: 1
          model: groupModel
          delegate: groupItem
     }

     ListModel{id: groupModel}
     Component{
          id:groupItem
          Rectangle{
             id:groupitemRect
             width:groupView.width
             height: 5*mm
             property string groupstatus:"neutral"
             onGroupstatusChanged:
                {if(groupstatus=="positive"){groupitemRect.color="light green"}
                  else if (groupstatus=="negative"){groupitemRect.color= "red"}
                  else{groupitemRect.color= "white"}}
             color: "white"
             border.color:"grey"
              Text{
                  color:"grey"
                  text:group.groupname
                   }
               MouseArea{
                anchors.fill: parent
                onClicked:{
                    if(groupModel.get(index).groupstatus=="neutral"){
                        groupModel.set(index,{"groupstatus":"positive"});
                        groupstatus="positive"}
                    else if (groupModel.get(index).groupstatus=="positive"){
                        groupModel.set(index,{"groupstatus":"negative"});
                        groupstatus="negative"}
                   else{groupModel.set(index,{"groupstatus":"neutral"})
                    groupstatus="neutral"}
                }}
             Component.onCompleted:{ if (groupModel.get(index).groupstatus=="positive"){
                  groupstatus="positive"
              }
              else if (groupModel.get(index).groupstatus=="negative"){
                  groupstatus="negative"
              }
               else {groupstatus="neutral"}  }
              }
      }
      BlueButton{
         x:0.5*mm
         anchors.bottom: parent.bottom
         anchors.bottomMargin:1
         text:qsTr("Save")
         onClicked:{
             updatePerms();
            var perms=[];
            perms.push(contact_allow,contact_deny,group_allow,group_deny); Service.savePermissions(db,perms)
                   }
      }
      BlueButton{
         x:contactView.width+2*mm
         anchors.bottom: parent.bottom
         anchors.bottomMargin:1
         text:qsTr("Done")
         onClicked:{//var group_allow=[];var group_deny=[];

                    //print("contacts: "+Helperjs.cleanArray(contact_allow))
                    permissionDialog.destroy();
                    }
        }

     Component.onCompleted:{
         
          Helperjs.readData(db,"contacts",login.username,function(contacts){
            for (var name in contacts){
               var contactstatus="neutral";
               if (contact_allow.indexOf(contacts[name].cid)>-1){contactstatus="positive";print(contacts[name].cid+" pos")}
               else if (contact_deny.indexOf(contacts[name].cid)>-1){contactstatus="negative"}
               contactModel.append({"contact":contacts[name],"contactstatus":contactstatus})
         }},"isFriend",1);

         Helperjs.readData(db,"groups",login.username,function(owngroups){
            for (var number in owngroups){
                  var groupstatus= "neutral";
                  if (group_allow.indexOf(owngroups[number].gid)>-1){groupstatus="positive"}
                  else if (group_deny.indexOf(owngroups[number].gid)>-1){groupstatus="negative"}
                   groupModel.append({"group":owngroups[number],"groupstatus":groupstatus})
         }});
      }
}