boutils 10 anni fa
parent
commit
21ec07e662
3 ha cambiato i file con 49 aggiunte e 11 eliminazioni
  1. 5 0
      css/main.less
  2. 3 3
      html/form.html
  3. 41 8
      js/app.js

+ 5 - 0
css/main.less

@@ -29,6 +29,11 @@ a {
   text-decoration: none;
 }
 
+.rmq {
+  font-weight: bold;
+  font-style: italic;
+}
+
 .bg-warning {
   color: #8a6d3b;
   background-color: #fcf8e3;

+ 3 - 3
html/form.html

@@ -13,9 +13,9 @@
       <div ng-repeat = "line in section.lines">
 
       <div
-        class = "pres-text"
-        ng-if = "line.text">
-        {{$sce.trustAsHtml(line.text)}}
+        class        = "pres-text"
+        ng-if        = "line.text"
+        ng-bind-html = "$sce.trustAsHtml(line.text)">
       </div>
 
       <md-content

+ 41 - 8
js/app.js

@@ -393,7 +393,7 @@ app.controller('mainController', function($scope, $detection, $http, $mdSidenav,
           "visible": true,
           "lines": [
             {
-              "text": "Manche Numérique propose aux personnes qui le souhaitent, de faire d’ores et déjà raccorder leur logement ou local à usage professionnel, au futur réseau de communications électroniques à Très Haut Débit FTTH. <b>Le montant de ce raccordement s’élevera à 50 € pour les personnes qui souscriront à une offre Très Haut Débit auprès d’un opérateur et de 400 € pour ceux qui demanderont uniquement la pose de la prise, sans souscription d’un abonnement.</b><span class = 'rmq'>Remarque : Ce raccordement s’appuiera sur vos infrastructures existantes, le coût lié à leur remise en état sera à votre charge en supplément des 50€ ou 400€.</span>",
+              "text": "Manche Numérique propose aux personnes qui le souhaitent, de faire d’ores et déjà raccorder leur logement ou local à usage professionnel, au futur réseau de communications électroniques à Très Haut Débit FTTH. <b>Le montant de ce raccordement s’élevera à 50 € pour les personnes qui souscriront à une offre Très Haut Débit auprès d’un opérateur et de 400 € pour ceux qui demanderont uniquement la pose de la prise, sans souscription d’un abonnement.</b><br><span class = 'rmq'>Remarque : Ce raccordement s’appuiera sur vos infrastructures existantes, le coût lié à leur remise en état sera à votre charge en supplément des 50€ ou 400€.</span>",
               "ctrls": [
                   {
                     "name"   : "Accord",
@@ -1187,15 +1187,19 @@ app.controller('mainController', function($scope, $detection, $http, $mdSidenav,
       if(!isNaN(msg)) {
         $scope.postForm = {ok: true};
 
+        var template = $templateCache.get('nameOfTemplate.html');
+
         var numDemande =  moment().format('YYYYMMDD') + msg;
 
-        var body = 'Bonjour ' + $scope.result.eligibilite.prenom + ' ' + $scope.result.eligibilite.nom + ', <br>' +
-              'Nous vous confirmons votre demande de pré-raccordement FTTH. <br><br>' +
-              'Cette demande porte le numéro: ' +
-              '<span style="color: #31708f;font-size:17px; font-weight:bold;">' + numDemande + '</span><br><br>' +
-              'Voici le détail de votre demande:' +
-              '<div style="color: #31708f;background-color: #d9edf7;border-color: #bce8f1;padding: 10px;margin: 1em;font-size:14px;">' +
-              '<table style="line-height: 40px;">';
+        var body = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">';
+
+        body += 'Bonjour ' + $scope.result.eligibilite.prenom + ' ' + $scope.result.eligibilite.nom + ', <br>' +
+                'Nous vous confirmons votre demande de pré-raccordement FTTH. <br><br>' +
+                'Cette demande porte le numéro: ' +
+                '<span style="color: #31708f;font-size:17px; font-weight:bold;">' + numDemande + '</span><br><br>' +
+                'Voici le détail de votre demande:' +
+                '<div style="color: #31708f;background-color: #d9edf7;border-color: #bce8f1;padding: 10px;margin: 1em;font-size:14px;">' +
+                '<table style="line-height: 40px;">';
 
         //  _.each($scope.result.eligibilite, function(value, key) {
         //   body += '<tr>';
@@ -1373,4 +1377,33 @@ app.controller('mainController', function($scope, $detection, $http, $mdSidenav,
   });
 
   init();
+
+  $scope.toto = 'FB SA RAXCE';
+  var templateUrl = $sce.getTrustedResourceUrl('html/emailTemplate.html');
+
+      $templateRequest(templateUrl).then(function(template) {
+          // template is the HTML template as a string
+
+          // Let's put it into an HTML element and parse any directives and expressions
+          // in the code. (Note: This is just an example, modifying the DOM from within
+          // a controller is considered bad style.)
+
+          var factory = angular.element(template);
+
+          //factory.html();
+          $compile(factory)($scope);
+
+          // get the interpolated HTML asynchronously after the interpolation happens
+          $timeout(function () {
+            factory.append('<div></div>');
+
+            html = factory.html();
+            console.log('template', html);
+            // ... do whatever you need with the interpolated HTML
+          });
+
+      }, function() {
+          // An error has occurred
+      });
+
 });