border-width:0px;
border-style:solid;
border-color:black;
+ border-radius:6px;
}
.nsk-box-shadow{
.nsk-hr{
margin-top:0px;
}
+
+.nsk-hr-editor{
+ width:95%;
+}
+
+html,body{
+-webkit-user-select: none;
+-webkit-touch-callout: none;
+}
+
+*[contenteditable] {
+-webkit-user-select: text !important;
+}
+
+++ /dev/null
-.inset-card-grid{
- margin-top:5%;
- margin-bottom:,2%;
- margin-left:9%;
- margin-right:6%;
-
-}
+++ /dev/null
-
-.nsk-inset-searchbox {
- padding:0;
- padding-right:10px;
-}
-.nsk-header-icon-hspacer {
- display :inline-block;
- width:18px;
-}
-
-.nsk-header-searchbox {
- display:inline-block;
- position: absolute;
- right:0;
- padding:0;
- width:25%;
-}
-
+++ /dev/null
-/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-/*
-* {
- -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0
-}
-
-body {
- -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold
- -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit
- -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text'
- background-color:#E4E4E4;
- background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
- background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
- background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
- background-image:-webkit-gradient(
- linear,
- left top,
- left bottom,
- color-stop(0, #A7A7A7),
- color-stop(0.51, #E4E4E4)
- );
- background-attachment:fixed;
- font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
- font-size:12px;
- height:100%;
- margin:0px;
- padding:0px;
- text-transform:uppercase;
- width:100%;
-}
-
-/* Portrait layout (default)
-.app {
- background:url(../img/logo.png) no-repeat center top; /* 170px x 200px
- position:absolute; /* position in the center of the screen
- left:50%;
- top:50%;
- height:50px; /* text area height
- width:225px; /* text area width
- text-align:center;
- padding:180px 0px 0px 0px; /* image height is 200px (bottom 20px are overlapped with text)
- margin:-115px 0px 0px -112px; /* offset vertical: half of image height and text area height
- /* offset horizontal: half of text area width
-}
-
-/* Landscape layout (with min-width)
-@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
- .app {
- background-position:left center;
- padding:75px 0px 75px 170px; /* padding-top + padding-bottom + text area = image height
- margin:-90px 0px 0px -198px; /* offset vertical: half of image height
- /* offset horizontal: half of image width and text area width
- }
-}
-
-h1 {
- font-size:24px;
- font-weight:normal;
- margin:0px;
- overflow:visible;
- padding:0px;
- text-align:center;
-}
-
-.event {
- border-radius:4px;
- -webkit-border-radius:4px;
- color:#FFFFFF;
- font-size:12px;
- margin:0px 30px;
- padding:2px 0px;
-}
-
-.event.listening {
- background-color:#333333;
- display:block;
-}
-
-.event.received {
- background-color:#4B946A;
- display:none;
-}
-
-@keyframes fade {
- from { opacity: 1.0; }
- 50% { opacity: 0.4; }
- to { opacity: 1.0; }
-}
-
-@-webkit-keyframes fade {
- from { opacity: 1.0; }
- 50% { opacity: 0.4; }
- to { opacity: 1.0; }
-}
-
-.blink {
- animation:fade 3000ms infinite;
- -webkit-animation:fade 3000ms infinite;
-}
-*/
-
-.nsk-inset-searchbox {
- padding:0;
- padding-right:10px;
-}
-.nsk-header-icon-hspacer {
- display :inline-block;
- width:18px;
-}
-
-.nsk-header-searchbox {
- display:inline-block;
- position: absolute;
- right:0;
- padding:0;
- width:25%;
-}
-
-.nsk-main-margin {
- margin-left:3%;
- margin-right:3%;
-}
-
-.nsk-inlined {
- display:inline-block;
-}
-
-.nsk-margin-auto {
- margin:auto%;
-}
-
-/*
-.nsk- {
-"="display:inline-block;width:100%;
-}
-*/
-
-.nsk-color-green {
- color:green;
-}
-
-.nsk-color-red {
- color:red;
-}
-
-.nsk-color-orange {
- color:orange;
-}
-
-.nsk-color-grey{
- color:grey;
-}
-
-.nsk-chat-searchbox {
- display:inline-block;
- position: absolute;
- right:0;
- padding:0;
- width:60%;
-}
-
-.nsk-chat-client-info {
- position:relative;
- left:-4px;
-}
-
-.nsk-chat-user-status-icon {
- display:inline-block;
- vertical-align:top;
-}
-
-.nsk-chat-user-name {
- display:inline-block;
-}
-
-.nsk-chat-additional-info {
- display:inline-block;
- float:right;
- vertical-align:middle;
-}
-
-.nsk-font-roboto{
- font-family: 'Roboto', sans-serif;
- font-weight:400;
-}
-
-.nsk-font-roboto-bold{
- font-family: 'Roboto', sans-serif;
- font-weight:700;
-}
-
-.slider {
- height: 100%;
-}
-
-.slider-slides {
- height: 100%;
-}
-
-.box{
- height:300px;
-}
-
-.blue{
- background:blue;
-}
-
-.yellow{
- background:yellow;
-}
-
-.pink{
- background:pink;
-}
-
+++ /dev/null
-.nsk-login-center-box {
- display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
- display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
- display: -webkit-flex; /* NEW - Chrome */
- display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
- -webkit-box-flex-direction: row;
- -moz-box-flex-direction: row;
- -webkit-flex-direction: row;
- flex-direction: row;
- height:100%;
-}
-
-.nsk-login-bg {
- /* Old browsers */
- background: #87e0fd;
- /* FF3.6+ */
- background: -moz-radial-gradient(center, ellipse cover, #87e0fd 17%, #53cbf1 55%, #05abe0 93%);
- /* Chrome10+,Safari5.1+ */
- background: -webkit-radial-gradient(center, ellipse cover, #87e0fd 17%,#53cbf1 55%,#05abe0 93%);
- /* Opera 12+ */
- background: -o-radial-gradient(center, ellipse cover, #87e0fd 17%,#53cbf1 55%,#05abe0 93%);
- /* IE10+ */
- background: -ms-radial-gradient(center, ellipse cover, #87e0fd 17%,#53cbf1 55%,#05abe0 93%);
- /* W3C */
- background: radial-gradient(ellipse at center, #87e0fd 17%,#53cbf1 55%,#05abe0 93%);
- /* IE6-9 fallback on horizontal gradient */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=1 );
-}
-
-.nsk-margin-auto {
- margin:auto;
-}
+++ /dev/null
-.nsk-option-userphoto{
- float:left;
-}
-
-
-.nsk-inlined {
- display:inline-block;
-}
+++ /dev/null
-.nsk-thin-centered{
- width:70%;
- height:80%;
- display:block;
- margin-left:auto;
- margin-right:auto;
- margin-top:10%;
-}
-
-.nsk-border-clear{
- border-bottom: none;
- border-top: none;
-}
-
-.nsk-border-clear-first{
- border-bottom: none;
-}
-.nsk-border-clear-last{
- border-top: none;
-}
-
-.nsk-no-margin{
-margin-top:0px;
-margin-bottom:0px;
-margin-left:0px;
-margin-right:0px;
-}
<path
id="path3826"
d="m 144,184.93361 v 732 h 732.00003 v -732 H 144 z m 152.49782,701.50436 h -91.5 v -61.00436 h 91.5 v 61.00436 z m 0,-122.00872 h -91.5 v -60.99128 h 91.5 v 60.99128 z m 0,-121.99564 h -91.5 v -61.00436 h 91.5 v 61.00436 z m 0,-122.00218 h -91.5 v -60.99782 h 91.5 v 60.99782 z m 0,-121.99564 h -91.5 v -60.99782 h 91.5 v 60.99782 z m 0,-122.00218 h -91.5 v -60.99782 h 91.5 v 60.99782 z M 418.5,674.21679 V 427.65043 L 631.99564,550.93361 418.5,674.21679 z m 396.49563,212.22118 h -91.49999 v -61.00436 h 91.49999 v 61.00436 z m 0,-122.00872 h -91.49999 v -60.99128 h 91.49999 v 60.99128 z m 0,-121.99564 h -91.49999 v -61.00436 h 91.49999 v 61.00436 z m 0,-122.00218 h -91.49999 v -60.99782 h 91.49999 v 60.99782 z m 0,-121.99564 h -91.49999 v -60.99782 h 91.49999 v 60.99782 z m 0,-122.00218 h -91.49999 v -60.99782 h 91.49999 v 60.99782 z"
- inkscape:connector-curvature="0" />
+ inkscape:connector-curvature="0"
+ style="fill:#000000;fill-opacity:0.39344263" />
</g>
</svg>
id="svg3707"
version="1.1"
inkscape:version="0.48.4 r9939"
- sodipodi:docname="folder.svg">
+ sodipodi:docname="image.svg">
<defs
id="defs3709" />
<sodipodi:namedview
id="base"
- pagecolor="#ffffff"
+ pagecolor="#A8A8A8"
bordercolor="#666666"
- borderopacity="1.0"
+ borderopacity="0.5"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.35"
- inkscape:cx="375"
+ inkscape:cx="-149.28571"
inkscape:cy="520"
inkscape:document-units="px"
inkscape:current-layer="layer1"
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
- <dc:title></dc:title>
+ <dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<path
id="path3734"
d="m 115.42858,227.21932 v 641.71429 h 789.8022 V 227.21932 H 115.42858 z M 855.86814,819.57098 H 164.79121 V 276.58196 H 855.86814 V 819.57098 z M 658.41759,399.98856 c 0,40.89385 33.1501,74.04395 74.04395,74.04395 40.89387,0 74.04396,-33.1501 74.04396,-74.04395 0,-40.89386 -33.15009,-74.04396 -74.04396,-74.04396 -40.89385,0 -74.04395,33.1501 -74.04395,74.04396 z M 806.5055,770.20833 H 214.15386 l 148.08791,-394.9011 197.45054,246.81319 98.72528,-74.04395 148.08791,222.13186 z"
- inkscape:connector-curvature="0" />
+ inkscape:connector-curvature="0"
+ style="fill:#000000;fill-opacity:0.39344263" />
</g>
</svg>
<path
id="path3746"
d="M 7.747,2.756 7,3.419 V 3.468 C 7.618,4.143 8,5.067 8,6.086 8,7.106 7.618,8.029 7,8.704 V 8.753 L 7.747,9.416 C 8.523,8.552 9,7.379 9,6.086 9,4.793 8.523,3.62 7.747,2.756 z"
- inkscape:connector-curvature="0" />
+ inkscape:connector-curvature="0"
+ style="fill:#000000;fill-opacity:0.39344263" />
<polygon
id="polygon3748"
- points="2,4.086 0,4.086 0,6.086 0,8.086 2,8.086 5,11.086 5,1.086 " />
+ points="2,4.086 0,4.086 0,6.086 0,8.086 2,8.086 5,11.086 5,1.086 "
+ style="fill:#000000;fill-opacity:0.39344263" />
<path
id="path3750"
d="M 9.32,1.357 8.572,2.021 C 9.466,3.135 10,4.548 10,6.086 10,7.624 9.466,9.038 8.573,10.15 L 9.32,10.814 C 10.371,9.525 11,7.88 11,6.086 11,4.293 10.371,2.647 9.32,1.357 z"
- inkscape:connector-curvature="0" />
+ inkscape:connector-curvature="0"
+ style="fill:#000000;fill-opacity:0.39344263" />
<path
id="path3752"
d="M 10.848,0 10.096,0.668 C 11.286,2.146 12,4.031 12,6.086 c 0,2.055 -0.714,3.939 -1.904,5.418 l 0.752,0.668 C 12.191,10.516 13,8.396 13,6.086 13,3.776 12.191,1.656 10.848,0 z"
- inkscape:connector-curvature="0" />
+ inkscape:connector-curvature="0"
+ style="fill:#000000;fill-opacity:0.39344263" />
</g>
</g>
<path
id="path3826"
d="m 144,184.93361 v 732 h 732.00003 v -732 H 144 z m 152.49782,701.50436 h -91.5 v -61.00436 h 91.5 v 61.00436 z m 0,-122.00872 h -91.5 v -60.99128 h 91.5 v 60.99128 z m 0,-121.99564 h -91.5 v -61.00436 h 91.5 v 61.00436 z m 0,-122.00218 h -91.5 v -60.99782 h 91.5 v 60.99782 z m 0,-121.99564 h -91.5 v -60.99782 h 91.5 v 60.99782 z m 0,-122.00218 h -91.5 v -60.99782 h 91.5 v 60.99782 z M 418.5,674.21679 V 427.65043 L 631.99564,550.93361 418.5,674.21679 z m 396.49563,212.22118 h -91.49999 v -61.00436 h 91.49999 v 61.00436 z m 0,-122.00872 h -91.49999 v -60.99128 h 91.49999 v 60.99128 z m 0,-121.99564 h -91.49999 v -61.00436 h 91.49999 v 61.00436 z m 0,-122.00218 h -91.49999 v -60.99782 h 91.49999 v 60.99782 z m 0,-121.99564 h -91.49999 v -60.99782 h 91.49999 v 60.99782 z m 0,-122.00218 h -91.49999 v -60.99782 h 91.49999 v 60.99782 z"
- inkscape:connector-curvature="0" />
+ inkscape:connector-curvature="0"
+ style="fill:#000000;fill-opacity:0.39344263" />
</g>
</svg>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="lib/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link href="css/app.css" rel="stylesheet">
+ <link href="css/select.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">
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
+ <!-- UI select (multiple selection in dropdown) -->
+ <script src="lib/select.js"></script>
+
<!-- phonegap script -->
<!-- <script src="cordova.js"></script> -->
</head>
</ion-nav-button>
<ion-nav-button side="left">
<button class="button button-clear button-light" ng-click="goToOption()">
- <h4>Mes info</h4>
+ Mes info
</button>
</ion-nav-button>
<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>
+ Paramètres
</button>
</ion-nav-button>
</button>
<ul class="dropdown-menu" role="menu">
- <li><a href="#"><i id="away-status-icon" class="icon ion-close-circled nsk-color-red"></i> Absent</a></li>
- <li><a href="#"><i id="occupied-status-icon" class="icon ion-minus-circled nsk-color-orange"></i> Occupé</a></li>
- <li><a href="#"><i id="invisible-status-icon" class="icon ion-ios7-circle-outline nsk-color-grey"></i> Invisible</a></li>
+ <li><a href=""><i id="away-status-icon" class="icon ion-close-circled nsk-color-red"></i> Absent</a></li>
+ <li><a href=""><i id="occupied-status-icon" class="icon ion-minus-circled nsk-color-orange"></i> Occupé</a></li>
+ <li><a href=""><i id="invisible-status-icon" class="icon ion-ios7-circle-outline nsk-color-grey"></i> Invisible</a></li>
</ul>
</div>
// angular.module is a global place for creating, registering and retrieving Angular modules
// 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
// the 2nd parameter is an array of 'requires'
-angular.module('starter', ['ionic','http-auth-interceptor','starter.controllers','ngCookies'])
+angular.module('starter', ['ionic','http-auth-interceptor','starter.controllers','ngCookies','ui.select'])
.config(function($httpProvider) {
//Enable cross domain calls
$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|tel):/);
})
+.config(function(uiSelectConfig) {
+ uiSelectConfig.theme = 'bootstrap';
+})
+
.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider
//.when('options','option.html')
});
})
+.filter('propsFilter', function() {
+ return function(items, props) {
+ var out = [];
+
+ if (angular.isArray(items)) {
+ items.forEach(function(item) {
+ var itemMatches = false;
+
+ var keys = Object.keys(props);
+ for (var i = 0; i < keys.length; i++) {
+ var prop = keys[i];
+ var text = props[prop].toLowerCase();
+ if (item[prop].toString().toLowerCase().indexOf(text) !== -1) {
+ itemMatches = true;
+ break;
+ }
+ }
+
+ if (itemMatches) {
+ out.push(item);
+ }
+ });
+ } else {
+ // Let the output be the input untouched
+ out = items;
+ }
+
+ return out;
+ };
+})
+
.factory('inputForm',function(){
var inputTmp;
var tmp={};
}
},
- sendFile:function(templateID,dossierToSend,templateJSON){
+ sendFile:function(templateID,dossierToSend,templateJSON,thumbnail,dossierTitle){
var preparedDossier={};
console.log("to parse"+templateJSON);
var parsed=JSON.parse(templateJSON);
- preparedDossier.dossier_name="toto";
+ preparedDossier.dossier_name=dossierTitle.title;
+ preparedDossier.dossier_thumbnail=thumbnail;
for (var i = 0; i < dossierToSend.length; i++) {
- preparedDossier[parsed[i].field_name]=dossierToSend[i].value;
+
+ if (parsed[i].type=="Checkbox") {
+ console.log(parsed[i]);
+ for (var j = 0; j < parsed[i].value.length; j++) {
+ var key=""+parsed[i].field_name+"_"+j;
+ console.log(key);
+ console.log("test2");
+ preparedDossier[key]=dossierToSend[i].value[j].checked;
+ };
+ }
+ else if(parsed[i].type=="Radiobox"){
+ preparedDossier[parsed[i].field_name]=dossierToSend[i].result;
+ }
+ else{
+ preparedDossier[parsed[i].field_name]=dossierToSend[i].value;
+ }
};
console.log(preparedDossier);
-
+
$http.post("https://"+remoteService.getRemote()+"/dossier/"+templateID,preparedDossier).then(function(resp) {
console.log('Success', resp);
// For JSON responses, resp.data contains the result
.controller('BrowseCtrl', function($scope,TemplateSyncService,DossierSyncService,$q) {
$scope.items=[];
+
+ $scope.disabled = undefined;
+ $scope.searchEnabled = undefined;
+
+ $scope.enable = function() {
+ $scope.disabled = false;
+ };
+
+ $scope.disable = function() {
+ $scope.disabled = true;
+ };
+
+ $scope.enableSearch = function() {
+ $scope.searchEnabled = true;
+ }
+
+ $scope.disableSearch = function() {
+ $scope.searchEnabled = false;
+ }
+
+
$scope.template=[];
-
+ $scope.selected=[];
var def = TemplateSyncService.fetchTemplateList(false);
def.then(function(result){$scope.template=result.data;console.log($scope.template);$scope.getAllDossier();});
var allDossierID=[]
})
-.controller('EditorCtrl', function($scope,$sce,$state,$ionicPopup, $timeout,$ionicModal,$cookies,$http,inputForm,TemplateSyncService,DossierSyncService,ErrorFormService) {
+.controller('EditorCtrl', function($scope,$sce,$state,$ionicPopup,$q, $timeout,$ionicModal,$ionicScrollDelegate,$cookies,$http,inputForm,TemplateSyncService,DossierSyncService,ErrorFormService) {
$scope.currentTemplate=[];
$scope.currentTemplateList=[];
$scope.toParse;
+ $scope.dossierTitle={title:""};
// console.log($cookieStore.get('session'));
//Take a screenshot of the currently displayed dossier
$scope.storeCanvas=function(){
- var base64;
-
+ $ionicScrollDelegate.scrollTop();
+ var deferred=$q.defer();
+ var base64;
document.querySelector(".view").style.overflow = "visible";
+ document.querySelector("ion-view.pane").style.overflow = "visible";
document.querySelector(".has-header.scroll-content.ionic-scroll.has-subheader").style.overflow = "visible";
document.querySelector(".menu-content.pane.disable-user-behavior").style.overflow = "visible";
//scroll.removeAttribute("style");
useOverflow:'false',
onrendered: function(canvas) {
- var base64 = canvas.toDataURL();
- document.querySelector(".view").style.overflow = "hidden";
- document.querySelector(".has-header.scroll-content.ionic-scroll.has-subheader").style.overflow = "hidden";
- document.querySelector(".menu-content.pane.disable-user-behavior").style.overflow = "hidden";
-
+ base64 = canvas.toDataURL();
+ //document.querySelector(".view").style.overflow = "hidden";
+ //document.querySelector(".has-header.scroll-content.ionic-scroll.has-subheader").style.overflow = "hidden";
+ //document.querySelector(".menu-content.pane.disable-user-behavior").style.overflow = "hidden";
+ //document.querySelector("ion-view.pane").style.overflow = "hidden";
+ console.log(base64);
+ deferred.resolve(base64);
}
});
- return base64;
+ return deferred.promise;
};
//save to localDB
var result=DossierSyncService.checkCompleteness($scope.currentTemplate);
var thumbnail=$scope.storeCanvas();
- console.log(thumbnail);
- if(result.bool){
- DossierSyncService.sendFile(TemplateSyncService.getChoice().pk,$scope.currentTemplate,$scope.toParse);
- }
- else{
- ErrorFormService.setError(result.where);
- $scope.showError();
- }
+
+ thumbnail.then(function(thumb) {
+ if(result.bool){
+ DossierSyncService.sendFile(TemplateSyncService.getChoice().pk,$scope.currentTemplate,$scope.toParse,thumb,$scope.dossierTitle);
+ }
+ else{
+ ErrorFormService.setError(result.where);
+ $scope.showError();
+ }
+ });
+ };
+
- };
})
-<ion-view >
- <ion-header-bar align-title="left" class="bar-light bar-subheader">
- <!-- TODO: Filter and ordering option-->
+<ion-view ng-controller="BrowseCtrl" >
+ <ion-header-bar align-title="left" class="bar-light bar-subheader"
+ style="padding-top:0px;">
+ <div class="row" style="width:80%;float:right;margin-bottom:5px;">
+ <div class="col-lg-6">
+ <div class="input-group nsk-input">
+ <span class="input-group-addon">
+ Du
+ </span>
+ <input type="text" class="form-control nsk-bt-input ">
+ </div><!-- /input-group -->
+ </div><!-- /.col-lg-6 -->
+ <div class="col-lg-6">
+ <div class="input-group nsk-input">
+ <span class="input-group-addon">
+ au
+ </span>
+ <input type="text" class="form-control nsk-bt-input ">
+ </div><!-- /input-group -->
+ </div><!-- /.col-lg-6 -->
+ <div class="col-lg-6">
+ <div class="input-group nsk-input">
+ <span class="input-group-addon">
+ Titre
+ </span>
+ <input type="text" class="form-control nsk-bt-input ">
+ </div><!-- /input-group -->
+ </div><!-- /.col-lg-6 -->
+ <div class="col-lg-6">
+ <ui-select multiple ng-model="$parent.selected" theme="bootstrap" ng-disabled="disabled" >
+ <ui-select-match placeholder="Select colors...">{{$item}}</ui-select-match>
+ <ui-select-choices repeat="tpl in templates| filter:$select.search">
+ {{tpl.name}}
+ </ui-select-choices>
+ </ui-select>
+ </div><!-- /.col-lg-6 -->
+ <div class="col-lg-6">
+ <label class="checkbox-inline" style="padding-top:10px;">
+ <input type="checkbox" id="inlineCheckbox1" value="isMine"> Uniquement mes dossiers
+ </label>
+ </div><!-- /.col-lg-6 -->
+ </div><!-- /.row -->
</ion-header-bar>
<ion-content>
<div class="inset-card-grid">
- <div ng-controller="BrowseCtrl">
+ <div>
<div ng-repeat="tpl in items">
<h2>{{tpl.template}}</h2>
<hr class="nsk-hr">
<div class="row" ng-repeat="row in tpl.dossier">
- <div class="col" ng-repeat="col in row">
+ <div class="col" ng-repeat="col in row" >
<div class="list card">
- <div class="item item-image">
- <img ng-src="http://placehold.it/150x180">
+ <div class="item item-image" >
<!--
- <img ng-src={{col.fields.dossier_thumb}}>
+ <img ng-src="http://placehold.it/150x180">
-->
+ <img ng-src={{col.fields.dossier_thumbnail}} style="height:512px;">
</div>
<div class="item item-text-wrap">
<p>{{col.fields.dossier_date}}</p>
<div class="nsk-margin-auto">
<text-angular-toolbar name="toolbar" class="nsk-margin-auto"></text-angular-toolbar>
</div>
- <button class="button" ng-controller="SaveCtrl" ng-click="saveAndsend()">Save</button>
</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">
-
+ <form name="test">
+ <div class="input-group input-group-lg nsk-editor-margin-bottom
+ control-group" ng-class="{'has-error': test.title.$invalid}">
+ <span class="input-group-addon">Titre</span>
+ <input type="text" class="form-control nsk-bt-input" name="title"
+ ng-model="dossierTitle.title" placeholder="Votre titre" required
+ >
+ </div>
+ </form>
+
<div ng-repeat="item in currentTemplate" ng-switch="item.type">
-
<div ng-switch-when="TextArea">
- <h4>{{item.name}}</h4>
+ <h3> <span class="label label-primary">{{item.name}}</span></h3>
<div nsk-textArea>
<text-angular name="htmlcontent{{$index}}" ng-model="item.value" ta-target-toolbars='toolbar'></text-angular>
</div>
</div>
<div ng-switch-when="TextLine">
- <h4>{{item.name}}</h4>
+ <h3> <span class="label label-primary">{{item.name}}</span></h3>
<input type="text" class="form-control nsk-bt-input nsk-editor-margin-bottom nsk-input" ng-model="item.value" placeholder={{item.value}}>
</div>
<div ng-switch-when="Image" class="nsk-tpl-image nsk-editor-margin-bottom">
- <h4>{{item.name}}</h4>
+ <h3> <span class="label label-primary">{{item.name}}</span></h3>
<div ><img class="nsk-tpl-img" ng-src="{{item.value}}"></div>
<button type="button" class="btn btn-default nsk-tpl-btn"
ng-click="addImage(item)">Ajouter image</button>
</div>
<div ng-switch-when="Sound" class="nsk-tpl-sound nsk-editor-margin-bottom">
- <h4>{{item.name}}</h4>
+ <h3> <span class="label label-primary">{{item.name}}</span></h3>
<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)">Ajouter message sonore</button>
</div>
<div ng-switch-when="Video" class="nsk-tpl-video nsk-editor-margin-bottom">
- <h4>{{item.name}}</h4>
+ <h3> <span class="label label-primary">{{item.name}}</span></h3>
<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="User">
- <h4>{{item.name}}</h4>
- <div class="input-group nsk-input">
+ <h3> <span class="label label-primary">{{item.name}}</span></h3>
+ <div class="input-group nsk-input nsk-editor-margin-bottom">
<span class="input-group-addon">@</span>
- <input type="text" class="form-control nsk-bt-input nsk-editor-margin-bottom" placeholder="Username">
+ <input type="text" class="form-control nsk-bt-input nsk-editor-margin-bottom" ng-model="item.value" placeholder="Username">
</div>
</div>
<div ng-switch-when="Creator">
- <h4>{{item.name}}</h4>
- <div class="input-group input-group-large nsk-input nsk-editor-margin-bottom">
+ <h3> <span class="label label-primary">{{item.name}}</span></h3>
+ <div class="input-group input-group-lg nsk-input nsk-editor-margin-bottom">
<span class="input-group-addon">@</span>
- <input type="text" class="form-control nsk-bt-input" placeholder="Username">
+ <input type="text" class="form-control nsk-bt-input" ng-model="item.value" placeholder="Username">
</div>
</div>
<div ng-switch-when="Coordinates" class="nsk-editor-margin-bottom">
- <h4>{{item.name}}</h4>
+ <h3> <span class="label label-primary">{{item.name}}</span></h3>
<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/>
</div>
<div ng-switch-when="Email">
- <h4>{{item.name}}</h4>
+ <h3> <span class="label label-primary">{{item.name}}</span></h3>
<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}}">
+ <input type="email" class="form-control nsk-bt-input"
+ ng-model="item.value" placeholder="{{item.value}}">
</div>
</div>
<div ng-switch-when="Phone">
- <h4>{{item.name}}</h4>
+ <h3> <span class="label label-info">{{item.name}}</span></h3>
<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}}">
+ <input type="tel" class="form-control nsk-bt-input" ng-model="item.value" placeholder="{{item.value}}">
</div>
</div>
<div ng-switch-when="Date">
- <h4>{{item.name}}</h4>
+ <h3> <span class="label label-primary">{{item.name}}</span></h3>
<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}}">
+ <input type="date" class="form-control nsk-bt-input" ng-model="item.value" placeholder="{{item.value}}">
</div>
</div>
<div ng-switch-when="Time">
- <h4>{{item.name}}</h4>
+ <h3> <span class="label label-primary">{{item.name}}</span></h3>
<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}}">
+ <input type="time" class="form-control nsk-bt-input" ng-model="item.value" placeholder="{{item.value}}">
</div>
</div>
<div ng-switch-when="Radiobox">
- <h4>{{item.name}}</h4>
+ <h3> <span class="label label-primary">{{item.name}}</span></h3>
<div class="nsk-radiobox nsk-editor-margin-bottom">
<ion-radio ng-repeat="val in item.value"
ng-value="val"
</div>
<div ng-switch-when="Checkbox">
- <h4>{{item.name}}</h4>
+ <h3> <span class="label label-primary">{{item.name}}</span></h3>
<div class="nsk-checkbox nsk-editor-margin-bottom">
<ion-checkbox ng-repeat="val in item.value"
ng-checked="val.checked"
</ion-checkbox>
</div>
</div>
+
+ <hr class="nsk-hr nsk-hr-editor ">
+
</div>
</div>
</ion-content>
+
+ <ion-footer-bar align-title="left" class="bar-positive">
+ <div class="buttons">
+ <button class="button" ng-controller="SaveCtrl" ng-click="saveAndsend()">Save</button>
+ </div>
+ <h1 class="title"></h1>
+ <div class="buttons" ng-click="doSomething()">
+ <button class="button">Right Button</button>
+ </div>
+</ion-footer-bar>
</ion-view>
</div>
</div>
</div>
- <div class="col col-33">
- <div class="card nsk-inlined">
- <div class="item item-image" ng-click="goTo('browsing')">
- <img src="http://placehold.it/256x256.jpg">
- </div>
- </div>
- </div>
</div>
</div>
<!-- Name -->
<div class="item item-icon-left item-button-right">
- <button class="button button-positive">
- Modifier
- </button>
<i class="icon"></i>
Nom
<!-- Surname -->
<div class="item item-icon-left item-button-right">
- <button class="button button-positive">
- Modifier
- </button>
<i class="icon"></i>
Prenom
<!-- Email -->
<div class="item item-icon-left item-button-right">
- <button class="button button-positive">
- Modifier
- </button>
<i class="icon ion-email"></i>
E-mail
<!-- Password -->
<div class="item item-icon-left item-button-right">
- <button class="button button-positive">
- Modifier
- </button>
<i class="icon ion-key"></i>
Mot de passe
<!-- Affiliation -->
<div class="item item-icon-left item-button-right">
- <button class="button button-positive">
- Modifier
- </button>
<i class="icon ion-link"></i>
Affiliation