github.com/EngineerKamesh/gofullstack@v0.0.0-20180609171605-d41341d7d4ee/volume3/section5/gopherface/templates/myprofile_content.html (about) 1 <h1>{{.PageTitle}}</h1> 2 3 <div class="formContainer"> 4 5 <form class="pure-form" id="userProfileForm"> 6 7 <fieldset class="pure-group"> 8 <h2 id="usernameTitle">@{{.Username}}</h2> 9 </fieldset> 10 11 <fieldset class="pure-control-group"> 12 <div id="profileImageContainer"> 13 14 {{if eq .ProfileImagePath ""}} 15 <img id="profileImage" src="/static/images/gogopher.png" height="108" > 16 {{else}} 17 <img id="profileImage" src="{{.ProfileImagePath}}" height="108" > 18 {{end}} 19 20 </div> 21 </fieldset> 22 23 <fieldset class="pure-group"> 24 <div class="upload-btn-wrapper"> 25 <button class="pure-button pure-button-primary">Change Image</button> 26 <input type="file" id="imagefile" name="imagefile" accept="image/*" /> 27 </div> 28 </fieldset> 29 30 <fieldset class="pure-control-group"> 31 <textarea id="aboutTextArea" name="aboutTextArea" placeholder="Write about yourself in this text box.">{{.About}}</textarea> 32 <span id="aboutTextAreaError" class="formError pure-form-message-inline">{{.Form.Errors.aboutTextArea}}</span> 33 </fieldset> 34 35 <fieldset class="pure-control-group"> 36 <input class="textInputField" id="locationInput" name="locationInput" type="text" placeholder="Location" value="{{.Location}}" /> 37 <span id="locationInputError" class="formError pure-form-message-inline">{{.Form.Errors.locationInput}}</span> 38 39 </fieldset> 40 41 <fieldset class="pure-control-group"> 42 <input class="textInputField" id="interestsInput" name="interestsInput" type="text" placeholder="Interests" value="{{.Interests}}" /> 43 <span id="interestsInputError" class="formError pure-form-message-inline">{{.Form.Errors.interestsInput}}</span> 44 45 </fieldset> 46 47 <fieldset class="pure-group"> 48 <button id="saveProfileButton" type="button" class="pure-button pure-button-primary">Save</button> 49 </fieldset> 50 51 </form> 52 53 </div> 54 55 56 <div id="friendsListContainer"> 57 58 59 </div> 60