mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-13 12:47:28 +01:00
12773d539e
* Read IP blocks from database * begin building general blocking solution * add new frontend files * Add UI for managing blockers * correctly reset local data after creating blocker * Tweak wording * Add UI for managing blockers * restructure admin pages * improve test coverage * Improve blocker UI * add blocker to block emails from registration * lint fix * fix * lint fixes * fix import * add new permission for managing blockers * improve permission check * fix managing permissions from admin * improve navbar display for non fullAccess admin * update block error strings * lint fix * add option to errorHandler to skip logging * validate blocker value during input * improve blocker form display * chore(subproj): reconcile habitica-images * fix(scripts): use same Mongo version for dev/test * fix(whitespace): eof * documentation improvements * remove nconf import * remove old test --------- Co-authored-by: Kalista Payne <kalista@habitica.com> Co-authored-by: Kalista Payne <sabrecat@gmail.com>
73 lines
1.1 KiB
Vue
73 lines
1.1 KiB
Vue
<template>
|
|
<div class="form-group row">
|
|
<label
|
|
class="col-sm-3 col-form-label"
|
|
:class="color"
|
|
>{{ label }}</label>
|
|
<div class="col-sm-9">
|
|
<input
|
|
:value="value"
|
|
class="form-control"
|
|
type="number"
|
|
:step="step"
|
|
:max="max"
|
|
:min="min"
|
|
@input="$emit('input', parseInt($event.target.value, 10))"
|
|
>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
@import '@/assets/scss/colors.scss';
|
|
|
|
.about-row {
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.red-label {
|
|
color: $red_100;
|
|
}
|
|
.blue-label {
|
|
color: $blue_100;
|
|
}
|
|
.purple-label {
|
|
color: $purple_300;
|
|
}
|
|
.yellow-label {
|
|
color: $yellow_50;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
export default {
|
|
model: {
|
|
prop: 'value',
|
|
event: 'input',
|
|
},
|
|
props: {
|
|
label: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
color: {
|
|
type: String,
|
|
default: 'text-label',
|
|
},
|
|
value: {
|
|
type: Number,
|
|
required: true,
|
|
},
|
|
step: {
|
|
type: String,
|
|
default: 'any',
|
|
},
|
|
min: {
|
|
},
|
|
max: {
|
|
},
|
|
},
|
|
};
|
|
</script>
|