Changing the standard charts in the angular JS

Jared Wiltshire

@atkins.chrisw
Yes we have implemented the export functionality in the Dashboards v3.2 module which will be released Monday. Hang tight!

atkins.chrisw

That is fantastic. Ill hold. Loving it

atkins.chrisw

Hello Jared. Loving the new 3.2 Lots of good changes.

So am I able to have a 3rd menu item then with 3.2? Or... more specifically, I need to have some links to pages that are not on the menu. Do I still have to reference them in the app.js?

Jared Wiltshire

@atkins.chrisw

If you are still using the "adminTemplate" which you have copied into your overrides folder then you will still need to maintain your menu structure in your app.js file. You could also try copying your pages into new custom pages in the standard dashboards admin view (mdAdmin) instead.

Yes you can now use multi-level menus in both mdAdmin and the adminTemplate. If you want to use them in the adminTemplate refer to the mdAdmin app.js for how to do it.

atkins.chrisw

What if I want to link to a page I have made, but I do not want the page to be on the menu?

Also, what if I make a page that has a specific graph, labels, and layout. I have a site with 5 buildiungs. I want to make 1 page that has the graphs, textboxes, etc. I want to make it so if I press a button that says Gas, it keeps the graph and layout, it just uses the gas device_xid's for reverence.

Do you have an example of that?

Jared Wiltshire

What version of the dashboards module are you using? Have you copied the adminTemplate or any other template? Or are you using the custom pages in the v3.2 version of the module?

Yes you can definitely do what you specified, I'd suggest setting the data point's "device name" to whatever the name of the building is. Use a set of buttons that do something like ng-click="buildingName='Building 1'" Then use this to get the points for that building <ma-point-query query="{deviceName:buildingName}" points="points"></ma-point-query>

atkins.chrisw

I'm still using the adminTemplate. I am trying to understand better the new msAdmin and how to recreate our website with it.

Will Geller

Using the adminTemplate you will want to add a Page to the MENU_ITEMS array in app.js but you will want to set its menuHidden property to true.

For example this is the errors Page definition:

{
        name: 'dashboard.apiErrors',
        url: '/api-errors',
        templateUrl: 'views/dashboard/errors.html',
        menuTr: 'dashboards.v3.dox.apiErrors',
        menuIcon: 'warning',
        menuHidden: true
    }

So you would want to do this for the custom page you have created. You will still need a url, template, state name, and menuTr or menuText (as it is used in the breadcrumbs header on the page when viewed.

and then you can link to them via the state name and ui-sref property on a link:
eg:

<a ui-sref="dashboard.apiErrors" class="md-mangoDefault-theme"><md-icon class="md-mangoDefault-theme material-icons">warning</md-icon></a>

or simply the href set by the url property:

 <a href="/dashboards/api-errors" class="md-mangoDefault-theme"><md-icon class="md-mangoDefault-theme material-icons">warning</md-icon></a>

atkins.chrisw

I am getting this error:

angular.js:118 Error: Could not resolve 'dashboard.cooling' from state 'dashboard.section1.page1'
at Object.y.transitionTo (angular-ui-router.js:7)
at Object.y.go (angular-ui-router.js:7)
at angular-ui-router.js:7
at angular.js:158
at e (angular.js:45)
at angular.js:48

Jared Wiltshire

When are you getting the error? Please post up the URL you are trying to navigate to and/or the HTML code for your link.
Please also post the contents of your app.js file.

We cannot even begin to start guessing why you are getting that error without knowing more details.
Can you please try and explain the context of your errors more completely when you are asking questions. It will make it a lot faster and easier for us to help you out.

atkins.chrisw

Sorry Jared. You are right. I am getting an error opening a custom page from a button click on one of my pages.

Here is my app.js file.
0_1472833196236_apps.js

Here is my HTML code for the page where I am using a button to go to a custom page.
0_1472833228093_page1.html

I added the custom pages into the views/dashboards/ file
For quick reference, here is a snippet of the app.js file

// define our pages, these are added to the $stateProvider in the config block below
myAdminApp.constant('PAGES', [
{
state: 'dashboard',
url: '/dashboard',
templateUrl: 'views/dashboard/main.html',
resolve: {
auth: ['$rootScope', 'User', function($rootScope, User) {
// retrieves the current user when we navigate to a dashboard page
// if an error occurs the $stateChangeError listener redirects to the login page
$rootScope.user = User.current();
return $rootScope.user.$promise;
}],
dashboardTranslations: ['Translate', function(Translate) {
// load any translation namespaces you want to use in your app up-front
// so they can be used by the 'tr' filter
return Translate.loadNamespaces(['dashboards']);
}]
}
},
{
state: 'login',
url: '/login',
templateUrl: 'views/login.html',
resolve: {
loginTranslations: ['Translate', function(Translate) {
return Translate.loadNamespaces('login');
}]
}
},
{
state: 'dashboard.home',
url: '/home',
templateUrl: 'views/dashboard/home.html',
menuTr: 'dashboards.v3.dox.home',
//menuIcon: 'fa fa-home', // font awesome css classes for icon
menuType: 'link'
},
{
state: 'dashboard.apiErrors',
url: '/api-errors',
templateUrl: 'views/dashboard/errors.html',
menuTr: 'dashboards.v3.dox.apiErrors'
},
{
state: 'dashboard.power',
url: '/power',
templateUrl: 'views/dashboard/power.html',
// menuTr: 'dashboards.v3.dox.power'
menuhidden: true
},
{
state: 'dashboard.heating',
url: '/gas',
templateUrl: 'views/dashboard/heating.html',
// menuTr: 'dashboards.v3.dox.gas'
menuhidden: true
},
{
state: 'dashboard.cooling',
url: '/power',
templateUrl: 'views/dashboard/cooling.html',
// menuTr: 'dashboards.v3.dox.cooling'
menuhidden: true
},
{
state: 'dashboard.water',
url: '/water',
templateUrl: 'views/dashboard/water.html',
// menuTr: 'dashboards.v3.dox.water'
menuhidden: true
},

Jared Wiltshire

OK I think that your problem is that you have the same url in both state dashboard.power and dashboard.cooling.
Also your menu items won't be hidden as the property name is menuHidden not menuhidden (should have a capital H).

atkins.chrisw

OK. I have fixed those items. It is still giving me that error.

Jared Wiltshire

@atkins.chrisw
Have you cleared your browser cache?

atkins.chrisw

Yes. Whats weird is that the Home button works. It will send me back home.

atkins.chrisw

I reloaded all of my files in my server and it is now working.

Thanks again Jared. Sorry I keep being a pain