github.com/EngineerKamesh/gofullstack@v0.0.0-20180609171605-d41341d7d4ee/volume3/section5/gopherface/templates/feed_content.html (about)

     1  <h1>{{.PageTitle}}</h1>
     2  
     3  <div class="formContainer smpostFormContainer">
     4  	<form id="smpostform" name="smpostform" method="post" class="pure-form pure-form-aligned">
     5  	<fieldset>
     6  
     7  	<fieldset class="pure-control-group">
     8  		<input id="caption" type="text" class="pure-input-1-2" placeholder="Caption" name="caption" value="{{.Fields.caption}}">
     9  		<span id="captionError" class="formError pure-form-message-inline">{{.Errors.caption}}</span>
    10  	</fieldset>
    11  
    12  	<fieldset class="pure-control-group">
    13  		<textarea id="messageBody" name="messageBody" class="pure-input-1-2" placeholder="What's on your mind, Gopher?">{{.Fields.messageBody}}</textarea>
    14  		<span id="messageBodyError" class="formError pure-form-message-inline">{{.Errors.messageBody}}</span>
    15  	</fieldset>
    16  
    17  	<fieldset class="pure-group">
    18  	<label for="mood">Mood</label>
    19  	<select id="mood" name="mood"> 
    20  	   {{range $key, $value := .Moods}}
    21  	   <option value="{{ $value }}" {{if eq $value $.CurrentMood}}selected{{end}}>{{index $.MoodEmoji $key}} {{ $key }}</option>
    22  	   {{end}}
    23  	</select>
    24  	</fieldset>
    25  
    26  	<button id="postButton" type="button" class="pure-button pure-input-1-2 pure-button-primary">Post</button>
    27  
    28  	</fieldset>
    29  	</form>
    30  </div>
    31  
    32  <div id="postsContainer">
    33  
    34  </div>