Discussion Forums  >  Self Hosted Control Panels

Replies: 25    Views: 171

Paul Rogers
Android Fan
Profile
Posts: 2524
Reg: May 30, 2011
UK
35,740
07/06/12 01:14 PM (13 years ago)

Self Hosted Server Mod. Front End Integration

Been having a play around with my server and came up with this front end mod. Feel free to use, modify, bin, as you see fit. Pretty much everything I've added already exists in the server, I've just jiggled it around a bit Screenshots: https://dl.dropbox.com/u/56760890/screenshots.jpg Don't worry if you don't like the colour scheme! The mod uses the css that's in your server. Download: https://www.buzztouchmods.com/downloads.php?cat_id=2&download_id=37 You'll need an html editor to add your own content. I use notepad++ as it's free. Full installation README.txt is in the download. It's easy to install, only 2 files and an image folder to upload and a small change to an existing file to do. Pages: Home. About. Contact. App list. App details. Register. You can add as many extra pages as you like, the main index.php file is heavily commented to help. The Contact page is very rudimentary, I'm sure someone can add something much better! Register page: Please note that there is NO verification process or manual approval implemented. A visitor adds their details and they can log in as a normal user straight away (Admin user is obviously disabled!). Features: Shadowbox for images. Can add 'over the air distribution' links. The servers jquery library has been added to the header so you can add inline jquery libraries/plugins - fancy buttons, sliders, galleries etc. Or use the same header code format to add any other js libraries to the header. Resizes for mobile devices. (very small tweak to your servers class.Page.php file). Heavily commented. Use find function (ctrl f) and search 'modifications' to find all mod instances. Sharing features via 'addthis'. Add your addthis user id to monitor stats on addthis.com. Tested and working fine on: Firefox 13.0.1 Safari 5.1.7 Opera 12.00 Chrome 20.0.1132.47m Tested on Internet Explorer 8 hahahahahahahaha Actually, it's not TOO bad. It all works. Let's leave it at that... There's one little glitch, or rather, one issue because of my lack of knowledge. The home button needs to be pressed twice for the other buttons to work. It's because it's an unhidden div and all the rest are hidden divs. If anyone has a solution - please post! I was originally going to use the ckeditor from the customHTML plugin so pages could be added/edited from the admin area, but a big concern was security. I don't know enough to lock it down so decided to leave it alone rather than release something that might be full of security holes. Anyway, feel free to try it out and post your comments.
 
Fred@mySkylla com
Android Fan
Profile
Posts: 5259
Reg: Oct 03, 2011
location unknow...
62,560
like
07/06/12 01:48 PM (13 years ago)
Excellent Fred
 
mrDavid
BTMods.com
Profile
Posts: 3936
Reg: May 21, 2011
San Diego, CA
51,910
like
07/06/12 02:37 PM (13 years ago)
@raveyd awesome! was going to do this myself but never got to it. Looking great - register modification integrated? David buzztouchmods.com
 
Paul Rogers
Android Fan
Profile
Posts: 2524
Reg: May 30, 2011
UK
35,740
like
07/06/12 02:57 PM (13 years ago)
Thanks Fred! Register is integrated David, there's no verification process though, so as soon as a user submits they can log in. Should really have some sort of process, maybe using the forgot password utility to at least fire an email to the new user and admin. I was working on adding ckeditor in the admin area, but realised I know just enough to be hesitant about adding it.
 
MadRod
Aspiring developer
Profile
Posts: 1853
Reg: Apr 12, 2012
Lisbon
27,930
like
07/06/12 03:38 PM (13 years ago)
Nice.
 
XboxMods
buzztouch Evangelist
Profile
Posts: 718
Reg: Oct 28, 2011
location unknow...
12,080
like
07/06/12 04:35 PM (13 years ago)
Nice! I will download and try it soon, Thanks!
 
Paul Rogers
Android Fan
Profile
Posts: 2524
Reg: May 30, 2011
UK
35,740
like
07/06/12 04:44 PM (13 years ago)
Thanks @MadRod and @Raoul! Please post if you have any issues. I'm pretty sure it should integrate ok as it doesn't use anything that isn't already on the server, apart from an extra bit of javascript. *touch wood* !
 
XboxMods
buzztouch Evangelist
Profile
Posts: 718
Reg: Oct 28, 2011
location unknow...
12,080
like
07/06/12 05:49 PM (13 years ago)
@raveyd I will install on my server tomorrow morning, I will let you know how everything goes, thanks!
 
XboxMods
buzztouch Evangelist
Profile
Posts: 718
Reg: Oct 28, 2011
location unknow...
12,080
like
07/07/12 01:00 PM (13 years ago)
@raveyd Please check your Messages, thanks
 
Paul Rogers
Android Fan
Profile
Posts: 2524
Reg: May 30, 2011
UK
35,740
like
07/07/12 02:42 PM (13 years ago)
@Raoul, replied mate. Hope you can see how simple it is! The index.php file overwrites the existing index.php file. The modded index.php file has hidden divs that are 'unhidden' by the menu buttons. Just add more divs to the modded index.php file for more pages or to add more app showcases etc. The file's well commented to find where to add content.
 
XboxMods
buzztouch Evangelist
Profile
Posts: 718
Reg: Oct 28, 2011
location unknow...
12,080
like
07/07/12 03:50 PM (13 years ago)
oh ok, Please look at messages! Thanks! It looks AMAZING!
 
Paul Rogers
Android Fan
Profile
Posts: 2524
Reg: May 30, 2011
UK
35,740
like
07/07/12 04:40 PM (13 years ago)
Way hey! That looks cool, Nice one mate!
 
dberdi
Android Fan
Profile
Posts: 4
Reg: May 19, 2012
Sydney, NSW, Au...
2,990
like
07/08/12 08:16 AM (13 years ago)
Nice one mate! Thanks
 
coderx
Veteran developer
Profile
Posts: 433
Reg: Oct 29, 2011
Ontario, Canada
8,680
like
07/11/12 06:18 PM (13 years ago)
Good job!
 
Paul Rogers
Android Fan
Profile
Posts: 2524
Reg: May 30, 2011
UK
35,740
like
07/11/12 06:31 PM (13 years ago)
Thanks guys! I just hope that people can see that the content I've added is just for placeholding and that any html content can be added inside the divs. @coderx - would you happen to know how I can fix the issue of needing to hit the home button twice to 'activate' the rest of the buttons? It's an unhidden div while all the rest are hidden divs. It's frustrating me!
 
coderx
Veteran developer
Profile
Posts: 433
Reg: Oct 29, 2011
Ontario, Canada
8,680
like
07/11/12 06:44 PM (13 years ago)
@raveyd: Ill install it tonight and have a look. Just looked at your screenshots. I assume it's a JavaScript that handles <div> hide/show? I'll take a look and get back to you.
 
Paul Rogers
Android Fan
Profile
Posts: 2524
Reg: May 30, 2011
UK
35,740
like
07/11/12 06:49 PM (13 years ago)
Thanks very much! Yes, javascript. The home is just show, the rest are show/hide. If i set home to show/hide it's hidden until the button is pressed, it sort of needs to work in reverse somehow.
 
Fred@mySkylla com
Android Fan
Profile
Posts: 5259
Reg: Oct 03, 2011
location unknow...
62,560
like
07/11/12 07:33 PM (13 years ago)
I didn't understand your script, but I've used a similar script and the two options I used were: <div class="panelcollapsed"> <div class="panel"> Fred
 
coderx
Veteran developer
Profile
Posts: 433
Reg: Oct 29, 2011
Ontario, Canada
8,680
like
07/12/12 09:01 AM (13 years ago)
@raveyd Ok That was confusing but I think I got it. I only tested it in raw mode, haven't had a chance to place it back into the PHP, but I gotta run, so please test on your end and let me know.... Copy and paste the following: if(_hidediv) { _hidediv(); } else { document.getElementById('homeInfo').style.display = 'none'; } OVER THIS: if(_hidediv) _hidediv(); Here's how the new Global script should look like (after the above steps): <script type="text/javascript"> var _hidediv = null; function showdiv(id) { if(_hidediv) { _hidediv(); } else { document.getElementById('homeInfo').style.display = 'none'; } var div = document.getElementById(id); div.style.display = 'block'; _hidediv = function () { div.style.display = 'none'; }; } </script>
 
coderx
Veteran developer
Profile
Posts: 433
Reg: Oct 29, 2011
Ontario, Canada
8,680
like
07/12/12 09:12 AM (13 years ago)
Ok just dropped it into PHP to be sure, it works good on my end. Yours?
 
Paul Rogers
Android Fan
Profile
Posts: 2524
Reg: May 30, 2011
UK
35,740
like
07/12/12 09:25 AM (13 years ago)
Superb! Thanks very much @coderx! I felt your confusion, but it got too much for me! I'm going to release an update, is there a website or anything else you'd like in the credit?
 
mrDavid
BTMods.com
Profile
Posts: 3936
Reg: May 21, 2011
San Diego, CA
51,910
like
07/12/12 09:36 AM (13 years ago)
Rave, tell me when you submit the update, and I'll push a email to the members who already downloaded it and update the files and version on btm. Congratulations, great work here! Cheers, David. buzztouchmods.com
 
coderx
Veteran developer
Profile
Posts: 433
Reg: Oct 29, 2011
Ontario, Canada
8,680
like
07/12/12 09:45 AM (13 years ago)
@raveyd: no problem, its like I was blind today. I literally rebuilt your menu, did drop down menus, everything worked but yours. Then I realized..wait a second we are missing a few lines in yours. hahah:) But yeah you had me on that one, totally was stumped. Sure if you want to add me to your list of credits, I appreciate it... just add my name from the forum, thats more than enough: coderx Once again fabulous job on the entire php code infrastructure:)
 
ihatecode
I hate code!
Profile
Posts: 19
Reg: Jan 16, 2012
unknown
2,240
like
09/03/12 08:28 AM (13 years ago)
How to change front end + member page layout design? Do you have complete tutorial for this? I want to revamp all layout design Thx
 
Paul Rogers
Android Fan
Profile
Posts: 2524
Reg: May 30, 2011
UK
35,740
like
09/03/12 09:02 AM (13 years ago)
Hi foxilab, no tutorial, sorry. All the code is in the index and register php files. The bits you would want to edit are just regular html and javascript that use the default css of the bt-server, so any html editor can be used to chop it around as you like. I use notepad++ coz it's free.
 
mrDavid
BTMods.com
Profile
Posts: 3936
Reg: May 21, 2011
San Diego, CA
51,910
like
09/03/12 09:11 AM (13 years ago)
"I use notepad++ coz it's free." Couldn't have said it better xD David buzztouchmods.com
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.