Link to home
Start Free TrialLog in
Avatar of Camillia
CamilliaFlag for United States of America

asked on

Change to file doesn't show up

I had this question after viewing Where is this file?.

I read about Angular Route and understand it.

1. I bought a template and it's here https://drive.google.com/open?id=0B0_IB01R2EZTdHdKdmRMU05Qcm8

2. Unzip it to whatever folder on your local drive

3.  Goto to this folder and click on "index". The page comes up.
    C:\<your unzipped folder>\admin\dist\dashboard-style-1\non-minified

4. On the side menu, find MENU.ExtraPages and click on Menu.Login_Page and login page comes up. So far so good.
User generated image
Now do this

5.  Got to this path and look at "index.route.js"  
     C:\<your unzipped folder>\crud-app\app\src\app
 The route is this
  .state('core.login', {
        url: '/login',
        templateUrl: 'app/pages/login/login.html',
        controller: 'LoginController',
        controllerAs: 'ctrl',
        specialClass: 'core',
        resolve: {
          // controller will not be loaded until $waitForSignIn resolves
          // Auth refers to our $firebaseAuth wrapper in the factory below
          'currentAuth': ['Auth', function(Auth) {
            // $waitForSignIn returns a promise so the resolve waits for it to complete
            return Auth.$waitForSignIn();
          }]
        }
      })

Open in new window


6. I got to login.html in this path C:\<your unzipped folder>\crud-app\app\src\app\pages\login
   and make a change to login.html.  For example, do this <a ui-sref="core.forgotpass">Forgot Password? Test 1234</a>
 
    Save the change

7.  Repeat step #3 and #4 above. How come the change you just made doesn't show up in the login page??
Avatar of Prakash Samariya
Prakash Samariya
Flag of India image

Hi Camillia,

I just checked your template's folder structure, It has dashboard in two different styles (folder contains admin\app\dashboard-style-1 and admin\app\dashboard-style-2)!
Most of the files will come from select one style.

Further, for your concern  login page is available at
admin\app\dashboard-style-1\src\app\pages\pages-login\pages-login.html
admin\app\dashboard-style-2\src\app\pages\pages-login\pages-login.html

You modify above pages-login.html with your changes and it will reflects (I guess)!

Hope it will help you out! Please let me know if nothing works!
Avatar of Camillia

ASKER

>>You modify above pages-login.html with your changes and it will reflects (I guess)!

No, it doesn't!  Try it yourself.
There's documentation with it in a folder. I wonder if after each change, the folders need to be compiled?
SOLUTION
Avatar of Prakash Samariya
Prakash Samariya
Flag of India image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
i'll try and post back.
The rendered HTML login actually comes from a .js File <install-folder>\crud-app\dist\non-minified\scripts\app-4761c06250.js

Seems to be part of caching included with the template. When the application is built I suspect that this file is one of the outputs that is used in the application.
I'll clear cache (the other post by Parakash) and see if that works. I'll post back.
This is not the browser Cache - it is the application cache - which is hardcoded.
oh, so how can I get rid of this cache? I want to see my changes while playing around with this template...

What I want to do with this template is to use it in my ASP.Net/C# code. Use the look and feel and also use the Angular code...customize it, use it as an example to develop my side project. Since this is not my work project, I can design and code however I want.

I've done this before but with jQuery templates.
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
yes, there's documentation. It does mention a Bower and Gulp setup but I didn't know how to do it and also didn't think it's needed to just play around with the pages. I thought this is similar to the jQuery templates I've got before. After posting the question here and playing around with the pages...I thought this theme might need to be compiled.

Then, I'll close this question and see how I can setup the environment.

As always, thanks for the help.
and also didn't think it's needed to just play around with the pages
No - bower, Gulp, Node all of these tools are becoming standard in this space. You should take some time to get up to speed with what they do and how they work.

This template has been built with those tools and any changes you make will have to be in the context of how those tools and the build environment work.

Once you get up to speed with them though it does make your life a lot easier. If you are serious about building Angular apps then it is almost a per-requisite that you skill up on them.
thanks, Julian, I will look into them. I came across a Bower question last night while looking at the template.

I will start from setting up the environment for this template and then look into some tutorials to get me started.
Yeah, it's that file Julian mentioned, the $templateCache section. I'll look into insalling Bower, Node and Gulp.
I followed the instructions and got to 'gulp serve". Page comes up and I get all sorts of errors. This is a nice looking template to use for my new side project but looks like a hassle. I'll continue with it and see what i can do. I looked at other templates on Themeoforest but this one looked the best

User generated image
I understand how this works. FYI. Thanks.