鉄道運用Hub

Check-in [296b0e23e7]
Login

Check-in [296b0e23e7]

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:UIパーツに絞り込みセレクトボックスを追加
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | feature/v25.12-2/編成表改良
Files: files | file ages | folders
SHA3-256: 296b0e23e7fb55ddfd4a24b419c69b5e330002e0e39e55ef374d40c966b00f2f
User & Date: kazuma 2025-12-11 14:00:00
Context
2025-12-12
08:00
コマンドラインツール copy_formation_info.py を仕様変更に合わせて修正 check-in: a705e3ca83 user: kazuma tags: feature/v25.12-2/編成表改良
2025-12-11
14:00
UIパーツに絞り込みセレクトボックスを追加 check-in: 296b0e23e7 user: kazuma tags: feature/v25.12-2/編成表改良
11:00
車歴を車両ごとに絞り込み表示可能に、等 check-in: 577fae4b0a user: kazuma tags: feature/v25.12-2/編成表改良
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Added artworks/絞り込み.svg. 





























































































































































>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   width="56"
   height="56"
   viewBox="0 0 14.816666 14.816667"
   version="1.1"
   id="svg8"
   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
   sodipodi:docname="絞り込み.svg"
   inkscape:export-filename="絞り込み.webp"
   inkscape:export-xdpi="96"
   inkscape:export-ydpi="96"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:dc="http://purl.org/dc/elements/1.1/">
  <defs
     id="defs2" />
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="11.313708"
     inkscape:cx="17.103146"
     inkscape:cy="24.483573"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     inkscape:document-rotation="0"
     showgrid="false"
     units="px"
     inkscape:window-width="1920"
     inkscape:window-height="1052"
     inkscape:window-x="1920"
     inkscape:window-y="0"
     inkscape:window-maximized="1"
     inkscape:pagecheckerboard="0"
     inkscape:showpageshadow="2"
     inkscape:deskcolor="#d1d1d1" />
  <metadata
     id="metadata5">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <cc:license
           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
      </cc:Work>
      <cc:License
         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#Reproduction" />
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#Distribution" />
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
      </cc:License>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="レイヤー 1"
     inkscape:groupmode="layer"
     id="layer1">
    <path
       style="fill:none;stroke:#999999;stroke-width:1.05833;stroke-opacity:0.6;paint-order:stroke markers fill"
       d="M 10.054167,1.8520833 H 2.6458334 V 3.175 l 3.96875,4.7624999 v 5.0270831 l 1.5874999,-0.79375 V 7.9374999 L 12.170833,3.175 V 1.3229167"
       id="path1"
       sodipodi:nodetypes="ccccccccc" />
  </g>
</svg>

Added artworks/絞り込み.webp.

cannot compute difference between binary files

Changes to unyohub/assets.css.

︙︙
2006
2007
2008
2009
2010
2011
2012


2013
2014
2015
2016
2017
2018
2019

    
    margin: 0 5px;
    
    vertical-align: text-top;
}

#formation_table_area .screenshot_button {


    top: 6px;
    right: 0;
}

.formation_table_series_name {
    display: none;
    








>
>








2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021

    
    margin: 0 5px;
    
    vertical-align: text-top;
}

#formation_table_area .screenshot_button {
    position: absolute;
    
    top: 6px;
    right: 0;
}

.formation_table_series_name {
    display: none;
︙︙
3159
3160
3161
3162
3163
3164
3165
3166
3167
3168
3169
3170
3171
3172
3173
3174
3175


.screenshot_button {
    background-image: url(data:image/webp;base64,UklGRnQBAABXRUJQVlA4TGgBAAAvO8AOEFXAjiTZieS/AcDUe3vSU8RTffLzNRvhNgAAMxogGsDOFMYAeWsPTnJJrfJVc4dggLfVkYHbRorc3WPY43vD/GeHfzWatv0NdNfkz5Jc1r5kpuIXoMybfxE+0VLoqLUiFtVqtXlPyTVZSGI29Za2W/8kysTAlbs5Nw6y69A5DRSi5vnpKinsd5nbc0fcrKvtUd1t4eCT85pk4SW7dedqrHIsXYRFkuSSxsWVPEMVW2WudrWEqHWZmwab/gktMAZD22YuFY5tR3tekrq2HZYS/jlctobRAaBEbnvTS9m0TarE87DApRfENg+luw7MNnclsvpIWOqR8GwzLDFRL5Js/rZT94q+bWdTek+ysG1G2XxB7rDOYTPV3s8rx9HVcH4I4mcwVC7VmhX5sx8i8xLTfVhuzrAApDxNAji2psHGgrDql0IFgv7tZILTOE4bPvA9ykQKWY+ZBPfX/jP8y/zB/7H/60w=) !important;
    
    right: 55px;
    
    article & {
        position: static;
        
        margin: -50px 0 10px min(calc(50% + 205px), calc(100% - 40px));
    }
}

.execute_link {
    display: block;
    
    width: fit-content;








|
|
<








3161
3162
3163
3164
3165
3166
3167
3168
3169

3170
3171
3172
3173
3174
3175
3176


.screenshot_button {
    background-image: url(data:image/webp;base64,UklGRnQBAABXRUJQVlA4TGgBAAAvO8AOEFXAjiTZieS/AcDUe3vSU8RTffLzNRvhNgAAMxogGsDOFMYAeWsPTnJJrfJVc4dggLfVkYHbRorc3WPY43vD/GeHfzWatv0NdNfkz5Jc1r5kpuIXoMybfxE+0VLoqLUiFtVqtXlPyTVZSGI29Za2W/8kysTAlbs5Nw6y69A5DRSi5vnpKinsd5nbc0fcrKvtUd1t4eCT85pk4SW7dedqrHIsXYRFkuSSxsWVPEMVW2WudrWEqHWZmwab/gktMAZD22YuFY5tR3tekrq2HZYS/jlctobRAaBEbnvTS9m0TarE87DApRfENg+luw7MNnclsvpIWOqR8GwzLDFRL5Js/rZT94q+bWdTek+ysG1G2XxB7rDOYTPV3s8rx9HVcH4I4mcwVC7VmhX5sx8i8xLTfVhuzrAApDxNAji2psHGgrDql0IFgv7tZILTOE4bPvA9ykQKWY+ZBPfX/jP8y/zB/7H/60w=) !important;
    
    right: 55px;
    
    article & {
        top: 100px;
        right: 10px;

    }
}

.execute_link {
    display: block;
    
    width: fit-content;
︙︙
3240
3241
3242
3243
3244
3245
3246
3247
3248
3249
3250
3251
3252
3253
3254
3255
3256
3257
3258
3259
3260
3261
3262
3263
3264
3265
3266
3267
3268
3269
3270
3271
3272
3273
3274
3275
3276














3277
3278
3279

3280
3281
3282
3283
3284
3285
3286

    }
    
    100% {
        transform: rotate(360deg);
    }
}


input[type="text"], input[type="number"], input[type="password"], input[type="search"], .wide_select {
    background-color: #ffffff;
    
    border: none;
    border-bottom: 2px solid #cccccc;
    border-radius: 0;
    
    color: #333333;
    
    appearance: none;
    -webkit-appearance: none;
    
    .dark_mode & {
        background-color: #444444;
        
        border-color: #666666;
        
        color: #ffffff;
    }
}

.wide_select {
    display: block;
    
    width: 300px;
    height: 36px;
    
    margin: 0 auto 10px auto;
    














    line-height: 36px;
    font-size: 20px;
    text-align: center;

}

.dark_mode .square_popup :is(input[type="text"], input[type="password"]) {
    background-color: #666666;
    
    border-color: #808080;
}








<
|




















|


|
<



>
>
>
>
>
>
>
>
>
>
>
>
>
>
|
|
|
>








3241
3242
3243
3244
3245
3246
3247

3248
3249
3250
3251
3252
3253
3254
3255
3256
3257
3258
3259
3260
3261
3262
3263
3264
3265
3266
3267
3268
3269
3270
3271
3272

3273
3274
3275
3276
3277
3278
3279
3280
3281
3282
3283
3284
3285
3286
3287
3288
3289
3290
3291
3292
3293
3294
3295
3296
3297
3298
3299
3300

    }
    
    100% {
        transform: rotate(360deg);
    }
}


input[type="text"], input[type="number"], input[type="password"], input[type="search"], .filter_select_box select, .wide_select {
    background-color: #ffffff;
    
    border: none;
    border-bottom: 2px solid #cccccc;
    border-radius: 0;
    
    color: #333333;
    
    appearance: none;
    -webkit-appearance: none;
    
    .dark_mode & {
        background-color: #444444;
        
        border-color: #666666;
        
        color: #ffffff;
    }
}

.filter_select_box {
    display: block;
    
    width: 270px;

    
    margin: 0 auto 10px auto;
    
    padding: 0 30px;
    
    border-bottom: 2px solid #cccccc;
    
    background-image: url(data:image/webp;base64,UklGRh4BAABXRUJQVlA4TBIBAAAvN8ANEN9gkG2kvr/Eg979axhI2yb3b+JCt99A2ja5fxMXuv0MAgBIQnfnCP5vYAAjdEJrAP4/2F2eZKCD/n8DRgRGgvp/iBs/Phz/jzBn5sOGhbutQby79+72thKuJElSlYdb4Q57/5M+mRqcr4j+M3LbxpG2npQ2M48oX8+FvFpy471jev+sXCyXGEtge3act8Cym8ECmN0MpymwOATy2QNMenGqMcDIJxQvxzcgt333DbC8xLiumuNSWblKZBdM53TX9aSEXK8MI5cr0cmV3cqF3cvD9gx50J4iD9pz5FF7ztGwjNhTjqLYoeWPvhYo/2j6j2I4fxTwSObDx7DeHUs2LX/pNP4eQO3vIfTLp7gK);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: right;
    
    select {
        width: 270px;
        
        border: none;
        
        line-height: 36px;
        font-size: 20px;
        text-align: center;
    }
}

.dark_mode .square_popup :is(input[type="text"], input[type="password"]) {
    background-color: #666666;
    
    border-color: #808080;
}
︙︙

Changes to unyohub/main.js.

︙︙
4480
4481
4482
4483
4484
4485
4486
4487
4488
4489
4490
4491
4492
4493
4494

            
            buf += "<td class='" + car_class + "' " + car_style + "></td><td><b>" + escape_html(formations["formations"][formation_name]["cars"][cnt]["car_number"]) + "</b><span id='car_info_" + cnt + "'></span><div class='descriptive_text' id='car_description_" + cnt + "'></div></td></tr>";
        }
    }
    buf += "</table>";
    
    buf += "<h3>車歴</h3>";
    buf += "<select id='formation_histories_car_select' class='wide_select' onchange='draw_formation_histories(formation_histories, this.value);'><option value=''>全車両の車歴</option></select>";
    buf += "<div id='histories_area'><div class='descriptive_text'>車歴データがありません</div></div>";
    
    buf += "<div id='formation_reference_books_area' class='descriptive_text'></div>";
    buf += "<div id='formation_updated_area' class='informational_text'></div>";
    
    formation_table_area_elm.innerHTML = buf;
    article_elms[3].scrollTop = 0;








|








4480
4481
4482
4483
4484
4485
4486
4487
4488
4489
4490
4491
4492
4493
4494

            
            buf += "<td class='" + car_class + "' " + car_style + "></td><td><b>" + escape_html(formations["formations"][formation_name]["cars"][cnt]["car_number"]) + "</b><span id='car_info_" + cnt + "'></span><div class='descriptive_text' id='car_description_" + cnt + "'></div></td></tr>";
        }
    }
    buf += "</table>";
    
    buf += "<h3>車歴</h3>";
    buf += "<label for='formation_histories_car_select' class='filter_select_box'><select id='formation_histories_car_select' onchange='draw_formation_histories(formation_histories, this.value);'><option value=''>全車両の車歴</option></select></label>";
    buf += "<div id='histories_area'><div class='descriptive_text'>車歴データがありません</div></div>";
    
    buf += "<div id='formation_reference_books_area' class='descriptive_text'></div>";
    buf += "<div id='formation_updated_area' class='informational_text'></div>";
    
    formation_table_area_elm.innerHTML = buf;
    article_elms[3].scrollTop = 0;
︙︙

Changes to unyohub/non_critical.css.

︙︙
1682
1683
1684
1685
1686
1687
1688
1689
1690
1691
1692
1693
1694
1695
1696

        text-align: center;
    }
    
    * {
        text-decoration: none !important;
    }
    
    button, label, label + div, .informational_text, .previous_button, .next_button {
        display: none !important;
    }
    
    .search_highlight, .train_detail_departure_time_highlight {
        background-color: inherit !important;
        
        font-weight: inherit !important;








|








1682
1683
1684
1685
1686
1687
1688
1689
1690
1691
1692
1693
1694
1695
1696

        text-align: center;
    }
    
    * {
        text-decoration: none !important;
    }
    
    button, label, label.drop_down + div, .informational_text, .previous_button, .next_button {
        display: none !important;
    }
    
    .search_highlight, .train_detail_departure_time_highlight {
        background-color: inherit !important;
        
        font-weight: inherit !important;
︙︙
1860
1861
1862
1863
1864
1865
1866













1867
1868
1869
1870
1871
1872
1873

}

.dark_mode .toggle:not(:checked) + label:before {
    border-color: #999999;
    
    background-color: #666666;
}














.rearrangeable_list {
    position: relative;
    
    width: calc(100% - 20px);
    
    margin: 10px;








>
>
>
>
>
>
>
>
>
>
>
>
>








1860
1861
1862
1863
1864
1865
1866
1867
1868
1869
1870
1871
1872
1873
1874
1875
1876
1877
1878
1879
1880
1881
1882
1883
1884
1885
1886

}

.dark_mode .toggle:not(:checked) + label:before {
    border-color: #999999;
    
    background-color: #666666;
}

.wide_select {
    display: block;
    
    width: 300px;
    height: 36px;
    
    margin: 0 auto 10px auto;
    
    line-height: 36px;
    font-size: 20px;
    text-align: center;
}

.rearrangeable_list {
    position: relative;
    
    width: calc(100% - 20px);
    
    margin: 10px;
︙︙