Commit abc41b14 authored by santiaago's avatar santiaago
Browse files

add theme select logic to editor #48

parent 9553ecd3

app/assets/css/editor.css

+5 −0
Original line number Diff line number Diff line
@@ -71,3 +71,8 @@ 
.editor-content--White{

    color: #FFF;

}



.editorColorTheme-select--width{

    width:80%;

    left:10%;

}
 
 No newline at end of file

app/partials/marketing/editor.html

+20 −2
Original line number Diff line number Diff line
@@ -14,6 +14,24 @@ 
    <div class="editor--square2">

      <div class="editor-content--positionCenter">

	<h4>COLOR THEME</h4>

	<div class="row">

	  <div class="col-md-2"></div>

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

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

	      <option>frogideas</option>

	      <option>surgarsweets</option>

	      <option>heatwave</option>

	      <option>daisygraden</option>

	      <option>seascape</option>

	      <option>summerwarmth</option>

	      <option>bythepool</option>

	      <option>duskfalling</option>

	      <option>berrypie</option>

	      <option>base</option>

	    </select>

	  </div>

	  <div class="col-md-2"></div>

	</div>

      </div>

    </div>

  </div>
@@ -31,9 +49,9 @@ 
  </div>

  <div class="col-md-3 editor--square editor-square--borderRight editor--backgroundWhite">

    <div class="editor-content--positionCenter">

      <h4>IMAGE HERE</h4>

      <img class="featurette-image img-responsive img-thumbnail" src="/squares/{{editorName}}">

      <img class="featurette-image img-responsive img-thumbnail" src="/squares/{{editorName}}?theme={{editorTheme}}">

      <p>name: {{editorName}}</p>

      <p>theme: {{editorTheme}}</p>

    </div>

  </div>

</div>