Metronic Admin 5 AngularJS
February 3, 2016 at 12:49 amPosts: 4Member Reply #4845
We have recently purchased Metronic theme but we could not find any AngularJS folders for “Admin 5” or “Admin 6” or “Admin 7” in the “theme” folder
Can you please let us know if you have AngularJS demo files for Admin 5, 6 and 7?
- This topic was modified 2 years, 8 months ago by svarma.
February 3, 2016 at 6:02 pmPosts: 4527Support Staff Reply #4864
Thanks for your feedback on this.
At the moment those last 3 admin themes do not support AngularJS version. Instead we are considering to release fully native AngularJS version in the near future. Stay tuned!
February 3, 2016 at 7:04 pmPosts: 4Member Reply #4869This reply has been marked as private.
February 3, 2016 at 10:31 pmPosts: 1Member Reply #4871
Another vote for the Admin 5 AngularJS version please. Do you know yet whether you are adding it?
February 5, 2016 at 3:14 pmPosts: 4527Support Staff Reply #4889
Thanks for the feedback on this. We will consider this further and try to implement it. But at the moment we are not able to give any promise. I hope for your understanding on this.
June 29, 2016 at 1:43 pmPosts: 2Member Reply #6843
We’ve just buy metronic for the company i’m working on and we need a clean bootstrap project to start writting there our logic from scratch. We also using a component based folder structure like app/controllers/feature1/*, app/services/feature1/*, app/views/feature1/*, etc.
The last 3 days we are trying to clean up everything we don’t need(which is almost everything) but we can’t clearly understand what is exactly the theme structure and what are exactly the css/js parts that the theme is using. NOT the demo, the theme!
The folder structure you’re following is a mess and it’s clearly based on your js version. You didn’t even change the documentation and you prompt people to use “layout_blank_page.html”.
Any reference on how to clean up the theme on web leads us to wrong answers. I’d like a super-clean-bootstrap-structure that respects angular principles, it doesn’t call any stupid init() function and it’s NOT a js-converted version of your current product.
Let me know if you can help, otherwise i’d like to refund.
June 29, 2016 at 9:49 pmPosts: 2Member Reply #6845
I’ve made a simple angular project for you. I would like to be able to have a separate structure for my stuff, including css/js. I’d also like ‘assets’ folder(including all things it makes it working, like header and sidebar with their controllers) to be a portable folder that i will put in on root and I’ll reference to it from my source(including any directive for bootstrap). That way I’ll be able to have my app separated from theme.
Thanks in advance,
Attachments:You must be logged in to view attached files.
June 30, 2016 at 4:01 pmPosts: 4527Support Staff Reply #6855
Thanks for your feedback on this. We understand that current Angularjs version needs improvements in order to make the development even faster. We will definitely take into account your comments and other comments received from other users by far, in the next big update v5.0 that we are planning to release this Autumn. Also we are planning to build a fully native angularjs version of the theme.
Basically you can integrate the Metronic theme into any project structure. The only thing you need to do is to properly reference the minimal required assets. According to your file structure i would suggest you to create a new folder(e.g: metronic) anywhere within your file structure and copy over the assets folder contents from downloaded metronic package. So from Metronic all you need to do is assets and required HTML code. For the rest you can refer to the Metronic angularjs theme and include required js and css files. Also you can refer to below steps on how to strip out unused metronic assets:
1) We assume you selected Admin 1(admin_1) sub theme from available 7 sub themes.
2) There are 2 main parts of the theme. First is the assets folder that contains all the css, js and 3rd party plugins and the templates folder where actually HTML templates are placed. So refer to “theme/assets” and “theme/admin_1” folders to get started.
3) In “theme/assets” folder you can see separate folder for layouts(admin 1, admin 2, …. admin 7) and you can keep the assets of the layout you are using(theme/assets/layouts/layout) and also the global assets(theme/layouts/global) and the rest layout assets you can remove since your selected layout does not use them. So under “theme/assets/layouts” folder you will have “theme/assets/layouts/layout” and “theme/assets/layouts/global” folder only.
4) From “theme/admin_1” refer to the started layout_blank_page.html template. This template includes the minimal required css, js and 3rd party plugins. You can use this template as starting point to your application pages.
5) Try to separate the HTML code of layout_blank_page.html into modular partials(header, sidebar, footer, main content) and keep the partials centralized for each page.
6) Under 3rd party plugins folder(theme/assets/global/plugins) you can exclude unused plugins if you need. By default metronic includes over 80 3rd party plugins and most of theme you may not use so you can exclude the ones you will not use.
PS: Please note that we are preparing the next update with latest AngularJS, ui-router, ocLazyLoader, etc updates and also we have done some improvements on the theme layouts. So we suggest you to use the next v4.5.7 as base for your project. But you can practice the integration while the next update is on the way since the concept will be same.
If you need nay further clarifications please let us know.
You must be logged in to reply to this topic.