Mercurial > gemma

comparison client/src/components/fairway/Profiles.vue @ 2387:f185503ef35a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: unified box's header styles by creating a reusable component The clients html/css and resulting look and feel of the app is partially very inconsistent. By moving code to more small and reusable components consistency will hopefully be increased.
author Markus Kottlaender <markus@intevation.de>
date Mon, 25 Feb 2019 15:02:34 +0100
parents 242c170e00ce
children 817b3d726b43
comparison
equal deleted inserted replaced
2386:24e3e86b8cb6 2387:f185503ef35a
4 'box ui-element rounded bg-white text-nowrap', 4 'box ui-element rounded bg-white text-nowrap',
5 { expanded: showProfiles } 5 { expanded: showProfiles }
6 ]" 6 ]"
7 > 7 >
8 <div style="width: 18rem"> 8 <div style="width: 18rem">
9 <h6 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center"> 9 <UIBoxHeader icon="chart-area" title="Profiles" :closeCallback="close" />
10 <font-awesome-icon icon="chart-area" class="mr-2"></font-awesome-icon>
11 <translate>Profiles</translate>
12 <font-awesome-icon
13 icon="times"
14 class="ml-auto text-muted pointer"
15 @click="$store.commit('application/showProfiles', false)"
16 ></font-awesome-icon>
17 </h6>
18 <div 10 <div
19 class="d-flex flex-column p-3 flex-grow-1 text-left position-relative" 11 class="d-flex flex-column p-3 flex-grow-1 text-left position-relative"
20 > 12 >
21 <div 13 <div
22 class="loading d-flex justify-content-center align-items-center" 14 class="loading d-flex justify-content-center align-items-center"
356 this.applyCoordinates(cut.coordinates); 348 this.applyCoordinates(cut.coordinates);
357 } 349 }
358 } 350 }
359 }, 351 },
360 methods: { 352 methods: {
353 close() {
354 this.$store.commit("application/showProfiles", false);
355 },
361 formatSurveyDate(date) { 356 formatSurveyDate(date) {
362 return formatSurveyDate(date); 357 return formatSurveyDate(date);
363 }, 358 },
364 loadProfile(survey) { 359 loadProfile(survey) {
365 if (survey) { 360 if (survey) {