Changeset 22 in code for trunk/web/views


Ignore:
Timestamp:
Aug 31, 2023, 12:56:47 PM (22 months ago)
Author:
manerakai
Message:

Implemented Definitions and Translations in Web interface

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/web/views/index.html

    r20 r22  
    6767            <div class="item-wrapper">
    6868                <textarea id="output" class="translation item" dir="auto" placeholder="Translation"
    69                     readonly>{{.TranslatedText}}</textarea>
     69                    readonly>{{.Translation.TranslatedText}}</textarea>
    7070                {{if .TtsTo}}
    7171                <audio controls>
    … …  
    8282        </div>
    8383
     84        <br>
     85
     86        <div id="definitions_and_translations">
     87            {{ if .Translation.Definitions }}
     88            <div class="definitions">
     89                {{ range $type, $definitions :=.Translation.Definitions }}
     90                <span class="def_type">{{ $type }}</span>
     91                <ol>
     92                    {{ range $definition_item := $definitions }}
     93                    <li>
     94                        {{ $definition_item.definition }}
     95                        <br>
     96                        {{with $definition_item.use_in_sentence}}
     97                        <span class="use_in_sentence">"{{$definition_item.use_in_sentence}}"</span>
     98                        <br>
     99                        {{end}}
     100                        {{with $definition_item.synonyms}}
     101                        {{ range $synonym_type, $_ := $definition_item.synonyms }}
     102                        <span class="syn">
     103                            {{if $synonym_type }}
     104                            <br>
     105                            <span class="syn_type">{{$synonym_type}}: </span>{{end}}{{ range $index, $element := index
     106                            $definition_item.synonyms $synonym_type}}{{if $index}}, {{end}}{{$element}}{{end}}
     107                        </span>
     108                        {{end}}
     109                        {{end}}
     110                    </li>
     111                    {{end}}
     112                </ol>
     113                {{end}}
     114            </div>
     115            {{ end}}
     116
     117            {{ if .Translation.Translations }}
     118            <div class="translations">
     119                {{ range $def_type, $translations := .Translation.Translations }}
     120                <span class="def_type">{{ $def_type }}</span>
     121                <ul>
     122                    {{ range $word, $word_translations := $translations }}
     123                    <li>
     124                        <span class="syn_type">{{$word}}:</span>                       
     125                        <span class="syn">{{ range $index, $element := $word_translations.words}}{{if $index}}, {{end}}{{$element}}{{end}}</span>
     126                        <span class="syn_type">{{$word_translations.frequency}}</span>
     127                    </li>
     128                    <br>
     129                    {{end}}
     130                </ul>
     131                {{end}}
     132            </div>
     133            {{end}}
     134        </div>
     135
    84136    </form>
    85137    <script src="/static/script.js"></script>
Note: See TracChangeset for help on using the changeset viewer.