Улучшение #19461

Страница настройки целевых аккаунтов.

resources/js/Pages/Tokens/Edit.vue

@@ -36,30 +36,26 @@
                 </div>
             </form>
         </div>
-        <div v-if="state.campaigns.length || state.token_campaigns.length">
+        <div v-if="campaigns.length || token.campaigns.length">
             <h2 class="mt-12 font-bold text-2xl">Campaigns</h2>
             <div class="mt-4 flex flex-wrap">
-                <div v-if="state.campaigns.length" class="flex flex-wrap">
-                    <button class="btn-indigo hover:underline"
-                            tabindex="-1"
-                            type="button"
-                            @click="campaignAdd"
+                <form v-if="campaigns.length" @submit.prevent="campaignAdd" class="flex flex-wrap">
+                    <loading-button :loading="campaign_add_form.processing"
+                                    class="btn-indigo hover:underline"
+                                    tabindex="-1"
+                                    type="submit"
                     >
                         Add
-                    </button>
-                    <select-input v-model="state.campaign_id"
-                                  :readonly="state.campaign_id"
+                    </loading-button>
+                    <select-input v-model="campaign_add_form.campaign_id"
+                                  :error="campaign_add_form.errors.campaign_id"
+                                  :readonly="campaign_add_form.campaign_id"
                                   class="px-6"
                     >
-                        <option v-for="campaign in state.campaigns" :value="campaign.id">
+                        <option v-for="campaign in campaigns" :value="campaign.id">
                             {{ campaign.name }}
                         </option>
                     </select-input>
-                </div>
-                <form @submit.prevent="campaignsUpdate">
-                    <loading-button :loading="campaigns_form.processing" class="btn-indigo ml-auto" type="submit">
-                        Update campaigns
-                    </loading-button>
                 </form>
             </div>
             <div class="mt-4 flex flex-wrap">
@@ -70,13 +66,16 @@
                         <th class="px-6 pt-6 pb-4">Name</th>
                         <th class="px-6 pt-6 pb-4">Action</th>
                     </tr>
-                    <tr v-for="campaign in state.token_campaigns" :key="campaign.id"
+                    <tr v-for="campaign in token.campaigns" :key="campaign.id"
                         class="hover:bg-gray-100 focus-within:bg-gray-100">
                         <td class="border-t py-3">
                             {{ campaign.name }}
                         </td>
                         <td class="border-t py-3">
-                            <input :id="'campaign-enabled-' + campaign.id" :checked="campaign.enabled" type="checkbox">
+                            <input :id="'campaign-enabled-' + campaign.id" :checked="campaign.enabled"
+                                   @change="campaignEnabled(campaign.id, !campaign.enabled)"
+                                   type="checkbox"
+                            >
                             <label :for="'campaign-enabled-' + campaign.id">Enabled</label>
                             <button class="text-red-600 hover:underline"
                                     tabindex="-1"
@@ -87,7 +86,7 @@
                             </button>
                         </td>
                     </tr>
-                    <tr v-if="state.token_campaigns.length === 0">
+                    <tr v-if="token.campaigns.length === 0">
                         <td class="border-t px-6 py-4" colspan="4">No campaigns found.</td>
                     </tr>
                 </table>