Merge pull request #9 from Muetze42/development

Filesystem, Backup, Publish Command
Muetze42 · Jun 19, 2022 · d4c83a0 · d4c83a0
2 parents 4d88805 + 4d3bb7e
commit d4c83a0
Show file tree

Hide file tree

Showing 11 changed files with 500 additions and 180 deletions.
diff --git a/README.md b/README.md
@@ -1,41 +1,60 @@
 [![Stand With Ukraine](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner2-direct.svg)](https://vshymanskyy.github.io/StandWithUkraine/)
 
 # Nova Assets Changer
-This package is for Nova 4 and swaps the resources from the `resources/Nova/Nova` folder with those in the `vendor/laravel/nova/resources/js` folder. 
+
+This package is for Nova 4 and swaps the resources from the `resources/Nova/Nova` folder with those in the `vendor/laravel/nova/resources/js` folder or use the `php artisan custom-assets:publish` command.  
 Then the assets are recompiled and published with the Force option.
 
+This package creates a backup of each file and prepare for changes
+
 Attention. The original vendor files will be overwritten.
 
-## Overflow Fix Nova 4.5.2
-[resources/Nova/js/layouts/AppLayout.vue](resources/Nova/js/layouts/AppLayout.vue)
+# IMPORTANT
+
+You must run the `php artisan nova:custom-assets` after every composer update!
+
+Tip: You can replace `@php artisan nova:publish` with `@php artisan nova:custom-assets` in Your `composer.json`
 
 ## Install
+
+```
+composer require norman-huth/nova-assets-changer --dev
+```
+
+### Publish Nova Assets
 ```
-composer require norman-huth/nova-assets-changer
+php artisan custom-assets:publish
 ```
 
+
 ### Optional
+
 Publish example resources
+
 ```
 php artisan vendor:publish --provider="NormanHuth\NovaAssetsChanger\PackageServiceProvider"
 ```
 
 ### Running
+
 For the full process run this command:
+
 ```
 php artisan nova:custom-assets
 ```
 
-If you want to skip NPM install use this command:
 ```
-php artisan nova:custom-assets --without-npm-install
+composer reinstall laravel/nova
 ```
 
 ## Notice
+
 After a Nova update, you need to check your resource files to see if they are still compatible.
 
 ___
+
 ## Examples
+
 I make not a release for every example. For all example resources take a look in the `resources` folder of the GitHub repository
 
 ---

diff --git a/resources/Nova/js/components/Cards/HelpCard.vue b/resources/Nova/js/components/Cards/HelpCard.vue
@@ -0,0 +1,230 @@
+<!-- Change Help Card -->
+<template>
+  <div class="flex justify-center items-center">
+    <div class="w-full">
+      <Heading>Get Started</Heading>
+      <p class="text-90 leading-tight mt-3">
+        Welcome to Nova! Get familiar with Nova and explore its features in the
+        documentation:
+      </p>
+
+      <Card class="mt-8">
+        <div class="md:grid md:grid-cols-2">
+          <div class="border-r border-b border-gray-200 dark:border-gray-700">
+            <a :href="resources" class="no-underline flex p-6" target="_blank">
+              <div class="flex justify-center w-11 flex-shrink-0 mr-6">
+                <svg
+                  class="text-primary-500 dark:text-primary-600"
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="40"
+                  height="40"
+                  viewBox="0 0 40 40"
+                >
+                  <path
+                    class="fill-current"
+                    d="M31.51 25.86l7.32 7.31c1.0110617 1.0110616 1.4059262 2.4847161 1.035852 3.865852-.3700742 1.3811359-1.4488641 2.4599258-2.83 2.83-1.3811359.3700742-2.8547904-.0247903-3.865852-1.035852l-7.31-7.32c-7.3497931 4.4833975-16.89094893 2.7645226-22.21403734-4.0019419-5.3230884-6.7664645-4.74742381-16.4441086 1.34028151-22.53181393C11.0739495-1.11146115 20.7515936-1.68712574 27.5180581 3.63596266 34.2845226 8.95905107 36.0033975 18.5002069 31.52 25.85l-.01.01zm-3.99 4.5l7.07 7.05c.7935206.6795536 1.9763883.6338645 2.7151264-.1048736.7387381-.7387381.7844272-1.9216058.1048736-2.7151264l-7.06-7.07c-.8293081 1.0508547-1.7791453 2.0006919-2.83 2.83v.01zM17 32c8.2842712 0 15-6.7157288 15-15 0-8.28427125-6.7157288-15-15-15C8.71572875 2 2 8.71572875 2 17c0 8.2842712 6.71572875 15 15 15zm0-2C9.82029825 30 4 24.1797017 4 17S9.82029825 4 17 4c7.1797017 0 13 5.8202983 13 13s-5.8202983 13-13 13zm0-2c6.0751322 0 11-4.9248678 11-11S23.0751322 6 17 6 6 10.9248678 6 17s4.9248678 11 11 11z"
+                  />
+                </svg>
+              </div>
+
+              <div>
+                <Heading :level="3">Resources</Heading>
+                <p class="text-90 leading-normal mt-3">
+                  Nova's resource manager allows you to quickly view and manage
+                  your Eloquent model records directly from Nova's intuitive
+                  interface.
+                </p>
+              </div>
+            </a>
+          </div>
+
+          <div class="border-b border-gray-200 dark:border-gray-700">
+            <a :href="actions" class="no-underline flex p-6" target="_blank">
+              <div class="flex justify-center w-11 flex-shrink-0 mr-6">
+                <svg
+                  class="text-primary-500 dark:text-primary-600"
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="44"
+                  height="44"
+                  viewBox="0 0 44 44"
+                >
+                  <path
+                    class="fill-current"
+                    d="M22 44C9.8497355 44 0 34.1502645 0 22S9.8497355 0 22 0s22 9.8497355 22 22-9.8497355 22-22 22zm0-2c11.045695 0 20-8.954305 20-20S33.045695 2 22 2 2 10.954305 2 22s8.954305 20 20 20zm3-24h5c.3638839-.0007291.6994429.1962627.8761609.5143551.176718.3180924.1666987.707072-.0261609 1.0156449l-10 16C20.32 36.38 19 36 19 35v-9h-5c-.3638839.0007291-.6994429-.1962627-.8761609-.5143551-.176718-.3180924-.1666987-.707072.0261609-1.0156449l10-16C23.68 7.62 25 8 25 9v9zm3.2 2H24c-.5522847 0-1-.4477153-1-1v-6.51L15.8 24H20c.5522847 0 1 .4477153 1 1v6.51L28.2 20z"
+                  />
+                </svg>
+              </div>
+
+              <div>
+                <Heading :level="3">Actions</Heading>
+                <p class="text-90 leading-normal mt-3">
+                  Actions perform tasks on a single record or an entire batch of
+                  records. Have an action that takes a while? No problem. Nova
+                  can queue them using Laravel's powerful queue system.
+                </p>
+              </div>
+            </a>
+          </div>
+
+          <div class="border-r border-b border-gray-200 dark:border-gray-700">
+            <a :href="filters" class="no-underline flex p-6" target="_blank">
+              <div class="flex justify-center w-11 flex-shrink-0 mr-6">
+                <svg
+                  class="text-primary-500 dark:text-primary-600"
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="38"
+                  height="38"
+                  viewBox="0 0 38 38"
+                >
+                  <path
+                    class="fill-current"
+                    d="M36 4V2H2v6.59l13.7 13.7c.1884143.1846305.296243.4362307.3.7v11.6l6-6v-5.6c.003757-.2637693.1115857-.5153695.3-.7L36 8.6V6H19c-.5522847 0-1-.44771525-1-1s.4477153-1 1-1h17zM.3 9.7C.11158574 9.51536954.00375705 9.26376927 0 9V1c0-.55228475.44771525-1 1-1h36c.5522847 0 1 .44771525 1 1v8c-.003757.26376927-.1115857.51536954-.3.7L24 23.42V29c-.003757.2637693-.1115857.5153695-.3.7l-8 8c-.2857003.2801197-.7108712.3629755-1.0808485.210632C14.2491743 37.7582884 14.0056201 37.4000752 14 37V23.4L.3 9.71V9.7z"
+                  />
+                </svg>
+              </div>
+
+              <div>
+                <Heading :level="3">Filters</Heading>
+                <p class="text-90 leading-normal mt-3">
+                  Write custom filters for your resource indexes to offer your
+                  users quick glances at different segments of your data.
+                </p>
+              </div>
+            </a>
+          </div>
+
+          <div class="border-b border-gray-200 dark:border-gray-700">
+            <a :href="lenses" class="no-underline flex p-6" target="_blank">
+              <div class="flex justify-center w-11 flex-shrink-0 mr-6">
+                <svg
+                  class="text-primary-500 dark:text-primary-600"
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="36"
+                  height="36"
+                  viewBox="0 0 36 36"
+                >
+                  <path
+                    class="fill-current"
+                    d="M4 8C1.790861 8 0 6.209139 0 4s1.790861-4 4-4 4 1.790861 4 4-1.790861 4-4 4zm0-2c1.1045695 0 2-.8954305 2-2s-.8954305-2-2-2-2 .8954305-2 2 .8954305 2 2 2zm0 16c-2.209139 0-4-1.790861-4-4s1.790861-4 4-4 4 1.790861 4 4-1.790861 4-4 4zm0-2c1.1045695 0 2-.8954305 2-2s-.8954305-2-2-2-2 .8954305-2 2 .8954305 2 2 2zm0 16c-2.209139 0-4-1.790861-4-4s1.790861-4 4-4 4 1.790861 4 4-1.790861 4-4 4zm0-2c1.1045695 0 2-.8954305 2-2s-.8954305-2-2-2-2 .8954305-2 2 .8954305 2 2 2zm9-31h22c.5522847 0 1 .44771525 1 1s-.4477153 1-1 1H13c-.5522847 0-1-.44771525-1-1s.4477153-1 1-1zm0 14h22c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1H13c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1zm0 14h22c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1H13c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1z"
+                  />
+                </svg>
+              </div>
+
+              <div>
+                <Heading :level="3">Lenses</Heading>
+                <p class="text-90 leading-normal mt-3">
+                  Need to customize a resource list a little more than a filter
+                  can provide? No problem. Add lenses to your resource to take
+                  full control over the entire Eloquent query.
+                </p>
+              </div>
+            </a>
+          </div>
+
+          <div
+            class="border-r md:border-b-0 border-b border-gray-200 dark:border-gray-700"
+          >
+            <a :href="metrics" class="no-underline flex p-6" target="_blank">
+              <div class="flex justify-center w-11 flex-shrink-0 mr-6">
+                <svg
+                  class="text-primary-500 dark:text-primary-600"
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="37"
+                  height="36"
+                  viewBox="0 0 37 36"
+                >
+                  <path
+                    class="fill-current"
+                    d="M2 27h3c1.1045695 0 2 .8954305 2 2v5c0 1.1045695-.8954305 2-2 2H2c-1.1045695 0-2-.8954305-2-2v-5c0-1.1.9-2 2-2zm0 2v5h3v-5H2zm10-11h3c1.1045695 0 2 .8954305 2 2v14c0 1.1045695-.8954305 2-2 2h-3c-1.1045695 0-2-.8954305-2-2V20c0-1.1.9-2 2-2zm0 2v14h3V20h-3zM22 9h3c1.1045695 0 2 .8954305 2 2v23c0 1.1045695-.8954305 2-2 2h-3c-1.1045695 0-2-.8954305-2-2V11c0-1.1.9-2 2-2zm0 2v23h3V11h-3zM32 0h3c1.1045695 0 2 .8954305 2 2v32c0 1.1045695-.8954305 2-2 2h-3c-1.1045695 0-2-.8954305-2-2V2c0-1.1.9-2 2-2zm0 2v32h3V2h-3z"
+                  />
+                </svg>
+              </div>
+
+              <div>
+                <Heading :level="3">Metrics</Heading>
+                <p class="text-90 leading-normal mt-3">
+                  Nova makes it painless to quickly display custom metrics for
+                  your application. To put the cherry on top, we’ve included
+                  query helpers to make it all easy as pie.
+                </p>
+              </div>
+            </a>
+          </div>
+
+          <div
+            class="md:border-b-0 border-b border-gray-200 dark:border-gray-700"
+          >
+            <a :href="cards" class="no-underline flex p-6" target="_blank">
+              <div class="flex justify-center w-11 flex-shrink-0 mr-6">
+                <svg
+                  class="text-primary-500 dark:text-primary-600"
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="36"
+                  height="36"
+                  viewBox="0 0 36 36"
+                >
+                  <path
+                    class="fill-current"
+                    d="M29 7h5c.5522847 0 1 .44771525 1 1s-.4477153 1-1 1h-5v5c0 .5522847-.4477153 1-1 1s-1-.4477153-1-1V9h-5c-.5522847 0-1-.44771525-1-1s.4477153-1 1-1h5V2c0-.55228475.4477153-1 1-1s1 .44771525 1 1v5zM4 0h8c2.209139 0 4 1.790861 4 4v8c0 2.209139-1.790861 4-4 4H4c-2.209139 0-4-1.790861-4-4V4c0-2.209139 1.790861-4 4-4zm0 2c-1.1045695 0-2 .8954305-2 2v8c0 1.1.9 2 2 2h8c1.1045695 0 2-.8954305 2-2V4c0-1.1045695-.8954305-2-2-2H4zm20 18h8c2.209139 0 4 1.790861 4 4v8c0 2.209139-1.790861 4-4 4h-8c-2.209139 0-4-1.790861-4-4v-8c0-2.209139 1.790861-4 4-4zm0 2c-1.1045695 0-2 .8954305-2 2v8c0 1.1.9 2 2 2h8c1.1045695 0 2-.8954305 2-2v-8c0-1.1045695-.8954305-2-2-2h-8zM4 20h8c2.209139 0 4 1.790861 4 4v8c0 2.209139-1.790861 4-4 4H4c-2.209139 0-4-1.790861-4-4v-8c0-2.209139 1.790861-4 4-4zm0 2c-1.1045695 0-2 .8954305-2 2v8c0 1.1.9 2 2 2h8c1.1045695 0 2-.8954305 2-2v-8c0-1.1045695-.8954305-2-2-2H4z"
+                  />
+                </svg>
+              </div>
+
+              <div>
+                <Heading :level="3">Cards</Heading>
+                <p class="text-90 leading-normal mt-3">
+                  Nova offers CLI generators for scaffolding your own custom
+                  cards. We’ll give you a Vue component and infinite
+                  possibilities.
+                </p>
+              </div>
+            </a>
+          </div>
+        </div>
+      </Card>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Help',
+
+  props: {
+    card: Object,
+  },
+
+  methods: {
+    link(path) {
+      return `https://nova.laravel.com/docs/${this.version}/${path}`
+    },
+  },
+
+  computed: {
+    resources() {
+      return this.link('resources')
+    },
+    actions() {
+      return this.link('actions/defining-actions.html')
+    },
+    filters() {
+      return this.link('filters/defining-filters.html')
+    },
+    lenses() {
+      return this.link('lenses/defining-lenses.html')
+    },
+    metrics() {
+      return this.link('metrics/defining-metrics.html')
+    },
+    cards() {
+      return this.link('customization/cards.html')
+    },
+    version() {
+      const parts = Nova.config('version').split('.')
+      parts.splice(-2)
+
+      return `${parts}.0`
+    },
+  },
+}
+</script>
diff --git a/resources/Nova/js/components/Dropdowns/InlineActionDropdown.vue b/resources/Nova/js/components/Dropdowns/InlineActionDropdown.vue
@@ -1,3 +1,4 @@
+<!-- remove preview -->
 <template>
     <div v-if="hasDropdownItems">
         <Dropdown v-if="actions.length > 0 || resource.authorizedToReplicate || (currentUser.canImpersonate && resource.authorizedToImpersonate)">

diff --git a/resources/Nova/js/components/ResourceTableRow.vue b/resources/Nova/js/components/ResourceTableRow.vue
@@ -1,3 +1,4 @@
+<!-- resource rows not clickable -->
 <template>
     <tr
         :data-pivot-id="resource['id'].pivotValue"

diff --git a/resources/Nova/js/layouts/AppLayout.vue b/resources/Nova/js/layouts/AppLayout.vue
diff --git a/resources/Nova/js/layouts/MainHeader.vue b/resources/Nova/js/layouts/MainHeader.vue
@@ -1,3 +1,4 @@
+<!-- Auto close mobile menu after navigate -->
 <template>
     <div>
         <header