Kodi Community Forum

Full Version: MediaFrontPage - Web interface with widget type architecture to control multiple apps
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Updated my Repo now with the changes for the Navigation menu to be skinned by the CSS.

All the CustomCSS's have been slightly edited to accommodate the changes.

I've also created a sub directory for them all to live in (/css/customcss) Smile

@gugahoi -
Cheers for the heads-up on SmartGit. Sooooo much better! Wink

@Robotica -
My last (now deleted commit) addressed that problem. I shall revisit it on my Repo and make a Pull Request into a new Branch on the Official Repo.

@gugahoi (again) -
Any reason why you think the new Nav bar should not live on the Official Master branch of MFP yet? Or is it for 'just incase'?
Also going to find out about more with the removal of the iFrame in the next few days.

@DPickles
I agree the CSS is a tad messy and really does need organising and needs looking at. But I think leaving them in small easier to understand files is probably the better way to go. As Gugahoi has mentioned, larger CSS files could make matters worse. We need to add comments so it is easier to understand.
I had to remake a CSS for the 'Static Widget' look because the CSS seemed to have too many reference that used ID's instead of Classes, which is where I get confused.

I noticed there is still a lot of Dev talk in the Support forum for MFP still, but I think this is because it is easier and what we are used to.
I think this is mainly because the Lighthouse page has gone a tad quiet the last couple of weeks. Sad
DejaVu Wrote:@Robotica -
My last (now deleted commit) addressed that problem. I shall revisit it on my Repo and make a Pull Request into a new Branch on the Official Repo.

Cool! thanks, this won't scare new users anymore....
My Repo now displays errors as -
If XBMC is not loaded -
Quote:XBMC could not be found.
Check it is running and that
your Configuration file is correct.
If XBMC found, but JSON API service errors.
Quote:XBMC has an internal Error.
Investigate 'JSON API'.

The JSON Query string is still displayed underneath, as I am not sure what part that is called from. I think that should really be only displayed for Debugging purposes, not to everyone?

This is still a crude way of error checking and I think this will be addressed. I think it's likely to more geared towards MFP v2.0 though.
Hello

I could use some help getting mediafrontpage working properly.

So far:

I have downloaded uniserver, and placed it on my windows 7 desktop.
I downloaded the mediafrontpage from https://github.com/mediafrontpage/mediafrontpage
Unzipped files and placed contents into UniServer\www
Changed default-config.php to config.php
Changed default-layout.php to layout.php
Edited config.php file.
Started UniServer
Web browser pops up with localhost/index
change url to localhost/mediafrontpage
Logged into MFP and all is working well

Try to browse MFP on my ipad, 403 forbidden. Tried on mac, same. Tried on the other htpc in the other room, no go. What have I done wrong? Why cant I see MFP on any other computer? Is MFP only suppose to be accessed/seen from the PC you’ve installed it on?

Just little confused I guess. Got this far, feel like iam missing something real obvious. After a day of fittling around, before I brake something, I thought id ask for little help.

Sorry if this has been covered already in the thread, tryed a search turned up nothing.

Thanks.
Quote:@DPickles
I agree the CSS is a tad messy and really does need organising and needs looking at. But I think leaving them in small easier to understand files is probably the better way to go. As Gugahoi has mentioned, larger CSS files could make matters worse. We need to add comments so it is easier to understand.
I had to remake a CSS for the 'Static Widget' look because the CSS seemed to have too many reference that used ID's instead of Classes, which is where I get confused.

I mostly want to use it as a reference point to be honest. Rather than diffing through each file to find what I'm looking for when I want to make a change.
MarkHT Wrote:Try to browse MFP on my ipad, 403 forbidden. Tried on mac, same. Tried on the other htpc in the other room, no go. What have I done wrong? Why cant I see MFP on any other computer? Is MFP only suppose to be accessed/seen from the PC you’ve installed it on?

Just little confused I guess. Got this far, feel like iam missing something real obvious. After a day of fittling around, before I brake something, I thought id ask for little help.

Sorry if this has been covered already in the thread, tryed a search turned up nothing.

Thanks.

From the original webserver it will be http://localhost/mediafronpage

From an external PC/MAC/Tab/Phone (depending on how you set it up) it will be

http://IP_ADDRESS/mediafrontpage

or

http://COMPUTER_NAME/mediafrontpage

Typing http://localhost/medifrontpage from another machine is trying to access the Webserver installed on the Local system. You need to specify which machine to load up. It's good practice to use the COMPUTER_NAMES as it's easier to distinguish them. IP Address can change and make things break.
DejaVu Wrote:From the original webserver it will be http://localhost/mediafronpage

From an external PC/MAC/Tab/Phone (depending on how you set it up) it will be

http://IP_ADDRESS/mediafrontpage

or

http://COMPUTER_NAME/mediafrontpage

Typing http://localhost/medifrontpage from another machine is trying to access the Webserver installed on the Local system. You need to specify which machine to load up. It's good practice to use the COMPUTER_NAMES as it's easier to distinguish them. IP Address can change and make things break.

Thanks.

But i gave it a try.

Image

Still no go.

Also tryed computer name (XBMC-PC) but would load to a comcast search page instead of the page in the image above.

went back to the original webserver (xbmc-pc) and was of course successful with localhost/mediafrontpage. i then tryed 192.168.1.9/mediafrontpage and got the same 403 forbidden page in the image above. Tryed computer name as well to rule that out, same deal.
MarkHT Wrote:Thanks.

But i gave it a try.

Image

Still no go.

Also tryed computer name (XBMC-PC) but would load to a comcast search page instead of the page in the image above.

went back to the original webserver (xbmc-pc) and was of course successful with localhost/mediafrontpage. i then tryed 192.168.1.9/mediafrontpage and got the same 403 forbidden page in the image above. Tryed computer name as well to rule that out, same deal.

Looks like permissions problem. Check those and try and chmod 777 (dunno how to do it on windows) also verify your webserver settings to see if allows external access. If you have a firewall, open port 80 on that computer.
gugahoi Wrote:Looks like permissions problem. Check those and try and chmod 777 (dunno how to do it on windows) also verify your webserver settings to see if allows external access. If you have a firewall, open port 80 on that computer.

Thanks.

I;ll look into the permissions and setting 777 in window folders i guess.

How do i verify my webserver settings? iam using UniServer. fallowed this guide.
http://mediafrontpage.lighthouseapp.com/...tion-hints

Quote:For Windows-based Installations-
We recommend using the Uniform Server package to get Apache, PHP, and MySQL installed easily. When attempting to install the Uniform Server, first you should run Run_pre_check.exe. If you do this, you may get an error that port 80 is already in use by PID 4, System. If you're running Windows 7, you will want to stop and then disable the World Wide Web Publishing Service to free up this port.
Uniform Server does not have any default location specified, so all paths listed here are relative. The folder "UniServer" is the path where you installed Uniform Server
Default Web Root: UniServer\www
Default Log File location: UniServer\usr\local\apache2\logs
Default Main Config File: UniServer\usr\local\apache2\conf\httpd.conf
Possible Issue: If you're trying to configure Reverse Proxies, you must have both proxy_module and proxy_http_module enabled in your Apache conf file. By default in Uniform's setup, these lines are present but are commented out (have #'s at the beginning of the line). To enable these modules you must simply remove the # character from the beginning of the line for each of those two modules.

Port 80 is open on all firewalls, and port forwarded on the router.
Thanks yall for the help. iam gonna call it a day...

but iam happy to say the day ended on a good note.

got it working on all pc/mac/tab/phones.

heres what i did

Quote:Open the file .htaccess located in folder www
Comment out the three lines so they look like this:

#Order Deny,Allow
#Deny from all
#Allow from 127.0.0.1

This opens your server up for external access.
http://forum.uniformserver.com/index.php?showtopic=1141
Archigos Wrote:Curious, who was the one responsible for the mobile detection that's currently being used, I've read over those files enough to make my eyes bleed but can't seem to find a way to make a singular detection separate (I'm working on an iPad specific version which obviously wouldn't work on the other smaller screen mobiles.)

Archigos, the check is done on index.php. Sorry for such a late response.
Got a bit bored today, so thought I would add some thumbs of the different css skins and add them to my Readme.md file on Github.

Looking good now I think, but I'm going to cook up so more once I get some color ideas. Smile

Styles available in MFP

Original
Image

Light Theme
Image

Hernandito
Image

DPickles
Image

Black Glass Modern - New today by me.
Image
DejaVu Wrote:Got a bit bored today, so thought I would add some thumbs of the different css skins and add them to my Readme.md file on Github

This is great, hope you are bored often ;-)

Quick Q - is the new navbar in the official repo already? If so, I would update as it looks quite cool (particularly the subsonic implementation).
No, it's on my Repo still. May make a branch on the Offical Repo with it.

But for now, you can get it from http://github.com/DejaVu77/mediafrontpage
I've been using it for a few days now and I love it. Smile
DejaVu Wrote:No, it's on my Repo still. May make a branch on the Offical Repo with it.

But for now, you can get it from http://github.com/DejaVu77/mediafrontpage
I've been using it for a few days now and I love it. Smile

Thanks, I have pulled it from your repo. Not sure whether by co-incidence or because of some changes you did: I never got the config working with the latest official repo (pulled several times and tried from different computers/browsers). With your repo, it actually does work for me, which is great!!!

One thing in your repo: would be great if headphone (and subsonic) could also have a reverse-proxy setting.