github.com/EngineerKamesh/gofullstack@v0.0.0-20180609171605-d41341d7d4ee/volume4/section2/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