Feature: add create new campaign flow

src/Campaigns/Actions/LoadCampaignsListTableAssets.php

@@ -3,6 +3,7 @@
 namespace Give\Campaigns\Actions;
 
 use Give\Campaigns\ListTable\CampaignsListTable;
+use Give\Framework\Support\Facades\Scripts\ScriptAsset;
 
 /**
  * @unreleased
@@ -15,12 +16,13 @@ class LoadCampaignsListTableAssets
     public function __invoke()
     {
         $handleName = 'givewp-admin-campaigns-list-table';
+        $asset = ScriptAsset::get(GIVE_PLUGIN_DIR . 'assets/dist/js/give-admin-campaigns-list-table.asset.php');
 
         wp_register_script(
             $handleName,
             GIVE_PLUGIN_URL . 'assets/dist/js/give-admin-campaigns-list-table.js',
-            [],
-            GIVE_VERSION,
+            $asset['dependencies'],
+            $asset['version'],
             true
         );
 

src/Campaigns/ListTable/CampaignsListTable.php

@@ -2,12 +2,12 @@
 
 namespace Give\Campaigns\ListTable;
 
-use Give\Campaigns\ListTable\Columns\DescriptionColumn;
-use Give\Campaigns\ListTable\Columns\EndDateColumn;
+use Give\Campaigns\ListTable\Columns\DonationsCountColumn;
+use Give\Campaigns\ListTable\Columns\GoalColumn;
 use Give\Campaigns\ListTable\Columns\IdColumn;
-use Give\Campaigns\ListTable\Columns\StartDateColumn;
+use Give\Campaigns\ListTable\Columns\NameColumn;
+use Give\Campaigns\ListTable\Columns\RevenueColumn;
 use Give\Campaigns\ListTable\Columns\StatusColumn;
-use Give\Campaigns\ListTable\Columns\TitleColumn;
 use Give\Framework\ListTable\ListTable;
 use Give\Framework\ListTable\ModelColumn;
 
@@ -34,11 +34,14 @@ protected function getDefaultColumns(): array
         // TODO We need to decide which columns should be displayed
         return [
             new IdColumn(),
-            new TitleColumn(),
-            new DescriptionColumn(),
+            new NameColumn(),
+            new GoalColumn(),
+            new DonationsCountColumn(),
+            new RevenueColumn(),
+            //new DescriptionColumn(),
             //new DonationsCountColumn(),
-            new StartDateColumn(),
-            new EndDateColumn(),
+            //new StartDateColumn(),
+            //new EndDateColumn(),
             new StatusColumn(),
         ];
     }
@@ -52,11 +55,14 @@ protected function getDefaultVisibleColumns(): array
     {
         return [
             IdColumn::getId(),
-            TitleColumn::getId(),
-            DescriptionColumn::getId(),
+            NameColumn::getId(),
+            GoalColumn::getId(),
+            DonationsCountColumn::getId(),
+            RevenueColumn::getId(),
+            //DescriptionColumn::getId(),
             //DonationsCountColumn::getId(),
-            StartDateColumn::getId(),
-            EndDateColumn::getId(),
+            //StartDateColumn::getId(),
+            //EndDateColumn::getId(),
             StatusColumn::getId(),
         ];
     }

src/Campaigns/ListTable/Columns/DateColumn.php

@@ -0,0 +1,42 @@
+<?php
+
+namespace Give\Campaigns\ListTable\Columns;
+
+use Give\Campaigns\Models\Campaign;
+use Give\Framework\ListTable\ModelColumn;
+
+/**
+ * @unreleased
+ */
+class DateColumn extends ModelColumn
+{
+    protected $sortColumn = 'date';
+
+    /**
+     * @unreleased
+     */
+    public static function getId(): string
+    {
+        return 'date';
+    }
+
+    /**
+     * @unreleased
+     */
+    public function getLabel(): string
+    {
+        return __('Date', 'give');
+    }
+
+    /**
+     * @unreleased
+     *
+     * @param Campaign $model
+     */
+    public function getCellValue($model, $locale = ''): string
+    {
+        $format = _x('m/d/Y \a\t g:ia', 'date format', 'give');
+
+        return $model->createdAt->format($format);
+    }
+}

src/Campaigns/ListTable/Columns/DonationsCountColumn.php

@@ -23,7 +23,7 @@ public static function getId(): string
      */
     public function getLabel(): string
     {
-        return __('Donations Count', 'give');
+        return __('Donations', 'give');
     }
 
     /**

src/Campaigns/ListTable/Columns/GoalColumn.php

@@ -0,0 +1,40 @@
+<?php
+
+namespace Give\Campaigns\ListTable\Columns;
+
+use Give\Campaigns\Models\Campaign;
+use Give\Framework\ListTable\ModelColumn;
+
+/**
+ * @unreleased
+ */
+class GoalColumn extends ModelColumn
+{
+    protected $sortColumn = 'goal';
+
+    /**
+     * @unreleased
+     */
+    public static function getId(): string
+    {
+        return 'goal';
+    }
+
+    /**
+     * @unreleased
+     */
+    public function getLabel(): string
+    {
+        return __('Goal', 'give');
+    }
+
+    /**
+     * @unreleased
+     *
+     * @param Campaign $model
+     */
+    public function getCellValue($model): int
+    {
+        return $model->goal;
+    }
+}

src/Campaigns/ListTable/Columns/TitleColumn.php → src/Campaigns/ListTable/Columns/NameColumn.php

@@ -8,24 +8,24 @@
 /**
  * @unreleased
  */
-class TitleColumn extends ModelColumn
+class NameColumn extends ModelColumn
 {
-    protected $sortColumn = 'title';
+    protected $sortColumn = 'name';
 
     /**
      * @unreleased
      */
     public static function getId(): string
     {
-        return 'title';
+        return 'name';
     }
 
     /**
      * @unreleased
      */
     public function getLabel(): string
     {
-        return __('Title', 'give');
+        return __('Name', 'give');
     }
 
     /**

src/Campaigns/ListTable/Columns/RevenueColumn.php

@@ -0,0 +1,40 @@
+<?php
+
+namespace Give\Campaigns\ListTable\Columns;
+
+use Give\Campaigns\Models\Campaign;
+use Give\Framework\ListTable\ModelColumn;
+
+/**
+ * @unreleased
+ */
+class RevenueColumn extends ModelColumn
+{
+    protected $sortColumn = 'revenue';
+
+    /**
+     * @unreleased
+     */
+    public static function getId(): string
+    {
+        return 'revenue';
+    }
+
+    /**
+     * @unreleased
+     */
+    public function getLabel(): string
+    {
+        return __('Revenue', 'give');
+    }
+
+    /**
+     * @unreleased
+     *
+     * @param Campaign $model
+     */
+    public function getCellValue($model): int
+    {
+        return 0;
+    }
+}

src/Campaigns/Routes/CreateCampaign.php

@@ -41,15 +41,30 @@ public function registerRoute()
                         'required' => true,
                         'sanitize_callback' => 'sanitize_text_field',
                     ],
-                    'description' => [
+                    'shortDescription' => [
                         'type' => 'string',
                         'required' => false,
                         'sanitize_callback' => 'sanitize_text_field',
                     ],
+                    'image' => [
+                        'type' => 'string',
+                        'required' => false,
+                        'sanitize_callback' => 'sanitize_url',
+                    ],
+                    'goalType' => [
+                        'type' => 'string',
+                        'required' => true,
+                        'sanitize_callback' => 'sanitize_text_field',
+                    ],
+                    'goal' => [
+                        'type' => 'integer',
+                        'required' => true,
+                        'sanitize_callback' => 'absint',
+                    ],
                     'startDateTime' => [
                         'type' => 'string',
                         'format' => 'date-time', // @link https://datatracker.ietf.org/doc/html/rfc3339#section-5.8
-                        'required' => true,
+                        'required' => false,
                         'validate_callback' => 'rest_parse_date',
                         'sanitize_callback' => function ($value) {
                             return new DateTime($value);
@@ -78,17 +93,18 @@ public function handleRequest(WP_REST_Request $request): WP_REST_Response
     {
         $campaign = Campaign::create([
             'type' => CampaignType::CORE(),
-            'title' => $request->get_param('title'),
-            'shortDescription' => $request->get_param('shortDescription'),
+            'title' => $request->get_param('title') ?? '',
+            'shortDescription' => $request->get_param('shortDescription') ?? '',
             'longDescription' => '',
             'logo' => '',
-            'image' => '',
+            'image' => $request->get_param('image') ?? '',
             'primaryColor' => '',
             'secondaryColor' => '',
-            'goal' => 0,
+            //'goalType' => $request->get_param('goalType') ?? '',
+            'goal' => $request->get_param('goal') ?? '',
             'status' => CampaignStatus::DRAFT(),
-            'startDate' => $request->get_param('startDateTime'),
-            'endDate' => $request->get_param('endDateTime'),
+            'startDate' => $request->get_param('startDateTime') ?? null,
+            'endDate' => $request->get_param('endDateTime') ?? null,
         ]);
 
         return new WP_REST_Response($campaign->toArray(), 201);

src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss

@@ -7,5 +7,89 @@
         padding: var(--givewp-spacing-2) var(--givewp-spacing-4);
         text-align: center;
     }
+
+    input,
+    label {
+        font-size: 1rem;
+    }
+
+    .description {
+        font-size: 0.875rem;
+        margin-bottom: 0.4rem;
+    }
+}
+
+.fieldRequired {
+    color: var(--givewp-red-500);
 }
 
+.goalType {
+
+    .goalTypeOption {
+        margin: 0.5rem 0 0.5rem 0;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 1rem;
+
+        cursor: pointer;
+        border: 1px solid #9CA0AF;
+        border-radius: 1rem;
+        padding: 0.75rem 1.5rem 0.75rem 1.5rem;
+    }
+
+    .goalTypeOptionIcon {
+
+        svg {
+            width: 2.5rem;
+            height: 2.5rem;
+        }
+
+        path {
+            stroke: #9CA0AF;
+        }
+    }
+
+    .goalTypeOptionText {
+
+        label,
+        span {
+            cursor: pointer;
+        }
+
+        span {
+            margin-top: 0.2rem;
+            display: inline-block;
+            line-height: 1rem !important;
+        }
+
+        /* Hide the radio button input */
+        input {
+            position: absolute;
+            opacity: 0;
+            cursor: pointer;
+            height: 0;
+            width: 0;
+        }
+    }
+
+    .goalTypeOptionSelected {
+        background-color: #374151;
+
+        .goalTypeOptionIcon {
+            svg path {
+                stroke: #F9FAFB;
+            }
+        }
+
+        .goalTypeOptionText {
+            label,
+            span {
+                color: #F9FAFB !important;
+            }
+        }
+    }
+}
+
+
+