Mobile version: move ng template 'menu'

The 'menu.html' AngularJS template is moved to UIxPageFrame.wox to be
used by all modules.
This commit is contained in:
Francis Lachapelle 2014-11-14 14:30:09 -05:00
parent 28f9963f87
commit 441834edbf
2 changed files with 65 additions and 59 deletions

View file

@ -47,21 +47,53 @@
<var:string value="productLocalizableStrings" const:escapeHTML="NO"/> <var:string value="productLocalizableStrings" const:escapeHTML="NO"/>
</script> </script>
<script type="text/javascript" rsrc:src="js/vendor/underscore-min.js"><!-- space --></script> <script type="text/javascript" rsrc:src="js/vendor/underscore-min.js"><!-- space --></script>
<script type="text/javascript" rsrc:src="js/vendor/angular-recursion.js"><!-- space --></script>
<script type="text/javascript" rsrc:src="js/Common/utils.js"><!-- space --></script> <script type="text/javascript" rsrc:src="js/Common/utils.js"><!-- space --></script>
<script type="text/javascript" rsrc:src="js/Common/ui-common.js"><!-- space --></script>
<script type="text/javascript" rsrc:src="js/Common/ui-mobile.js"><!-- space --></script> <script type="text/javascript" rsrc:src="js/Common/ui-mobile.js"><!-- space --></script>
<var:if condition="hasProductSpecificJavaScript"><script type="text/javascript" <var:if condition="hasProductSpecificJavaScript"><script type="text/javascript"
var:src="productJavaScriptURL"><!-- space --></script></var:if> var:src="productJavaScriptURL"><!-- space --></script></var:if>
<var:if condition="hasPageSpecificJavaScript"><script type="text/javascript" <var:if condition="hasPageSpecificJavaScript"><script type="text/javascript"
var:src="pageJavaScriptURL"><!-- space --></script></var:if> var:src="pageJavaScriptURL"><!-- space --></script></var:if>
<var:foreach list="additionalJSFiles" item="item" <var:foreach list="additionalJSFiles" item="item"><script type="text/javascript"
><script type="text/javascript" var:src="item"><!-- space --></script> var:src="item"><!-- space --></script>
</var:foreach> </var:foreach>
<var:foreach list="systemAdditionalJSFiles" item="item" <var:foreach list="systemAdditionalJSFiles" item="item"><script type="text/javascript"
><script type="text/javascript" var:src="item"><!-- space --></script> var:src="item"><!-- space --></script>
</var:foreach> </var:foreach>
</head> </head>
<body var:data-ng-app="angularModule"> <body var:data-ng-app="angularModule">
<script type="text/ng-template" id="menu.html">
<ion-side-menus>
<ion-side-menu-content>
<ion-nav-bar class="bar-stable nav-title-slide-ios7">
<ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"><!-- back --></i> Back</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view name="menuContent" animation="slide-left-right"><!-- content --></ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left">
<header class="bar bar-header bar-stable">
<h1 class="title">{{UserLogin}}</h1>
</header>
<ion-content class="has-header">
<ion-list>
<ion-item class="nav-clear menu-close" var:href="relativeMailPath">
<var:string label:value="Mail"/>
</ion-item>
<ion-item class="nav-clear menu-close" var:href="relativeContactsPath">
<var:string label:value="Address Books"/>
</ion-item>
</ion-list>
<a class="button button-full button-assertive" href="#" data-ng-href="{{UserFolderURL}}logoff?theme=mobile"><var:string label:value="Disconnect"/></a>
<a class="button button-small button-outline button-stable button-block" data-ng-href="{{ApplicationBaseURL}}"><var:string label:value="Desktop Version"/></a>
</ion-content>
</ion-side-menu>
</ion-side-menus>
</script>
<var:component-content/> <var:component-content/>
</body> </body>
</html> </html>

View file

@ -18,32 +18,6 @@
<ion-nav-view><!-- main view --></ion-nav-view> <ion-nav-view><!-- main view --></ion-nav-view>
<script type="text/ng-template" id="menu.html">
<ion-side-menus>
<ion-side-menu-content>
<ion-nav-bar class="bar-stable nav-title-slide-ios7">
<ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"><!-- back --></i> Back</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view name="menuContent" animation="slide-left-right"><!-- content --></ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left">
<header class="bar bar-header bar-stable">
<h1 class="title">{{UserLogin}}</h1>
</header>
<ion-content class="has-header">
<ion-list>
<ion-item class="nav-clear menu-close" href="#/app/addressbook">
<var:string label:value="Address Books"/>
</ion-item>
</ion-list>
<a class="button button-full button-assertive" href="#" data-ng-href="{{UserFolderURL}}logoff?theme=mobile"><var:string label:value="Disconnect"/></a>
<a class="button button-small button-outline button-stable button-block" data-ng-href="{{ApplicationBaseURL}}"><var:string label:value="Desktop Version"/></a>
</ion-content>
</ion-side-menu>
</ion-side-menus>
</script>
<script type="text/ng-template" id="addressbooks.html"> <script type="text/ng-template" id="addressbooks.html">
<ion-view title="Address Books"> <ion-view title="Address Books">
<ion-nav-buttons side="left"> <ion-nav-buttons side="left">