phowell
/
flexday
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

small fixes

This commit is contained in:
Peter Howell 2025-07-21 16:04:56 -07:00
parent 44be83b6f6
commit 75b1dbe9f1
2 changed files with 60 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
js/dir_app.js
View File

@ -1337,7 +1337,6 @@ const ActivityList = Vue.component('activitylist', {
{{ mmyy }} {{ get_day_title(mmyy) }} {{ mmyy }} {{ get_day_title(mmyy) }}
<button <button
:id="get_day_index(mmyy) + '-toggle'" :id="get_day_index(mmyy) + '-toggle'"
@click="toggleDay(get_day_index(mmyy))"
class="text-sm text-blue-600 hover:underline font-normal" class="text-sm text-blue-600 hover:underline font-normal"
> >
Collapse Day Collapse Day
@ -1973,58 +1972,54 @@ const ActivityInfoReport2 = Vue.component('activityinforeport2', {
computed: { computed: {
}, },
watch: { }, watch: { },
template: `<div class="report"> template: `<div class="bg-white rounded-md shadow-md p-6 text-sm text-gray-800 space-y-4">
<div class="pure-g pure-form"> <!-- Title -->
<div class="pure-u-7-24 marginbottom"> <div class="grid grid-cols-5 gap-4">
Title: <div class="font-medium col-span-1">Title:</div>
</div> <div class="col-span-4 font-semibold">{{ a.title }}</div>
<div class="pure-u-17-24 marginbottom"> </div>
<b>{{a.title}}</b>
</div>
<div class="pure-u-7-24 marginbottom"> <!-- Date -->
Date: <div class="grid grid-cols-5 gap-4">
</div> <div class="font-medium col-span-1">Date:</div>
<div class="pure-u-17-24 marginbottom"> <div class="col-span-4">{{ $root.$dj(a.starttime).format('YYYY MMM DD dd h:mma') }}</div>
{{ $root.$dj(a.starttime).format('YYYY MMM DD dd h:mma') }} </div>
</div>
<div class="pure-u-7-24 marginbottom"> <!-- Mode / Location -->
Mode / Location: <div class="grid grid-cols-5 gap-4">
</div> <div class="font-medium col-span-1">Mode / Location:</div>
<div class="pure-u-17-24 marginbottom"> <div class="col-span-4">
{{mode_string(a)}} <span v-if="a.location"><br />{{ a.location }}</span> &nbsp; &nbsp; <span v-if="a.location_irl"><br />{{ a.location_irl }}</span> {{ mode_string(a) }}
</div> <div v-if="a.location" class="text-gray-600">{{ a.location }}</div>
<div v-if="a.location_irl" class="text-gray-600">{{ a.location_irl }}</div>
</div>
</div>
<div class="pure-u-7-24 marginbottom"> <!-- Description -->
Description: <div class="grid grid-cols-5 gap-4">
</div> <div class="font-medium col-span-1">Description:</div>
<div class="pure-u-17-24 marginbottom" v-html="a.desc"> <div class="col-span-4" v-html="a.desc"></div>
</div> </div>
<div class="pure-u-7-24 marginbottom"> <!-- Hosts -->
Hosts: <div class="grid grid-cols-5 gap-4">
</div> <div class="font-medium col-span-1">Hosts:</div>
<div class="pure-u-17-24 marginbottom"> <div class="col-span-4">{{ host }}</div>
{{host}} </div>
</div>
<div class="pure-u-7-24 marginbottom"> <!-- Attendees -->
Attendees: <div class="grid grid-cols-5 gap-4">
</div> <div class="font-medium col-span-1">Attendees:</div>
<div class="pure-u-17-24 marginbottom"> <div class="col-span-4">{{ user }}</div>
{{user}} </div>
</div>
<div class="pure-u-7-24 marginbottom4"> <!-- Survey Results -->
Survey Results: <div class="grid grid-cols-5 gap-4">
</div> <div class="font-medium col-span-1">Survey Results:</div>
<div class="pure-u-17-24 marginbottom" v-html="survey"> <div class="col-span-4" v-html="survey"></div>
</div> </div>
</div>
</div> ` })
</div>
</div>` })
@ -2063,8 +2058,8 @@ const ActivityReport = Vue.component('activityreport', {
this_time = dayjs(item.starttime) this_time = dayjs(item.starttime)
return this_time.isBefore(end) && start.isBefore(this_time) } ) return this_time.isBefore(end) && start.isBefore(this_time) } )
} }
if (self.which && String(self.which).match( /^\d+$/ )) {
if (self.which.match( /^\d+$/ )) { self.activities = self.activities.filter( function(item,index) { self.activities = self.activities.filter( function(item,index) {
return item.id == self.which } ) return item.id == self.which } )
} }

10
style.css
View File

@ -29,3 +29,13 @@
.pell-button-selected{ .pell-button-selected{
background-color:#f0f0f0 background-color:#f0f0f0
} }
ul {
list-style-type: disc!important;
list-style-position: inside!important;
}
ol {
list-style-type: decimal!important;
list-style-position: inside!important;
}