Jump to content

[Plugin] Css Javascript Toolbox (Magic Box)


Blesta Addons
Message added by Michael,

Important Notice:

We have received reports that this developer is not responding to support requests. Some extensions may not be compatible with newer versions of Blesta.

Recommended Posts

Hello The community .

 

LAST UPDATE : 9-2-2015 , Version 1.6.0

 

IF YOU WANT TO THANK ME WITH A LITTE DONATION , you can do it with PAYPAL DONATION from here

we bring free and exclusive content , this time is Css Javascript Toolbox plugin . the Magic BOX .

 

The Css Javascript Toolbox plugin Easily add custom CSS, JavaScript, HTML and PHP code To Heeder , Body , Footer in any page you need .

 

1.6.0

-fix language difinition error in updating file.

-fix include multiple files in on controller.

-fix preselect page/controller in edit page.

1.5.1

-cleanup code .

-offcial release .

the plugin can  :

 

    Show css/js/html/php in all blesta pages (client/admin)

    Show css/js/html/php in all client side  pages .

    Show css/js/html/php in all admin side  pages .

    Show css/js/html/php in Some specific pages .

 

 

TODO LIST :

 

- add plugins pages to the list

 

 

inn the second post you can see exemple of usage .

 

screenshoot :

 

admin area

 

admin_manage.png

 

 

admin rendered page with custom css / js

 

admin_sample.png

 

the add function page

 

edit_file.png

 

HOW IT WORk  :

 

select what content you need to add , then :

 

for css add just the style without <style> tags  like

.head {
    padding: 0px 10px;
    height: 16px;
    background: url('../images/arrow06.gif') no-repeat scroll 0% 0% transparent;	
}
.logo {
    padding: 0px 10px;
    height: 16px;
    margin: 0px 0px 0px 20px;
    background: url('../images/arrow06.gif') no-repeat scroll 0% 0% transparent;
}

for javascript , add just the function without <script> tags :

alert('TEST ALERT');
for html , add html as you want  .

 

 

for php add the complete code with php tags . (do not use echo command) .

 

This Plugin is tested in our test server , no bugs at the moment .

 

as always the installtion steps is :

1 - download the file https://github.com/Blesta-Addons/Css_Javascript_Toolbox

2 - upload the css_javascript_toolbox folder inside plugin directory .

3 - goto plugins , and install css javascript toolbox .

4 - enjoy the free content .

 

 

The Plugins / Modules take from us a lot of time , so any donation are welcome .

 

Any Suggestion/Bug Please report it here .

Link to comment
Share on other sites

Here is some tips to use :

 

Hide TAX ID field in client side : see this post

Change Font for header in client side : see this post

Hide the invoice delivery methode in client side : see this post

Dissalow client from changing thier data in client profil: see this post

 

Add Language Selector to clients/Visitors: see this post

Add google analytics to client side

 

Add Custom js

simple

Pages : all client pages

Markup to set in : head tag

JS To Add :

   // <![CDATA[
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', 'UA-00000000-1']);
   _gaq.push(['_setAllowLinker', true]);
   _gaq.push(['_trackPageview']);
   (function() {
       var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
       ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
   })();
   //    ]]>
this code is just a sample, don't forget to put your tracking code and save .

 

 

Add navbar header to login Page for client :

 

Add Custom html

advanced

Controllers : client_login

Markup to set in : after the body tag

HTML To Add :

		<div class="header">
			<div class="container">
				<div class="logo">
					<a href="/blesta/client/">
						<img src="/blesta/app/views/client/bootstrap/images/logo.png" alt="Blesta" />
					</a>
				</div>
			</div>
		</div>
		<div class="title">
			<div class="container">
				<h3>Log In Area</h3>
			</div>
		</div>
		<div class="nav-content">
			<div class="nav">
				<nav class="navbar navbar-default" role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle Navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					</div>
					
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<div class="container">
							<ul class="nav navbar-nav">
								<li class="active">	<a href="/blesta/client/"><i class=""></i>Dashboard</a></li>
								<li><a href="/blesta/client/accounts/"><i class=""></i> Payment Accounts</a></li>
								<li><a href="/blesta/client/contacts/"><i class=""></i> Contacts</a></li>
								<li><a href="/blesta/client/plugin/announcements/client_main/"><i class=""></i> Announcements</a></li>
								<li><a href="/blesta/client/plugin/download_manager/client_main/"><i class=""></i> Downloads</a></li>
								<li><a href="/blesta/client/plugin/knowledgebase/client_main/"><i class=""></i> Knowledge Base</a></li>
								<li><a href="/blesta/client/plugin/support_manager/client_main/"><i class=""></i> Support</a></li>
							</ul>
						</div>
					</div><!-- /.navbar-collapse -->
				</nav>
			</div>
		</div>
change the link as you want and save .
Link to comment
Share on other sites

Awesome Plugin @Naja ... too bad I can't enjoy It with My custom Template. Can you please Enlighten me on the places where the tags are added In the template so I can modify a little.  ;)

 

this plugin has no relation with wich template you use .... you can use it with thny template .

 

That's got to be one of the best plugins for Blesta mate well done :D

 

Added it to my list and also created a nice Licensecart's Addon of the month and you're it haha.

Thanks , i hope it serve the community .  

 

awesome job ! perfect should be blesta native plugin

thanks .enjoy the free plugins .

Link to comment
Share on other sites

  • 2 months later...

Is it possible to limit some JS to only be on the pages a visitor views before they create an account and log in?

 

I'd like to add some tracking but only to public pages.

 

Thanks!

 

Add this in the Add PHP code.

 

Simple: All client pages

<?php if (!$this->Html->ifSet($logged_in)) { ?>

Stuff if not logged in

<?php }?>
Link to comment
Share on other sites

Well, that should work, but I seem to have a problem saving PHP script.  The "Saved" response is displayed, but the list of scripts is empty.  

 

Tried uninstalling and re-installing.

 

I am using 1.5.1 with Blesta 3.3.2.

 

Is there something else that needs to be configured for this plugin to work?

 

Any ideas?

 

Is this compatible with vQmod?

Link to comment
Share on other sites

you have isseu with your custom php code ?

note, the feature is not completly in a workable state , so some code may not be work for some limitation of blesta core .

normally any echo/show or returned function should work .

can you paste your code to debug it in my test server .

about vqmod , i have not tested , but i sure is no issue with it .

Link to comment
Share on other sites

Just using the sample from LicenseCart as posted does not work.

 

I selected Custom PHP, All Client Pages, before the </body> tag.

 

It says it saved but does not show up in the list.  Where does it save to?  I can check that.

<?php if (!$this->Html->ifSet($logged_in)) { ?>

Stuff if not logged in

<?php }?>
Link to comment
Share on other sites

  • 2 months later...

Updated to v 1.6.0

1.6.0

-fix language difinition success in updating file.

-fix include multiple files in one controller (css/html/js).

-fix preselect page/controller in edit page.

 

Mate is it 1.5.1 or 1.6.0 as the git page says 1.5.1 last updated 4 months ago?

Link to comment
Share on other sites

I am new to Blesta and I am trying it out. I followed the directions for uploading your plugin to the plugins directory. The problem is wehn I login into my admin go to setting/available plugins, I can see the added plugin. What do you think it is?

 

Thanks in advance for any help!

 

Chris

Link to comment
Share on other sites

I am new to Blesta and I am trying it out. I followed the directions for uploading your plugin to the plugins directory. The problem is wehn I login into my admin go to setting/available plugins, I can see the added plugin. What do you think it is?

 

Thanks in advance for any help!

 

Chris

i don't understand your probleme ?!

Link to comment
Share on other sites

I am new to Blesta and I am trying it out. I followed the directions for uploading your plugin to the plugins directory. The problem is wehn I login into my admin go to setting/available plugins, I can see the added plugin. What do you think it is?

 

Thanks in advance for any help!

 

Chris

 

You have to click Install or manage....

Link to comment
Share on other sites

Sorry for my misspellings...It was a 16 hour day!

 

 I followed the directions for uploading your plugin to the plugins directory. The problem is when I login into my admin, go to setting/available plugins, I can NOT see the added plugin or the install option. 

 

 What I did is uploaded the full archive to the plugins directory, decompressed and verified permissions. Then I went to login to the admin clicked to available plugins and it is not there.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...