Skip to content

Commit

Permalink
w7cook#147
Browse files Browse the repository at this point in the history 
 Added international messages for all skin html pages
  • Loading branch information
@laurenyew
laurenyew committed Apr 16, 2012
1 parent a36d43f commit c378a78
Show file tree
Hide file tree
Showing 4 changed files with 72 additions and 39 deletions.
2 changes: 1 addition & 1 deletion app/views/Skins/changeSkin.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

<div id="contentArea-BigPage">
<br>
<a href="@{Skins.editMySkin}">Edit My Skin</a>
<a href="@{Skins.editMySkin}">&{'skin.editMsg'}</a>
<br> <br>

#{list items: skinList, as:'skin'}
Expand Down
68 changes: 34 additions & 34 deletions app/views/Skins/editMySkin.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,28 +3,28 @@
<div id="contentArea-BigPage">
<font color="red"><b>${makeSkinOutput}</b></font>
<br>
<a href="@{Skins.changeSkin}"> Change Skin to Template</a>
<a href="@{Skins.changeSkin}">&{'skin.changeSkinMsg'}</a>
<script type="text/javascript" src="/public/javascripts/jscolor/jscolor.js"></script>

#{form @Skins.editSkin()}
<br><label><b>EDIT CURRENT SKIN: ${currentUser.profile.skin.skinName}</b></label>
<br><label><b>&{'skin.editCurrentSkinMsg'}: ${currentUser.profile.skin.skinName}</b></label>

<table>
<td class=section width=15%>Body</td>
<td class=section width=15%>&{'skin.body'}</td>
<td>
<table>
<tr>
<td><a href="/changeBGImage">Choose Background Image</a></td>
<td><a href="/changeBGImage">&{'skin.changeBGImageMsg'}</a></td>
</tr>
</table>
</table>

<table>
<td class=section width=15%>Header</td>
<td class=section width=15%>&{'skin.header'}</td>
<td>
<table>
<tr>
<td><label>Background Color:</label></td>
<td><label>&{'skin.bgColor'}:</label></td>
<input type = "hidden" name = key value = "headerBGColor" />
<td><input class="color" name=val
value="${currentUser.profile.skin.get("headerBGColor")}" />
Expand All @@ -34,25 +34,25 @@
</table>

<table>
<td class=section width=15%>Footer</td>
<td class=section width=15%>&{'skin.footer'}</td>
<td>
<table>
<tr>
<td><label>Text Alignment:</label></td>
<td><label>&{'skin.txtAlign'}:</label></td>
<input type = "hidden" name = key value = "footerTextAlign" />
<td><input type=text name=val
value="${currentUser.profile.skin.get("footerTextAlign")}" />
</td>
</tr>
<tr>
<td><label>Font Size:</label></td>
<td><label>&{'skin.fontSize'}:</label></td>
<input type = "hidden" name = key value = "footerFontSize" />
<td><input type=text name=val
value="${currentUser.profile.skin.get("footerFontSize")}" />
</td>
</tr>
<tr>
<td><label>Color:</label></td>
<td><label>&{'skin.color'}:</label></td>
<input type = "hidden" name = key value = "footerColor" />
<td><input class="color" name=val
value="${currentUser.profile.skin.get("footerColor")}" />
Expand All @@ -62,11 +62,11 @@
</table>

<table>
<td class=section width=15%>Section</td>
<td class=section width=15%>&{'skin.section'}</td>
<td>
<table>
<tr>
<td><label>Alignment of Text:</label></td>
<td><label>&{'skin.txtAlign'}:</label></td>
<input type = "hidden" name = key value = "sectionAlign" />
<td><input type=text name=val
value="${currentUser.profile.skin.get("sectionAlign")}" />
Expand All @@ -76,18 +76,18 @@
</table>

<table>
<td class=section width=15%>Label</td>
<td class=section width=15%>&{'skin.label'}</td>
<td>
<table>
<tr>
<td><label>Font Size:</label></td>
<td><label>&{'skin.fontSize'}:</label></td>
<input type = "hidden" name = key value = "labelFontSize" />
<td><input type=text name=val
value="${currentUser.profile.skin.get("labelFontSize")}" />
</td>
</tr>
<tr>
<td><label>Color:</label></td>
<td><label>&{'skin.color'}:</label></td>
<input type = "hidden" name = key value = "labelColor" />
<td><input class="color" name=val
value="${currentUser.profile.skin.get("labelColor")}" />
Expand All @@ -97,25 +97,25 @@
</table>

<table>
<td class=section width=15%>Comment</td>
<td class=section width=15%>&{'skin.comment'}</td>
<td>
<table>
<tr>
<td><label>Border Size:</label></td>
<td><label>&{'skin.borderSize'}:</label></td>
<input type = "hidden" name = key value = "commentBorderSize" />
<td><input type=text name=val
value="${currentUser.profile.skin.get("commentBorderSize")}" />
</td>
</tr>
<tr>
<td><label>Border Color:</label></td>
<td><label>&{'skin.borderColor'}:</label></td>
<input type = "hidden" name = key value = "commentBorderColor" />
<td><input class="color" name=val
value="${currentUser.profile.skin.get("commentBorderColor")}" />
</td>
</tr>
<tr>
<td><label>Background Color:</label></td>
<td><label>&{'skin.bgColor'}:</label></td>
<input type = "hidden" name = key value = "commentBGColor" />
<td><input class="color" name=val
value="${currentUser.profile.skin.get("commentBGColor")}" />
Expand All @@ -125,74 +125,74 @@
</table>

<table>
<td class=section width=15%>Buttons</td>
<td class=section width=15%>&{'skin.buttons'}</td>
<td>
<table>
<tr>
<td><label>Border Radius:</label></td>
<td><label>&{'skin.borderRadius'}:</label></td>
<input type = "hidden" name = key value = "buttonBorderRadius" />
<td><input type=text name=val
value="${currentUser.profile.skin.get("buttonBorderRadius")}" />
</td>
</tr>
<tr>
<td><label>Border Size:</label></td>
<td><label>&{'skin.borderSize'}:</label></td>
<input type = "hidden" name = key value = "buttonBorderSize" />
<td><input type=text name=val
value="${currentUser.profile.skin.get("buttonBorderSize")}" />
</td>
</tr>
<tr>
<td><label>Border Color:</label></td>
<td><label>&{'skin.borderColor'}:</label></td>
<input type = "hidden" name = key value = "buttonBorderColor" />
<td><input class="color" name=val
value="${currentUser.profile.skin.get("buttonBorderColor")}" />
</td>
</tr>
<tr>
<td><label>Border Box Shadow Color:</label></td>
<td><label>&{'skin.borderBoxShadowColor'}:</label></td>
<input type = "hidden" name = key value = "buttonBoxShadowColor" />
<td><input class="color" name=val
value="${currentUser.profile.skin.get("buttonBoxShadowColor")}" />
</td>
</tr>
<tr>
<td><label>Background Color:</label></td>
<td><label>&{'skin.bgColor'}:</label></td>
<input type = "hidden" name = key value = "buttonBGColor" />
<td><input class="color" name=val
value="${currentUser.profile.skin.get("buttonBGColor")}" />
</td>
</tr>
<tr>
<td><label>Text Decoration (underline,etc): </label></td>
<td><label>&{'skin.txtDec'}: </label></td>
<input type = "hidden" name = key value = "buttonTextDec" />
<td><input type=text name=val
value="${currentUser.profile.skin.get("buttonTextDec")}" />
</td>
</tr>
<tr>
<td><label>Unvisited Link Color: </label></td>
<td><label>&{'skin.unvisitedLinkColor'}: </label></td>
<input type = "hidden" name = key value = "buttonLinkUnvisitedColor" />
<td><input class="color" name=val
value="${currentUser.profile.skin.get("buttonLinkUnvisitedColor")}" />
</td>
</tr>
<tr>
<td><label>Visited Link Color: </label></td>
<td><label>&{'skin.visitedLinkColor'}: </label></td>
<input type = "hidden" name = key value = "buttonLinkVisitedColor" />
<td><input class="color" name=val
value="${currentUser.profile.skin.get("buttonLinkVisitedColor")}" />
</td>
</tr>
<tr>
<td><label>Link Hover Color: </label></td>
<td><label>&{'skin.hoverLinkColor'}: </label></td>
<input type = "hidden" name = key value = "buttonLinkHoverColor" />
<td><input class="color" name=val
value="${currentUser.profile.skin.get("buttonLinkHoverColor")}" />
</td>
</tr>
<tr>
<td><label>Selected Link Color: </label></td>
<td><label>&{'skin.selectedLinkColor'}: </label></td>
<input type = "hidden" name = key value = "buttonLinkSelectedColor" />
<td><input class="color" name=val
value="${currentUser.profile.skin.get("buttonLinkSelectedColor")}" />
Expand All @@ -204,7 +204,7 @@

<table>
<tr>
<td colspan=3><input type=submit value=Save>
<td colspan=3><input type=submit value=&{'skin.save'}>
#{ifErrors}
<ul style="color:red">
#{errors}<li>${error}</li> #{/errors}
Expand All @@ -216,13 +216,13 @@
#{/form}

#{form @Skins.makeSkin()}
<br><label><b>MAKE NEW PUBLIC SKIN (Visible to Everyone)</b></label>
<br><label><b>&{'skin.makeNewSkinMsg'}</b></label>

<table>
<td>
<table>
<tr>
<td><label>SkinName:</label></td>
<td><label>&{'skin.skinName'}:</label></td>
<td><input type= text name=skinName
value="${currentUser.profile.skin.skinName}" />
</td>
Expand All @@ -232,7 +232,7 @@

<table>
<tr>
<td colspan=3><input type=submit value=Save>
<td colspan=3><input type=submit value=&{'skin.save'}>
</td>
</tr>
</table>
Expand Down
8 changes: 4 additions & 4 deletions app/views/Skins/sampleSkin.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
position: relative;
"
>
OpenBook
&{'skin.openBook'}
</div>

<div width = "300" height = "400"
Expand All @@ -35,10 +35,10 @@
"
>
<br>
This is the Skin: <br> <b>${skin.skinName}.</b> <br>
This is example text.
&{'skin.thisIsTheSkin'}: <br> <b>${skin.skinName}.</b> <br>
&{'skin.exampleTxt'}
<br> <br>
<a href="@{Skins.changeSkinToTemplate(skin.skinName)}">Set Skin as My Skin</a>
<a href="@{Skins.changeSkinToTemplate(skin.skinName)}">&{'skin.setSkinAsMySkin'}</a>
</div>

</div>
33 changes: 33 additions & 0 deletions conf/messages
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,3 +32,36 @@ profile.living=Living
profile.hometown=Hometown
profile.favorite.quotations=Favorite Quotations
profile.quote=Quotes

# Skin
skin.editMsg=Edit My Skin
skin.changeSkinMsg=Change Skin to Template
skin.editCurrentSkinMsg=EDIT CURRENT SKIN
skin.body=Body
skin.changeBGImageMsg=Choose Background Image
skin.header=Header
skin.bgColor=Background Color
skin.footer=Footer
skin.txtAlign=Text Alignment
skin.fontSize=Font Size
skin.color=Color
skin.section=Section
skin.label=Label
skin.comment=Comment
skin.borderSize=Border Size
skin.borderColor=Border Color
skin.buttons=Buttons
skin.borderRadius=Border Radius
skin.borderBoxShadowColor=Border Box Shadow Color
skin.txtDec=Text Decoration (underline,etc)
skin.unvisitedLinkColor=Unvisited Link Color
skin.visitedLinkColor=Visited Link Color
skin.hoverLinkColor=Link Hover Color
skin.selectedLinkColor=Selected Link Color
skin.save=Save
skin.makeNewSkinMsg=MAKE NEW PUBLIC SKIN (Visible to Everyone)
skin.skinName=SkinName
skin.openBook=OpenBook
skin.thisIsTheSkin=This is the Skin
skin.exampleTxt=This is example text.
skin.setSkinAsMySkin=Set Skin as My Skin

0 comments on commit c378a78

Please sign in to comment.