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

     1  <html>
     2  <head>
     3  <title>GopherFace - New Post</title>
     4  <link rel="stylesheet" type="text/css" href="/static/css/pure.css" />
     5  <link rel="stylesheet" type="text/css" href="/static/css/gopherface.css" />
     6  </head>
     7  <body>
     8  	<h1>GopherFace - New Post</h1>
     9  
    10  	<div class="formContainer smpostFormContainer">
    11  		<form action="/postpreview" method="post" class="pure-form pure-form-aligned">
    12  		<fieldset>
    13  
    14  		<fieldset class="pure-control-group">
    15  			<input type="text" class="pure-input-1-2" placeholder="Caption" name="caption" value="{{.Fields.caption}}">
    16  			<span id="confirmPasswordError" class="pure-form-message-inline">{{.Errors.captionError}}</span>
    17  		</fieldset>
    18  
    19  		<fieldset class="pure-control-group">
    20  			<textarea id="messageBody" class="pure-input-1-2" placeholder="What's on your mind, Gopher?" name="messageBody">{{.Fields.messageBody}}</textarea>
    21  			<span id="messageBodyError" class="pure-form-message-inline">{{.Errors.messageBodyError}}</span>
    22  		</fieldset>
    23  
    24  		<fieldset class="pure-group">
    25  		<label for="mood">Mood</label>
    26  		<select id="mood" name="mood"> 
    27  		   {{range $key, $value := .Moods}}
    28  		   <option value="{{ $value }}" {{if eq $value $.CurrentMood}}selected{{end}}>{{index $.MoodEmoji $key}} {{ $key }}</option>
    29  		   {{end}}
    30  		</select>
    31  		</fieldset>
    32  
    33  		<input type="submit" class="pure-button pure-input-1-2 pure-button-primary" value="Post">
    34  
    35  		</fieldset>
    36  		</form>
    37  	</div>
    38  </body>
    39  </html>
    40  
    41