Commit 4d7be3d3 authored by santiaago's avatar santiaago
Browse files

editor now changed url. #87 

next step: if someone visit that url, send him to tinygraphs to the editor section with the proper parameter values.
parent f2ee6b9e

app/app.js

+2 −1
Original line number Diff line number Diff line
@@ -8,7 +8,8 @@ angular.module('tinygraphs', [ 
    'tinygraphs.view2',

    'tinygraphs.version',

    'tinygraphs.holder',

    'tinygraphs.prettify'

    'tinygraphs.prettify',

    'tinygraphs.editor'

]).

    config(['$routeProvider', function($routeProvider) {

	$routeProvider.otherwise({redirectTo: '/'});

app/components/editor/editor.js

0 → 100644
+15 −0
Original line number Diff line number Diff line 
'use strict';



angular.module('tinygraphs.editor', [])

    .controller('EditorCtrl', ['$scope', '$location', EditorCtrl]);



function EditorCtrl($scope, $location) {

    $scope.editorChanged = function(){

	$location.search({

	    name: $scope.editorName, 

	     shape: $scope.editorShape, 

	     theme: $scope.editorTheme, 

	     numcolors: $scope.editorColorNumber

	});

    };    

}

app/index.html

+1 −0
Original line number Diff line number Diff line
@@ -117,6 +117,7 @@ 
      <script src="components/holder/holder-directive.js"></script>

      <script src="components/prettify/prettify.js"></script>

      <script src="components/prettify/prettify-directive.js"></script>

      <script src="components/editor/editor.js"></script>

      <!-- Bootstrap core JavaScript

	   ================================================== -->

      <script src="lib/boostrap/js/bootstrap.min.js"></script>

app/partials/marketing/editor.html

+5 −5
Original line number Diff line number Diff line 
<div id="tryitout" class="row features--background">

<div id="tryitout" class="row features--background" ng-controller="EditorCtrl">

  <div class="col-md-3 editor--squareHeader editor--backgroundGreen">

    <div class="editor-content--positionTop editor-content--White editor-title">

      <h1>TRY IT OUT</h1>
@@ -10,7 +10,7 @@ 
        <h4>TYPE YOUR NAME</h4>

        <div class="row">

          <div class="col-xs-8 col-xs-offset-2">

            <input class="form-control" type="text" ng-init="editorName='tinygraphs'" ng-model="editorName">

            <input class="form-control" type="text" ng-init="editorName='tinygraphs'" ng-model="editorName", ng-change="editorChanged()">

          </div>

        </div>

      </div>
@@ -23,7 +23,7 @@ 
            <img class="editor-themePalette--height img-responsive" src="/themes/{{editorTheme}}">

          </div>

          <div class="col-xs-8">

            <select class="form-control" ng-init="editorTheme='frogideas'" ng-model="editorTheme">

            <select class="form-control" ng-init="editorTheme='frogideas'" ng-model="editorTheme" ng-change="editorChanged()">

              <option>frogideas</option>

              <option>sugarsweets</option>

              <option>heatwave</option>
@@ -46,7 +46,7 @@ 
        <h4>SELECT THE SHAPE</h4>

        <div class="row">

          <div class="col-xs-8 col-xs-offset-2">

            <select class="form-control" ng-init="editorShape='squares'" ng-model="editorShape">

            <select class="form-control" ng-init="editorShape='squares'" ng-model="editorShape" ng-change="editorChanged()">

              <option>squares</option>

              <option>isogrids</option>

              <option value="spaceinvaders">space invaders</option>
@@ -61,7 +61,7 @@ 
      <h4>NUMBER OF COLORS</h4>

      <div class="row">

        <div class="col-xs-8 col-xs-offset-2">

          <select class="form-control" ng-init="editorColorNumber='4'" ng-model="editorColorNumber">

          <select class="form-control" ng-init="editorColorNumber='4'" ng-model="editorColorNumber" ng-change="editorChanged()">

            <option>2</option>

            <option>3</option>

            <option>4</option>