Skip to content
This repository was archived by the owner on Sep 13, 2023. It is now read-only.

Commit e2cacb4

Browse files
Andrei0872Andrei0872
committed
Fix remark #2 - move tab bar on the bottom
1 parent afeabcf commit e2cacb4

File tree

2 files changed

+60
-71
lines changed

2 files changed

+60
-71
lines changed

‎src/renderer/components/modals/create-note-modal/CreateNoteModal.html

+30-35
Original file line numberDiff line numberDiff line change
@@ -5,41 +5,6 @@
55
<h2 class="text-red" v-if="displayDupError">Oh sorry, you can't have duplicated name in your note files...</h2>
66
</header>
77

8-
<Tab
9-
ref="tab"
10-
v-if="files.length"
11-
:dataArr="files"
12-
v-slot:name="{ item }"
13-
@onFileSelected="selectedFile = $event"
14-
>
15-
{{ item.name }}
16-
</Tab>
17-
18-
<!-- Selected file -->
19-
<div v-if="selectedFile !== null" :class="{ 'c-selected-file': true }">
20-
<b-field horizontal label="Name" grouped>
21-
<b-input style="width: 186px" type="text" v-model="selectedFile.name" placeholder="Your file name">
22-
</b-input>
23-
<p class="control is-pulled-right">
24-
<button class="button is-danger" @click="deleteFile(selectedFile)">
25-
<b-icon icon="trash"></b-icon>
26-
</button>
27-
</p>
28-
</b-field>
29-
30-
<b-field horizontal label="Language">
31-
<b-select placeholder="Select a language" v-model="selectedFile.language">
32-
<option v-for="language in languages" :value="language.name">
33-
{{ language.name | capitalize }}
34-
</option>
35-
</b-select>
36-
</b-field>
37-
38-
<b-field horizontal label="Content">
39-
<editor v-model="selectedFile.content" :lang="selectedFile.language" theme="monokai" width="100%" height="260"></editor>
40-
</b-field>
41-
</div>
42-
438
<section class="modal-card-body">
449
<b-field v-if="!gistsSelected" horizontal label="Name">
4510
<b-input type="text" ref="noteName" v-model="note.name" placeholder="Your note name">
@@ -89,6 +54,36 @@ <h2 class="text-red" v-if="displayDupError">Oh sorry, you can't have duplicated
8954
</div>
9055
</section>
9156

57+
<Tab ref="tab" v-if="files.length" :dataArr="files" v-slot:name="{ item }" @onFileSelected="selectedFile = $event">
58+
{{ item.name }}
59+
</Tab>
60+
61+
<!-- Selected file -->
62+
<div v-if="selectedFile !== null" :class="{ 'c-selected-file': true }">
63+
<b-field horizontal label="Name" grouped>
64+
<b-input style="width: 186px" type="text" v-model="selectedFile.name" placeholder="Your file name">
65+
</b-input>
66+
<p class="control is-pulled-right">
67+
<button class="button is-danger" @click="deleteFile(selectedFile)">
68+
<b-icon icon="trash"></b-icon>
69+
</button>
70+
</p>
71+
</b-field>
72+
73+
<b-field horizontal label="Language">
74+
<b-select placeholder="Select a language" v-model="selectedFile.language">
75+
<option v-for="language in languages" :value="language.name">
76+
{{ language.name | capitalize }}
77+
</option>
78+
</b-select>
79+
</b-field>
80+
81+
<b-field horizontal label="Content">
82+
<editor v-model="selectedFile.content" :lang="selectedFile.language" theme="monokai" width="100%" height="260">
83+
</editor>
84+
</b-field>
85+
</div>
86+
9287
<footer class="modal-card-foot">
9388
<button class="button" type="button" @click="$parent.close()">Cancel</button>
9489
<button class="button is-primary" type="button" :disabled="isDisabled" @click="createNote()">Create</button>

‎src/renderer/components/modals/update-note-modal/UpdateNoteModal.html

+30-36
Original file line numberDiff line numberDiff line change
@@ -5,42 +5,6 @@
55
<h2 class="text-red" v-if="displayDupError">Oh sorry, you can't have duplicated name in your note files...</h2>
66
</header>
77

8-
<Tab
9-
ref="tab"
10-
v-if="files.length"
11-
:dataArr="files"
12-
v-slot:name="{ item }"
13-
@onFileSelected="selectedFile = $event"
14-
>
15-
{{ item.name }}
16-
</Tab>
17-
18-
<!-- Selected file -->
19-
<div v-if="selectedFile !== null" :class="{ 'c-selected-file': true }">
20-
<b-field horizontal label="Name" grouped>
21-
<b-input style="width: 186px" type="text" v-model="selectedFile.name" placeholder="Your file name">
22-
</b-input>
23-
<p class="control is-pulled-right">
24-
<button class="button is-danger" @click="deleteFile(selectedFile)">
25-
<b-icon icon="trash"></b-icon>
26-
</button>
27-
</p>
28-
</b-field>
29-
30-
<b-field horizontal label="Language">
31-
<b-select placeholder="Select a language" v-model="selectedFile.language">
32-
<option v-for="language in languages" :value="language.name">
33-
{{ language.name | capitalize }}
34-
</option>
35-
</b-select>
36-
</b-field>
37-
38-
<b-field horizontal label="Content">
39-
<editor v-model="selectedFile.content" :lang="selectedFile.language" theme="monokai" width="100%" height="260">
40-
</editor>
41-
</b-field>
42-
</div>
43-
448
<section class="modal-card-body">
459
<b-field v-if="!gistsSelected" horizontal label="Name">
4610
<b-input
@@ -94,6 +58,36 @@ <h2 class="text-red" v-if="displayDupError">Oh sorry, you can't have duplicated
9458
</div>
9559
</section>
9660

61+
<Tab ref="tab" v-if="files.length" :dataArr="files" v-slot:name="{ item }" @onFileSelected="selectedFile = $event">
62+
{{ item.name }}
63+
</Tab>
64+
65+
<!-- Selected file -->
66+
<div v-if="selectedFile !== null" :class="{ 'c-selected-file': true }">
67+
<b-field horizontal label="Name" grouped>
68+
<b-input style="width: 186px" type="text" v-model="selectedFile.name" placeholder="Your file name">
69+
</b-input>
70+
<p class="control is-pulled-right">
71+
<button class="button is-danger" @click="deleteFile(selectedFile)">
72+
<b-icon icon="trash"></b-icon>
73+
</button>
74+
</p>
75+
</b-field>
76+
77+
<b-field horizontal label="Language">
78+
<b-select placeholder="Select a language" v-model="selectedFile.language">
79+
<option v-for="language in languages" :value="language.name">
80+
{{ language.name | capitalize }}
81+
</option>
82+
</b-select>
83+
</b-field>
84+
85+
<b-field horizontal label="Content">
86+
<editor v-model="selectedFile.content" :lang="selectedFile.language" theme="monokai" width="100%" height="260">
87+
</editor>
88+
</b-field>
89+
</div>
90+
9791
<footer class="modal-card-foot">
9892
<button class="button" type="button" @click="$parent.close()">Cancel</button>
9993
<button class="button is-primary" type="button" :disabled="isDisabled" @click="updateNoteModal()">Update</button>

0 commit comments

Comments
 (0)