Book Image

AngularJS Web Application Development Blueprints

By : Vinci J Rufus
Book Image

AngularJS Web Application Development Blueprints

By: Vinci J Rufus

Overview of this book

Table of Contents (17 chapters)
AngularJS Web Application Development Blueprints
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Building the frontend of our CMS


All this while, we have been working on the backend and admin sections of the CMS.

Now, we will work on the frontend, the public-facing side of the website.

As the public-facing side of the website needs to have a neat layout with a logo, navigation bar, content area, footer, and so on, we are going to tweak the index page layout.

Update the angcms/public/index.html file with the upcoming changes.

As we would like to control some application-level settings such as the logo, footer, and so on, we first bind AppCtrl to the <body> tag, as shown in the following code:

<body ng-controller="AppCtrl">

Next, we add the following markup:

<div admin-login class="col-md-3 pull-right"></div>
<div class="container">
    <header>
        <img ng-src="{{site.logo}}">
    </header>
    <div message-flash></div>
    <div class="row">
        <div class="col-md-3" nav-bar></div>
        <div class="col...