Changeset da9c06e


Ignore:
Timestamp:
Oct 25, 2017 9:38:12 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
ac833ec
Parents:
df95e29
Message:

/configui: Use larger flags for language selection

Files:
31 added
8 edited

Legend:

Unmodified
Added
Removed
  • apps/routerconsole/java/src/net/i2p/router/web/ConfigUIHelper.java

    rdf95e29 rda9c06e  
    173173                buf.append(CHECKED);
    174174            buf.append("value=\"").append(lang).append("\">")
    175                .append("<img height=\"11\" width=\"16\" alt=\"\" src=\"/flags.jsp?c=").append(langs[i][1]).append("\">")
     175               .append("<img height=\"48\" width=\"48\" alt=\"\" src=\"/flags.jsp?s=48&c=").append(langs[i][1]).append("\">")
    176176               .append("<div class=\"ui_lang\">");
    177177            int under = lang.indexOf('_');
  • apps/routerconsole/jsp/flags.jsp

    rdf95e29 rda9c06e  
    1010/**
    1111 *  flags.jsp?c=de => icons/flags/de.png
     12 *  flags.jsp?c=de&s=48 => icons/flags48x48/de.png
    1213 *  with headers set so the browser caches.
    1314 */
     
    1617    (c.length() == 2 || c.length() == 7) &&
    1718    c.replaceAll("[a-z0-9_]", "").length() == 0) {
     19    String flagSet = "flags";
     20    String s = request.getParameter("s");
     21    if ("48".equals(s)) {
     22        flagSet = "flags48x48";
     23    }
    1824    java.io.OutputStream cout = response.getOutputStream();
    1925    String base = net.i2p.I2PAppContext.getGlobalContext().getBaseDir().getAbsolutePath();
    2026    String file = "docs" + java.io.File.separatorChar + "icons" + java.io.File.separatorChar +
    21                   "flags" + java.io.File.separatorChar + c + ".png";
     27                  flagSet + java.io.File.separatorChar + c + ".png";
    2228    java.io.File ffile = new java.io.File(base, file);
    2329    long lastmod = ffile.lastModified();
  • build.xml

    rdf95e29 rda9c06e  
    12421242          <fileset dir="installer/resources/icons/flags" />
    12431243        </copy>
     1244        <copy todir="pkg-temp/docs/icons/flags48x48" >
     1245          <fileset dir="installer/resources/icons/flags48x48" />
     1246        </copy>
    12441247    </target>
    12451248
     
    13971400               lang_gl added in 0.9.28; a0.png added in 0.9.31 -->
    13981401          <fileset dir="installer/resources/" includes="icons/flags/lang_ar.png icons/flags/gg.png icons/flags/je.png icons/flags/eu.png icons/flags/im.png icons/flags/a1.png icons/flags/a2.png icons/flags/cw.png icons/flags/ap.png icons/flags/bl.png icons/flags/bq.png icons/flags/ss.png icons/flags/sx.png icons/flags/lang_gl.png icons/flags/a0.png" />
     1402          <!-- flags48x48 added in 0.9.32 -->
     1403          <fileset dir="installer/resources/" includes="icons/flags48x48/*" />
    13991404        </copy>
    14001405    </target>
     
    25092514                                <fileset dir="installer/resources/icons/flags/" includes="cn.png,de.png,fr.png,nl.png,ru.png,se.png,us.png" />
    25102515                        </copy>
     2516                        <copy todir="pkg-temp/docs/icons/flags48x48" >
     2517                                <fileset dir="installer/resources/icons/flags48x48" />
     2518                        </copy>
    25112519                <mkdir dir="pkg-temp/webapps" />
    25122520                        <copy todir="pkg-temp/webapps/">
  • history.txt

    rdf95e29 rda9c06e  
    2323   - Homepage: Add 'Customize Sidebar' link to signpost the feature now that
    2424     there are more optional sections available (ticket #1996)
    25    - /configui: Add option to embed Susimail and I2PSnark in console
     25   - /configui:
     26     - Add option to embed Susimail and I2PSnark in console
     27     - Use larger flags for language selection
    2628 * I2PTunnel: Add hostname / destination (b32) information to server section on
    2729   index page (for parity with client tunnels section)
  • installer/resources/themes/console/classic/console.css

    rdf95e29 rda9c06e  
    46814681}
    46824682
     4683/* large flags */
     4684
     4685.langselect img {
     4686     margin-top: 2px !important;
     4687     margin-bottom: 34px !important;
     4688     margin-left: -70px !important;
     4689     width: 40px;
     4690     height: 40px;
     4691     border: none !important;
     4692     box-shadow: none;
     4693     opacity: 0.9 !important;
     4694     transform: none !important;
     4695     filter: drop-shadow(0 0 1px #77d);
     4696}
     4697
     4698.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     4699     margin-top: 6px !important;
     4700     margin-bottom: 38px !important;
     4701     width: 32px !important;
     4702     height: 32px !important;
     4703     border: none !important;
     4704     box-shadow: none !important;
     4705     opacity: 1 !important;
     4706     transform: none !important;
     4707     animation: glow 20s 10s infinite;
     4708}
     4709
     4710.langselect input:hover + img {
     4711     box-shadow: none !important;
     4712     border: none !important;
     4713     transition: none !important;
     4714     filter: drop-shadow(0 0 2px #f60);
     4715}
     4716
     4717/*
     4718.langselect input[name="lang"]:checked + img + .ui_lang {
     4719     margin: -24px -4px 0;
     4720}
     4721*/
     4722
     4723@keyframes glow {
     47240% {
     4725     filter: drop-shadow(0 0 1px rgba(256, 100, 0, 0.1));
     4726}
     4727
     472820% {
     4729     filter: drop-shadow(0 0 1px #f60);
     4730}
     4731
     473250% {
     4733     filter: drop-shadow(0 0 2px #930);
     4734}
     4735
     473680% {
     4737     filter: drop-shadow(0 0 1px #d40);
     4738}
     4739
     4740100% {
     4741     filter: drop-shadow(0 0 1px rgba(256, 100, 0, 0.1));
     4742}
     4743}
     4744
     4745/* end large flags */
     4746
    46834747/* configui password*/
    46844748
  • installer/resources/themes/console/dark/console.css

    rdf95e29 rda9c06e  
    31053105}
    31063106}
     3107
     3108/* large flags */
     3109
     3110.langselect img {
     3111     width: 40px;
     3112     height: 40px;
     3113     border: none !important;
     3114     margin-top: -6px !important;
     3115     margin-left: -82px;
     3116     position: absolute;
     3117     box-shadow: none;
     3118     opacity: 0.6;
     3119     filter: drop-shadow(0 0 1px #000);
     3120}
     3121
     3122.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     3123     width: 32px !important;
     3124     height: 32px !important;
     3125     border: none !important;
     3126     margin-left: -78px;
     3127     margin-top: -2px !important;
     3128     margin-bottom: 0;
     3129     box-shadow: none !important;
     3130     opacity: 1;
     3131}
     3132
     3133.langselect input:hover + img {
     3134     box-shadow: none !important;
     3135     transition: none !important;
     3136     filter: drop-shadow(0 0 1px #f60);
     3137}
     3138
     3139/* end large flags */
    31073140
    31083141/* end flag as radio icons */
  • installer/resources/themes/console/light/console.css

    rdf95e29 rda9c06e  
    48194819}
    48204820
     4821/* large flags */
     4822
     4823.langselect img {
     4824     margin-top: -60px !important;
     4825     margin-bottom: 34px !important;
     4826     width: 40px;
     4827     height: 40px;
     4828     border: none !important;
     4829     box-shadow: none;
     4830     opacity: 0.9 !important;
     4831     transform: none !important;
     4832     filter: drop-shadow(0 0 1px #77d);
     4833}
     4834
     4835.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     4836     margin-top: -56px !important;
     4837     margin-bottom: 30px !important;
     4838     width: 32px !important;
     4839     height: 32px !important;
     4840     border: none !important;
     4841     box-shadow: none !important;
     4842     opacity: 1 !important;
     4843     transform: none !important;
     4844     animation: glow 20s 10s infinite;
     4845}
     4846
     4847.langselect input:hover + img {
     4848     box-shadow: none !important;
     4849     border: none !important;
     4850     transition: none !important;
     4851     filter: drop-shadow(0 0 2px #f60);
     4852}
     4853
     4854.langselect input[name="lang"]:checked + img + .ui_lang {
     4855     margin: -24px -4px 0;
     4856}
     4857
     4858@keyframes glow {
     48590% {
     4860     filter: drop-shadow(0 0 1px rgba(256, 100, 0, 0.1));
     4861}
     4862
     486320% {
     4864     filter: drop-shadow(0 0 1px #f60);
     4865}
     4866
     486750% {
     4868     filter: drop-shadow(0 0 2px #930);
     4869}
     4870
     487180% {
     4872     filter: drop-shadow(0 0 1px #d40);
     4873}
     4874
     4875100% {
     4876     filter: drop-shadow(0 0 1px rgba(256, 100, 0, 0.1));
     4877}
     4878}
     4879
     4880/* end large flags */
     4881
    48214882div.ui_lang {
    48224883     text-align: center;
  • installer/resources/themes/console/midnight/console.css

    rdf95e29 rda9c06e  
    35533553}
    35543554
     3555/* large flags */
     3556
     3557.langselect img {
     3558     width: 40px;
     3559     height: 40px;
     3560     border: none !important;
     3561     margin-top: -6px !important;
     3562     margin-left: -82px;
     3563     position: absolute;
     3564     box-shadow: none;
     3565     opacity: 0.75;
     3566     filter: drop-shadow(0 0 1px #000);
     3567}
     3568
     3569.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
     3570     width: 32px !important;
     3571     height: 32px !important;
     3572     border: none !important;
     3573     margin-left: -78px;
     3574     margin-top: -2px !important;
     3575     margin-bottom: 0;
     3576     box-shadow: none !important;
     3577     opacity: 1;
     3578}
     3579
     3580.langselect input:hover + img {
     3581     box-shadow: none !important;
     3582     transition: none !important;
     3583     filter: drop-shadow(0 0 2px #652787);
     3584}
     3585
     3586/* end large flags */
    35553587/* end flag as radio icons */
    35563588
Note: See TracChangeset for help on using the changeset viewer.