steve
/
sunrise-cms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update bulma to current

pull/3/head
Dan Gowans 2025-03-19 11:58:25 -04:00
parent 856abc9fcf
commit b30c02d9c4
71 changed files with 1064 additions and 2742 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.ncurc.json
View File

@ -1,7 +0,0 @@
{
"reject": [
"@cityssm/bulma-sticky-table",
"bulma",
"bulma-calendar"
]
}

4
app.js
View File

@ -70,7 +70,11 @@ if (urlPrefix !== '') {
debug(`urlPrefix = ${urlPrefix}`); debug(`urlPrefix = ${urlPrefix}`);
} }
app.use(urlPrefix, express.static(path.join('public'))); app.use(urlPrefix, express.static(path.join('public')));
app.use(`${urlPrefix}/lib/bulma`, express.static(path.join('node_modules', 'bulma', 'css')));
app.use(`${urlPrefix}/lib/bulma-tooltip`, express.static(path.join('node_modules', 'bulma-tooltip', 'dist', 'css')));
app.use(`${urlPrefix}/lib/cityssm-bulma-js/bulma-js.js`, express.static(path.join('node_modules', '@cityssm', 'bulma-js', 'dist', 'bulma-js.js'))); app.use(`${urlPrefix}/lib/cityssm-bulma-js/bulma-js.js`, express.static(path.join('node_modules', '@cityssm', 'bulma-js', 'dist', 'bulma-js.js')));
app.use(`${urlPrefix}/lib/cityssm-fa-glow`, express.static(path.join('node_modules', '@cityssm', 'fa-glow')));
app.use(`${urlPrefix}/lib/cityssm-bulma-sticky-table`, express.static(path.join('node_modules', '@cityssm', 'bulma-sticky-table')));
app.use(`${urlPrefix}/lib/cityssm-bulma-webapp-js`, express.static(path.join('node_modules', '@cityssm', 'bulma-webapp-js', 'dist'))); app.use(`${urlPrefix}/lib/cityssm-bulma-webapp-js`, express.static(path.join('node_modules', '@cityssm', 'bulma-webapp-js', 'dist')));
app.use(`${urlPrefix}/lib/fa`, express.static(path.join('node_modules', '@fortawesome', 'fontawesome-free'))); app.use(`${urlPrefix}/lib/fa`, express.static(path.join('node_modules', '@fortawesome', 'fontawesome-free')));
app.use(`${urlPrefix}/lib/leaflet`, express.static(path.join('node_modules', 'leaflet', 'dist'))); app.use(`${urlPrefix}/lib/leaflet`, express.static(path.join('node_modules', 'leaflet', 'dist')));

28
app.ts
View File

@ -97,6 +97,20 @@ if (urlPrefix !== '') {
app.use(urlPrefix, express.static(path.join('public'))) app.use(urlPrefix, express.static(path.join('public')))
app.use(
`${urlPrefix}/lib/bulma`,
express.static(
path.join('node_modules', 'bulma', 'css')
)
)
app.use(
`${urlPrefix}/lib/bulma-tooltip`,
express.static(
path.join('node_modules', 'bulma-tooltip', 'dist', 'css')
)
)
app.use( app.use(
`${urlPrefix}/lib/cityssm-bulma-js/bulma-js.js`, `${urlPrefix}/lib/cityssm-bulma-js/bulma-js.js`,
express.static( express.static(
@ -104,6 +118,20 @@ app.use(
) )
) )
app.use(
`${urlPrefix}/lib/cityssm-fa-glow`,
express.static(
path.join('node_modules', '@cityssm', 'fa-glow')
)
)
app.use(
`${urlPrefix}/lib/cityssm-bulma-sticky-table`,
express.static(
path.join('node_modules', '@cityssm', 'bulma-sticky-table')
)
)
app.use( app.use(
`${urlPrefix}/lib/cityssm-bulma-webapp-js`, `${urlPrefix}/lib/cityssm-bulma-webapp-js`,
express.static( express.static(

31
gulpfile.js
View File

@ -1,31 +0,0 @@
import gulp from 'gulp';
import gulpSass from 'gulp-sass';
import * as dartSass from 'sass';
const sass = gulpSass(dartSass);
/*
* Compile SASS
*/
const publicSCSSDestination = 'public/stylesheets';
function publicSCSSFunction() {
return gulp
.src('public-scss/*.scss')
.pipe(sass({ outputStyle: 'compressed', includePaths: ['node_modules'] }).on('error',
// eslint-disable-next-line @typescript-eslint/unbound-method
sass.logError))
.pipe(gulp.dest(publicSCSSDestination));
}
gulp.task('public-scss', publicSCSSFunction);
/*
* Watch
*/
function watchFunction() {
gulp.watch('public-scss/*.scss', publicSCSSFunction);
}
gulp.task('watch', watchFunction);
/*
* Initialize default
*/
gulp.task('default', () => {
publicSCSSFunction();
watchFunction();
});

46
gulpfile.ts
View File

@ -1,46 +0,0 @@
import gulp from 'gulp'
import gulpSass from 'gulp-sass'
import * as dartSass from 'sass'
const sass = gulpSass(dartSass)
/*
* Compile SASS
*/
const publicSCSSDestination = 'public/stylesheets'
function publicSCSSFunction(): NodeJS.ReadWriteStream {
return gulp
.src('public-scss/*.scss')
.pipe(
sass({ outputStyle: 'compressed', includePaths: ['node_modules'] }).on(
'error',
// eslint-disable-next-line @typescript-eslint/unbound-method
sass.logError
)
)
.pipe(gulp.dest(publicSCSSDestination))
}
gulp.task('public-scss', publicSCSSFunction)
/*
* Watch
*/
function watchFunction(): void {
gulp.watch('public-scss/*.scss', publicSCSSFunction)
}
gulp.task('watch', watchFunction)
/*
* Initialize default
*/
gulp.task('default', () => {
publicSCSSFunction()
watchFunction()
})

1752
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

21
package.json
View File

@ -37,6 +37,7 @@
"@cityssm/configurator": "^0.1.0", "@cityssm/configurator": "^0.1.0",
"@cityssm/date-diff": "^2.2.3", "@cityssm/date-diff": "^2.2.3",
"@cityssm/dynamics-gp": "^1.1.0", "@cityssm/dynamics-gp": "^1.1.0",
"@cityssm/fa-glow": "^0.1.0",
"@cityssm/ntfy-publish": "^1.1.0", "@cityssm/ntfy-publish": "^1.1.0",
"@cityssm/pdf-puppeteer": "^4.4.0", "@cityssm/pdf-puppeteer": "^4.4.0",
"@cityssm/utils-datetime": "^1.3.0", "@cityssm/utils-datetime": "^1.3.0",
@ -44,6 +45,7 @@
"activedirectory2": "^2.2.0", "activedirectory2": "^2.2.0",
"better-sqlite-pool": "^0.3.2", "better-sqlite-pool": "^0.3.2",
"better-sqlite3": "^11.9.1", "better-sqlite3": "^11.9.1",
"bulma-tooltip": "^3.0.2",
"camelcase": "^8.0.0", "camelcase": "^8.0.0",
"compression": "^1.8.0", "compression": "^1.8.0",
"cookie-parser": "^1.4.7", "cookie-parser": "^1.4.7",
@ -65,10 +67,7 @@
"set-interval-async": "^3.0.3" "set-interval-async": "^3.0.3"
}, },
"devDependencies": { "devDependencies": {
"@cityssm/bulma-a11y": "^0.4.0", "@cityssm/bulma-sticky-table": "^3.0.1",
"@cityssm/bulma-sticky-table": "^2.1.0",
"@cityssm/bulma-webapp-css": "^0.12.0",
"@cityssm/fa-glow": "^0.1.0",
"@cityssm/mssql-multi-pool": "^5.0.0", "@cityssm/mssql-multi-pool": "^5.0.0",
"@cityssm/simple-fa5-checkbox": "^0.2.1", "@cityssm/simple-fa5-checkbox": "^0.2.1",
"@cityssm/to-millis": "^1.0.0", "@cityssm/to-millis": "^1.0.0",
@ -81,8 +80,6 @@
"@types/ejs": "^3.1.5", "@types/ejs": "^3.1.5",
"@types/express": "^5.0.0", "@types/express": "^5.0.0",
"@types/express-session": "^1.18.1", "@types/express-session": "^1.18.1",
"@types/gulp": "^4.0.17",
"@types/gulp-sass": "^5.0.4",
"@types/http-errors": "^2.0.4", "@types/http-errors": "^2.0.4",
"@types/leaflet": "^1.9.16", "@types/leaflet": "^1.9.16",
"@types/mocha": "^10.0.10", "@types/mocha": "^10.0.10",
@ -92,19 +89,11 @@
"@types/randomcolor": "^0.5.9", "@types/randomcolor": "^0.5.9",
"@types/session-file-store": "^1.2.5", "@types/session-file-store": "^1.2.5",
"axe-core": "^4.10.3", "axe-core": "^4.10.3",
"bulma": "^0.9.4", "bulma": "^1.0.3",
"bulma-divider": "^0.2.0",
"bulma-helpers": "^0.4.3",
"bulma-steps": "^2.2.1",
"bulma-switch": "^2.0.4",
"bulma-tooltip": "^3.0.2",
"cypress": "^14.2.0", "cypress": "^14.2.0",
"cypress-axe": "^1.6.0", "cypress-axe": "^1.6.0",
"eslint-config-cityssm": "^20.0.0", "eslint-config-cityssm": "^20.0.0",
"gulp": "^5.0.0",
"gulp-sass": "^6.0.1",
"nodemon": "^3.1.9", "nodemon": "^3.1.9",
"prettier-config-cityssm": "^1.0.0", "prettier-config-cityssm": "^1.0.0"
"sass": "^1.86.0"
} }
} }

227
public-scss/style.scss
View File

@ -1,227 +0,0 @@
@import '@cityssm/bulma-webapp-css/cityssm';
@import 'bulma/sass/utilities/derived-variables';
@import 'bulma-calendar/src/sass';
@import '@cityssm/fa-glow/fa-glow';
$white: #fff;
$black: #000;
.is-linethrough {
text-decoration: line-through;
}
.has-width-10 {
width: 10px;
}
.has-width-900 {
width: 900px;
}
.has-min-page-height {
min-height: 100vh;
}
/*
* Status containers
*/
.has-status-loaded .is-hidden-status-loaded,
.has-status-loading .is-hidden-status-loading,
.has-status-view .is-hidden-status-view,
fieldset:enabled .is-hidden-enabled {
display: none;
}
.has-status-view .is-noninteractive-status-view {
pointer-events: none;
}
/* to fix page titles inside level components, set on .level-left */
.has-flex-shrink-1 {
flex-shrink: 1;
}
.has-border-radius-3 {
border-radius: 3px;
}
/*
* Tabs
*/
.tab-content {
display: none;
&.is-active {
display: block;
}
}
#is-login-page {
overflow: auto;
background-position: top center;
background-size: cover;
body > .columns {
min-height: 100vh;
}
}
.button.is-xsmall {
height: 2em;
padding-top: 0;
padding-bottom: 0;
font-size: 0.75rem;
}
/*
* Print
*/
.container.is-page {
width: 8.5in;
padding: 10px 20px 20px;
margin: 20px auto;
background-color: $white;
border: 1px solid $black;
@media print {
width: 100%;
padding: 0;
border: 0;
}
}
/*
* SVG
*/
.image svg {
display: block;
height: auto;
width: 100%;
.highlight,
.highlight path {
&.is-danger {
stroke: $danger-dark !important;
fill: rgba($danger-light, 0.6);
}
&.is-success {
stroke: $success-dark !important;
fill: rgba($success, 0.6);
}
}
text {
user-select: none;
}
}
/*
* "Readonly" selects
*/
.select option:disabled {
display: none;
}
/*
* Modal Size Fix
*/
.modal-card {
max-width: 100%;
}
/*
* Accessibility
*/
$black-ter: hsl(0, 0%, 14%);
.control .button.is-static,
.menu .menu-label {
color: $black-ter;
}
/*
* z-index to compensate for leaflet
*/
.navbar.is-fixed-top {
z-index: 1100;
}
.modal {
z-index: 1200;
}
/*
* Static button pointer events
*/
span.button.is-static {
pointer-events: all;
cursor: default;
}
/*
* Calendar Picker
*/
.datetimepicker-dummy {
.datetimepicker-dummy-wrapper::before {
mask: unset;
-webkit-mask: unset;
background-color: transparent !important;
}
/* fix left icon */
.datetimepicker-dummy-wrapper .datetimepicker-dummy-input:first-child {
text-indent: 2rem;
}
/* center the button */
.datetimepicker-clear-button {
transform: none;
margin-right: 0.25rem;
margin-top: 0.15rem;
}
}
.datetimepicker.is-active {
z-index: 10;
}
/*
* Fixed Level
*/
.level {
&.is-fixed-bottom {
z-index: 1100;
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
margin: 0;
&.has-shadow {
box-shadow: 0 -2px 0 0 #f5f5f5;
}
}
}
.is-hover-container:hover,
.is-hover-container:focus,
.is-hover-container:focus-within {
.is-visible-hover,
&.is-visible-hover {
visibility: visible !important;
}
}

22
public/html/adminBurialSiteTypes-add.html
View File

@ -28,16 +28,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--burialSiteTypeAdd" type="submit"
> form="form--burialSiteTypeAdd"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Add Burial Site Type</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Add Burial Site Type</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/adminBurialSiteTypes-addField.html
View File

@ -36,16 +36,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--burialSiteTypeFieldAdd" type="submit"
> form="form--burialSiteTypeFieldAdd"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Add Field</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Add Field</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

14
public/html/adminBurialSiteTypes-edit.html
View File

@ -36,12 +36,14 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button class="button is-success" type="submit" form="form--burialSiteTypeEdit"> <div class="buttons">
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> <button class="button is-success" type="submit" form="form--burialSiteTypeEdit">
<span>Update Burial Site Type</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Burial Site Type</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

56
public/html/adminBurialSiteTypes-editField.html
View File

@ -149,36 +149,38 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--burialSiteTypeFieldEdit" type="submit"
> form="form--burialSiteTypeFieldEdit"
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> >
<span>Update Field</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Field</span>
<div class="dropdown is-up is-right mr-2"> </button>
<div class="dropdown-trigger"> <div class="dropdown is-up is-right">
<button class="button" type="button"> <div class="dropdown-trigger">
<span>More Options</span> <button class="button" type="button">
<span class="icon is-small"> <span>More Options</span>
<i class="fas fa-angle-up" aria-hidden="true"></i> <span class="icon is-small">
</span> <i class="fas fa-angle-up" aria-hidden="true"></i>
</button> </span>
</div> </button>
<div class="dropdown-menu"> </div>
<div class="dropdown-content"> <div class="dropdown-menu">
<a class="dropdown-item" id="button--deleteBurialSiteTypeField" href="#"> <div class="dropdown-content">
<span class="icon is-small" <a class="dropdown-item" id="button--deleteBurialSiteTypeField" href="#">
><i class="fas fa-trash has-text-danger" aria-hidden="true"></i <span class="icon is-small"
></span> ><i class="fas fa-trash has-text-danger" aria-hidden="true"></i
<span>Delete Field</span> ></span>
</a> <span>Delete Field</span>
</a>
</div>
</div> </div>
</div> </div>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div> </div>
<button class="button is-close-modal-button" type="button">Cancel</button>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/adminContractTypes-add.html
View File

@ -48,16 +48,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--contractTypeAdd" type="submit"
> form="form--contractTypeAdd"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Add Contract Type</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Add Contract Type</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/adminContractTypes-addField.html
View File

@ -36,16 +36,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--contractTypeFieldAdd" type="submit"
> form="form--contractTypeFieldAdd"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Add Field</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Add Field</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/adminContractTypes-addPrint.html
View File

@ -38,16 +38,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--contractTypePrintAdd" type="submit"
> form="form--contractTypePrintAdd"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Add Print</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Add Print</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/adminContractTypes-edit.html
View File

@ -52,16 +52,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--contractTypeEdit" type="submit"
> form="form--contractTypeEdit"
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> >
<span>Update Contract Type</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Contract Type</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

64
public/html/adminContractTypes-editField.html
View File

@ -160,40 +160,42 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--contractTypeFieldEdit" type="submit"
> form="form--contractTypeFieldEdit"
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> >
<span>Update Field</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Field</span>
<div class="dropdown is-up is-right mr-2"> </button>
<div class="dropdown-trigger"> <div class="dropdown is-up is-right">
<button class="button" type="button"> <div class="dropdown-trigger">
<span>More Options</span> <button class="button" type="button">
<span class="icon is-small"> <span>More Options</span>
<i class="fas fa-angle-up" aria-hidden="true"></i> <span class="icon is-small">
</span> <i class="fas fa-angle-up" aria-hidden="true"></i>
</button> </span>
</div> </button>
<div class="dropdown-menu"> </div>
<div class="dropdown-content"> <div class="dropdown-menu">
<a <div class="dropdown-content">
class="dropdown-item" <a
id="button--deleteContractTypeField" class="dropdown-item"
href="#" id="button--deleteContractTypeField"
> href="#"
<span class="icon is-small" >
><i class="fas fa-trash has-text-danger" aria-hidden="true"></i <span class="icon is-small"
></span> ><i class="fas fa-trash has-text-danger" aria-hidden="true"></i
<span>Delete Field</span> ></span>
</a> <span>Delete Field</span>
</a>
</div>
</div> </div>
</div> </div>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div> </div>
<button class="button is-close-modal-button" type="button">Cancel</button>
</footer> </footer>
</div> </div>
</div> </div>

14
public/html/adminFees-addFee.html
View File

@ -247,12 +247,14 @@
</div> </div>
</form> </form>
</section> </section>
<div class="modal-card-foot justify-right"> <div class="modal-card-foot is-justify-content-right">
<button class="button is-success" type="submit" form="form--feeAdd"> <div class="buttons">
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> <button class="button is-success" type="submit" form="form--feeAdd">
<span>Add Fee</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Add Fee</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</div> </div>
</div> </div>
</div> </div>

22
public/html/adminFees-addFeeCategory.html
View File

@ -32,16 +32,18 @@
</label> </label>
</form> </form>
</section> </section>
<div class="modal-card-foot justify-right"> <div class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--feeCategoryAdd" type="submit"
> form="form--feeCategoryAdd"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Add Fee Category</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Add Fee Category</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</div> </div>
</div> </div>
</div> </div>

48
public/html/adminFees-editFee.html
View File

@ -247,32 +247,34 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button class="button is-success" type="submit" form="form--feeEdit"> <div class="buttons">
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> <button class="button is-success" type="submit" form="form--feeEdit">
<span>Update Fee</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Fee</span>
<div class="dropdown is-up is-right mr-2"> </button>
<div class="dropdown-trigger"> <div class="dropdown is-up is-right">
<button class="button" type="button"> <div class="dropdown-trigger">
<span>More Options</span> <button class="button" type="button">
<span class="icon is-small"> <span>More Options</span>
<i class="fas fa-angle-up" aria-hidden="true"></i> <span class="icon is-small">
</span> <i class="fas fa-angle-up" aria-hidden="true"></i>
</button> </span>
</div> </button>
<div class="dropdown-menu"> </div>
<div class="dropdown-content"> <div class="dropdown-menu">
<a class="dropdown-item button--deleteFee" href="#"> <div class="dropdown-content">
<span class="icon is-small" <a class="dropdown-item button--deleteFee" href="#">
><i class="fas fa-trash has-text-danger" aria-hidden="true"></i <span class="icon is-small"
></span> ><i class="fas fa-trash has-text-danger" aria-hidden="true"></i
<span>Delete Fee</span> ></span>
</a> <span>Delete Fee</span>
</a>
</div>
</div> </div>
</div> </div>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div> </div>
<button class="button is-close-modal-button" type="button">Cancel</button>
</footer> </footer>
</div> </div>
</div> </div>

14
public/html/adminFees-editFeeAmount.html
View File

@ -47,13 +47,15 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button class="button is-success" type="submit" form="form--feeAmountEdit"> <div class="buttons">
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> <button class="button is-success" type="submit" form="form--feeAmountEdit">
<span>Update Fee Amount</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Fee Amount</span>
</button>
<button class="button is-close-modal-button" type="button">Cancel</button> <button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/adminFees-editFeeCategory.html
View File

@ -37,16 +37,18 @@
</label> </label>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--feeCategoryEdit" type="submit"
> form="form--feeCategoryEdit"
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> >
<span>Update Fee Category</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Fee Category</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/burialSite-addComment.html
View File

@ -27,16 +27,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--burialSiteCommentAdd" type="submit"
> form="form--burialSiteCommentAdd"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Add Comment</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Add Comment</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/burialSite-editBurialSiteStatus.html
View File

@ -39,16 +39,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--burialSiteStatusEdit" type="submit"
> form="form--burialSiteStatusEdit"
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> >
<span>Update Status</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Status</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/burialSite-editComment.html
View File

@ -71,16 +71,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--burialSiteCommentEdit" type="submit"
> form="form--burialSiteCommentEdit"
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> >
<span>Update Comment</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Comment</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/contract-addComment.html
View File

@ -32,16 +32,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--contractCommentAdd" type="submit"
> form="form--contractCommentAdd"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Add Comment</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Add Comment</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

2
public/html/contract-addFee.html
View File

@ -37,7 +37,7 @@
</p> </p>
</div> </div>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button class="button is-close-modal-button" type="button">Close</button> <button class="button is-close-modal-button" type="button">Close</button>
</footer> </footer>
</div> </div>

22
public/html/contract-addInterment.html
View File

@ -200,16 +200,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--contractIntermentAdd" type="submit"
> form="form--contractIntermentAdd"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Add Interment</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Add Interment</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/contract-addTransaction.html
View File

@ -69,16 +69,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--contractTransactionAdd" type="submit"
> form="form--contractTransactionAdd"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Add Transaction</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Add Transaction</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

24
public/html/contract-createWorkOrder.html
View File

@ -43,7 +43,7 @@
type="button" type="button"
aria-label="Unlock Field" aria-label="Unlock Field"
> >
<i class="fas fa-unlock" aria-hidden="true"></i> <span class="icon"><i class="fas fa-unlock" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -78,16 +78,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--workOrderCreate" type="submit"
> form="form--workOrderCreate"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Create Work Order</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Create Work Order</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/contract-editComment.html
View File

@ -84,16 +84,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--contractCommentEdit" type="submit"
> form="form--contractCommentEdit"
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> >
<span>Update Comment</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Comment</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/contract-editFeeQuantity.html
View File

@ -40,16 +40,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--contractFeeQuantity" type="submit"
> form="form--contractFeeQuantity"
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> >
<span>Update Quantity</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Quantity</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/contract-editInterment.html
View File

@ -207,16 +207,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--contractIntermentEdit" type="submit"
> form="form--contractIntermentEdit"
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> >
<span>Update Interment</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Interment</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/contract-editTransaction.html
View File

@ -119,16 +119,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--contractTransactionEdit" type="submit"
> form="form--contractTransactionEdit"
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> >
<span>Update Transaction</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Transaction</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

2
public/html/contract-selectBurialSite.html
View File

@ -52,7 +52,7 @@
</div> </div>
<div id="resultsContainer--burialSiteSelect"></div> <div id="resultsContainer--burialSiteSelect"></div>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button class="button is-close-modal-button" type="button">Cancel</button> <button class="button is-close-modal-button" type="button">Cancel</button>
</footer> </footer>
</div> </div>

22
public/html/contract-setFeeQuantity.html
View File

@ -38,16 +38,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--contractFeeQuantity" type="submit"
> form="form--contractFeeQuantity"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Set Quantity and Add Fee</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Set Quantity and Add Fee</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

2
public/html/workOrder-addBurialSite.html
View File

@ -62,7 +62,7 @@
</div> </div>
<div id="resultsContainer--burialSiteAdd"></div> <div id="resultsContainer--burialSiteAdd"></div>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button class="button is-close-modal-button" type="button">Close</button> <button class="button is-close-modal-button" type="button">Close</button>
</footer> </footer>
</div> </div>

22
public/html/workOrder-addComment.html
View File

@ -32,16 +32,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--workOrderCommentAdd" type="submit"
> form="form--workOrderCommentAdd"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Add Comment</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Add Comment</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

2
public/html/workOrder-addContract.html
View File

@ -70,7 +70,7 @@
</div> </div>
<div id="resultsContainer--contractAdd"></div> <div id="resultsContainer--contractAdd"></div>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button class="button is-close-modal-button" type="button">Close</button> <button class="button is-close-modal-button" type="button">Close</button>
</footer> </footer>
</div> </div>

14
public/html/workOrder-addMilestone.html
View File

@ -100,12 +100,14 @@
</div> </div>
</div> </div>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button class="button is-success" type="submit" form="form--milestoneAdd"> <div class="buttons">
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> <button class="button is-success" type="submit" form="form--milestoneAdd">
<span>Add Milestone</span> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> <span>Add Milestone</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/workOrder-editComment.html
View File

@ -82,16 +82,18 @@
</div> </div>
</form> </form>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--workOrderCommentEdit" type="submit"
> form="form--workOrderCommentEdit"
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> >
<span>Update Comment</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Comment</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

22
public/html/workOrder-editMilestone.html
View File

@ -108,16 +108,18 @@
</div> </div>
</div> </div>
</section> </section>
<footer class="modal-card-foot justify-right"> <footer class="modal-card-foot is-justify-content-right">
<button <div class="buttons">
class="button is-success" <button
type="submit" class="button is-success"
form="form--milestoneEdit" type="submit"
> form="form--milestoneEdit"
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> >
<span>Update Milestone</span> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> <span>Update Milestone</span>
<button class="button is-close-modal-button" type="button">Cancel</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</div>
</footer> </footer>
</div> </div>
</div> </div>

2
public/javascripts/burialSiteTypes.admin.js
View File

@ -328,7 +328,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</button> </button>
</div> </div>
<div class="level-item"> <div class="level-item">
<h2 class="title is-4">${cityssm.escapeHTML(burialSiteType.burialSiteType)}</h2> <h2 class="title is-4 has-text-white">${cityssm.escapeHTML(burialSiteType.burialSiteType)}</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right">

2
public/javascripts/burialSiteTypes.admin.ts
View File

@ -595,7 +595,7 @@ type ResponseJSON =
</button> </button>
</div> </div>
<div class="level-item"> <div class="level-item">
<h2 class="title is-4">${cityssm.escapeHTML(burialSiteType.burialSiteType)}</h2> <h2 class="title is-4 has-text-white">${cityssm.escapeHTML(burialSiteType.burialSiteType)}</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right">

6
public/javascripts/contractTypes.admin.js
View File

@ -438,7 +438,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
<div class="level is-mobile"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-4">(All Contract Types)</h2> <h2 class="title is-4 has-text-white">(All Contract Types)</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right">
@ -486,7 +486,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</button> </button>
</div> </div>
<div class="level-item"> <div class="level-item">
<h2 class="title is-4">${cityssm.escapeHTML(contractType.contractType)}</h2> <h2 class="title is-4 has-text-white">${cityssm.escapeHTML(contractType.contractType)}</h2>
</div> </div>
${contractType.isPreneed ${contractType.isPreneed
? `<div class="level-item"> ? `<div class="level-item">
@ -547,7 +547,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
<div class="level is-mobile"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-4">${cityssm.escapeHTML(contractType.contractType)}</h2> <h2 class="title is-4 has-text-white">${cityssm.escapeHTML(contractType.contractType)}</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right">

6
public/javascripts/contractTypes.admin.ts
View File

@ -797,7 +797,7 @@ type ResponseJSON =
<div class="level is-mobile"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-4">(All Contract Types)</h2> <h2 class="title is-4 has-text-white">(All Contract Types)</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right">
@ -870,7 +870,7 @@ type ResponseJSON =
</button> </button>
</div> </div>
<div class="level-item"> <div class="level-item">
<h2 class="title is-4">${cityssm.escapeHTML(contractType.contractType)}</h2> <h2 class="title is-4 has-text-white">${cityssm.escapeHTML(contractType.contractType)}</h2>
</div> </div>
${ ${
contractType.isPreneed contractType.isPreneed
@ -959,7 +959,7 @@ type ResponseJSON =
<div class="level is-mobile"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-4">${cityssm.escapeHTML(contractType.contractType)}</h2> <h2 class="title is-4 has-text-white">${cityssm.escapeHTML(contractType.contractType)}</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right">

8
public/javascripts/fees.admin.js
View File

@ -31,7 +31,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
feeCategoryContainerElement.innerHTML = `<div class="panel-heading"> feeCategoryContainerElement.innerHTML = `<div class="panel-heading">
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<h2 class="title is-4 mb-2">${cityssm.escapeHTML(feeCategory.feeCategory ?? '')}</h2> <h2 class="title is-5 has-text-white mb-2">${cityssm.escapeHTML(feeCategory.feeCategory)}</h2>
${feeCategory.isGroupedFee ${feeCategory.isGroupedFee
? '<span class="tag">Grouped Fee</span>' ? '<span class="tag">Grouped Fee</span>'
: ''} : ''}
@ -73,7 +73,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
<div class="message is-info"> <div class="message is-info">
<p class="message-body"> <p class="message-body">
There are no fees in the There are no fees in the
"${cityssm.escapeHTML(feeCategory.feeCategory ?? '')}" "${cityssm.escapeHTML(feeCategory.feeCategory)}"
category. category.
</p> </p>
</div> </div>
@ -95,9 +95,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
<p> <p>
<a class="has-text-weight-bold a--editFee" href="#">${cityssm.escapeHTML(fee.feeName ?? '')}</a><br /> <a class="has-text-weight-bold a--editFee" href="#">${cityssm.escapeHTML(fee.feeName ?? '')}</a><br />
<small> <small>
${ ${cityssm
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
cityssm
.escapeHTML(fee.feeDescription ?? '') .escapeHTML(fee.feeDescription ?? '')
.replaceAll('\n', '<br />')} .replaceAll('\n', '<br />')}
</small> </small>

5
public/javascripts/fees.admin.ts
View File

@ -73,7 +73,7 @@ declare const exports: Record<string, unknown>
feeCategoryContainerElement.innerHTML = `<div class="panel-heading"> feeCategoryContainerElement.innerHTML = `<div class="panel-heading">
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<h2 class="title is-4 mb-2">${cityssm.escapeHTML(feeCategory.feeCategory ?? '')}</h2> <h2 class="title is-5 has-text-white mb-2">${cityssm.escapeHTML(feeCategory.feeCategory)}</h2>
${ ${
feeCategory.isGroupedFee feeCategory.isGroupedFee
? '<span class="tag">Grouped Fee</span>' ? '<span class="tag">Grouped Fee</span>'
@ -127,7 +127,7 @@ declare const exports: Record<string, unknown>
<div class="message is-info"> <div class="message is-info">
<p class="message-body"> <p class="message-body">
There are no fees in the There are no fees in the
"${cityssm.escapeHTML(feeCategory.feeCategory ?? '')}" "${cityssm.escapeHTML(feeCategory.feeCategory)}"
category. category.
</p> </p>
</div> </div>
@ -157,7 +157,6 @@ declare const exports: Record<string, unknown>
<a class="has-text-weight-bold a--editFee" href="#">${cityssm.escapeHTML(fee.feeName ?? '')}</a><br /> <a class="has-text-weight-bold a--editFee" href="#">${cityssm.escapeHTML(fee.feeName ?? '')}</a><br />
<small> <small>
${ ${
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
cityssm cityssm
.escapeHTML(fee.feeDescription ?? '') .escapeHTML(fee.feeDescription ?? '')
.replaceAll('\n', '<br />') .replaceAll('\n', '<br />')

4
public/javascripts/main.js
View File

@ -118,14 +118,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
<button <button
class="button ${isSmall ? 'is-small' : ''} ${upButtonClassNames}" class="button ${isSmall ? 'is-small' : ''} ${upButtonClassNames}"
data-tooltip="Move Up" data-direction="up" type="button" aria-label="Move Up"> data-tooltip="Move Up" data-direction="up" type="button" aria-label="Move Up">
<i class="fas fa-arrow-up" aria-hidden="true"></i> <span class="icon"><i class="fas fa-arrow-up" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
<div class="control"> <div class="control">
<button <button
class="button ${isSmall ? 'is-small' : ''} ${downButtonClassNames}" class="button ${isSmall ? 'is-small' : ''} ${downButtonClassNames}"
data-tooltip="Move Down" data-direction="down" type="button" aria-label="Move Down"> data-tooltip="Move Down" data-direction="down" type="button" aria-label="Move Down">
<i class="fas fa-arrow-down" aria-hidden="true"></i> <span class="icon"><i class="fas fa-arrow-down" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div>`; </div>`;

4
public/javascripts/main.ts
View File

@ -203,14 +203,14 @@ declare const exports: Record<string, unknown> & {
<button <button
class="button ${isSmall ? 'is-small' : ''} ${upButtonClassNames}" class="button ${isSmall ? 'is-small' : ''} ${upButtonClassNames}"
data-tooltip="Move Up" data-direction="up" type="button" aria-label="Move Up"> data-tooltip="Move Up" data-direction="up" type="button" aria-label="Move Up">
<i class="fas fa-arrow-up" aria-hidden="true"></i> <span class="icon"><i class="fas fa-arrow-up" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
<div class="control"> <div class="control">
<button <button
class="button ${isSmall ? 'is-small' : ''} ${downButtonClassNames}" class="button ${isSmall ? 'is-small' : ''} ${downButtonClassNames}"
data-tooltip="Move Down" data-direction="down" type="button" aria-label="Move Down"> data-tooltip="Move Down" data-direction="down" type="button" aria-label="Move Down">
<i class="fas fa-arrow-down" aria-hidden="true"></i> <span class="icon"><i class="fas fa-arrow-down" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div>` </div>`

12
public/javascripts/tables.admin.js
View File

@ -119,7 +119,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
<div class="control"> <div class="control">
<button class="button is-success" type="submit" aria-label="Save"> <button class="button is-success" type="submit" aria-label="Save">
<i class="fas fa-save" aria-hidden="true"></i> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -131,7 +131,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
<div class="control"> <div class="control">
<button class="button is-danger is-light button--deleteWorkOrderType" data-tooltip="Delete Work Order Type" type="button" aria-label="Delete Work Order Type"> <button class="button is-danger is-light button--deleteWorkOrderType" data-tooltip="Delete Work Order Type" type="button" aria-label="Delete Work Order Type">
<i class="fas fa-trash" aria-hidden="true"></i> <span class="icon"><i class="fas fa-trash" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -290,7 +290,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
<div class="control"> <div class="control">
<button class="button is-success" type="submit" aria-label="Save"> <button class="button is-success" type="submit" aria-label="Save">
<i class="fas fa-save" aria-hidden="true"></i> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -302,7 +302,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
<div class="control"> <div class="control">
<button class="button is-danger is-light button--deleteWorkOrderMilestoneType" data-tooltip="Delete Milestone Type" type="button" aria-label="Delete Milestone Type"> <button class="button is-danger is-light button--deleteWorkOrderMilestoneType" data-tooltip="Delete Milestone Type" type="button" aria-label="Delete Milestone Type">
<i class="fas fa-trash" aria-hidden="true"></i> <span class="icon"><i class="fas fa-trash" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -458,7 +458,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
<div class="control"> <div class="control">
<button class="button is-success" type="submit" aria-label="Save"> <button class="button is-success" type="submit" aria-label="Save">
<i class="fas fa-save" aria-hidden="true"></i>\ <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -470,7 +470,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
</div> </div>
<div class="control"> <div class="control">
<button class="button is-danger is-light button--deleteBurialSiteStatus" data-tooltip="Delete Status" type="button" aria-label="Delete Status"> <button class="button is-danger is-light button--deleteBurialSiteStatus" data-tooltip="Delete Status" type="button" aria-label="Delete Status">
<i class="fas fa-trash" aria-hidden="true"></i> <span class="icon"><i class="fas fa-trash" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>

12
public/javascripts/tables.admin.ts
View File

@ -182,7 +182,7 @@ declare const bulmaJS: BulmaJS
</div> </div>
<div class="control"> <div class="control">
<button class="button is-success" type="submit" aria-label="Save"> <button class="button is-success" type="submit" aria-label="Save">
<i class="fas fa-save" aria-hidden="true"></i> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -198,7 +198,7 @@ declare const bulmaJS: BulmaJS
</div> </div>
<div class="control"> <div class="control">
<button class="button is-danger is-light button--deleteWorkOrderType" data-tooltip="Delete Work Order Type" type="button" aria-label="Delete Work Order Type"> <button class="button is-danger is-light button--deleteWorkOrderType" data-tooltip="Delete Work Order Type" type="button" aria-label="Delete Work Order Type">
<i class="fas fa-trash" aria-hidden="true"></i> <span class="icon"><i class="fas fa-trash" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -432,7 +432,7 @@ declare const bulmaJS: BulmaJS
</div> </div>
<div class="control"> <div class="control">
<button class="button is-success" type="submit" aria-label="Save"> <button class="button is-success" type="submit" aria-label="Save">
<i class="fas fa-save" aria-hidden="true"></i> <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -448,7 +448,7 @@ declare const bulmaJS: BulmaJS
</div> </div>
<div class="control"> <div class="control">
<button class="button is-danger is-light button--deleteWorkOrderMilestoneType" data-tooltip="Delete Milestone Type" type="button" aria-label="Delete Milestone Type"> <button class="button is-danger is-light button--deleteWorkOrderMilestoneType" data-tooltip="Delete Milestone Type" type="button" aria-label="Delete Milestone Type">
<i class="fas fa-trash" aria-hidden="true"></i> <span class="icon"><i class="fas fa-trash" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -675,7 +675,7 @@ declare const bulmaJS: BulmaJS
</div> </div>
<div class="control"> <div class="control">
<button class="button is-success" type="submit" aria-label="Save"> <button class="button is-success" type="submit" aria-label="Save">
<i class="fas fa-save" aria-hidden="true"></i>\ <span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -691,7 +691,7 @@ declare const bulmaJS: BulmaJS
</div> </div>
<div class="control"> <div class="control">
<button class="button is-danger is-light button--deleteBurialSiteStatus" data-tooltip="Delete Status" type="button" aria-label="Delete Status"> <button class="button is-danger is-light button--deleteBurialSiteStatus" data-tooltip="Delete Status" type="button" aria-label="Delete Status">
<i class="fas fa-trash" aria-hidden="true"></i> <span class="icon"><i class="fas fa-trash" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>

0
gulpfile.d.ts → public/javascripts/theme.d.ts vendored
View File

41
public/javascripts/theme.js 100644
View File

@ -0,0 +1,41 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
(() => {
function doLogout() {
const urlPrefix = document.querySelector('main')?.getAttribute('data-url-prefix') ?? '';
globalThis.localStorage.clear();
globalThis.location.href = urlPrefix + '/logout';
}
document
.querySelector('#cityssm-theme--logout-button')
?.addEventListener('click', (clickEvent) => {
clickEvent.preventDefault();
bulmaJS.confirm({
title: 'Log Out?',
message: 'Are you sure you want to log out?',
contextualColorName: 'warning',
okButton: {
text: 'Log Out',
callbackFunction: doLogout
}
});
});
})();
(() => {
const urlPrefix = document.querySelector('main')?.getAttribute('data-url-prefix') ?? '';
const keepAliveMillis = document
.querySelector('main')
?.getAttribute('data-session-keep-alive-millis');
function doKeepAlive() {
cityssm.postJSON(urlPrefix + '/keepAlive', {
t: Date.now()
}, () => {
// Do nothing
});
}
if (keepAliveMillis !== null &&
keepAliveMillis !== undefined &&
keepAliveMillis !== '0') {
globalThis.setInterval(doKeepAlive, Number.parseInt(keepAliveMillis, 10));
}
})();

66
public/javascripts/theme.ts 100644
View File

@ -0,0 +1,66 @@
import type { BulmaJS } from '@cityssm/bulma-js/types.js'
import type { cityssmGlobal } from '@cityssm/bulma-webapp-js/src/types.js'
declare const cityssm: cityssmGlobal
declare const bulmaJS: BulmaJS
/*
* LOGOUT MODAL
*/
;(() => {
function doLogout(): void {
const urlPrefix =
document.querySelector('main')?.getAttribute('data-url-prefix') ?? ''
globalThis.localStorage.clear()
globalThis.location.href = urlPrefix + '/logout'
}
document
.querySelector('#cityssm-theme--logout-button')
?.addEventListener('click', (clickEvent) => {
clickEvent.preventDefault()
bulmaJS.confirm({
title: 'Log Out?',
message: 'Are you sure you want to log out?',
contextualColorName: 'warning',
okButton: {
text: 'Log Out',
callbackFunction: doLogout
}
})
})
})()
/*
* KEEP ALIVE
*/
;(() => {
const urlPrefix =
document.querySelector('main')?.getAttribute('data-url-prefix') ?? ''
const keepAliveMillis = document
.querySelector('main')
?.getAttribute('data-session-keep-alive-millis')
function doKeepAlive(): void {
cityssm.postJSON(
urlPrefix + '/keepAlive',
{
t: Date.now()
},
() => {
// Do nothing
}
)
}
if (
keepAliveMillis !== null &&
keepAliveMillis !== undefined &&
keepAliveMillis !== '0'
) {
globalThis.setInterval(doKeepAlive, Number.parseInt(keepAliveMillis, 10))
}
})()

1
public/stylesheets/style.css
View File

File diff suppressed because one or more lines are too long

162
public/stylesheets/sunrise.css 100644
View File

@ -0,0 +1,162 @@
.has-min-page-height {
min-height: 100vh;
}
/* to fix page titles inside level components, set on .level-left */
.has-flex-shrink-1 {
flex-shrink: 1;
}
.has-border-radius-3 {
border-radius: 3px;
}
/*
* Tabs
*/
.tab-content {
display: none;
}
.tab-content.is-active {
display: block;
}
/*
* Login page
*/
#is-login-page {
overflow: auto;
background-position: top center;
background-size: cover;
}
#is-login-page body > .columns {
min-height: 100vh;
}
/*
* Print
*/
.container.is-page {
width: 8.5in;
padding: 10px 20px 20px;
margin: 20px auto;
background-color: var(--bulma-white);
border: 1px solid var(--bulma-black);
}
@media print {
.container.is-page {
width: 100%;
padding: 0;
border: 0;
}
}
/*
* z-index to compensate for leaflet
*/
.navbar.is-fixed-top {
z-index: 1100;
}
.modal {
z-index: 1200;
}
/*
* Static button pointer events
*/
span.button.is-static {
pointer-events: all;
cursor: default;
}
/*
* Fixed Level
*/
.level.is-fixed-bottom {
z-index: 1100;
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
margin: 0;
&.has-shadow {
box-shadow: 0 -2px 0 0 #f5f5f5;
}
}
/*
* Fixed bottom
*/
@media screen {
.fixed-container {
position: fixed;
z-index: 30;
display: inline-block;
}
.fixed-container.is-fixed-bottom-right {
right: 0;
bottom: 0;
}
.fixed-container.is-fixed-bottom {
right: 0;
bottom: 0;
left: 0;
}
}
/*
* Circle Button
*/
.button.is-circle {
width: 2.2em;
height: 2.2em;
font-size: 2em;
border-radius: 50%;
}
/*
* Modal right-justified button spacing
*/
.modal .buttons.is-block.has-text-right > .button {
margin-left: 0.5em;
}
/*
* Form elements
*/
.textarea {
resize: vertical;
}
.input[type='number'] {
-moz-appearance: textfield;
&::-webkit-inner-spin-button,
&::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
}
}
.select option:disabled {
display: none;
}

2
views/_footerA.ejs
View File

@ -28,6 +28,6 @@
cityssm.htmlModalFolder ="<%= urlPrefix %>/html/"; cityssm.htmlModalFolder ="<%= urlPrefix %>/html/";
bulmaJS.init(); bulmaJS.init();
</script> </script>
<script src="<%= urlPrefix %>/lib/cityssm-bulma-webapp-js/cityssm-theme.min.js" defer></script> <script src="<%= urlPrefix %>/javascripts/theme.js" defer></script>
<script src="<%= urlPrefix %>/lib/fa/js/all.min.js" defer></script> <script src="<%= urlPrefix %>/lib/fa/js/all.min.js" defer></script>
<script src="<%= urlPrefix %>/javascripts/main.js"></script> <script src="<%= urlPrefix %>/javascripts/main.js"></script>

25
views/_header.ejs
View File

@ -13,7 +13,10 @@
<link rel="icon" href="<%= urlPrefix + configFunctions.getConfigProperty("application.logoURL") %>" /> <link rel="icon" href="<%= urlPrefix + configFunctions.getConfigProperty("application.logoURL") %>" />
<link rel="stylesheet" href="<%= urlPrefix %>/stylesheets/style.css" /> <link rel="stylesheet" href="<%= urlPrefix %>/lib/cityssm-bulma-sticky-table/bulma-with-sticky-table.css" />
<link rel="stylesheet" href="<%= urlPrefix %>/lib/bulma-tooltip/bulma-tooltip.min.css" />
<link rel="stylesheet" href="<%= urlPrefix %>/lib/cityssm-fa-glow/fa-glow.min.css" />
<link rel="stylesheet" href="<%= urlPrefix %>/stylesheets/sunrise.css" />
<link rel="stylesheet" href="<%= urlPrefix %>/lib/leaflet/leaflet.css" /> <link rel="stylesheet" href="<%= urlPrefix %>/lib/leaflet/leaflet.css" />
</head> </head>
@ -23,7 +26,7 @@
<div class="container"> <div class="container">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="<%= urlPrefix %>/dashboard" accesskey="0"> <a class="navbar-item" href="<%= urlPrefix %>/dashboard" accesskey="0">
<img class="mr-3" <img
src="<%= urlPrefix + configFunctions.getConfigProperty("application.logoURL") %>" src="<%= urlPrefix + configFunctions.getConfigProperty("application.logoURL") %>"
alt="" alt=""
height="28" /> height="28" />
@ -39,14 +42,14 @@
<div class="navbar-menu"> <div class="navbar-menu">
<div class="navbar-start"> <div class="navbar-start">
<a class="navbar-item" href="<%= urlPrefix %>/workOrders" accesskey="1"> <a class="navbar-item" href="<%= urlPrefix %>/workOrders" accesskey="1">
<span class="icon mr-1"> <span class="icon">
<i class="fas fa-hard-hat" aria-hidden="true"></i> <i class="fas fa-hard-hat" aria-hidden="true"></i>
</span> </span>
<span>Work Orders</span> <span>Work Orders</span>
</a> </a>
<a class="navbar-item" href="<%= urlPrefix %>/contracts" accesskey="2"> <a class="navbar-item" href="<%= urlPrefix %>/contracts" accesskey="2">
<span class="icon mr-1"> <span class="icon">
<span class="fa-layers fa-fw" aria-hidden="true"> <span class="fa-layers fa-fw" aria-hidden="true">
<i class="fas fa-vector-square"></i> <i class="fas fa-vector-square"></i>
<i class="fas fa-user" data-fa-transform="shrink-10"></i> <i class="fas fa-user" data-fa-transform="shrink-10"></i>
@ -58,32 +61,32 @@
<div class="navbar-item has-dropdown"> <div class="navbar-item has-dropdown">
<a class="navbar-link is-arrowless" href="#"> <a class="navbar-link is-arrowless" href="#">
<span>More</span> <span>More</span>
<span class="icon ml-1"> <span class="icon">
<i class="fas fa-angle-down" aria-hidden="true"></i> <i class="fas fa-angle-down" aria-hidden="true"></i>
</span> </span>
</a> </a>
<div class="navbar-dropdown"> <div class="navbar-dropdown">
<a class="navbar-item" href="<%= urlPrefix %>/funeralHomes"> <a class="navbar-item" href="<%= urlPrefix %>/funeralHomes">
<span class="icon mr-1"> <span class="icon">
<i class="fas fa-fw fa-place-of-worship" aria-hidden="true"></i> <i class="fas fa-fw fa-place-of-worship" aria-hidden="true"></i>
</span> </span>
<span>Funeral Homes</span> <span>Funeral Homes</span>
</a> </a>
<a class="navbar-item" href="<%= urlPrefix %>/burialSites" accesskey="3"> <a class="navbar-item" href="<%= urlPrefix %>/burialSites" accesskey="3">
<span class="icon mr-1"> <span class="icon">
<i class="fas fa-fw fa-vector-square" aria-hidden="true"></i> <i class="fas fa-fw fa-vector-square" aria-hidden="true"></i>
</span> </span>
<span>Burial Sites</span> <span>Burial Sites</span>
</a> </a>
<a class="navbar-item" href="<%= urlPrefix %>/cemeteries" accesskey="4"> <a class="navbar-item" href="<%= urlPrefix %>/cemeteries" accesskey="4">
<span class="icon mr-1"> <span class="icon">
<i class="far fa-fw fa-map" aria-hidden="true"></i> <i class="far fa-fw fa-map" aria-hidden="true"></i>
</span> </span>
<span>Cemeteries</span> <span>Cemeteries</span>
</a> </a>
<hr class="navbar-divider" /> <hr class="navbar-divider" />
<a class="navbar-item" href="<%= urlPrefix %>/reports"> <a class="navbar-item" href="<%= urlPrefix %>/reports">
<span class="icon mr-1"> <span class="icon">
<i class="fas fa-fw fa-file" aria-hidden="true"></i> <i class="fas fa-fw fa-file" aria-hidden="true"></i>
</span> </span>
<span>Reports</span> <span>Reports</span>
@ -93,7 +96,7 @@
target="_blank" target="_blank"
accesskey="h" accesskey="h"
rel="noopener noreferrer"> rel="noopener noreferrer">
<span class="icon mr-1"> <span class="icon">
<i class="fas fa-fw fa-question-circle" aria-hidden="true"></i> <i class="fas fa-fw fa-question-circle" aria-hidden="true"></i>
</span> </span>
<span>Help</span> <span>Help</span>
@ -104,7 +107,7 @@
<div class="navbar-end"> <div class="navbar-end">
<a class="navbar-item" id="cityssm-theme--logout-button" role="button" href="#" accesskey="x"> <a class="navbar-item" id="cityssm-theme--logout-button" role="button" href="#" accesskey="x">
<span class="icon mr-1"> <span class="icon">
<i class="fas fa-fw fa-sign-out-alt" aria-hidden="true"></i> <i class="fas fa-fw fa-sign-out-alt" aria-hidden="true"></i>
</span> </span>
<span>Log Out <%=user.userName %></span> <span>Log Out <%=user.userName %></span>

6
views/admin-tables.ejs
View File

@ -68,7 +68,7 @@
</div> </div>
<div class="control"> <div class="control">
<button class="button is-success has-tooltip-bottom" data-tooltip="Add Work Order Type" type="submit" aria-label="Add Work Order Type"> <button class="button is-success has-tooltip-bottom" data-tooltip="Add Work Order Type" type="submit" aria-label="Add Work Order Type">
<i class="fas fa-plus" aria-hidden="true"></i> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -98,7 +98,7 @@
</div> </div>
<div class="control"> <div class="control">
<button class="button is-success has-tooltip-bottom" data-tooltip="Add Work Order Milestone Type" type="submit" aria-label="Add Work Order Milestone Type"> <button class="button is-success has-tooltip-bottom" data-tooltip="Add Work Order Milestone Type" type="submit" aria-label="Add Work Order Milestone Type">
<i class="fas fa-plus" aria-hidden="true"></i> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -128,7 +128,7 @@
</div> </div>
<div class="control"> <div class="control">
<button class="button is-success has-tooltip-bottom" data-tooltip="Add Status" type="submit" aria-label="Add Status"> <button class="button is-success has-tooltip-bottom" data-tooltip="Add Status" type="submit" aria-label="Add Status">
<i class="fas fa-plus" aria-hidden="true"></i> <span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>

6
views/burialSite-edit.ejs
View File

@ -47,7 +47,7 @@
<div class="level-right"> <div class="level-right">
<% if (isCreate) { %> <% if (isCreate) { %>
<div class="level-item"> <div class="level-item">
<a class="button is-danger is-inverted" href="<%= urlPrefix %>/burialSites"> <a class="button is-danger is-outlined" href="<%= urlPrefix %>/burialSites">
Cancel Cancel
</a> </a>
</div> </div>
@ -181,7 +181,7 @@
</div> </div>
<div class="control"> <div class="control">
<button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field"> <button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field">
<i class="fas fa-unlock" aria-hidden="true"></i> <span class="icon"><i class="fas fa-unlock" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -224,7 +224,7 @@
</div> </div>
<div class="control"> <div class="control">
<button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field"> <button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field">
<i class="fas fa-unlock" aria-hidden="true"></i> <span class="icon"><i class="fas fa-unlock" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>

184
views/burialSite-view.ejs
View File

@ -33,7 +33,7 @@
data-tooltip="Previous Burial Site" data-tooltip="Previous Burial Site"
href="<%= urlPrefix %>/burialSites/<%= burialSite.burialSiteId %>/previous" href="<%= urlPrefix %>/burialSites/<%= burialSite.burialSiteId %>/previous"
accesskey=","> accesskey=",">
<i class="fas fa-arrow-left" aria-hidden="true"></i> <span class="icon m-0"><i class="fas fa-arrow-left" aria-hidden="true"></i></span>
<span class="sr-only">Previous Burial Site</span> <span class="sr-only">Previous Burial Site</span>
</a> </a>
</div> </div>
@ -61,42 +61,42 @@
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<div class="panel"> <div class="panel">
<div class="panel-block is-block"> <div class="panel-block is-block">
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<p class="mb-2"> <p class="mb-2">
<strong>Cemetery</strong><br /> <strong>Cemetery</strong><br />
<a href="<%= urlPrefix %>/cemeteries/<%= burialSite.cemeteryId %>"> <a href="<%= urlPrefix %>/cemeteries/<%= burialSite.cemeteryId %>">
<%= burialSite.cemeteryName || "(No Name)" %> <%= burialSite.cemeteryName || "(No Name)" %>
</a> </a>
</p> </p>
<p class="mb-2"> <p class="mb-2">
<strong>Burial Site Type</strong><br /> <strong>Burial Site Type</strong><br />
<%= burialSite.burialSiteType %> <%= burialSite.burialSiteType %>
</p> </p>
<p> <p>
<strong>Status</strong><br /> <strong>Status</strong><br />
<%= burialSite.burialSiteStatus %> <%= burialSite.burialSiteStatus %>
</p> </p>
</div>
<% if (burialSite.burialSiteFields.length > 0) { %>
<div class="column">
<% for (const burialSiteField of burialSite.burialSiteFields) { %>
<p class="mb-2">
<strong><%= burialSiteField.burialSiteTypeField %></strong><br />
<% if (burialSiteField.fieldValue) { %>
<%= burialSiteField.fieldValue %>
<% } else { %>
<span class="has-text-grey">(No Value)</span>
<% } %>
</p>
<% } %>
</div>
<% } %>
</div>
</div> </div>
<% if (burialSite.burialSiteFields.length > 0) { %>
<div class="column">
<% for (const burialSiteField of burialSite.burialSiteFields) { %>
<p class="mb-2">
<strong><%= burialSiteField.burialSiteTypeField %></strong><br />
<% if (burialSiteField.fieldValue) { %>
<%= burialSiteField.fieldValue %>
<% } else { %>
<span class="has-text-grey">(No Value)</span>
<% } %>
</p>
<% } %>
</div>
<% } %>
</div>
</div> </div>
</div>
</div> </div>
<% if (burialSite.cemeterySvg) { %> <% if (burialSite.cemeterySvg) { %>
<div class="column"> <div class="column">
@ -107,7 +107,7 @@
<div class="image" id="burialSite--cemeterySvg" data-map-key="<%= burialSite.cemeterySvgId %>"> <div class="image" id="burialSite--cemeterySvg" data-map-key="<%= burialSite.cemeterySvgId %>">
<%- include('../public/images/cemeteries/' + burialSite.cemeterySvg); -%> <%- include('../public/images/cemeteries/' + burialSite.cemeterySvg); -%>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<% } %> <% } %>
@ -149,64 +149,64 @@
<span class="tag"><%= burialSite.contracts.length %></span> <span class="tag"><%= burialSite.contracts.length %></span>
</h2> </h2>
<div class="panel-block is-block"> <div class="panel-block is-block">
<% if (burialSite.contracts.length === 0) { %> <% if (burialSite.contracts.length === 0) { %>
<div class="message is-info"> <div class="message is-info">
<p class="message-body"> <p class="message-body">
There are no contracts asscociated with this burial site. There are no contracts asscociated with this burial site.
</p> </p>
</div> </div>
<% } else { %> <% } else { %>
<table class="table is-fullwidth is-striped is-hoverable"> <table class="table is-fullwidth is-striped is-hoverable">
<thead> <thead>
<tr>
<th class="has-width-10">&nbsp;</th>
<th>Contract Type</th>
<th>Contract Date</th>
<th>End Date</th>
<th>Interments</th>
</tr>
</thead>
<tbody>
<% const currentDate = dateTimeFunctions.dateToInteger(new Date()); %>
<% for (const contract of burialSite.contracts) { %>
<% const isActive = !(contract.contractEndDate && contract.contractEndDate < currentDate); %>
<tr> <tr>
<th class="has-width-10">&nbsp;</th> <td class="has-text-centered">
<th>Contract Type</th> <% if (isActive) { %>
<th>Contract Date</th> <i class="fas fa-play" title="Current Contract"></i>
<th>End Date</th> <% } else { %>
<th>Interments</th> <i class="fas fa-stop" title="Previous Contract"></i>
<% } %>
</td>
<td>
<a class="has-text-weight-bold"
href="<%= urlPrefix %>/contracts/<%= contract.contractId %>">
<%= contract.contractType %>
</a><br />
<span class="is-size-7">#<%= contract.contractId %></span>
</td>
<td><%= contract.contractStartDateString %></td>
<td>
<% if (contract.contractEndDate) { %>
<%= contract.contractEndDateString %>
<% } else { %>
<span class="has-text-grey">(No End Date)</span>
<% } %>
</td>
<td>
<% if (contract.contractInterments.length === 0) { %>
<span class="has-text-grey">(No Interments)</span>
<% } else { %>
<% for (const interment of contract.contractInterments) { %>
<%= interment.deceasedName %>
<% } %>
<% } %>
</td>
</tr> </tr>
</thead> <% } %>
<tbody> </tbody>
<% const currentDate = dateTimeFunctions.dateToInteger(new Date()); %> </table>
<% for (const contract of burialSite.contracts) { %> <% } %>
<% const isActive = !(contract.contractEndDate && contract.contractEndDate < currentDate); %>
<tr>
<td class="has-text-centered">
<% if (isActive) { %>
<i class="fas fa-play" title="Current Contract"></i>
<% } else { %>
<i class="fas fa-stop" title="Previous Contract"></i>
<% } %>
</td>
<td>
<a class="has-text-weight-bold"
href="<%= urlPrefix %>/contracts/<%= contract.contractId %>">
<%= contract.contractType %>
</a><br />
<span class="is-size-7">#<%= contract.contractId %></span>
</td>
<td><%= contract.contractStartDateString %></td>
<td>
<% if (contract.contractEndDate) { %>
<%= contract.contractEndDateString %>
<% } else { %>
<span class="has-text-grey">(No End Date)</span>
<% } %>
</td>
<td>
<% if (contract.contractInterments.length === 0) { %>
<span class="has-text-grey">(No Interments)</span>
<% } else { %>
<% for (const interment of contract.contractInterments) { %>
<%= interment.deceasedName %>
<% } %>
<% } %>
</td>
</tr>
<% } %>
</tbody>
</table>
<% } %>
</div> </div>
</div> </div>

4
views/cemetery-edit.ejs
View File

@ -47,7 +47,7 @@
<div class="level-right"> <div class="level-right">
<% if (isCreate) { %> <% if (isCreate) { %>
<div class="level-item"> <div class="level-item">
<a class="button is-danger is-inverted" href="<%= urlPrefix %>/cemeteries"> <a class="button is-danger is-outlined" href="<%= urlPrefix %>/cemeteries">
Cancel Cancel
</a> </a>
</div> </div>
@ -226,7 +226,7 @@
<div class="level is-mobile"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-5 has-text-weight-bold"> <h2 class="title is-5 has-text-white has-text-weight-bold">
Burial Site Summaries Burial Site Summaries
<a class="tag is-link ml-2" href="<%= burialSiteSearchUrl %>"> <a class="tag is-link ml-2" href="<%= burialSiteSearchUrl %>">
<%= cemetery.burialSiteCount %> <%= cemetery.burialSiteCount %>

36
views/cemetery-view.ejs
View File

@ -34,20 +34,20 @@
<div class="level-right"> <div class="level-right">
<div class="level-item"> <div class="level-item">
<a class="button is-link is-outlined has-tooltip-left" <a class="button is-link is-outlined has-tooltip-left"
data-tooltip="Previous Cemetery" data-tooltip="Previous Cemetery"
href="<%= urlPrefix %>/cemeteries/<%= cemetery.cemeteryId %>/previous" href="<%= urlPrefix %>/cemeteries/<%= cemetery.cemeteryId %>/previous"
accesskey=","> accesskey=",">
<i class="fas fa-arrow-left" aria-hidden="true"></i> <span class="icon m-0"><i class="fas fa-arrow-left" aria-hidden="true"></i></span>
<span class="sr-only">Previous Cemetery</span> <span class="sr-only">Previous Cemetery</span>
</a> </a>
</div> </div>
<div class="level-item"> <div class="level-item">
<a class="button is-link has-tooltip-left" <a class="button is-link has-tooltip-left"
data-tooltip="Next Cemetery" data-tooltip="Next Cemetery"
href="<%= urlPrefix %>/cemeteries/<%= cemetery.cemeteryId %>/next" href="<%= urlPrefix %>/cemeteries/<%= cemetery.cemeteryId %>/next"
accesskey="."> accesskey=".">
<span>Next</span> <span>Next</span>
<span class="icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span> <span class="icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
</a> </a>
</div> </div>
<% if (user.userProperties.canUpdate) { %> <% if (user.userProperties.canUpdate) { %>
@ -98,13 +98,13 @@
<div class="panel"> <div class="panel">
<h2 class="panel-heading">Geographic Location</h2> <h2 class="panel-heading">Geographic Location</h2>
<div class="panel-block is-block"> <div class="panel-block is-block">
<% if (cemetery.cemeteryLatitude && cemetery.cemeteryLongitude) { %> <% if (cemetery.cemeteryLatitude && cemetery.cemeteryLongitude) { %>
<div id="cemetery--leaflet" data-cemetery-latitude="<%= cemetery.cemeteryLatitude %>" data-cemetery-longitude="<%= cemetery.cemeteryLongitude %>" style="height:300px"></div> <div id="cemetery--leaflet" data-cemetery-latitude="<%= cemetery.cemeteryLatitude %>" data-cemetery-longitude="<%= cemetery.cemeteryLongitude %>" style="height:300px"></div>
<% } else { %> <% } else { %>
<div class="message is-info"> <div class="message is-info">
<p class="message-body">There are no geographic coordinates associated with this cemetery.</p> <p class="message-body">There are no geographic coordinates associated with this cemetery.</p>
</div> </div>
<% } %> <% } %>
</div> </div>
</div> </div>
</div> </div>
@ -133,7 +133,7 @@
<div class="level is-mobile"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-5 has-text-weight-bold"> <h2 class="title is-5 has-text-weight-bold has-text-white">
Burial Site Summaries Burial Site Summaries
<a class="tag is-link ml-2" href="<%= burialSiteSearchUrl %>"> <a class="tag is-link ml-2" href="<%= burialSiteSearchUrl %>">
<%= cemetery.burialSiteCount %> <%= cemetery.burialSiteCount %>

10
views/contract-edit.ejs
View File

@ -90,7 +90,7 @@
<% } %> <% } %>
<% if (isCreate) { %> <% if (isCreate) { %>
<div class="level-item"> <div class="level-item">
<a class="button is-danger is-inverted" href="<%= urlPrefix %>/contracts"> <a class="button is-danger is-outlined" href="<%= urlPrefix %>/contracts">
Cancel Cancel
</a> </a>
</div> </div>
@ -186,7 +186,7 @@
</div> </div>
<div class="control is-hidden-print"> <div class="control is-hidden-print">
<button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Contract Type Field"> <button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Contract Type Field">
<i class="fas fa-unlock" aria-hidden="true"></i> <span class="icon"><i class="fas fa-unlock" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -205,17 +205,17 @@
</div> </div>
<div class="control is-hidden-print"> <div class="control is-hidden-print">
<button class="button is-clear-burial-site-button" data-tooltip="Clear" type="button" aria-label="Clear Burial Site Field"> <button class="button is-clear-burial-site-button" data-tooltip="Clear" type="button" aria-label="Clear Burial Site Field">
<i class="fas fa-eraser" aria-hidden="true"></i> <span class="icon"><i class="fas fa-eraser" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
<div class="control is-hidden-print"> <div class="control is-hidden-print">
<button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Burial Site Field"> <button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Burial Site Field">
<i class="fas fa-unlock" aria-hidden="true"></i> <span class="icon"><i class="fas fa-unlock" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
<div class="control is-hidden-print"> <div class="control is-hidden-print">
<button class="button is-burial-site-view-button" data-tooltip="Open Burial Site" type="button" aria-label="Open Burial Site"> <button class="button is-burial-site-view-button" data-tooltip="Open Burial Site" type="button" aria-label="Open Burial Site">
<i class="fas fa-external-link-alt" aria-hidden="true"></i> <span class="icon"><i class="fas fa-external-link-alt" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>

24
views/dashboard.ejs
View File

@ -13,7 +13,7 @@
<div class="level is-mobile"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-5 has-text-weight-bold has-text-white"> <h2 class="title is-5 has-text-weight-bold">
Today's Milestones Today's Milestones
</h2> </h2>
</div> </div>
@ -106,7 +106,7 @@
</span> </span>
</div> </div>
<a class="media-content" href="<%= urlPrefix %>/workOrders"> <a class="media-content" href="<%= urlPrefix %>/workOrders">
<h2 class="title is-4 is-marginless has-text-link"> <h2 class="title is-4 mb-0 has-text-link">
Work Orders Work Orders
</h2> </h2>
<p> <p>
@ -150,7 +150,7 @@
</span> </span>
</div> </div>
<a class="media-content" href="<%= urlPrefix %>/contracts"> <a class="media-content" href="<%= urlPrefix %>/contracts">
<h2 class="title is-4 is-marginless has-text-link"> <h2 class="title is-4 mb-0 has-text-link">
Contracts Contracts
</h2> </h2>
<p> <p>
@ -189,7 +189,7 @@
<i class="fas fa-4x fa-fw fa-vector-square" aria-hidden="true"></i> <i class="fas fa-4x fa-fw fa-vector-square" aria-hidden="true"></i>
</div> </div>
<a class="media-content" href="<%= urlPrefix %>/burialSites"> <a class="media-content" href="<%= urlPrefix %>/burialSites">
<h2 class="title is-4 is-marginless has-text-link"> <h2 class="title is-4 mb-0 has-text-link">
Burial Sites Burial Sites
</h2> </h2>
<p> <p>
@ -220,7 +220,7 @@
<i class="far fa-4x fa-fw fa-map" aria-hidden="true"></i> <i class="far fa-4x fa-fw fa-map" aria-hidden="true"></i>
</div> </div>
<a class="media-content" href="<%= urlPrefix %>/cemeteries"> <a class="media-content" href="<%= urlPrefix %>/cemeteries">
<h2 class="title is-4 is-marginless has-text-link"> <h2 class="title is-4 mb-0 has-text-link">
Cemeteries Cemeteries
</h2> </h2>
<p> <p>
@ -253,7 +253,7 @@
<i class="fas fa-4x fa-fw fa-file" aria-hidden="true"></i> <i class="fas fa-4x fa-fw fa-file" aria-hidden="true"></i>
</div> </div>
<a class="media-content" href="<%= urlPrefix %>/reports"> <a class="media-content" href="<%= urlPrefix %>/reports">
<h2 class="title is-4 is-marginless has-text-link"> <h2 class="title is-4 mb-0 has-text-link">
Report Library Report Library
</h2> </h2>
<p>Produce reports and export data.</p> <p>Produce reports and export data.</p>
@ -290,7 +290,7 @@
</span> </span>
</div> </div>
<a class="media-content" href="<%= urlPrefix %>/admin/fees"> <a class="media-content" href="<%= urlPrefix %>/admin/fees">
<h2 class="title is-4 is-marginless has-text-link"> <h2 class="title is-4 mb-0 has-text-link">
Fee Management Fee Management
</h2> </h2>
<p> <p>
@ -309,7 +309,7 @@
</span> </span>
</div> </div>
<a class="media-content" href="<%= urlPrefix %>/admin/contractTypes"> <a class="media-content" href="<%= urlPrefix %>/admin/contractTypes">
<h2 class="title is-4 is-marginless has-text-link"> <h2 class="title is-4 mb-0 has-text-link">
Contract Type Management Contract Type Management
</h2> </h2>
<p> <p>
@ -329,7 +329,7 @@
</span> </span>
</div> </div>
<a class="media-content" href="<%= urlPrefix %>/admin/burialSiteTypes"> <a class="media-content" href="<%= urlPrefix %>/admin/burialSiteTypes">
<h2 class="title is-4 is-marginless has-text-link"> <h2 class="title is-4 mb-0 has-text-link">
Burial Site Type Management Burial Site Type Management
</h2> </h2>
<p> <p>
@ -347,7 +347,7 @@
</span> </span>
</div> </div>
<a class="media-content" href="<%= urlPrefix %>/admin/tables"> <a class="media-content" href="<%= urlPrefix %>/admin/tables">
<h2 class="title is-4 is-marginless has-text-link"> <h2 class="title is-4 mb-0 has-text-link">
Config Table Management Config Table Management
</h2> </h2>
<p> <p>
@ -364,7 +364,7 @@
<i class="fas fa-4x fa-fw fa-database" aria-hidden="true"></i> <i class="fas fa-4x fa-fw fa-database" aria-hidden="true"></i>
</div> </div>
<a class="media-content" href="<%= urlPrefix %>/admin/database"> <a class="media-content" href="<%= urlPrefix %>/admin/database">
<h2 class="title is-4 is-marginless has-text-link"> <h2 class="title is-4 mb-0 has-text-link">
Database Maintenance Database Maintenance
</h2> </h2>
<p> <p>
@ -381,7 +381,7 @@
<i class="far fa-4x fa-fw fa-comment-alt" aria-hidden="true"></i> <i class="far fa-4x fa-fw fa-comment-alt" aria-hidden="true"></i>
</div> </div>
<a class="media-content" href="<%= urlPrefix %>/admin/ntfyStartup"> <a class="media-content" href="<%= urlPrefix %>/admin/ntfyStartup">
<h2 class="title is-4 is-marginless has-text-link"> <h2 class="title is-4 mb-0 has-text-link">
Ntfy Startup Notification Ntfy Startup Notification
</h2> </h2>
<p> <p>

2
views/funeralHome-edit.ejs
View File

@ -47,7 +47,7 @@
<div class="level-right"> <div class="level-right">
<% if (isCreate) { %> <% if (isCreate) { %>
<div class="level-item"> <div class="level-item">
<a class="button is-danger is-inverted" href="<%= urlPrefix %>/funeralHomes"> <a class="button is-danger is-outlined" href="<%= urlPrefix %>/funeralHomes">
Cancel Cancel
</a> </a>
</div> </div>

3
views/login.ejs
View File

@ -12,7 +12,8 @@
<link rel="icon" href="<%= urlPrefix + configFunctions.getConfigProperty("application.logoURL") %>" /> <link rel="icon" href="<%= urlPrefix + configFunctions.getConfigProperty("application.logoURL") %>" />
<link rel="stylesheet" href="<%= urlPrefix %>/stylesheets/style.css" /> <link rel="stylesheet" href="<%= urlPrefix %>/lib/cityssm-bulma-sticky-table/bulma-with-sticky-table.css" />
<link rel="stylesheet" href="<%= urlPrefix %>/stylesheets/sunrise.css" />
</head> </head>
<body> <body>

3
views/print/screen/_header-print.ejs
View File

@ -11,7 +11,8 @@
<link rel="icon" href="<%= urlPrefix %>/images/favicon.png" /> <link rel="icon" href="<%= urlPrefix %>/images/favicon.png" />
<link rel="stylesheet" href="<%= urlPrefix %>/stylesheets/style.css" /> <link rel="stylesheet" href="<%= urlPrefix %>/lib/bulma/bulma.min.css" />
<link rel="stylesheet" href="<%= urlPrefix %>/stylesheets/sunrise.css" />
<link rel="stylesheet" href="<%= urlPrefix %>/lib/fa/css/all.min.css" /> <link rel="stylesheet" href="<%= urlPrefix %>/lib/fa/css/all.min.css" />
</head> </head>

6
views/workOrder-edit.ejs
View File

@ -87,7 +87,7 @@
<% } %> <% } %>
<% if (isCreate) { %> <% if (isCreate) { %>
<div class="level-item"> <div class="level-item">
<a class="button is-danger is-inverted" href="<%= urlPrefix %>/workOrders"> <a class="button is-danger is-outlined" href="<%= urlPrefix %>/workOrders">
Cancel Cancel
</a> </a>
</div> </div>
@ -143,7 +143,7 @@
</div> </div>
<div class="control"> <div class="control">
<button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field"> <button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field">
<i class="fas fa-unlock" aria-hidden="true"></i> <span class="icon"><i class="fas fa-unlock" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
</div> </div>
@ -295,7 +295,7 @@
<div class="level is-mobile"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title has-text-weight-bold is-5">Milestones</h2> <h2 class="title is-5 has-text-white has-text-weight-bold">Milestones</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right">

308
views/workOrder-view.ejs
View File

@ -88,176 +88,176 @@
<div class="column"> <div class="column">
<div class="panel"> <div class="panel">
<div class="panel-block is-block"> <div class="panel-block is-block">
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<p class="mb-2"> <p class="mb-2">
<strong>Work Order Type</strong><br /> <strong>Work Order Type</strong><br />
<%= workOrder.workOrderType %> <%= workOrder.workOrderType %>
</p> </p>
<p> <p>
<strong>Description</strong><br /> <strong>Description</strong><br />
<% if (workOrder.workOrderDescription) { %> <% if (workOrder.workOrderDescription) { %>
<%= workOrder.workOrderDescription %> <%= workOrder.workOrderDescription %>
<% } else { %> <% } else { %>
<span class="has-text-grey">(No Description)</span> <span class="has-text-grey">(No Description)</span>
<% } %> <% } %>
</p> </p>
</div>
<div class="column">
<p class="mb-2">
<strong><%= configFunctions.getConfigProperty("aliases.workOrderOpenDate") %></strong><br />
<%= workOrder.workOrderOpenDateString %>
</p>
<p>
<strong><%= configFunctions.getConfigProperty("aliases.workOrderCloseDate") %></strong><br />
<% if (workOrder.workOrderCloseDate) { %>
<%= workOrder.workOrderCloseDateString %>
<% } else { %>
<span class="has-text-grey">
(No <%= configFunctions.getConfigProperty("aliases.workOrderCloseDate") %>)
</span>
<% } %>
</p>
</div>
</div> </div>
<div class="column">
<p class="mb-2">
<strong><%= configFunctions.getConfigProperty("aliases.workOrderOpenDate") %></strong><br />
<%= workOrder.workOrderOpenDateString %>
</p>
<p>
<strong><%= configFunctions.getConfigProperty("aliases.workOrderCloseDate") %></strong><br />
<% if (workOrder.workOrderCloseDate) { %>
<%= workOrder.workOrderCloseDateString %>
<% } else { %>
<span class="has-text-grey">
(No <%= configFunctions.getConfigProperty("aliases.workOrderCloseDate") %>)
</span>
<% } %>
</p>
</div>
</div>
</div> </div>
</div> </div>
<div class="panel"> <div class="panel">
<h2 class="panel-heading">Related Burial Sites</h2> <h2 class="panel-heading">Related Burial Sites</h2>
<div class="panel-block is-block"> <div class="panel-block is-block">
<% <%
const tabToSelect = (workOrder.workOrderContracts.length > 0 || workOrder.workOrderBurialSites.length === 0 ? "contracts" : "burialSites"); const tabToSelect = (workOrder.workOrderContracts.length > 0 || workOrder.workOrderBurialSites.length === 0 ? "contracts" : "burialSites");
%> %>
<div class="tabs is-boxed"> <div class="tabs is-boxed">
<ul> <ul>
<li class="<%= (tabToSelect === "contracts" ? "is-active" : "") %>"> <li class="<%= (tabToSelect === "contracts" ? "is-active" : "") %>">
<a href="#relatedTab--contracts"> <a href="#relatedTab--contracts">
<span>Contracts</span> <span>Contracts</span>
<span class="ml-2 tag"><%= workOrder.workOrderContracts.length %></span> <span class="ml-2 tag"><%= workOrder.workOrderContracts.length %></span>
</a> </a>
</li> </li>
<li class="<%= (tabToSelect === "burialSites" ? "is-active" : "") %>"> <li class="<%= (tabToSelect === "burialSites" ? "is-active" : "") %>">
<a href="#relatedTab--burialSites"> <a href="#relatedTab--burialSites">
<span>Burial Sites</span> <span>Burial Sites</span>
<span class="ml-2 tag"><%= workOrder.workOrderBurialSites.length %></span> <span class="ml-2 tag"><%= workOrder.workOrderBurialSites.length %></span>
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="tab-container"> <div class="tab-container">
<div class="<%= (tabToSelect === "contracts" ? "" : "is-hidden") %>" id="relatedTab--contracts"> <div class="<%= (tabToSelect === "contracts" ? "" : "is-hidden") %>" id="relatedTab--contracts">
<% if (workOrder.workOrderContracts.length === 0) { %> <% if (workOrder.workOrderContracts.length === 0) { %>
<div class="message is-info">
<p class="message-body">
There are no contracts associated with this work order.
</p>
</div>
<% } else { %>
<% const currentDate = dateTimeFunctions.dateToInteger(new Date()); %>
<table class="table is-fullwidth is-striped is-hoverable">
<thead>
<tr>
<th class="has-width-1"></th>
<th>Contract Type</th>
<th>Burial Site</th>
<th>Contract Date</th>
<th>End Date</th>
<th>Interments</th>
</tr>
</thead>
<tbody>
<% for (const contract of workOrder.workOrderContracts) { %>
<% const isActive = !(contract.contractEndDate && contract.contractEndDate < currentDate); %>
<tr>
<td class="has-text-centered">
<% if (isActive) { %>
<i class="fas fa-play" title="Current Contract"></i>
<% } else { %>
<i class="fas fa-stop" title="Previous Contract"></i>
<% } %>
</td>
<td>
<a class="has-text-weight-bold"
href="<%= urlPrefix %>/contracts/<%= contract.contractId %>">
<%= contract.contractType %>
</a><br />
<span class="is-size-7">
#<%= contract.contractId %>
</span>
</td>
<td>
<% if (contract.burialSiteId) { %>
<%= contract.burialSiteName %>
<% } else { %>
<span class="has-text-grey">(No Burial Site)</span>
<% } %>
</td>
<td><%= contract.contractStartDateString %></td>
<td>
<% if (contract.contractEndDate) { %>
<%= contract.contractEndDateString %>
<% } else { %>
<span class="has-text-grey">(No End Date)</span>
<% } %>
</td>
<td>
<% if (contract.contractInterments.length === 0) { %>
<span class="has-text-grey">
(No Interments)
</span>
<% } else { %>
<ul class="fa-ul ml-5">
<% for (const interment of contract.contractInterments) { %>
<li>
<span class="fa-li"><i class="fas fa-user" aria-hidden="true"></i></span>
<%= interment.deceasedName %>
</li>
<% } %>
</ul>
<% } %>
</td>
</tr>
<% } %>
</tbody>
</table>
<% } %>
</div>
<div class="<%= (tabToSelect === "burialSites" ? "" : "is-hidden") %>" id="relatedTab--burialSites">
<% if (workOrder.workOrderBurialSites.length === 0) { %>
<div class="message is-info"> <div class="message is-info">
<p class="message-body"> <p class="message-body">
There are no burial sites associated with this work order. There are no contracts associated with this work order.
</p> </p>
</div> </div>
<% } else { %> <% } else { %>
<% const currentDate = dateTimeFunctions.dateToInteger(new Date()); %>
<table class="table is-fullwidth is-striped is-hoverable"> <table class="table is-fullwidth is-striped is-hoverable">
<thead> <thead>
<tr>
<th>Burial Site</th>
<th>Cemetery</th>
<th>Burial Site Type</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<% for (const burialSite of workOrder.workOrderBurialSites) { %>
<tr> <tr>
<td> <th class="has-width-1"></th>
<a class="has-text-weight-bold" href="<%= urlPrefix %>/burialSites/<%= burialSite.burialSiteId %>"> <th>Contract Type</th>
<%= burialSite.burialSiteName %> <th>Burial Site</th>
</a> <th>Contract Date</th>
</td> <th>End Date</th>
<td><%= burialSite.cemeteryName %></td> <th>Interments</th>
<td><%= burialSite.burialSiteType %></td>
<td><%= burialSite.burialSiteStatus %></td>
</tr> </tr>
<% } %> </thead>
</tbody> <tbody>
<% for (const contract of workOrder.workOrderContracts) { %>
<% const isActive = !(contract.contractEndDate && contract.contractEndDate < currentDate); %>
<tr>
<td class="has-text-centered">
<% if (isActive) { %>
<i class="fas fa-play" title="Current Contract"></i>
<% } else { %>
<i class="fas fa-stop" title="Previous Contract"></i>
<% } %>
</td>
<td>
<a class="has-text-weight-bold"
href="<%= urlPrefix %>/contracts/<%= contract.contractId %>">
<%= contract.contractType %>
</a><br />
<span class="is-size-7">
#<%= contract.contractId %>
</span>
</td>
<td>
<% if (contract.burialSiteId) { %>
<%= contract.burialSiteName %>
<% } else { %>
<span class="has-text-grey">(No Burial Site)</span>
<% } %>
</td>
<td><%= contract.contractStartDateString %></td>
<td>
<% if (contract.contractEndDate) { %>
<%= contract.contractEndDateString %>
<% } else { %>
<span class="has-text-grey">(No End Date)</span>
<% } %>
</td>
<td>
<% if (contract.contractInterments.length === 0) { %>
<span class="has-text-grey">
(No Interments)
</span>
<% } else { %>
<ul class="fa-ul ml-5">
<% for (const interment of contract.contractInterments) { %>
<li>
<span class="fa-li"><i class="fas fa-user" aria-hidden="true"></i></span>
<%= interment.deceasedName %>
</li>
<% } %>
</ul>
<% } %>
</td>
</tr>
<% } %>
</tbody>
</table> </table>
<% } %> <% } %>
</div> </div>
</div> <div class="<%= (tabToSelect === "burialSites" ? "" : "is-hidden") %>" id="relatedTab--burialSites">
<% if (workOrder.workOrderBurialSites.length === 0) { %>
<div class="message is-info">
<p class="message-body">
There are no burial sites associated with this work order.
</p>
</div>
<% } else { %>
<table class="table is-fullwidth is-striped is-hoverable">
<thead>
<tr>
<th>Burial Site</th>
<th>Cemetery</th>
<th>Burial Site Type</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<% for (const burialSite of workOrder.workOrderBurialSites) { %>
<tr>
<td>
<a class="has-text-weight-bold" href="<%= urlPrefix %>/burialSites/<%= burialSite.burialSiteId %>">
<%= burialSite.burialSiteName %>
</a>
</td>
<td><%= burialSite.cemeteryName %></td>
<td><%= burialSite.burialSiteType %></td>
<td><%= burialSite.burialSiteStatus %></td>
</tr>
<% } %>
</tbody>
</table>
<% } %>
</div>
</div>
</div> </div>
</div> </div>
@ -297,7 +297,7 @@
<div class="level is-mobile"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-5 has-text-weight-bold">Milestones</h2> <h2 class="title is-5 has-text-white has-text-weight-bold">Milestones</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right">