Skip to content

Commit

Permalink
fix(eslint): remove malformed html (#3379)
Browse files Browse the repository at this point in the history
  • Loading branch information
josephmcg committed May 31, 2022
1 parent 713ab9f commit ee82dff
Show file tree
Hide file tree
Showing 2 changed files with 91 additions and 53 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -28,17 +28,36 @@
</iframe>
</div>
<span @click="resetAspectRatio(index, 4, 3)">
<TypographyText :size="5" :text="' 4:3 '" class="subtext aspect-ratio-switcher-option" :class="[item.aspectRatioClass === 'iframe-container-4-3' ? 'selected-aspect-ratio-switcher-option' : '']"/>
<TypographyText
:size="5"
:text="' 4:3 '"
class="subtext aspect-ratio-switcher-option"
:class="[item.aspectRatioClass === 'iframe-container-4-3' ? 'selected-aspect-ratio-switcher-option' : '']"
/>
</span>
<span @click="resetAspectRatio(index, 16, 9)" >
<TypographyText :size="5" :text="' 16:9 '" class="subtext aspect-ratio-switcher-option" :class="[item.aspectRatioClass === 'iframe-container-16-9' ? 'selected-aspect-ratio-switcher-option' : '']"/>
<span @click="resetAspectRatio(index, 16, 9)">
<TypographyText
:size="5"
:text="' 16:9 '"
class="subtext aspect-ratio-switcher-option"
:class="[item.aspectRatioClass === 'iframe-container-16-9' ? 'selected-aspect-ratio-switcher-option' : '']"
/>
</span>
<span @click="resetAspectRatio(index, 1, 1)">
<TypographyText :size="5" :text="' 1:1 '" class="subtext aspect-ratio-switcher-option" :class="[item.aspectRatioClass === 'iframe-container-1-1' ? 'selected-aspect-ratio-switcher-option' : '']"/>
<TypographyText
:size="5"
:text="' 1:1 '"
class="subtext aspect-ratio-switcher-option"
:class="[item.aspectRatioClass === 'iframe-container-1-1' ? 'selected-aspect-ratio-switcher-option' : '']"
/>
</span>

<TypographyText :size="5" :text="$t('pages.settings.aspect_ratio_label')" class="subtext aspect-ratio-switcher" />
<TypographyText
:size="5"
:text="$t('pages.settings.aspect_ratio_label')"
class="subtext aspect-ratio-switcher"
/>
</div>
</br>
<br />
</div>
</div>
113 changes: 66 additions & 47 deletions components/views/servers/create/Create.html
Original file line number Diff line number Diff line change
@@ -1,59 +1,78 @@
<div class="create-server-container">
<InteractablesImageCropper v-if="showCropper" :setCroppedImage='setCroppedImage' :toggleCropper="toggleCropper"
:imageUrl="imageUrl" />
<div v-if="showCropper" class="cropper-mask" />
<div class='modal-body'>
<div class="custom-modal-content">
<div class="columns">
<div class="column image">
<UiCircle type="image" :source="croppedImage" :size="120" />
</div>
<div class="column align">
<TypographyText class="set-photo-title" :text="$t('servers.create.photo_text')" />
<input ref="file" class="input-file" type="file" @change="selectImage" accept="image/*"></input>
<InteractablesButton
:action="() => $refs.file.click()"
type="primary"
size="small"
:text="$t('servers.create.photo_button')" />
</div>
<InteractablesImageCropper
v-if="showCropper"
:setCroppedImage="setCroppedImage"
:toggleCropper="toggleCropper"
:imageUrl="imageUrl"
/>
<div v-if="showCropper" class="cropper-mask" />
<div class="modal-body">
<div class="custom-modal-content">
<div class="columns">
<div class="column image">
<UiCircle type="image" :source="croppedImage" :size="120" />
</div>
<div style="clear: both;"></div>

<div class="input-container">
<span class="label">{{$t('servers.create.server_name')}}</span>
<InteractablesInput
:placeholder="$t('servers.create.server_name_placeholder')"
v-model="name"
input-kind="text"
type="primary" />
<div class="column align">
<TypographyText
class="set-photo-title"
:text="$t('servers.create.photo_text')"
/>
<input
ref="file"
class="input-file"
type="file"
@change="selectImage"
accept="image/*"
/>
<InteractablesButton
:action="() => $refs.file.click()"
type="primary"
size="small"
:text="$t('servers.create.photo_button')"
/>
</div>
</div>
<div style="clear: both"></div>

<div class="input-container">
<span class="label">{{$t('servers.create.server_name')}}</span>
<InteractablesInput
:placeholder="$t('servers.create.server_name_placeholder')"
v-model="name"
input-kind="text"
type="primary"
/>
</div>

<div class="input-container">
<span class="label">{{$t('servers.create.select_friends')}}</span>
<!-- <InteractablesInput
<div class="input-container">
<span class="label">{{$t('servers.create.select_friends')}}</span>
<!-- <InteractablesInput
:placeholder="$t('servers.create.select_friends_placeholder')"
input-kind="text"
outlined
type="primary" /> -->
<SettingsPagesUserSearch
v-model="friends"
:placeholder="$t('servers.create.select_friends_placeholder')"
size="small" type="primary" drop="top" />
</div>
<SettingsPagesUserSearch
v-model="friends"
:placeholder="$t('servers.create.select_friends_placeholder')"
size="small"
type="primary"
drop="top"
/>
</div>

<p class="red" v-if="error">{{error}}</p>
<p class="red" v-if="error">{{error}}</p>
</div>

<!-- <hr class="divider"> -->
<div class="submit-container">
<InteractablesButton
type="primary"
size="small"
fullwidth
:text="$t('servers.create.create_server')"
class="create-server-btn"
:action="confirm"/>
</div>
<!-- <hr class="divider"> -->
<div class="submit-container">
<InteractablesButton
type="primary"
size="small"
fullwidth
:text="$t('servers.create.create_server')"
class="create-server-btn"
:action="confirm"
/>
</div>
</div>
</div>
</div>

0 comments on commit ee82dff

Please sign in to comment.