Tooltip & Colors

core/Api/GroupsAPI.class.php

@@ -26,6 +26,7 @@ namespace Api\Groups {
   use Api\GroupsAPI;
   use Api\Parameter\Parameter;
   use Api\Parameter\StringType;
+  use Driver\SQL\Condition\Compare;
 
   class Fetch extends GroupsAPI {
 
@@ -159,4 +160,41 @@ namespace Api\Groups {
       return $this->success;
     }
   }
+
+  class Delete extends GroupsAPI {
+    public function __construct($user, $externalCall = false) {
+      parent::__construct($user, $externalCall, array(
+        'uid' => new Parameter('uid', Parameter::TYPE_INT)
+      ));
+
+      $this->loginRequired = true;
+      $this->requiredGroup = array(USER_GROUP_ADMIN);
+    }
+
+    public function execute($values = array()) {
+      if (!parent::execute($values)) {
+        return false;
+      }
+
+      $id = $this->getParam("uid");
+      $sql = $this->user->getSQL();
+
+      $res = $sql->select($sql->count())
+        ->from("Group")
+        ->where(new Compare("uid", $id))
+        ->execute();
+
+      $this->success = ($res !== FALSE);
+      $this->lastError = $sql->getLastError();
+
+      if ($this->success && $res[0]["count"] === 0) {
+        return $this->createError("This group does not exist.");
+      }
+
+      $res = $sql->delete("Group")->where(new Compare("uid", $id))->execute();
+      $this->success = ($res !== FALSE);
+      $this->lastError = $sql->getLastError();
+      return $this->success;
+    }
+  }
 }

src/src/api.js

@@ -86,4 +86,8 @@ export default class API {
     async createGroup(name, color) {
         return this.apiCall("groups/create", { name: name, color: color });
     }
+
+    async deleteGroup(id) {
+        return this.apiCall("groups/delete", { uid: id });
+    }
 };

src/src/elements/dialog.js

@@ -11,8 +11,12 @@ export default function Dialog(props) {
 
     let buttons = [];
     for (let name of options) {
+        let type = "default";
+        if (name === "Yes") type = "warning";
+        else if(name === "No") type = "danger";
+
         buttons.push(
-            <button type="button" key={"button-" + name} className="btn btn-default" data-dismiss={"modal"} onClick={() => { onClose(); onOption(name); }}>
+            <button type="button" key={"button-" + name} className={"btn btn-" + type} data-dismiss={"modal"} onClick={() => { onClose(); onOption(name); }}>
                 {name}
             </button>
         )

src/src/views/users.js

@@ -243,7 +243,7 @@ export default class UserOverview extends React.Component {
                         <th>Email</th>
                         <th>Groups</th>
                         <th>Registered</th>
-                        <th/>
+                        <th><Icon icon={"tools"} /></th>
                     </tr>
                     </thead>
                     <tbody>
@@ -294,6 +294,12 @@ export default class UserOverview extends React.Component {
                             {group.color}
                         </span>
                     </td>
+                    <td>
+                        <Icon icon={"trash"} style={{color: "red", cursor: "pointer"}}
+                              onClick={(e) => this.onDeleteGroup(e, uid)} data-effect={"solid"}
+                              data-tip={"Delete"} data-type={"error"}
+                              data-place={"bottom"}/>
+                    </td>
                 </tr>
             );
         }
@@ -304,6 +310,7 @@ export default class UserOverview extends React.Component {
                     <td>&nbsp;</td>
                     <td/>
                     <td/>
+                    <td/>
                 </tr>
             );
         }
@@ -342,6 +349,7 @@ export default class UserOverview extends React.Component {
                         <th>Name</th>
                         <th className={"text-center"}>Members</th>
                         <th>Color</th>
+                        <th><Icon icon={"tools"} /></th>
                     </tr>
                     </thead>
                     <tbody>
@@ -373,4 +381,25 @@ export default class UserOverview extends React.Component {
             </div>
         </div>;
     }
+
+    onDeleteGroup(e, uid) {
+        e.stopPropagation();
+        this.parent.showDialog("Are you really sure you want to delete this group?", "Delete Group?", ["Yes", "No"], (btn) => {
+           if (btn === "Yes") {
+               this.parent.api.deleteGroup(uid).then((res) => {
+                    if (!res.success) {
+                        let errors = this.state.errors.slice();
+                        errors.push({title: "Error deleting group", message: res.msg});
+                        this.setState({
+                            ...this.state,
+                            errors: errors
+                        });
+                    } else {
+                        this.setState({ ...this.state, loaded: false });
+                        this.fetchGroups();
+                    }
+               });
+           }
+        });
+    }
 }