<!-- Main screen -->
<ion-side-menu-content>
- <!-- Header -->
- <ion-header-bar class="bar-positive" ng-controller="HeaderCtrl">
+ <pane nav-router animation="slide-left-right-ios7">
+ <!-- The nav bar that will be updated as we navigate -->
+ <!-- Header -->
+ <ion-nav-bar class="bar-positive nav-title-slide-ios7" type="bar-default"
+ back-button-type="button-icon" back-button-icon="icon
+ ion-arrow-left-c"ng-controller="HeaderCtrl">
+ <ion-nav-back-button class="button-clear">
+ <i class="ion-arrow-left-c"></i> Back
+ </ion-nav-back-button>
+ <ion-nav-button side="left">
<button class="button button-icon icon ion-chatbubbles" ng-click="toggleLeftSideMenu()"></button>
+ </ion-nav-button>
+ <ion-nav-button side="left">
<button class="button button-clear button-light" ng-click="goToOption()">
<h4>Mes info</h4>
</button>
+ </ion-nav-button>
- <div class="nsk-header-icon-hspacer"></div>
+ <ion-nav-button side="left">
+ <div class="nsk-header-icon-hspacer"></div>
+ </ion-nav-button>
- <button class="button button-clear button-light" ng-click="goToOption()">
- <h4>Paramètres</h4>
- </button>
-
- <h1 class="title"> <img class="title-image"
+ <ion-nav-button side="left">
+ <div class="nsk-header-icon-hspacer"></div>
+ <button class="button button-clear button-light" ng-click="goToOption()">
+ <h4>Paramètres</h4>
+ </button>
+ </ion-nav-button>
+
+ <h1 class="title"> <img class="title-image"
src="res/test/logo.png"
width="auto"
height="43" ng-click="goToMain()" />
- </h1>
+ </h1>
+ <ion-nav-button side="right">
<div class="nsk-header-searchbox ">
<div id="search-box"
class="item-input-inset nsk-inset-searchbox">
</label>
</div>
</div>
-
-
- </ion-header-bar>
-
- <pane nav-router animation="slide-left-right-ios7">
- <!-- The nav bar that will be updated as we navigate -->
- <nav-bar class="nav-title-slide-ios7" type="bar-default" back-button-type="button-icon" back-button-icon="icon ion-arrow-left-c"></nav-bar>
+ </ion-nav-button >
+
+ </ion-nav-bar>
<!-- where the content of each page will be rendered -->
<ion-nav-view></ion-nav-view>
-
+<ion-view>
<ion-header-bar class="bar-subheader has-header">
- <div class="nsk-margin-auto">
- <text-angular-toolbar name="toolbar" class="nsk-margin-auto"></text-angular-toolbar>
- </div>
+ <div class="nsk-margin-auto">
+ <text-angular-toolbar name="toolbar" class="nsk-margin-auto"></text-angular-toolbar>
+ </div>
</ion-header-bar>
-
-<ion-content has-header="true" class="has-header">
-
- <div id="currentFile" class="has-header nsk-thin-centered nsk-box-border nsk-box-shadow" ng-controller="EditorCtrl">
- <div ng-repeat="item in currentTemplate" ng-switch="item.type">
-
- <div ng-switch-when="TextArea">
- <h4>{{item.name}}</h4>
- <div nsk-textArea>
- <text-angular name="htmlcontent1" ng-model="item.value" ta-target-toolbars='toolbar'></text-angular>
- </div>
- </div>
+ <ion-content has-header="true" class="has-header">
+
+ <div id="currentFile" class="has-header nsk-thin-centered nsk-box-border nsk-box-shadow" ng-controller="EditorCtrl">
- <div ng-switch-when="Image" class="nsk-tpl-image nsk-editor-margin-bottom">
- <h4>{{item.name}}</h4>
- <div ><img class="nsk-tpl-img" src="img/image.svg"></div>
- <button type="button" class="btn btn-default nsk-tpl-btn"
- ng-click="addImage({{item.value}})">Ajouter image</button>
- </div>
+ <button style="width:100%;" type="button" class="btn btn-default"
+ ng-click="storeCanvas()">Create canvas</button>
- <div ng-switch-when="Sound" class="nsk-tpl-sound nsk-editor-margin-bottom">
- <h4>{{item.name}}</h4>
- <div ><img class="nsk-tpl-img" src="img/sound.svg"></div>
- <button type="button" class="btn btn-default nsk-tpl-btn"
- ng-click="addSound({{item.value}})">Ajouter message sonore</button>
- </div>
+ <div ng-repeat="item in currentTemplate" ng-switch="item.type">
+
- <div ng-switch-when="Video" class="nsk-tpl-video nsk-editor-margin-bottom">
- <h4>{{item.name}}</h4>
- <div ><img class="nsk-tpl-img" src="img/video.svg"></div>
- <button type="button" class="btn btn-default nsk-tpl-btn"
- ng-click="addVideo({{item.value}})">Ajouter video</button>
- </div>
+ <div ng-switch-when="TextArea">
+ <h4>{{item.name}}</h4>
+ <div nsk-textArea>
+ <text-angular name="htmlcontent1" ng-model="item.value" ta-target-toolbars='toolbar'></text-angular>
+ </div>
+ </div>
+
+ <div ng-switch-when="Image" class="nsk-tpl-image nsk-editor-margin-bottom">
+ <h4>{{item.name}}</h4>
+ <div ><img class="nsk-tpl-img" src="img/image.svg"></div>
+ <button type="button" class="btn btn-default nsk-tpl-btn"
+ ng-click="addImage({{item.value}})">Ajouter image</button>
+ </div>
+
+ <div ng-switch-when="Sound" class="nsk-tpl-sound nsk-editor-margin-bottom">
+ <h4>{{item.name}}</h4>
+ <div ><img class="nsk-tpl-img" src="img/sound.svg"></div>
+ <button type="button" class="btn btn-default nsk-tpl-btn"
+ ng-click="addSound({{item.value}})">Ajouter message sonore</button>
+ </div>
- <div ng-switch-when="User">
- <h4>{{item.name}}</h4>
- <div class="input-group nsk-input">
- <span class="input-group-addon">@</span>
- <input type="text" class="form-control nsk-bt-input nsk-editor-margin-bottom" placeholder="Username">
+ <div ng-switch-when="Video" class="nsk-tpl-video nsk-editor-margin-bottom">
+ <h4>{{item.name}}</h4>
+ <div ><img class="nsk-tpl-img" src="img/video.svg"></div>
+ <button type="button" class="btn btn-default nsk-tpl-btn"
+ ng-click="addVideo({{item.value}})">Ajouter video</button>
</div>
- </div>
-
- <div ng-switch-when="Creator">
- <h4>{{item.name}}</h4>
- <div class="input-group input-group-large nsk-input nsk-editor-margin-bottom">
- <span class="input-group-addon">@</span>
- <input type="text" class="form-control nsk-bt-input" placeholder="Username">
+
+ <div ng-switch-when="User">
+ <h4>{{item.name}}</h4>
+ <div class="input-group nsk-input">
+ <span class="input-group-addon">@</span>
+ <input type="text" class="form-control nsk-bt-input nsk-editor-margin-bottom" placeholder="Username">
+ </div>
</div>
- </div>
-
- <div ng-switch-when="Coordinates" class="nsk-editor-margin-bottom">
- <h4>{{item.name}}</h4>
- <iframe width="425" height="350" frameborder="0" scrolling="no"
- marginheight="0" marginwidth="0"
- ng-src="{{osmURL(item.value)}}" style="border: 1px solid black"></iframe><br/>
- <button style="width:425px;" type="button" class="btn btn-default"
- ng-click="addCoordinate({{item.value}})">Ajouter coordonnees</button>
- </div>
-
- <div ng-switch-when="Email">
- <h4>{{item.name}}</h4>
- <div class="input-group nsk-input nsk-editor-margin-bottom">
- <span class="input-group-addon">@</span>
- <input type="email" class="form-control nsk-bt-input" placeholder="{{item.value}}">
+
+ <div ng-switch-when="Creator">
+ <h4>{{item.name}}</h4>
+ <div class="input-group input-group-large nsk-input nsk-editor-margin-bottom">
+ <span class="input-group-addon">@</span>
+ <input type="text" class="form-control nsk-bt-input" placeholder="Username">
+ </div>
</div>
- </div>
-
- <div ng-switch-when="Phone">
- <h4>{{item.name}}</h4>
- <div class="input-group nsk-input nsk-editor-margin-bottom">
- <span class="input-group-addon">@</span>
- <input type="tel" class="form-control nsk-bt-input" placeholder="{{item.value}}">
+
+ <div ng-switch-when="Coordinates" class="nsk-editor-margin-bottom">
+ <h4>{{item.name}}</h4>
+ <iframe width="425" height="350" frameborder="0" scrolling="no"
+ marginheight="0" marginwidth="0"
+ ng-src="{{osmURL(item.value)}}" style="border: 1px solid black"></iframe><br/>
+ <button style="width:425px;" type="button" class="btn btn-default"
+ ng-click="addCoordinate({{item.value}})">Ajouter coordonnees</button>
</div>
- </div>
-
- <div ng-switch-when="Date">
- <h4>{{item.name}}</h4>
- <div class="input-group nsk-input nsk-editor-margin-bottom">
- <span class="input-group-addon">@</span>
- <input type="date" class="form-control nsk-bt-input" placeholder="{{item.value}}">
+
+ <div ng-switch-when="Email">
+ <h4>{{item.name}}</h4>
+ <div class="input-group nsk-input nsk-editor-margin-bottom">
+ <span class="input-group-addon">@</span>
+ <input type="email" class="form-control nsk-bt-input" placeholder="{{item.value}}">
+ </div>
+ </div>
+
+ <div ng-switch-when="Phone">
+ <h4>{{item.name}}</h4>
+ <div class="input-group nsk-input nsk-editor-margin-bottom">
+ <span class="input-group-addon">@</span>
+ <input type="tel" class="form-control nsk-bt-input" placeholder="{{item.value}}">
+ </div>
+ </div>
+
+ <div ng-switch-when="Date">
+ <h4>{{item.name}}</h4>
+ <div class="input-group nsk-input nsk-editor-margin-bottom">
+ <span class="input-group-addon">@</span>
+ <input type="date" class="form-control nsk-bt-input" placeholder="{{item.value}}">
+ </div>
</div>
- </div>
- <div ng-switch-when="Time">
- <h4>{{item.name}}</h4>
- <div class="input-group nsk-input nsk-editor-margin-bottom">
- <span class="input-group-addon">@</span>
- <input type="time" class="form-control nsk-bt-input" placeholder="{{item.value}}">
+ <div ng-switch-when="Time">
+ <h4>{{item.name}}</h4>
+ <div class="input-group nsk-input nsk-editor-margin-bottom">
+ <span class="input-group-addon">@</span>
+ <input type="time" class="form-control nsk-bt-input" placeholder="{{item.value}}">
+ </div>
</div>
- </div>
-
- <div ng-switch-when="Radiobox">
- <h4>{{item.name}}</h4>
- <div class="nsk-radiobox nsk-editor-margin-bottom">
- <ion-radio ng-repeat="val in item.value"
- ng-value="val"
- ng-model="item.result">
- {{val}}
- </ion-radio>
+
+ <div ng-switch-when="Radiobox">
+ <h4>{{item.name}}</h4>
+ <div class="nsk-radiobox nsk-editor-margin-bottom">
+ <ion-radio ng-repeat="val in item.value"
+ ng-value="val"
+ ng-model="item.result">
+ {{val}}
+ </ion-radio>
+ </div>
</div>
- </div>
-
- <div ng-switch-when="Checkbox">
- <h4>{{item.name}}</h4>
- <div class="nsk-checkbox nsk-editor-margin-bottom">
- <ion-checkbox ng-repeat="val in item.value"
- ng-checked="val.checked"
- ng-model="val.checked">
- {{val.text}}
- </ion-checkbox>
+
+ <div ng-switch-when="Checkbox">
+ <h4>{{item.name}}</h4>
+ <div class="nsk-checkbox nsk-editor-margin-bottom">
+ <ion-checkbox ng-repeat="val in item.value"
+ ng-checked="val.checked"
+ ng-model="val.checked">
+ {{val.text}}
+ </ion-checkbox>
+ </div>
</div>
</div>
- </div>
- <button style="width:100%;" type="button" class="btn btn-default"
- ng-click="parseTemplate()">Refresh test</button>
-
- <button style="width:100%;" type="button" class="btn btn-default"
- ng-click="storeCanvas()">Create canvas</button>
-
- <button style="width:100%;" type="button" class="btn btn-default"
- ng-controller="TemplateSyncCtrl"
- ng-click='fetchTemplateList("localhost:8000")'>template request</button>
+ <button style="width:100%;" type="button" class="btn btn-default"
+ ng-click="parseTemplate()">Refresh test</button>
+
+
+ <button style="width:100%;" type="button" class="btn btn-default"
+ ng-controller="TemplateSyncCtrl"
+ ng-click='fetchTemplateList("localhost:8000")'>template request</button>
- </div>
-</ion-content>
+ </div>
+ </ion-content>
+<ion-view>
<!-- Content -->
-<ion-content has-header="true" class="has-header">
- <div class="nsk-main-margin">
-
- <div class="row">
+<ion-view hide-back-button="true">
+ <ion-content has-header="true" class="has-header">
+ <div class="nsk-main-margin">
- <div class="col">
- <h3>Recent files</h3>
- <div ng-controller="CarouselCtrl" >
- <ion-slide-box on-slide-changed="slideHasChanged($index)">
- <ion-slide >
- <div class="box blue"><h1>BLUE</h1></div>
- </ion-slide>
- <ion-slide>
- <div class="box yellow"><h1>YELLOW</h1></div>
- </ion-slide>
- <ion-slide>
- <div class="box pink"><h1>PINK</h1></div>
- </ion-slide>
- </ion-slide-box>
+ <div class="row">
+
+ <div class="col">
+ <h3>Recent files</h3>
+ <div ng-controller="CarouselCtrl" >
+ <ion-slide-box on-slide-changed="slideHasChanged($index)">
+ <ion-slide >
+ <div class="box blue"><h1>BLUE</h1></div>
+ </ion-slide>
+ <ion-slide>
+ <div class="box yellow"><h1>YELLOW</h1></div>
+ </ion-slide>
+ <ion-slide>
+ <div class="box pink"><h1>PINK</h1></div>
+ </ion-slide>
+ </ion-slide-box>
+ </div>
</div>
- </div>
- <div class="col">
- <h3>Update</h3>
- <div class="nsk-inlined " style="width:100%;">
- <!-- Recent update list -->
- <ion-scroll>
+ <div class="col">
+ <h3>Update</h3>
+ <div class="nsk-inlined " style="width:100%;">
+ <!-- Recent update list -->
+ <ion-scroll>
+
+ <ion-list ng-controller="UpdateListCtrl">
+ <ion-item ng-repeat="update in items"href="">
+ {{update}}
+ </ion-item>
+ </ion-list>
- <ion-list ng-controller="UpdateListCtrl">
- <ion-item ng-repeat="update in items"href="">
- {{update}}
- </ion-item>
- </ion-list>
-
- </ion-scroll>
+ </ion-scroll>
+ </div>
</div>
+
</div>
-
- </div>
- <!-- Main Buttons -->
- <div class="row" ng-controller="MainButtonCtrl">
- <div class="col">
- <div class="list card nsk-inlined">
- <div class="item item-image" ng-click="goTo('editor')">
- <img src="img/editor.svg">
- </div>
+ <!-- Main Buttons -->
+ <div class="row" ng-controller="MainButtonCtrl">
+ <div class="col">
+ <div class="list card nsk-inlined">
+ <div class="item item-image" ng-click="goTo('editor')">
+ <img src="img/editor.svg">
+ </div>
+ </div>
</div>
- </div>
- <div class="col">
- <div class="list card nsk-inlined">
- <div class="item item-image" ng-click="goTo('browsing')">
- <img src="img/folder.svg">
- </div>
+ <div class="col">
+ <div class="list card nsk-inlined">
+ <div class="item item-image" ng-click="goTo('browsing')">
+ <img src="img/folder.svg">
+ </div>
+ </div>
</div>
- </div>
- <div class="col">
- <div class="list card nsk-inlined">
- <div class="item item-image" ng-click="goTo('browsing')">
- <img src="http://placehold.it/1024x1024.jpg">
+ <div class="col">
+ <div class="list card nsk-inlined">
+ <div class="item item-image" ng-click="goTo('browsing')">
+ <img src="http://placehold.it/1024x1024.jpg">
+ </div>
</div>
- </div>
- </div>
- </div>
+ </div>
+ </div>
- </div>
-</ion-content>
+ </div>
+ </ion-content>
+</ion-view>
-<!DOCTYPE html>
-<html>
-
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
- <title></title>
-
- <link href="lib/ionic/css/ionic.css" rel="stylesheet">
- <link href="css/bootstrap.css" rel="stylesheet">
- <link href="css/login.css" rel="stylesheet">
-
- <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
- <link href="css/ionic.app.css" rel="stylesheet">
- -->
-
- <!-- ionic/angularjs js -->
- <script src="lib/ionic/js/ionic.bundle.js"></script>
- <script src="lib/ui-bootstrap-tpls-0.11.0.js"></script>
-
-
- <!-- your app's js -->
- <script src="js/app.js"></script>
- <script src="js/controllers.js"></script>
-
- <!-- phonegap script -->
- <script src="phonegap.js"></script>
-</head>
-
-<body ng-app="starter">
-
- <!-- Login screen -->
- <ion-pane>
- <div class="nsk-login-center-box nsk-login-bg" ng-controller="LoginCtrl">
- <div style="margin:auto;">
- <div class="list" >
- <label class="item item-input">
- <span class="input-label">Username</span>
- <input type="text" ng-model="user.username">
- </label>
- <label class="item item-input">
- <span class="input-label">Password</span>
- <input type="password" ng-model="user.password">
- </label>
- </div>
- <div class="padding">
- <button class="button button-block button-positive" ng-click="login()">
- Sign-In
- </button>
- <p class="text-center">
- <a href="#/forgot-password">Forgot password</a>
- </p>
+ <!-- Login screen -->
+ <ion-view hide-nav-bar="true">
+ <ion-pane >
+ <div class="nsk-login-center-box nsk-login-bg" ng-controller="LoginCtrl">
+ <div style="margin:auto;">
+ <div class="list" >
+ <label class="item item-input">
+ <span class="input-label">Username</span>
+ <input type="text" ng-model="user.username">
+ </label>
+ <label class="item item-input">
+ <span class="input-label">Password</span>
+ <input type="password" ng-model="user.password">
+ </label>
+ </div>
+ <div class="padding">
+ <button class="button button-block button-positive" ng-click="login()">
+ Sign-In
+ </button>
+ <p class="text-center">
+ <a href="#/forgot-password">Forgot password</a>
+ </p>
+ </div>
</div>
</div>
- </div>
- </ion-pane>
-
-</body>
+ </ion-pane>
+ </ion-view>
-</html>