I based my webapp on the web2py welcome app sample and I just use its login
functionality.
To get that to work with Angular, I copied layout.html to
layout_angular.html and in layout_angular.html I changed all {{ }} to {[
]}
and I put that call "response.delimiters = ('{[',']}')" I showed you in the
controller to change the web2py template delimiter to {[ ]}.
In my opinion it is best to change the web2py delimiter, and leave angular
as {{ }} because so many angular code snippets are being used and very
little new web2py templates are needed in the angular version of web2py.
Also in gluon/tools.py I tweaked the login code.
I copied web2py_ajax.html to web2py_ajax_angular.html.
I changed web2py_ajax_angular.html and index.html for all {{ }} to {[ ]}
In layout_angular.html I made it use bootstrap 3.
In index.html I changed it to use layout_angular.html and
web2py_ajax_angular.html.
After doing all that, then the regular web2py menu strip with the login
drop down works.
but =MENU messes up so remote the =MENU call from laytout_angular.html
Instead, just below where =MENU was, put a standard Bootstrap 3 menu html
fragment based on <ul class="nav navbar-nav"> such as:
<ul class="nav navbar-nav">
<li>
<a href="/init/default/index">Home</a>
</li>
<li >
<a href="/init/about/about_us">About US</a>
</li>
<li>
<a href="/init/about/help">Help</a>
</li>
</ul>
In your style.css you can modify menu bar item colors by adding these css
snippets;
.navbar .nav > li > a {
background-color: black;
color:greenyellow;
}
/* set hover and focus */
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
background-color: gray;
color: white;
}
/* set active item to darkgreen */
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
background-color: lightgreen;
color: black;
}
/* set font color and background of the project name (brand) */
.navbar .brand
{
background-color: orange;
color: navy;
}
Good luck.
On Saturday, August 16, 2014 9:29:32 AM UTC-5, Najtsirk wrote:
>
> Cool. How did you manage to get authentication working?
>
> Did you do it on a separate, "non Angular url", like 'default/user'? Did
> you manage to get it with Angular?
>
> Best,
>
> Kristjan
>
> On Saturday, 16 August 2014 15:28:52 UTC+2, dlypka wrote:
>>
>> I did not put a folder name such as your projects/.
>> I kept the html paths flat.
>>
>> I converted the Angular Store sample to web2py + Angular:
>>
>> This worked for me:
>> var storeApp = angular.module('AngularStore', ['ngRoute',
>> 'angularTreeview']).
>> config(['$routeProvider', function($routeProvider) {
>> $routeProvider.
>> when('/store', {
>> templateUrl: 'store.htm',
>> controller: storeController
>> }).
>> when('/products/:productSku', {
>> templateUrl: 'product.htm',
>> controller: storeController
>> }).
>> when('/cart', {
>> templateUrl: 'shoppingCart.htm',
>> controller: storeController
>> }).
>> otherwise({
>> redirectTo: '/store'
>> });
>> }]);
>>
>> No need to specify index.html anywhere in the routing.
>>
>> I had a controller angularStore.py and so all the htmls (including
>> index.html) are in folder:
>> views/angularStore
>>
>> On Friday, August 15, 2014 11:59:29 AM UTC-5, Najtsirk wrote:
>>>
>>> OK, but how do I configure AngularJS routes?
>>>
>>> For example:
>>> App.config(['$routeProvider',
>>> function ($routeProvider) {
>>> $routeProvider.
>>> when('/', {
>>> templateUrl: 'index.html',
>>> controller: 'IndexCtrl'
>>> }).
>>> when('/projects', {
>>> templateUrl: 'projects/index.html',
>>> controller: 'ProjektiCtrl'
>>> })
>>> }]);
>>>
>>> How can I get routes to the partiapl templates right? Let's say that
>>> partial template for '/projects' is in views/projects/index.html directory.
>>> What is the right 'templateUrl' for this template?
>>>
>>> Best,
>>> Kristjan
>>>
>>> On Friday, 15 August 2014 02:58:51 UTC+2, dlypka wrote:
>>>>
>>>> in the Views folders as usual.
>>>>
>>>> But then I also had to make controller functions for each .html. For
>>>> example:
>>>>
>>>> def jqplot():
>>>> # This method is necessary to allow views/home/jqplot.html to be
>>>> rendered
>>>> response.delimiters = ('{[',']}')
>>>> return dict()
>>>>
>>>> On Thursday, August 14, 2014 3:41:19 PM UTC-5, Najtsirk wrote:
>>>>>
>>>>> Hello,
>>>>>
>>>>> i have problem with Web2py and AngularJS regarding routes. Where
>>>>> should be partial .html files of specific routes stored? In static
>>>>> folder?
>>>>>
>>>>> Best,
>>>>> Kristjan
>>>>>
>>>>
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/d/optout.
