add moonv4

Change-Id: I247af788d0b0fb961fbc85416486b241eb1d807c
Signed-off-by: WuKong <rebirthmonkey@gmail.com>

9 files changed, 228 insertions, 0 deletions

diff --git a/moonv4/moon_gui/static/app/common/404/404.tpl.html b/moonv4/moon_gui/static/app/common/404/404.tpl.html
new file mode 100644
index 00000000..61e0420c
--- /dev/null
+++ b/moonv4/moon_gui/static/app/common/404/404.tpl.html
@@ -0,0 +1,3 @@
+<div data-translate="moon.global.404">Not found!</div>
+
+<div> Go <a href="" ui-sref="moon.project.list">Projects ?</a></div>
\ No newline at end of file
diff --git a/moonv4/moon_gui/static/app/common/compatibility/compatibility.tpl.html b/moonv4/moon_gui/static/app/common/compatibility/compatibility.tpl.html
new file mode 100644
index 00000000..0e32dc4f
--- /dev/null
+++ b/moonv4/moon_gui/static/app/common/compatibility/compatibility.tpl.html
@@ -0,0 +1,26 @@
+<div class="modal" tabindex="-1" data-role="modalCompatibility">
+
+	<div class="modal-dialog">
+
+		<div class="modal-content">
+
+			<div class="modal-header">
+				<button type="button" class="close" ng-click="$hide()">&times;</button>
+				<h4 class="modal-title" data-translate="moon.compatibility.title"></h4>
+			</div>
+			
+			<div class="modal-body">
+				<span data-translate="moon.compatibility.content"></span>
+			</div>
+			
+			<div class="modal-footer">
+				<div class="btn-toolbar" style="float: right;">
+					<button ng-click="$hide()" class="btn btn-default" data-translate="moon.compatibility.close">Close</button>
+				</div>
+			</div>
+			
+		</div>
+		
+	</div>
+	
+</div>
\ No newline at end of file
diff --git a/moonv4/moon_gui/static/app/common/footer/footer.controller.js b/moonv4/moon_gui/static/app/common/footer/footer.controller.js
new file mode 100644
index 00000000..d7506840
--- /dev/null
+++ b/moonv4/moon_gui/static/app/common/footer/footer.controller.js
@@ -0,0 +1,54 @@
+/**
+ * @author arnaud marhin<arnaud.marhin@orange.com>
+ */
+
+(function() {
+
+	'use strict';
+	
+	angular
+		.module('moon')
+				.controller('FooterController', FooterController);
+	
+	FooterController.$inject = ['$modal', 'versionService'];
+	
+	function FooterController($modal, versionService) {
+		
+		var footer = this;
+		
+		footer.version = null;
+		footer.browsersModal = null;
+		footer.showBrowsersCompliance = showBrowsersCompliance;
+		
+		newBrowsersModal();
+		currentVersion();
+		
+		function newBrowsersModal() {
+			
+			footer.browsersModal = $modal({ template: 'html/common/compatibility/compatibility.tpl.html', show: false });
+			
+			return footer.browsersModal;
+			
+		}
+		
+		function showBrowsersCompliance() {
+			footer.browsersModal.$promise.then(footer.browsersModal.show);  
+		}
+		
+		function currentVersion() {
+			
+			var _self = footer;
+			
+			versionService.version.get().$promise.then(function(data) {
+				
+				_self.version = (data.version) ? data.version : 'SNAPSHOT';
+				
+				return _self.version;
+				
+			});
+			
+		}
+		
+	}
+	
+})();
\ No newline at end of file
diff --git a/moonv4/moon_gui/static/app/common/footer/footer.tpl.html b/moonv4/moon_gui/static/app/common/footer/footer.tpl.html
new file mode 100644
index 00000000..aacb392d
--- /dev/null
+++ b/moonv4/moon_gui/static/app/common/footer/footer.tpl.html
@@ -0,0 +1,7 @@
+<div class="container footer" ng-controller="FooterController as footer">
+    <div class="row">
+        <div class="pull-right">
+        	<span>v<span ng-bind="footer.version"></span></span> - <a href="" ng-click="footer.showBrowsersCompliance()" data-translate="moon.compatibility.label">browser compatibility</a>
+        </div>
+    </div>
+</div>
diff --git a/moonv4/moon_gui/static/app/common/header/header.controller.js b/moonv4/moon_gui/static/app/common/header/header.controller.js
new file mode 100644
index 00000000..dfab502f
--- /dev/null
+++ b/moonv4/moon_gui/static/app/common/header/header.controller.js
@@ -0,0 +1,53 @@
+/**
+ * @author arnaud marhin<arnaud.marhin@orange.com>
+ */
+
+(function() {
+
+	'use strict';
+	
+	angular
+		.module('moon')
+				.controller('HeaderController', HeaderController);
+	
+	HeaderController.$inject = ['$translate', 'menuService', 'authenticationService', 'alertService'];
+	
+	function HeaderController($translate, menuService, authenticationService, alertService) {
+
+		var header = this;
+
+		/*
+		 *
+		 */
+
+		header.isProjectTabActive = menuService.isProjectTabActive;
+		header.isPDPTabActive = menuService.isPDPTabActive;
+		header.isLogsTabActive = menuService.isLogsTabActive;
+        header.isPolicyTabActive = menuService.isPolicyTabActive;
+        header.isModelTabActive = menuService.isModelTabActive;
+		header.changeLocale = changeLocale;
+		header.logout = logout;
+
+		header.getUser = authenticationService.GetUser;
+
+		/*
+		 *
+		 */
+
+		function changeLocale(localeKey, event) {
+
+            event.preventDefault();
+            
+            $translate.use(localeKey);
+            $translate.preferredLanguage(localeKey);
+
+        }
+
+        function logout(){
+            authenticationService.Logout();
+            $translate('moon.logout.success').then( function(translatedValue) {
+                alertService.alertSuccess(translatedValue);
+            });
+        }
+	}
+})();
\ No newline at end of file
diff --git a/moonv4/moon_gui/static/app/common/header/header.tpl.html b/moonv4/moon_gui/static/app/common/header/header.tpl.html
new file mode 100644
index 00000000..ad7b461d
--- /dev/null
+++ b/moonv4/moon_gui/static/app/common/header/header.tpl.html
@@ -0,0 +1,50 @@
+<div class="container banner" ng-controller="HeaderController as header">
+
+    <div class="row">
+    
+		<div class="col-md-3 sub-banner">
+            <a ui-sref="moon.dashboard"><img src="assets/img/logo-orange.gif" alt="Orange" /> </a>
+            <img src="assets/img/logo-openstack.png" alt="OpenStack" />
+        </div>
+        
+        <div class="col-md-6 center-block">
+            <h1 data-translate="moon.global.applicationName">Moon UI</h1>
+        </div>
+    
+    	<div class="col-md-3">
+
+	        <span class="pull-right">
+	            <a href="" ng-click="header.changeLocale('fr', $event)"><img src="assets/img/arrow-link.gif" alt="fr_" />fr</a>
+	            <a href="" ng-click="header.changeLocale('en', $event)"><img src="assets/img/arrow-link.gif" alt="en_" />en</a>
+
+	            <a href="" ng-if="connected" ng-click="header.logout()" class="left30">
+	            	<span class="glyphicon glyphicon-log-out"></span>
+	            	<span data-translate="moon.logout.title">Logout</span>(<span ng-bind="header.getUser().token.user.name"></span>)
+	            </a>
+                <a href="" ng-if="!connected" class="left30">
+	            	<span class="glyphicon glyphicon-log-in"></span>
+	            	<span data-translate="moon.login.title">Login</span>
+	            </a>
+	        </span>
+
+        </div>
+
+    </div>
+    
+    <div class="row">
+    	<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button': true}"></toaster-container>
+    </div>
+
+    <div class="row" ng-if="connected">
+    
+        <ul class="nav nav-tabs">
+            <li ng-class="{active: header.isProjectTabActive()}"><a ui-sref="moon.project.list" data-translate="moon.menu.project">Projects</a></li>
+            <li ng-class="{active: header.isModelTabActive()}"><a ui-sref="moon.model.list" data-translate="moon.menu.model">Models</a></li>
+            <li ng-class="{active: header.isPolicyTabActive()}"><a ui-sref="moon.policy.list" data-translate="moon.menu.policy">Policy</a></li>
+            <li ng-class="{active: header.isPDPTabActive()}"><a ui-sref="moon.pdp.list" data-translate="moon.menu.pdp">PDP</a></li>
+            <!--<li ng-class="{active: header.isLogsTabActive()}"><a ui-sref="moon.logs" data-translate="moon.menu.logs">Logs</a></li>-->
+        </ul>
+                        
+    </div>
+
+</div>
diff --git a/moonv4/moon_gui/static/app/common/loader/loader.dir.js b/moonv4/moon_gui/static/app/common/loader/loader.dir.js
new file mode 100644
index 00000000..ba40c121
--- /dev/null
+++ b/moonv4/moon_gui/static/app/common/loader/loader.dir.js
@@ -0,0 +1,19 @@
+(function() {
+
+    'use strict';
+
+    angular
+        .module('moon')
+        .directive('moonLoader', moonLoader);
+
+    moonLoader.$inject = [];
+
+    function moonLoader() {
+
+        return {
+            templateUrl : 'html/common/loader/loader.tpl.html',
+            restrict : 'E'
+        };
+    }
+
+})();
diff --git a/moonv4/moon_gui/static/app/common/loader/loader.tpl.html b/moonv4/moon_gui/static/app/common/loader/loader.tpl.html
new file mode 100644
index 00000000..51da439f
--- /dev/null
+++ b/moonv4/moon_gui/static/app/common/loader/loader.tpl.html
@@ -0,0 +1 @@
+<img src="assets/img/ajax-loader.gif" />
\ No newline at end of file
diff --git a/moonv4/moon_gui/static/app/common/waiting/waiting.tpl.html b/moonv4/moon_gui/static/app/common/waiting/waiting.tpl.html
new file mode 100644
index 00000000..6c042635
--- /dev/null
+++ b/moonv4/moon_gui/static/app/common/waiting/waiting.tpl.html
@@ -0,0 +1,15 @@
+<div class="modal" tabindex="-1" data-role="modalWaiting">
+
+	<div class="modal-dialog">
+
+		<div class="modal-content">
+			
+			<div class="modal-body centered">
+				<img src="assets/img/ajax-waiting.gif" />
+			</div>
+					
+		</div>
+		
+	</div>
+	
+</div>
\ No newline at end of file