New github/repos Installation - layout not working

General Discussion
1

Hi

Tried to install the invoiceplane from github/repos.

Running ubuntu/apache/mysql.

Did something wrong in that the ux/ui/css isn’t working.

the test url
http://161.35.5.174/invoiceplane
– test email/passwd
usc_dog@yahoo.com
qqqqqqqq

any pointers/suggestions would be useful.

thanks

2

After installing InvoicePlane from the github repo you need to do:

  • composer install
    and
  • yarn install && yarn grunt
    The NPM (node) version we’re using is 14 or 16

You already did the composer install, so that’s awesome.

If you can’t get yarn to work, download the .zip and grab the .css and .js files from that file.

Unless you want to change styles and javascript you only need to run yarn install && yarn grunt once

3

ummm

yarn ???

i can research “yarn” what it is/how it works, etc… but does it somehow modify/add files to the project code dirs?

and I assume the htaccess doesnt need changing for this.

thanks

oh. as far as copying css from download. would that be just the assets dir??

4

Yarn is a replacement for npm, so you can so do:
npm install && npm run grunt

Yes, that’s correct.

And You don’t need to change .htaccess for this.

5

hmm
npm -v 10.7.0
node -v v20.15.0

running yarn install && yarn grunt
testing url … no difference

tried npm install && npm run grunt
npm error missing script: “grunt”

the test url
http://161.35.5.174/invoiceplane
usc_dog@yahoo.com
qqqqqqqq

if you want to see what i have

6

I’m adding more to my issue of my display not working re the “css”

hmm…
regarding not having the css working…

I did the “yarn install && yarn grunt” process…

There was no change in the test site page display.

I then examined the page/url of
http://161.35.5.174/invoiceplane/dashboard

foo bar

Comparing the “pagesource”

I noticed that the “demo” has the line

<link rel="stylesheet" href="https://demo.invoiceplane.com/assets/invoiceplane_blue/css/monospace.css?v=1.6.1">

which is actually generated in the
application/modules/layout/views/includes/head.php

Wrapped around some php logic

I did a hardcore insert of the href in my test page…

which should work…

When i select the “demo” href, I see the “css” for the file…

When I select the “test” href, I get a 404/unable to display URL!!

aha… this is not correct…

Would this be due to the ipconfig/.htaccess??

My test is to have the “http://161.35.5.174/invoiceplane”
run from a subdir, without the “index.php” in the url…

could this be an issue??

The .htaccess and ipconfig files are

==================
.htaccess
### InvoicePlane htaccess

<IfModule mod_rewrite.c>
  RewriteEngine On
  
  ### uncomment to force HTTPS
  # RewriteCond %{HTTPS} off
  # RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]

  RewriteRule ^index\.php$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  ### uncomment and adjust if installed in subdirectory
  #RewriteRule . /subfolder/index.php [L]
  RewriteRule . /invoiceplane/index.php [L]
  RewriteRule . /index.php [L]
</IfModule>

===================
ip_config

# <?php exit('No direct script access allowed'); ?>
# InvoicePlane Configuration File

### START HERE
# Set your URL without trailing slash here, e.g. http://your-domain.com
# If you use a subdomain, use http://subdomain.your-domain.com
# If you use a subfolder, use http://your-domain.com/subfolder
IP_URL=http://161.35.5.174/invoiceplane

# Having problems? Enable debug by changing the value to 'true' to enable advanced logging
ENABLE_DEBUG=true

# Set this setting to 'true' if you want to disable the setup for security purposes
DISABLE_SETUP=true

# To remove index.php from the URL, set this setting to 'true'.
# Please notice the additional instructions in the htaccess file!
REMOVE_INDEXPHP=true

# These database settings are set during the initial setup
DB_HOSTNAME=localhost
DB_USERNAME=invoiceplane_user
DB_PASSWORD=invoiceplanepass
DB_DATABASE=invoiceplane
DB_PORT=

# If you want to be logged out after closing your browser window, set this setting to 0 (ZERO).
# The number represents the amount of minutes after that IP will automatically log out users,
# the default is 10 days.
SESS_EXPIRATION=864000
SESS_MATCH_IP=true

# Enable the deletion of invoices
ENABLE_INVOICE_DELETION=false

# Disable the read-only mode for invoices
DISABLE_READ_ONLY=false

##
## DO NOT CHANGE ANY CONFIGURATION VALUES BELOW THIS LINE!
## =======================================================
##

# This key is automatically set after the first setup. Do not change it manually!
ENCRYPTION_KEY=base64:SwMB4MWQa9mjQQvF/6q7Tk4V8I0g2oEPnG4PBQ4vSls=
ENCRYPTION_CIPHER=AES-256

# Set to true after the initial setup
SETUP_COMPLETED=true
7

@naui95 can you help eith his .htaccess file? He’s using apache + invoiceplane in a subfolder.

8

apache err log…

found the line/statement in the /var/log/apache2/error.log
more possible data
[Wed Jul 03 17:20:34.511555 2024] [php:error] [pid 24938] [client 162.234.196.167:40948] script ‘/var/www/html/index.php’ not found or unable to stat, referer: http://161.35.5.174/invoiceplane/sessions/login

this seems to point to a possible issue with the .htaccess file
which could be related to the css issue?

also…

i saw you had changed the above look/feel for the htaccess data…
how was this done??
where are the docs for formatting!
thanks

9

success…

sort of.

copied/reinserted the htaccess from the zipfile…

but I have a question…

in the github/repos test, … for the “dashboard”, don’t see the same lefthand vertical menu list that i see when looking at the demo of the site…

are the two/2 apps different?

thanks

10

The 2 apps are not different.
There is a serting to hide that left hand menu.

Go to your settings.
I think you can even search for hide

11

much thanks!